From 8f9f3868b73cca750bd583948afe377a15adc479 Mon Sep 17 00:00:00 2001
From: ing <104059491+yuanningning@users.noreply.github.com>
Date: Sun, 4 Jun 2023 20:13:57 -0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0auto-lookup=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7demo=E5=8F=8Aapi=E6=96=87=E6=A1=A3=20(#269)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/pc/api/en-US/popeditor.json     |  7 ++
 .../resources/pc/api/zh-CN/popeditor.json     |  7 ++
 .../pc/demo-config/en-US/pop-editor.json      |  8 ++
 .../pc/demo-config/zh-CN/pop-editor.json      |  8 ++
 .../pc/demo/popeditor/auto-lookup.vue         | 89 +++++++++++++++++++
 5 files changed, 119 insertions(+)
 create mode 100644 examples/docs/resources/pc/demo/popeditor/auto-lookup.vue

diff --git a/examples/docs/resources/pc/api/en-US/popeditor.json b/examples/docs/resources/pc/api/en-US/popeditor.json
index 61bb1f103..e2e0415d9 100644
--- a/examples/docs/resources/pc/api/en-US/popeditor.json
+++ b/examples/docs/resources/pc/api/en-US/popeditor.json
@@ -195,6 +195,13 @@
       "type": "String",
       "desc": "Customized configuration pop-up window class name",
       "defaultValue": ""
+    },
+    {
+      "name": "auto-lookup",
+      "sample": "auto-lookup",
+      "type": "Boolean",
+      "desc": "Set initialization not to request data",
+      "defaultValue": "true"
     }
   ],
   "slots": [
diff --git a/examples/docs/resources/pc/api/zh-CN/popeditor.json b/examples/docs/resources/pc/api/zh-CN/popeditor.json
index 236b07345..08f3975a1 100644
--- a/examples/docs/resources/pc/api/zh-CN/popeditor.json
+++ b/examples/docs/resources/pc/api/zh-CN/popeditor.json
@@ -195,6 +195,13 @@
       "type": "String",
       "desc": "自定义配置弹窗类名",
       "defaultValue": ""
+    },
+    {
+      "name": "auto-lookup",
+      "sample": "auto-lookup",
+      "type": "Boolean",
+      "desc": "设置初始化不请求数据",
+      "defaultValue": "true"
     }
   ],
   "slots": [
diff --git a/examples/docs/resources/pc/demo-config/en-US/pop-editor.json b/examples/docs/resources/pc/demo-config/en-US/pop-editor.json
index 3a56c3dc5..5267bf325 100644
--- a/examples/docs/resources/pc/demo-config/en-US/pop-editor.json
+++ b/examples/docs/resources/pc/demo-config/en-US/pop-editor.json
@@ -254,5 +254,13 @@
     "component": "PopEditor pop-up editing",
     "findIntroStr": "This component can only select data in the pop-up panel. Data cannot be manually entered. The tree or grid component is displayed in the pop-up panel.",
     "demoId": "show-history"
+  },
+  {
+    "title": "Remote Data Request",
+    "content": "<p>Configure the <code>auto-lookup</code> to false, set initialization to not request data, or call this $ref.popuptor.handleSearch() Proactively calls the request method</p>\n",
+    "link": "popeditor/auto-lookup",
+    "component": "PopEditor pop-up editing",
+    "findIntroStr": "This component can only select data in the pop-up panel. Data cannot be manually entered. The tree or grid component is displayed in the pop-up panel.",
+    "demoId": "auto-lookup"
   }
 ]
diff --git a/examples/docs/resources/pc/demo-config/zh-CN/pop-editor.json b/examples/docs/resources/pc/demo-config/zh-CN/pop-editor.json
index 9014623ab..840e0566a 100644
--- a/examples/docs/resources/pc/demo-config/zh-CN/pop-editor.json
+++ b/examples/docs/resources/pc/demo-config/zh-CN/pop-editor.json
@@ -254,5 +254,13 @@
     "component": " PopEditor 弹出编辑",
     "findIntroStr": "该组件只能在弹出的面板中选择数据，不能手动输入数据；弹出面板中显示为 Tree 组件或者 Grid 组件。",
     "demoId": "show-history"
+  },
+  {
+    "title": "远程数据请求",
+    "content": "<p>配置 <code>auto-lookup</code> 为false，设置初始化不请求数据，也可以调用 this.$refs.popeditor.handleSearch() 主动调用请求方法</p>\n",
+    "link": "popeditor/auto-lookup",
+    "component": " PopEditor 弹出编辑",
+    "findIntroStr": "该组件只能在弹出的面板中选择数据，不能手动输入数据；弹出面板中显示为 Tree 组件或者 Grid 组件。",
+    "demoId": "auto-lookup"
   }
 ]
diff --git a/examples/docs/resources/pc/demo/popeditor/auto-lookup.vue b/examples/docs/resources/pc/demo/popeditor/auto-lookup.vue
new file mode 100644
index 000000000..ae5156a2b
--- /dev/null
+++ b/examples/docs/resources/pc/demo/popeditor/auto-lookup.vue
@@ -0,0 +1,89 @@
+<template>
+    <tiny-popeditor
+      multi
+      :remote-search="remoteSearch"
+      v-model="value"
+      show-pager
+      :grid-op="gridOp"
+      text-field="name"
+      :auto-lookup="false"
+      value-field="id"
+      ref="popeditor"
+      :conditions="conditions"
+      @click="foucus"
+    ></tiny-popeditor>
+  </template>
+  
+  <script>
+  import { Popeditor } from '@opentiny/vue'
+  
+  export default {
+    components: {
+      TinyPopeditor: Popeditor
+    },
+    data() {
+      return {
+        value: 5,
+        gridOp: {
+          columns: [
+            {
+              field: 'id',
+              title: 'ID',
+              width: 40
+            },
+            {
+              field: 'name',
+              title: '名称'
+            },
+            {
+              field: 'city',
+              title: '城市',
+              width: 80
+            },
+            {
+              field: 'employees',
+              title: '员工',
+              width: 80
+            }
+          ],
+          data: [],
+          pagerOp: {
+            pageSizes: [5, 10, 15]
+          }
+        },
+        conditions: [
+          { label: '公司名', field: 'name' },
+          { label: '城市', field: 'city' }
+        ]
+      }
+    },
+    methods: {
+      foucus(){
+      const pop=this.$refs.popeditor
+      // 主动调用请求方法
+      pop.handleSearch()
+      },
+      remoteSearch({ page }) {
+        const randomAlphabets = () => {
+          return Array.from({ length: 5 })
+            .map(() => String.fromCharCode(65 + Math.floor(26 * Math.random())))
+            .join('')
+        }
+        const { currentPage, pageSize } = page
+        const data = Array.from({ length: page.pageSize }).map((item, i) => {
+          return {
+            id: pageSize * (currentPage - 1) + i + 1,
+            name: randomAlphabets() + 'YX公司',
+            city: ['福州', '深圳', '中山', '龙岩', '韶关', '黄冈', '赤壁', '厦门'][Math.floor(Math.random() * 8)],
+            employees: Math.ceil(Math.random() * 10000)
+          }
+        })
+        return new Promise((resolve) => {
+          setTimeout(() => {
+            resolve({ data, total: 200 })
+          }, 500)
+        })
+      }
+    }
+  }
+  </script>
\ No newline at end of file