@ibiz-template/vue3-components 0.5.3 → 0.5.6

package/es/common/action-toolbar/action-toolbar.mjs

@@ -115,7 +115,8 @@ const IBizActionToolbar = /* @__PURE__ */ defineComponent({
       }, {
         icon: () => createVNode("ion-icon", {
           "class": this.ns.e("icon"),
-          "name": "ellipsis-vertical-outline"
+          "name": "ellipsis-vertical-outline",
+          "title": ibiz.i18n.t("component.actionToolbar.more")
         }, null)
       }), createVNode(resolveComponent("el-popover"), {
         "placement": "bottom-start",

package/es/common/grid-setting/grid-setting.css

@@ -1 +1 @@
-.ibiz-grid-setting-column-states{max-height:500px;overflow-y:auto}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-extra-tight) 0;font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled{opacity:.5}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state img{display:inline-block;width:var(--ibiz-font-size-small);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}
+.ibiz-grid-setting-column-states{max-height:500px;overflow-y:auto}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-extra-tight) 0;font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled{opacity:.5}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state img{display:inline-block;width:var(--ibiz-font-size-small);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-grid-setting-set-icon{color:var(--ibiz-color-primary);cursor:pointer}

package/es/common/grid-setting/grid-setting.mjs

@@ -64,8 +64,8 @@ const IBizGridSetting = /* @__PURE__ */ defineComponent({
     }, {
       reference: () => {
         return createVNode("ion-icon", {
-          "name": "settings-outline",
-          "class": this.ns.b(),
+          "name": "ellipsis-vertical-outline",
+          "class": this.ns.b("set-icon"),
           "title": ibiz.i18n.t("component.gridSetting.hideControl")
         }, null);
       },

package/es/control/search-bar/search-groups/edit-group-util.mjs

@@ -28,6 +28,7 @@ function useEditGroup(c) {
                 }
               }
             }
+            ibiz.message.success("\u66F4\u65B0\u6210\u529F\uFF01");
             editDialogVisible.value = false;
           }
         }

package/es/control/search-bar/search-groups/new-group-util.mjs

