@ibiz-template/vue3-components 0.5.7-alpha.1 → 0.5.7-alpha.10

package/lib/control/search-bar/filter-mode-select/filter-mode-select.cjs

@@ -51,7 +51,8 @@ const FilterModeSelect = /* @__PURE__ */ vue.defineComponent({
   name: "IBizFilterModeSelect",
   props: {
     value: String,
-    modes: Array
+    modes: Array,
+    disabled: Boolean
   },
   emits: {
     change: (_mode) => true
@@ -78,6 +79,7 @@ const FilterModeSelect = /* @__PURE__ */ vue.defineComponent({
     let _slot;
     return vue.createVNode(vue.resolveComponent("el-select"), {
       "model-value": this.value,
+      "disabled": this.disabled,
       "teleported": false,
       "onChange": (value) => {
         this.onChange(value);

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -9,6 +9,7 @@ require('./filter-tree.css');
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
+const ScriptValueRegex = /\$\{[^}]*\}/;
 const FilterModes = [{
   valueOP: runtime.ValueOP.EQ,
   label: "\u7B49\u4E8E(=)"
@@ -52,23 +53,41 @@ const FilterModes = [{
 const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizFilterTreeControl",
   props: {
-    controller: {
-      type: Object,
+    /**
+     * 过滤项控制器集合
+     */
+    filterControllers: {
+      type: Array,
       required: true
     },
-    provider: {
-      type: Object
+    /**
+     * 过滤项树节点数据集合
+     */
+    filterNodes: {
+      type: Array,
+      required: true
+    },
+    /**
+     * 父容器
+     */
+    parent: {
+      type: String,
+      required: true
     }
   },
-  emits: {
-    close: () => true
-  },
+  emits: ["confirm", "cancel", "change"],
   setup(props, {
     emit
   }) {
     const ns = vue3Util.useNamespace("filter-tree");
+    const isInSearchBar = vue.computed(() => {
+      return props.parent === "search-bar";
+    });
+    const UiFilterNodes = vue.computed(() => {
+      return props.filterNodes;
+    });
     const findFilterController = (fieldName, valueOP) => {
-      return props.controller.filterControllers.find((item) => {
+      return props.filterControllers.find((item) => {
         if (item.fieldName === fieldName) {
           return item.valueOP ? item.valueOP === valueOP : true;
         }
@@ -86,7 +105,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       }
       return field.valueOPs;
     };
-    props.controller.filterControllers.forEach((filterC) => {
+    props.filterControllers.forEach((filterC) => {
       let find = allFields.find((x) => x.name === filterC.fieldName);
       if (find === void 0) {
         find = {
@@ -103,10 +122,12 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const onFieldSelect = (node, field) => {
+      node.value = null;
       node.field = field;
     };
     const onValueOPSelect = (node, valueOP) => {
       node.valueOP = valueOP;
+      node.value = null;
     };
     const onGroupLogicTypeChange = (node, logicType) => {
       node.logicType = logicType;
@@ -136,11 +157,19 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         return null;
       }
       let editor = null;
+      let editorValue = node.value;
+      if (node.disabled && ScriptValueRegex.test(editorValue)) {
+        editorValue = editorValue.replace("${context.srfpersonid}", "\u5F53\u524D\u7528\u6237");
+        editorValue = editorValue.replace("${context.srforgid}", "\u5F53\u524D\u7EC4\u7EC7");
+      }
       if (filterC.editorProvider) {
         const component = vue.resolveComponent(filterC.editorProvider.formEditor);
         editor = vue.h(component, {
-          value: node.value,
+          key: filterC.editor.model.id,
+          value: editorValue,
           controller: filterC.editor,
+          disabled: node.disabled,
+          data: {},
           onChange: (val) => {
             node.value = val;
           }
@@ -161,6 +190,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode("div", {
         "class": ns.b("item")
       }, [vue.createVNode(vue.resolveComponent("el-select"), {
+        "disabled": node.disabled,
         "model-value": node.field,
         "teleported": false,
         "class": ns.e("field-select"),
@@ -176,6 +206,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       })) ? _slot : {
         default: () => [_slot]
       }), availableModes && availableModes.length > 0 && vue.createVNode(vue.resolveComponent("iBizFilterModeSelect"), {
+        "disabled": node.disabled,
         "class": ns.e("mode-select"),
         "value": node.valueOP,
         "modes": availableModes,
@@ -240,23 +271,26 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         }, null)]);
       })])]);
     };
-    const onClose = () => {
-      emit("close");
+    const onConfirm = () => {
+      emit("confirm");
+    };
+    const onCancel = () => {
+      emit("cancel");
     };
     return {
       ns,
       renderFilterGroup,
       renderFilterItem,
-      onClose
+      onConfirm,
+      onCancel,
+      isInSearchBar,
+      UiFilterNodes
     };
   },
   render() {
-    const {
-      state
-    } = this.controller;
     return vue.createVNode("div", {
       "class": [this.ns.b()]
-    }, [state.filterNodes.length > 0 && state.filterNodes.map((node) => {
+    }, [this.UiFilterNodes.length > 0 && this.UiFilterNodes.map((node) => {
       if (node.leaf) {
         return this.renderFilterItem(node);
       }
@@ -265,14 +299,13 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("footer")
     }, [vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": () => {
-        this.controller.onSearch();
-        this.onClose();
+        this.onConfirm();
       }
     }, {
-      default: () => [vue.createTextVNode("\u641C\u7D22")]
+      default: () => [this.isInSearchBar ? "\u641C\u7D22" : "\u786E\u5B9A"]
     }), vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": () => {
-        this.controller.resetFilter();
+        this.onCancel();
       }
     }, {
       default: () => [vue.createTextVNode("\u91CD\u7F6E")]

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

@@ -57,12 +57,18 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
     const showFilter = async () => {
       popover = ibiz.overlay.createPopover(() => {
         return vue.createVNode(vue.resolveComponent("iBizFilterTreeControl"), {
-          "onClose": () => {
+          "filterControllers": c.filterControllers,
+          "filterNodes": c.state.filterNodes,
+          "parent": "search-bar",
+          "onConfirm": () => {
+            c.onSearch();
             if (popover) {
               popover.dismiss();
             }
           },
-          "controller": c
+          "onCancel": () => {
+            c.resetFilter();
+          }
         }, null);
       }, void 0, {
         placement: "bottom-end",
@@ -114,7 +120,7 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
           }, [groupItem.caption]);
         })])), this.c.model.enableGroup && this.c.isBackendSearchGroup && vue.createVNode(vue.resolveComponent("el-button"), {
           "class": this.ns.b("save"),
-          "title": "\u4FDD\u5B58",
+          "title": "\u4FDD\u5B58\u5206\u7EC4",
           "onClick": this.handleSave
         }, {
           default: () => [vue.createVNode("ion-icon", {

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

@@ -3,7 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./search-groups.css');
-var ElementPlus = require('element-plus');
+var elementPlus = require('element-plus');
 var draggable = require('vuedraggable');
 var core = require('@ibiz-template/core');
 var newGroupUtil = require('./new-group-util.cjs');
@@ -80,7 +80,7 @@ const SearchGroups = /* @__PURE__ */ vue.defineComponent({
       editForm.caption = groupItem.caption || groupItem.name;
     };
     const removeGroup = (groupItem) => {
-      ElementPlus.ElMessageBox({
+      elementPlus.ElMessageBox({
         title: "\u786E\u8BA4\u5220\u9664",
         message: () => {
           return vue.createVNode("div", {

package/lib/control/tab-exp-panel/tab-exp-panel.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./tab-exp-panel.css');
 var runtime = require('@ibiz-template/runtime');
+var vueRouter = require('vue-router');
 
 "use strict";
 function _isSlot(s) {
@@ -40,6 +41,36 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
       c.handleTabChange();
     };
     const tabPosition = ((_a = c.view.model.tabLayout) == null ? void 0 : _a.toLowerCase()) || "top";
+    const route = vueRouter.useRoute();
+    vue.watch(() => route.fullPath, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        const viewCodeName = c.view.model.codeName.toLowerCase();
+        const viewRouteKey = Object.keys(route.params).find((key) => {
+          return route.params[key] === viewCodeName;
+        });
+        if (!viewRouteKey) {
+          return;
+        }
+        const nextKeyNumber = (parseInt(viewRouteKey[viewRouteKey.length - 1], 10) + 2) * 2;
+        const tempFullPath = route.fullPath.split("/").slice(0, nextKeyNumber).join("/");
+        c.state.tabPages.forEach((page) => {
+          if (page.fullPath === tempFullPath) {
+            c.state.activeName = page.tabTag;
+            c.handleTabChange();
+          }
+        });
+        if (c.state.activeName) {
+          const currentPage = c.state.tabPages.find((page) => {
+            return page.tabTag === c.state.activeName;
+          });
+          if (currentPage) {
+            currentPage.fullPath = tempFullPath;
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
     return {
       c,
       ns,

package/lib/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/tree-grid-ex-ua-column.cjs

@@ -35,13 +35,14 @@ const TreeGridExUAColumn = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    var _a, _b, _c;
+    var _a, _b;
+    const uiactionGroup = this.controller.getUIActionGroup(this.row);
     return vue.createVNode("div", {
       "class": [this.ns.b(), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
       "onDblclick": this.onStopPropagation,
       "onClick": this.onStopPropagation
-    }, [((_c = (_b = this.controller.model.deuiactionGroup) == null ? void 0 : _b.uiactionGroupDetails) == null ? void 0 : _c.length) && vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
-      "action-details": this.controller.model.deuiactionGroup.uiactionGroupDetails,
+    }, [((_b = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _b.length) && vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {
+      "action-details": uiactionGroup.uiactionGroupDetails,
       "actions-state": this.row.columnActionsStates[this.controller.model.codeName],
       "onActionClick": this.onActionClick
     }, null)]);

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

@@ -57,6 +57,12 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
     }
     const dataType = editorModel.dataType;
     const type = Object.is(dataType, "NUMBER") || Object.is(dataType, "INTEGER") ? "number" : "text";
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal && newVal !== oldVal) {
         if (items.value.length === 0) {
@@ -141,12 +147,13 @@ const IBizArray = /* @__PURE__ */ vue.defineComponent({
       handleChange,
       onBlur,
       onFocus,
-      handleKeyUp
+      handleKeyUp,
+      showFormDefaultContent
     };
   },
   render() {
     return vue.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") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.items.length === 0 ? vue.createVNode("ion-icon", {
       "class": this.ns.b("add-icon"),
       "name": "add-outline",

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

@@ -1 +1 @@
-.ibiz-autocomplete{width:100%}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-form-default-content{display:flex;align-items:center;width:100%;padding:0 11px;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}
+.ibiz-autocomplete{width:100%}.ibiz-autocomplete .ibiz-autocomplete-input{width:100%}.ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default:hover .ibiz-autocomplete-input{display:block}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-autocomplete.is-show-default .ibiz-autocomplete-input{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-form-default-content{display:none}.ibiz-form-item .ibiz-autocomplete.is-show-default.is-editable .ibiz-autocomplete-input{display:block}

package/lib/editor/cascader/ibiz-cascader/ibiz-cascader.css

@@ -1 +1 @@
-.ibiz-cascader .el-cascader{width:100%}.ibiz-cascader-form-default-content{display:none}.ibiz-form-item .ibiz-cascader.is-show-default:hover .ibiz-cascader-form-default-content{display:none}.ibiz-form-item .ibiz-cascader.is-show-default:hover .ibiz-cascader-input{display:block}.ibiz-form-item .ibiz-cascader.is-show-default .ibiz-cascader-form-default-content{display:flex;align-items:center;width:100%;padding:0 11px;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-cascader.is-show-default .ibiz-cascader-input{display:none}.ibiz-form-item .ibiz-cascader.is-show-default.is-editable .ibiz-cascader-form-default-content{display:none}.ibiz-form-item .ibiz-cascader.is-show-default.is-editable .ibiz-cascader-input{display:block}
+.ibiz-cascader .el-cascader{width:100%}.ibiz-cascader-form-default-content{display:none}.ibiz-form-item .ibiz-cascader.is-show-default:hover .ibiz-cascader-form-default-content{display:none}.ibiz-form-item .ibiz-cascader.is-show-default:hover .ibiz-cascader-input{display:block}.ibiz-form-item .ibiz-cascader.is-show-default .ibiz-cascader-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-cascader.is-show-default .ibiz-cascader-input{display:none}.ibiz-form-item .ibiz-cascader.is-show-default.is-editable .ibiz-cascader-form-default-content{display:none}.ibiz-form-item .ibiz-cascader.is-show-default.is-editable .ibiz-cascader-input{display:block}

package/lib/editor/check-box/ibiz-checkbox/ibiz-checkbox.cjs

@@ -2,6 +2,7 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-checkbox.css');
 
 "use strict";
 const IBizCheckbox = /* @__PURE__ */ vue.defineComponent({
@@ -23,6 +24,12 @@ const IBizCheckbox = /* @__PURE__ */ vue.defineComponent({
     if ((_b = editorModel.editorParams) == null ? void 0 : _b.nullValue) {
       nullValue = editorModel.editorParams.nullValue;
     }
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const currentVal = vue.computed({
       get() {
         if (props.value == selectValue) {
@@ -47,12 +54,13 @@ const IBizCheckbox = /* @__PURE__ */ vue.defineComponent({
       ns,
       editorModel,
       currentVal,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     return vue.createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [vue.createVNode(vue.resolveComponent("el-checkbox"), {
       "modelValue": this.currentVal,

package/lib/editor/check-box/ibiz-checkbox/ibiz-checkbox.css

@@ -0,0 +1 @@
+.ibiz-form-item .ibiz-checkbox.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/lib/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.cjs

@@ -19,6 +19,12 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("checkbox-list");
     const c = props.controller;
     const codeList = c.codeList;
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const items = vue.ref([]);
     vue.watch(() => props.data, (newVal) => {
       c.loadCodeList(newVal).then((_codeList) => {
@@ -125,14 +131,15 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
       selectArray,
       valueText,
       editorRef,
-      onSelectArrayChange
+      onSelectArrayChange,
+      showFormDefaultContent
     };
   },
   render() {
     let _slot;
     return vue.createVNode("div", {
       "ref": "editorRef",
-      "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") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.readonly ? this.valueText : vue.createVNode(vue.resolveComponent("el-checkbox-group"), {
       "model-value": this.selectArray,
       "onChange": this.onSelectArrayChange

package/lib/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.css

@@ -1 +1 @@
-.ibiz-checkbox-list__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-checkbox-list--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}
+.ibiz-checkbox-list__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-checkbox-list--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-form-item .ibiz-checkbox-list.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/lib/editor/color-picker/ibiz-color-picker/ibiz-color-picker.cjs

@@ -16,6 +16,12 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
     const c = props.controller;
     const currentVal = vue.ref("");
     const colorPicker = vue.ref(null);
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (!newVal) {
@@ -58,7 +64,8 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
       handleChange,
       showPicker,
       onFocus,
-      onBlur
+      onBlur,
+      showFormDefaultContent
     };
   },
   render() {
@@ -84,7 +91,7 @@ const IBizColorPicker = /* @__PURE__ */ vue.defineComponent({
       }, [this.currentVal])]);
     }
     return vue.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") : "", this.ns.is("show-default", this.showFormDefaultContent)],
       "style": {
         color: this.currentVal || ""
       }

package/lib/editor/color-picker/ibiz-color-picker/ibiz-color-picker.css

@@ -1 +1 @@
-.ibiz-color-picker{color:var(--ibiz-form-item-text-color)}.ibiz-color-picker .el-color-picker__trigger{border:none}.ibiz-color-picker .ibiz-color-picker-content{display:inline-block;padding:3px var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);border:1px solid var(--ibiz-editor-default-border-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-color-picker .ibiz-color-picker-content:hover{border:1px solid var(--ibiz-editor-hover-border-color)}.ibiz-color-picker .ibiz-color-picker-text{margin-left:var(--ibiz-spacing-super-tight)}.ibiz-color-picker--readonly{color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}
+.ibiz-color-picker{color:var(--ibiz-form-item-text-color)}.ibiz-color-picker .el-color-picker__trigger{border:none}.ibiz-color-picker .ibiz-color-picker-content{display:inline-block;padding:3px var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);border:1px solid var(--ibiz-editor-default-border-color);border-radius:var(--ibiz-border-radius-small)}.ibiz-color-picker .ibiz-color-picker-content:hover{border:1px solid var(--ibiz-editor-hover-border-color)}.ibiz-color-picker .ibiz-color-picker-text{margin-left:var(--ibiz-spacing-super-tight)}.ibiz-color-picker--readonly{color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-color-picker.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/lib/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:relative;right:11px;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:0 11px;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}
+@charset "UTF-8";.ibiz-mpicker{display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:relative;right:11px;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.cjs

@@ -20,6 +20,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     const isShowAll = vue.ref(true);
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
+    const isLoaded = vue.ref(false);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -109,6 +110,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         const res = await c.getServiceData(trimQuery, props.data);
         if (res) {
           items.value = res.data;
+          isLoaded.value = true;
           if (cb && cb instanceof Function) {
             cb(items.value);
           }
@@ -161,13 +163,16 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       vue.watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
-          if (items.value.length === 0 && editorRef.value) {
+          if (!isLoaded.value && editorRef.value) {
             await onSearch("");
           }
           const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));
           if (curItem) {
             curValue.value = curItem[c.textName];
           }
+          if (newVal === null) {
+            emit("change", null);
+          }
         }
       }, {
         immediate: true

package/lib/editor/data-picker/ibiz-picker/ibiz-picker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-picker .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-picker .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-picker .ibiz-picker-input{width:100%}.ibiz-picker .ibiz-picker-input .el-input__wrapper{width:100%}.ibiz-picker-input__buns-position{position:relative;display:inline-block}.ibiz-picker-input__btns{position:absolute;right:0;display:flex;height:var(--ibiz-picker-height)}.ibiz-picker-input__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker-input__autocomplete{display:flex}.ibiz-picker-input__autocomplete .el-autocomplete{width:100%}.ibiz-picker-input__transfer-item{padding:5px;cursor:pointer}.ibiz-picker-input__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker-input__link{width:32px;height:32px;padding:0 6px;font-size:16px}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-input{display:block}.ibiz-form-item .ibiz-picker.is-show-default .ibiz-picker-form-default-content{display:flex;align-items:center;width:100%;padding:0 11px;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker.is-show-default .ibiz-picker-input{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-input{display:block}
+@charset "UTF-8";.ibiz-picker .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-picker .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-picker .ibiz-picker-input{width:100%}.ibiz-picker .ibiz-picker-input .el-input__wrapper{width:100%}.ibiz-picker-input__buns-position{position:relative;display:inline-block}.ibiz-picker-input__btns{position:absolute;right:0;display:flex;height:var(--ibiz-picker-height)}.ibiz-picker-input__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker-input__autocomplete{display:flex}.ibiz-picker-input__autocomplete .el-autocomplete{width:100%}.ibiz-picker-input__transfer-item{padding:5px;cursor:pointer}.ibiz-picker-input__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker-input__link{width:32px;height:32px;padding:0 6px;font-size:16px}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default:hover .ibiz-picker-input{display:block}.ibiz-form-item .ibiz-picker.is-show-default .ibiz-picker-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker.is-show-default .ibiz-picker-input{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-form-default-content{display:none}.ibiz-form-item .ibiz-picker.is-show-default.is-editable .ibiz-picker-input{display:block}

package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.cjs

@@ -24,6 +24,9 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     const refValue = vue.ref("");
     const isEditable = vue.ref(false);
     const editorRef = vue.ref();
+    const loading = vue.ref(false);
+    let waitQuery = null;
+    const isLoaded = vue.ref(false);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -57,16 +60,50 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
-    vue.watch(() => props.data[c.valueItem], (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        refValue.value = newVal;
-        if (newVal === null) {
-          emit("change", null);
+    const onSearch = async (query) => {
+      if (!shouldLoad.value) {
+        return;
+      }
+      if (c.model.appDataEntityId && loading.value === false) {
+        loading.value = true;
+        try {
+          let trimQuery = "";
+          if (query !== props.value) {
+            trimQuery = query.trim();
+          }
+          const res = await c.getServiceData(trimQuery, props.data);
+          if (res) {
+            items.value = res.data;
+          }
+        } finally {
+          loading.value = false;
+          isLoaded.value = true;
+          if (waitQuery != null) {
+            const selfQuery = waitQuery;
+            waitQuery = null;
+            await onSearch(selfQuery);
+          }
         }
+      } else {
+        waitQuery = query;
       }
-    }, {
-      immediate: true,
-      deep: true
+    };
+    vue.onMounted(() => {
+      vue.watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
+        if (newVal !== oldVal) {
+          if (!isLoaded.value && editorRef.value) {
+            shouldLoad.value = true;
+            await onSearch("");
+          }
+          refValue.value = newVal;
+          if (newVal === null) {
+            emit("change", null);
+          }
+        }
+      }, {
+        immediate: true,
+        deep: true
+      });
     });
     const setEditable = (flag) => {
       if (flag) {
@@ -77,7 +114,6 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
         }, 100);
       }
     };
-    const loading = vue.ref(false);
     const onACSelect = async (data) => {
       const dataItems = await c.calcFillDataItems(data);
       if (dataItems.length) {
@@ -107,34 +143,6 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       }
       shouldLoad.value = false;
     };
-    let waitQuery = null;
-    const onSearch = async (query) => {
-      if (!shouldLoad.value) {
-        return;
-      }
-      if (c.model.appDataEntityId && loading.value === false) {
-        loading.value = true;
-        try {
-          let trimQuery = "";
-          if (query !== props.value) {
-            trimQuery = query.trim();
-          }
-          const res = await c.getServiceData(trimQuery, props.data);
-          if (res) {
-            items.value = res.data;
-          }
-        } finally {
-          loading.value = false;
-          if (waitQuery != null) {
-            const selfQuery = waitQuery;
-            waitQuery = null;
-            await onSearch(selfQuery);
-          }
-        }
-      } else {
-        waitQuery = query;
-      }
-    };
     const onOpenChange = (isOpen) => {
       if (isOpen) {
         items.value = [];

package/lib/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.css

@@ -1 +1 @@
-.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-picker-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker-dropdown--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-select{display:block}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:0 11px;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-select{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-select{display:block}
+.ibiz-picker-dropdown .el-select{width:100%}.ibiz-picker-dropdown .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-picker-dropdown .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-picker-dropdown .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-picker-dropdown--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default:hover .ibiz-picker-dropdown-select{display:block}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-dropdown.is-show-default .ibiz-picker-dropdown-select{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-picker-dropdown.is-show-default.is-editable .ibiz-picker-dropdown-select{display:block}