diff --git a/examples/docs/resources/pc/api/en-US/popeditor.json b/examples/docs/resources/pc/api/en-US/popeditor.json index e2e0415d9..157d2c307 100644 --- a/examples/docs/resources/pc/api/en-US/popeditor.json +++ b/examples/docs/resources/pc/api/en-US/popeditor.json @@ -202,6 +202,13 @@ "type": "Boolean", "desc": "Set initialization not to request data", "defaultValue": "true" + }, + { + "name": "suggest", + "sample": "suggest", + "type": "Boolean", + "desc": "Configure the suggest to enable the association function, and automatically trigger the association query after entering the input box; This function needs to be used in conjunction with remoteSearch", + "defaultValue": "" } ], "slots": [ diff --git a/examples/docs/resources/pc/api/zh-CN/popeditor.json b/examples/docs/resources/pc/api/zh-CN/popeditor.json index 08f3975a1..56bbb2221 100644 --- a/examples/docs/resources/pc/api/zh-CN/popeditor.json +++ b/examples/docs/resources/pc/api/zh-CN/popeditor.json @@ -202,6 +202,13 @@ "type": "Boolean", "desc": "设置初始化不请求数据", "defaultValue": "true" + }, + { + "name": "suggest", + "sample": "suggest", + "type": "Boolean", + "desc": "配置suggest 开启联想功能,输入框输入后自动触发联想查询;该功能需要联合 remoteSearch 使用", + "defaultValue": "" } ], "slots": [ @@ -236,4 +243,4 @@ "defaultValue": "" } ] -} +} \ No newline at end of file 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 5267bf325..520f67461 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 @@ -262,5 +262,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": "auto-lookup" + }, + { + "title": "Associative query", + "content": "

Configure the suggest to enable the association function, automatically triggering association queries after input in the input box; This function needs to be used in conjunction with remoteSearch.

\n", + "link": "popeditor/suggest", + "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.Configure the suggest to enable the association function, and automatically trigger the association query after entering the input box; This function needs to be used in conjunction with remoteSearch", + "demoId": "suggest" } ] 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 840e0566a..f8b49dc57 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 @@ -17,7 +17,7 @@ }, { "title": "布局与配置", - "content": "

通过 condition 项目里属性里的span配置栅格,labelWidth 配置label宽度。 component配置自定义组件,并通过 attrs配置组件属性

\n", + "content": "

通过 conditions 项目里属性里的span配置栅格,labelWidth 配置label宽度。 component配置自定义组件,并通过 attrs配置组件属性

\n", "link": "popeditor/condition-layout", "component": " PopEditor 弹出编辑", "findIntroStr": "该组件只能在弹出的面板中选择数据,不能手动输入数据;弹出面板中显示为 Tree 组件或者 Grid 组件。", @@ -262,5 +262,13 @@ "component": " PopEditor 弹出编辑", "findIntroStr": "该组件只能在弹出的面板中选择数据,不能手动输入数据;弹出面板中显示为 Tree 组件或者 Grid 组件。", "demoId": "auto-lookup" + }, + { + "title": "联想查询", + "content": "

配置 suggest 开启联想功能,输入框输入后自动触发联想查询;该功能需要联合 remoteSearch使用\n", + "link": "popeditor/suggest", + "component": " PopEditor 弹出编辑", + "findIntroStr": "该组件只能在弹出的面板中选择数据,不能手动输入数据;弹出面板中显示为 Tree 组件或者 Grid 组件。配置suggest 开启联想功能,输入框输入后自动触发联想查询;该功能需要联合 remoteSearch 使用", + "demoId": "suggest" } ] diff --git a/examples/docs/resources/pc/demo/popeditor/suggest.vue b/examples/docs/resources/pc/demo/popeditor/suggest.vue new file mode 100644 index 000000000..383baf874 --- /dev/null +++ b/examples/docs/resources/pc/demo/popeditor/suggest.vue @@ -0,0 +1,141 @@ + + +