@@ -21,9 +21,17 @@ function useNewGroup(c) {
       await newFormRef.value.validate(
         async (valid, _fields) => {
           if (valid) {
+            const sameCaptionGroup = c.state.searchBarGroups.find((group) => {
+              return group.caption === newForm.caption;
+            });
+            if (sameCaptionGroup) {
+              ibiz.message.error("\u5206\u7EC4\u540D\u79F0\u4E0D\u80FD\u91CD\u590D\uFF01");
+              return;
+            }
             await c.service.create(newForm.caption);
             handleNewFormCancel();
             await c.initSearBarGroups();
+            ibiz.message.success("\u65B0\u5EFA\u6210\u529F\uFF01");
           }
         }
       );

package/es/control/search-bar/search-groups/search-groups.d.ts

@@ -31,6 +31,7 @@ export declare const SearchGroups: import("vue").DefineComponent<{
     removeGroup: (groupItem: IBackendSearchBarGroup) => void;
     isActiveMore: import("vue").ComputedRef<boolean>;
     onDragChange: (evt: IData) => Promise<void>;
+    editLinkTitle: (groupItem: IBackendSearchBarGroup) => "" | "配置的分组不可编辑" | "请先保存该分组";
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: PropType<SearchBarController>;

package/es/control/search-bar/search-groups/search-groups.mjs

@@ -3,7 +3,7 @@ import { useNamespace } from '@ibiz-template/vue3-util';
 import './search-groups.css';
 import { ElMessageBox } from 'element-plus';
 import draggable from 'vuedraggable';
-import { cloneDeep } from 'lodash-es';
+import { mergeInLeft } from '@ibiz-template/core';
 import { useNewGroup } from './new-group-util.mjs';
 import { useEditGroup } from './edit-group-util.mjs';
 
@@ -54,6 +54,15 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
+    const editLinkTitle = (groupItem) => {
+      if (groupItem.saved) {
+        if (groupItem.noEdit) {
+          return "\u914D\u7F6E\u7684\u5206\u7EC4\u4E0D\u53EF\u7F16\u8F91";
+        }
+        return "";
+      }
+      return "\u8BF7\u5148\u4FDD\u5B58\u8BE5\u5206\u7EC4";
+    };
     const onGroupClick = (item) => {
       c.handleGroupClick(item);
     };
@@ -66,7 +75,7 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
     const editGroup = (groupItem) => {
       editDialogVisible.value = true;
       c.currentEditGroup = groupItem;
-      editForm.caption = groupItem.caption || groupItem.id;
+      editForm.caption = groupItem.caption || groupItem.name;
     };
     const removeGroup = (groupItem) => {
       ElMessageBox({
@@ -76,7 +85,7 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
             "class": ns.b("remove-dialog")
           }, [createVNode("div", {
             "class": ns.b("remove-dialog-content")
-          }, [createTextVNode("\u786E\u8BA4\u5220\u9664\u5206\u7EC4"), createVNode("span", null, [groupItem.caption || groupItem.id]), createTextVNode("\u5417\uFF1F")]), createVNode("div", {
+          }, [createTextVNode("\u786E\u8BA4\u5220\u9664\u5206\u7EC4"), createVNode("span", null, [groupItem.caption || groupItem.name]), createTextVNode("\u5417\uFF1F")]), createVNode("div", {
             "class": ns.b("remove-dialog-tip")
           }, [createTextVNode("\u5206\u7EC4\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D")])]);
         },
@@ -89,11 +98,12 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
         if (groupItem.id) {
           const res = await c.service.remove(groupItem.id);
           if (res.ok) {
-            const index = c.state.searchBarGroups.findIndex((item) => item.id === groupItem.id);
+            const index = c.state.searchBarGroups.findIndex((item) => item.name === groupItem.name);
             if (index !== -1) {
               c.state.searchBarGroups.splice(index, 1);
             }
           }
+          ibiz.message.success("\u5220\u9664\u6210\u529F\uFF01");
           await c.initSearBarGroups();
         }
       }).catch(() => {
@@ -108,7 +118,7 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
         const oldIndex = evt.moved.oldIndex;
         const startIndex = Math.min(newIndex, oldIndex);
         const endIndex = Math.max(newIndex, oldIndex) + 1;
-        const changedSearchBarGroups = cloneDeep(c.state.searchBarGroups.slice(startIndex, endIndex));
+        const changedSearchBarGroups = c.state.searchBarGroups.slice(startIndex, endIndex);
         if (changedSearchBarGroups.length > 0) {
           const updateBatch = async () => {
             await c.service.updateBatch(changedSearchBarGroups);
@@ -116,10 +126,19 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
           const unSavedGroups = changedSearchBarGroups.filter((group) => !group.saved);
           if (unSavedGroups.length) {
             const res = await c.service.createBatch(unSavedGroups);
-            if (res.ok) {
+            if (res.ok && res.data && res.data[0]) {
+              const createBatchGroups = res.data[0];
+              if (createBatchGroups.length > 0) {
+                createBatchGroups.forEach((createGroup) => {
+                  const newCreateGroup = changedSearchBarGroups.find((group) => group.name === createGroup.name);
+                  if (newCreateGroup) {
+                    mergeInLeft(newCreateGroup, createGroup);
+                  }
+                });
+              }
               await updateBatch();
               unSavedGroups.forEach((group) => {
-                const unSavedGroup = c.state.searchBarGroups.find((item) => item.id === group.id);
+                const unSavedGroup = c.state.searchBarGroups.find((item) => item.name === group.name);
                 if (unSavedGroup) {
                   unSavedGroup.saved = true;
                 }
@@ -155,7 +174,8 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
       editGroup,
       removeGroup,
       isActiveMore,
-      onDragChange
+      onDragChange,
+      editLinkTitle
     };
   },
   render() {
@@ -165,9 +185,9 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
     }, [(_a = this.showGroups) == null ? void 0 : _a.map((groupItem) => {
       var _a2;
       return createVNode("span", {
-        "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.id) === groupItem.id)],
+        "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.name) === groupItem.name)],
         "onClick": () => this.onGroupClick(groupItem)
-      }, [groupItem.caption || groupItem.id]);
+      }, [groupItem.caption || groupItem.name]);
     }), createVNode(resolveComponent("el-dropdown"), {
       "popper-class": this.ns.b("dropdown")
     }, {
@@ -187,7 +207,7 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
                 "name": "list-outline"
               }, null), createVNode("span", {
                 "class": this.ns.b("item-caption")
-              }, [groupItem.caption || groupItem.id]), ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.id) === groupItem.id && createVNode("ion-icon", {
+              }, [groupItem.caption || groupItem.name]), ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.name) === groupItem.name && createVNode("ion-icon", {
                 "name": "checkmark-outline"
               }, null)];
             }
@@ -344,7 +364,7 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
             "class": this.ns.b("table-row")
           }, [createVNode("div", {
             "class": this.ns.b("name")
-          }, [groupItem.caption || groupItem.id]), createVNode("div", {
+          }, [groupItem.caption || groupItem.name]), createVNode("div", {
             "class": this.ns.b("show")
           }, [createVNode(resolveComponent("el-switch"), {
             "modelValue": groupItem.show,
@@ -353,8 +373,8 @@ const SearchGroups = /* @__PURE__ */ defineComponent({
             "class": this.ns.b("action")
           }, [createVNode(resolveComponent("el-link"), {
             "type": "primary",
-            "disabled": !groupItem.saved,
-            "title": !groupItem.saved ? "\u8BF7\u5148\u4FDD\u5B58\u8BE5\u5206\u7EC4" : "",
+            "disabled": !groupItem.saved || groupItem.noEdit,
+            "title": this.editLinkTitle(groupItem),
             "onClick": () => this.editGroup(groupItem)
           }, {
             default: () => [createTextVNode("\u7F16\u8F91")]

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs

@@ -19,6 +19,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
     const isShowAll = ref(true);
     const isEditable = ref(false);
     const editorRef = ref();
+    const isSearched = ref(false);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -42,8 +43,24 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
         }, 100);
       }
     };
-    watch(() => props.value, (newVal) => {
+    const onSearch = async (query, cb) => {
+      if (c.model.appDataEntityId) {
+        const trimQuery = query.trim();
+        const res = await c.getServiceData(trimQuery, props.data);
+        if (res) {
+          items.value = res.data;
+          isSearched.value = true;
+          if (cb && cb instanceof Function) {
+            cb(items.value);
+          }
+        }
+      }
+    };
+    watch(() => props.value, async (newVal, oldVal) => {
       if (newVal || newVal === null) {
+        if (!isSearched.value && oldVal === void 0) {
+          await onSearch("");
+        }
         if (newVal === null) {
           curValue.value = "";
         }
@@ -71,19 +88,9 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
       isShowAll.value = true;
       setEditable(false);
     };
-    const onSearch = async (query, cb) => {
-      if (c.model.appDataEntityId) {
-        const trimQuery = query.trim();
-        const res = await c.getServiceData(trimQuery, props.data);
-        if (res) {
-          items.value = res.data;
-          if (cb && cb instanceof Function) {
-            cb(items.value);
-          }
-        }
-      }
-    };
-    onSearch("");
+    if (props.value) {
+      onSearch("");
+    }
     const onClear = () => {
       const dataItems = c.dataItems;
       if (dataItems.length > 0) {

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.d.ts

@@ -40,6 +40,7 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
     onSuccess: (response: IData) => void;
     beforeUpload: () => void;
     isGridEditor: import("vue").ComputedRef<boolean>;
+    componentRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.mjs

@@ -1,5 +1,5 @@
 import { computed, resolveComponent, createTextVNode, createVNode, defineComponent } from 'vue';
-import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { getUploadProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-file-upload.css';
 import { useIViewUpload } from '../use/use-iview-upload.mjs';
 
@@ -33,6 +33,9 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
     const isGridEditor = computed(() => {
       return !!c.parent.model.columnType;
     });
+    const {
+      componentRef
+    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
     return {
       ns,
       c,
@@ -46,12 +49,14 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
       onRemove,
       onSuccess,
       beforeUpload,
-      isGridEditor
+      isGridEditor,
+      componentRef
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "ref": "componentRef"
     }, [createVNode(resolveComponent("el-upload"), {
       "class": [this.ns.b("icon"), this.ns.is("not-show", this.noUploadIcon)],
       "file-list": this.files,

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.d.ts

@@ -43,6 +43,7 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
     onDownload: (file: IData) => void;
     onDialogVisibleChange: (value: boolean) => void;
     onPreview: (file: IData) => void;
+    componentRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -1,5 +1,5 @@
 import { ref, computed, createVNode, resolveComponent, defineComponent } from 'vue';
-import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { getUploadProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-image-upload.css';
 import { useIViewUpload } from '../use/use-iview-upload.mjs';
 
@@ -38,6 +38,9 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
     const noUploadIcon = computed(() => {
       return limit.value === 1 && files.value.length === 1;
     });
+    const {
+      componentRef
+    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
     return {
       ns,
       c,
@@ -54,12 +57,14 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
       onRemove,
       onDownload,
       onDialogVisibleChange,
-      onPreview
+      onPreview,
+      componentRef
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "ref": "componentRef"
     }, [createVNode("div", {
       "class": this.ns.e("image-upload-list")
     }, [this.files.map((item) => createVNode("div", {

package/es/locale/en/index.d.ts

@@ -99,6 +99,9 @@ declare const _default: {
         gridSetting: {
             hideControl: string;
         };
+        actionToolbar: {
+            more: string;
+        };
     };
     editor: {};
 };

package/es/locale/en/index.mjs

@@ -102,7 +102,10 @@ var index = {
       noSupportVideo: "Your browser does not support video tags"
     },
     gridSetting: {
-      hideControl: "Table Column Hide Control"
+      hideControl: "Column selection"
+    },
+    actionToolbar: {
+      more: "More"
     }
   },
   // 编辑器

package/es/locale/zh-CN/index.d.ts

@@ -99,6 +99,9 @@ declare const _default: {
         gridSetting: {
             hideControl: string;
         };
+        actionToolbar: {
+            more: string;
+        };
     };
     editor: {};
 };

package/es/locale/zh-CN/index.mjs

@@ -102,7 +102,10 @@ var index = {
       noSupportVideo: "\u4F60\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301video\u6807\u7B7E"
     },
     gridSetting: {
-      hideControl: "\u8868\u683C\u5217\u9690\u85CF\u63A7\u5236"
+      hideControl: "\u5217\u9009\u62E9"
+    },
+    actionToolbar: {
+      more: "\u66F4\u591A"
     }
   },
   // 编辑器

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -117,7 +117,8 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
       }, {
         icon: () => vue.createVNode("ion-icon", {
           "class": this.ns.e("icon"),
-          "name": "ellipsis-vertical-outline"
+          "name": "ellipsis-vertical-outline",
+          "title": ibiz.i18n.t("component.actionToolbar.more")
         }, null)
       }), vue.createVNode(vue.resolveComponent("el-popover"), {
         "placement": "bottom-start",

package/lib/common/grid-setting/grid-setting.cjs

@@ -66,8 +66,8 @@ const IBizGridSetting = /* @__PURE__ */ vue.defineComponent({
     }, {
       reference: () => {
         return vue.createVNode("ion-icon", {
-          "name": "settings-outline",
-          "class": this.ns.b(),
+          "name": "ellipsis-vertical-outline",
+          "class": this.ns.b("set-icon"),
           "title": ibiz.i18n.t("component.gridSetting.hideControl")
         }, null);
       },

package/lib/common/grid-setting/grid-setting.css

@@ -1 +1 @@
-.ibiz-grid-setting-column-states{max-height:500px;overflow-y:auto}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-extra-tight) 0;font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled{opacity:.5}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state img{display:inline-block;width:var(--ibiz-font-size-small);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}
+.ibiz-grid-setting-column-states{max-height:500px;overflow-y:auto}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state{display:flex;align-items:center;justify-content:flex-start;padding:var(--ibiz-spacing-extra-tight) 0;font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state.is-disabled{opacity:.5}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state img{display:inline-block;width:var(--ibiz-font-size-small);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-3)}.ibiz-grid-setting-column-states .ibiz-grid-setting-column-state-ghost{background-color:var(--ibiz-color-primary-light-default);opacity:.5}.ibiz-grid-setting-set-icon{color:var(--ibiz-color-primary);cursor:pointer}

package/lib/control/search-bar/search-groups/edit-group-util.cjs

@@ -30,6 +30,7 @@ function useEditGroup(c) {
                 }
               }
             }
+            ibiz.message.success("\u66F4\u65B0\u6210\u529F\uFF01");
             editDialogVisible.value = false;
           }
         }

package/lib/control/search-bar/search-groups/new-group-util.cjs

@@ -23,9 +23,17 @@ function useNewGroup(c) {
       await newFormRef.value.validate(
         async (valid, _fields) => {
           if (valid) {
+            const sameCaptionGroup = c.state.searchBarGroups.find((group) => {
+              return group.caption === newForm.caption;
+            });
+            if (sameCaptionGroup) {
+              ibiz.message.error("\u5206\u7EC4\u540D\u79F0\u4E0D\u80FD\u91CD\u590D\uFF01");
+              return;
+            }
             await c.service.create(newForm.caption);
             handleNewFormCancel();
             await c.initSearBarGroups();
+            ibiz.message.success("\u65B0\u5EFA\u6210\u529F\uFF01");
           }
         }
       );

package/lib/control/search-bar/search-groups/search-groups.cjs

@@ -5,7 +5,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 require('./search-groups.css');
 var ElementPlus = require('element-plus');
 var draggable = require('vuedraggable');
-var lodashEs = require('lodash-es');
+var core = require('@ibiz-template/core');
 var newGroupUtil = require('./new-group-util.cjs');
 var editGroupUtil = require('./edit-group-util.cjs');
 
@@ -56,6 +56,15 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
       }
       return false;
     });
+    const editLinkTitle = (groupItem) => {
+      if (groupItem.saved) {
+        if (groupItem.noEdit) {
+          return "\u914D\u7F6E\u7684\u5206\u7EC4\u4E0D\u53EF\u7F16\u8F91";
+        }
+        return "";
+      }
+      return "\u8BF7\u5148\u4FDD\u5B58\u8BE5\u5206\u7EC4";
+    };
     const onGroupClick = (item) => {
       c.handleGroupClick(item);
     };
@@ -68,7 +77,7 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
     const editGroup = (groupItem) => {
       editDialogVisible.value = true;
       c.currentEditGroup = groupItem;
-      editForm.caption = groupItem.caption || groupItem.id;
+      editForm.caption = groupItem.caption || groupItem.name;
     };
     const removeGroup = (groupItem) => {
       ElementPlus.ElMessageBox({
@@ -78,7 +87,7 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
             "class": ns.b("remove-dialog")
           }, [vue.createVNode("div", {
             "class": ns.b("remove-dialog-content")
-          }, [vue.createTextVNode("\u786E\u8BA4\u5220\u9664\u5206\u7EC4"), vue.createVNode("span", null, [groupItem.caption || groupItem.id]), vue.createTextVNode("\u5417\uFF1F")]), vue.createVNode("div", {
+          }, [vue.createTextVNode("\u786E\u8BA4\u5220\u9664\u5206\u7EC4"), vue.createVNode("span", null, [groupItem.caption || groupItem.name]), vue.createTextVNode("\u5417\uFF1F")]), vue.createVNode("div", {
             "class": ns.b("remove-dialog-tip")
           }, [vue.createTextVNode("\u5206\u7EC4\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D")])]);
         },
@@ -91,11 +100,12 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
         if (groupItem.id) {
           const res = await c.service.remove(groupItem.id);
           if (res.ok) {
-            const index = c.state.searchBarGroups.findIndex((item) => item.id === groupItem.id);
+            const index = c.state.searchBarGroups.findIndex((item) => item.name === groupItem.name);
             if (index !== -1) {
               c.state.searchBarGroups.splice(index, 1);
             }
           }
+          ibiz.message.success("\u5220\u9664\u6210\u529F\uFF01");
           await c.initSearBarGroups();
         }
       }).catch(() => {
@@ -110,7 +120,7 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
         const oldIndex = evt.moved.oldIndex;
         const startIndex = Math.min(newIndex, oldIndex);
         const endIndex = Math.max(newIndex, oldIndex) + 1;
-        const changedSearchBarGroups = lodashEs.cloneDeep(c.state.searchBarGroups.slice(startIndex, endIndex));
+        const changedSearchBarGroups = c.state.searchBarGroups.slice(startIndex, endIndex);
         if (changedSearchBarGroups.length > 0) {
           const updateBatch = async () => {
             await c.service.updateBatch(changedSearchBarGroups);
@@ -118,10 +128,19 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
           const unSavedGroups = changedSearchBarGroups.filter((group) => !group.saved);
           if (unSavedGroups.length) {
             const res = await c.service.createBatch(unSavedGroups);
-            if (res.ok) {
+            if (res.ok && res.data && res.data[0]) {
+              const createBatchGroups = res.data[0];
+              if (createBatchGroups.length > 0) {
+                createBatchGroups.forEach((createGroup) => {
+                  const newCreateGroup = changedSearchBarGroups.find((group) => group.name === createGroup.name);
+                  if (newCreateGroup) {
+                    core.mergeInLeft(newCreateGroup, createGroup);
+                  }
+                });
+              }
               await updateBatch();
               unSavedGroups.forEach((group) => {
-                const unSavedGroup = c.state.searchBarGroups.find((item) => item.id === group.id);
+                const unSavedGroup = c.state.searchBarGroups.find((item) => item.name === group.name);
                 if (unSavedGroup) {
                   unSavedGroup.saved = true;
                 }
@@ -157,7 +176,8 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
       editGroup,
       removeGroup,
       isActiveMore,
-      onDragChange
+      onDragChange,
+      editLinkTitle
     };
   },
   render() {
@@ -167,9 +187,9 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
     }, [(_a = this.showGroups) == null ? void 0 : _a.map((groupItem) => {
       var _a2;
       return vue.createVNode("span", {
-        "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.id) === groupItem.id)],
+        "class": [this.ns.b("quick-group-item"), this.ns.is("selected", ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.name) === groupItem.name)],
         "onClick": () => this.onGroupClick(groupItem)
-      }, [groupItem.caption || groupItem.id]);
+      }, [groupItem.caption || groupItem.name]);
     }), vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "popper-class": this.ns.b("dropdown")
     }, {
@@ -189,7 +209,7 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
                 "name": "list-outline"
               }, null), vue.createVNode("span", {
                 "class": this.ns.b("item-caption")
-              }, [groupItem.caption || groupItem.id]), ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.id) === groupItem.id && vue.createVNode("ion-icon", {
+              }, [groupItem.caption || groupItem.name]), ((_a2 = this.c.state.selectedSearchGroupItem) == null ? void 0 : _a2.name) === groupItem.name && vue.createVNode("ion-icon", {
                 "name": "checkmark-outline"
               }, null)];
             }
@@ -346,7 +366,7 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
             "class": this.ns.b("table-row")
           }, [vue.createVNode("div", {
             "class": this.ns.b("name")
-          }, [groupItem.caption || groupItem.id]), vue.createVNode("div", {
+          }, [groupItem.caption || groupItem.name]), vue.createVNode("div", {
             "class": this.ns.b("show")
           }, [vue.createVNode(vue.resolveComponent("el-switch"), {
             "modelValue": groupItem.show,
@@ -355,8 +375,8 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
             "class": this.ns.b("action")
           }, [vue.createVNode(vue.resolveComponent("el-link"), {
             "type": "primary",
-            "disabled": !groupItem.saved,
-            "title": !groupItem.saved ? "\u8BF7\u5148\u4FDD\u5B58\u8BE5\u5206\u7EC4" : "",
+            "disabled": !groupItem.saved || groupItem.noEdit,
+            "title": this.editLinkTitle(groupItem),
             "onClick": () => this.editGroup(groupItem)
           }, {
             default: () => [vue.createTextVNode("\u7F16\u8F91")]

package/lib/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.cjs

@@ -21,6 +21,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
     const isShowAll = vue.ref(true);
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
+    const isSearched = vue.ref(false);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -44,8 +45,24 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
         }, 100);
       }
     };
-    vue.watch(() => props.value, (newVal) => {
+    const onSearch = async (query, cb) => {
+      if (c.model.appDataEntityId) {
+        const trimQuery = query.trim();
+        const res = await c.getServiceData(trimQuery, props.data);
+        if (res) {
+          items.value = res.data;
+          isSearched.value = true;
+          if (cb && cb instanceof Function) {
+            cb(items.value);
+          }
+        }
+      }
+    };
+    vue.watch(() => props.value, async (newVal, oldVal) => {
       if (newVal || newVal === null) {
+        if (!isSearched.value && oldVal === void 0) {
+          await onSearch("");
+        }
         if (newVal === null) {
           curValue.value = "";
         }
@@ -73,19 +90,9 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
       isShowAll.value = true;
       setEditable(false);
     };
-    const onSearch = async (query, cb) => {
-      if (c.model.appDataEntityId) {
-        const trimQuery = query.trim();
-        const res = await c.getServiceData(trimQuery, props.data);
-        if (res) {
-          items.value = res.data;
-          if (cb && cb instanceof Function) {
-            cb(items.value);
-          }
-        }
-      }
-    };
-    onSearch("");
+    if (props.value) {
+      onSearch("");
+    }
     const onClear = () => {
       const dataItems = c.dataItems;
       if (dataItems.length > 0) {