@ibiz-template/vue3-components 0.7.41-alpha.5 → 0.7.41-alpha.51

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

@@ -33,15 +33,29 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     const queryValue = vue.ref("");
     const visible = vue.ref(false);
     const pickViewWidth = vue.ref("auto");
-    const context = vue.ref(c.context);
-    const params = vue.ref(c.params);
+    const context = vue.ref(c.context.clone());
+    const params = vue.ref({
+      ...c.params
+    });
+    const cloneParams = vue.computed(() => {
+      return {
+        ...params.value
+      };
+    });
     vue.watch(() => props.data, (newVal) => {
       const {
         context: tempContext,
         params: tempParams
       } = c.handlePublicParams(newVal, c.context, c.params);
-      Object.assign(context.value, tempContext);
-      Object.assign(params.value, tempParams);
+      const newContext = Object.assign(c.context.clone(), tempContext);
+      const newParams = {
+        ...c.params,
+        ...tempParams
+      };
+      if (JSON.stringify(context.value) !== JSON.stringify(newContext))
+        context.value = newContext;
+      if (JSON.stringify(params.value) !== JSON.stringify(newParams))
+        params.value = newParams;
     }, {
       immediate: true,
       deep: true
@@ -87,16 +101,13 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
         } else {
           queryValue.value = newVal || "";
         }
-        if (!props.data || !c.valueItem || !props.data[c.valueItem]) {
-          if (!isDesignPreview) {
-            ibiz.log.error("\u503C\u9879\u5F02\u5E38");
-          }
+        if (!c.valueItem && !isDesignPreview) {
+          ibiz.log.error("\u503C\u9879\u5F02\u5E38");
         } else {
           selectedData.value = [{
             srfkey: props.data[c.valueItem],
             srfmajortext: props.value
           }];
-          params.value.selecteddata = selectedData.value;
         }
       } else {
         const selectItems = [];
@@ -122,7 +133,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
               }
             });
             selectItems.push(...newVal);
-          } else if (!props.data || !c.valueItem || !props.data[c.valueItem]) {
+          } else if (!c.valueItem) {
             ibiz.log.error("\u503C\u9879\u5F02\u5E38");
           } else {
             const tempValue = props.data[c.valueItem].split(",");
@@ -315,10 +326,10 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     const remoteMethod = (e) => {
       queryValue.value = e;
     };
-    const onSelectionChange = (event) => {
+    const onSelectionChange = (event, isClose = false) => {
       if (event.data) {
         onViewDataChange(event.data);
-        if (singleSelect.value && editorRef.value) {
+        if (isClose && editorRef.value) {
           editorRef.value.handleClose();
         }
       }
@@ -327,7 +338,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
       mode: runtime.ViewMode.DRAWER,
       viewUsage: 2,
       dismiss: (_data) => {
-        onSelectionChange(_data);
+        onSelectionChange(_data, true);
       }
     });
     const onFocus = (e) => {
@@ -380,38 +391,39 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
       }, null)]);
     };
     return {
-      ns,
       c,
-      singleSelect,
-      keySet,
+      ns,
       items,
-      queryValue,
+      modal,
+      keySet,
+      params,
       visible,
-      pickViewWidth,
       context,
-      params,
+      showView,
       editorRef,
-      onInputChange,
-      triggerMenu,
-      onViewDataChange,
-      onClear,
-      openLinkView,
-      onSelectChange,
-      remoteMethod,
-      onSelectionChange,
-      modal,
-      onFocus,
-      onBlur,
-      handleKeyUp,
       valueText,
       isEditable,
-      setEditable,
+      queryValue,
+      cloneParams,
+      selectedData,
+      singleSelect,
+      pickViewWidth,
       showFormDefaultContent,
+      arrow,
+      onBlur,
+      onClear,
+      onFocus,
+      triggerMenu,
+      setEditable,
+      handleKeyUp,
+      openLinkView,
+      remoteMethod,
+      onInputChange,
+      onSelectChange,
       onVisibleChange,
-      showView,
-      selectedData,
-      handleDropDownKeyDown,
-      arrow
+      onViewDataChange,
+      onSelectionChange,
+      handleDropDownKeyDown
     };
   },
   render() {
@@ -476,25 +488,27 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
         });
       },
       dropdown: () => {
-        var _a;
-        if (!this.showView) {
+        var _a, _b;
+        if (!this.showView)
           return;
-        }
         const viewShell = vue.resolveComponent("IBizViewShell");
         return this.c.pickupView && vue.h(viewShell, {
+          modal: this.modal,
           context: this.context,
-          params: this.params,
+          params: {
+            checkstrictly: true,
+            ...this.cloneParams
+          },
           viewId: this.c.pickupView.id,
           style: {
-            height: "".concat(((_a = this.c.editorParams) == null ? void 0 : _a.pickupViewHeight) || 500, "px"),
+            height: "".concat(((_a = this.c.editorParams) == null ? void 0 : _a.pickupViewHeight) || ((_b = this.c.editorParams) == null ? void 0 : _b.pickupviewheight) || 500, "px"),
             width: this.pickViewWidth
           },
           state: {
             singleSelect: this.singleSelect,
             selectedData: this.selectedData
           },
-          onSelectionChange: this.onSelectionChange,
-          modal: this.modal
+          onSelectionChange: (event) => this.onSelectionChange(event, this.singleSelect)
         });
       }
     });
@@ -507,7 +521,10 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("content-item")
     }, [this.valueText]) : this.valueText.split(",").map((item) => vue.createVNode("span", {
       "class": this.ns.b("content-item")
-    }, [item])) : ibiz.config.common.emptyText]);
+    }, [item])) : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

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

@@ -2,6 +2,7 @@
 
 var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
+var lodashEs = require('lodash-es');
 var ramda = require('ramda');
 
 "use strict";
@@ -86,6 +87,63 @@ class PickerEditorController extends runtime.EditorController {
      * @memberof PickerEditorController
      */
     __publicField(this, "actionDetails", []);
+    /**
+     * 当前页
+     *
+     * @type {number}
+     * @default 1
+     * @memberof PickerEditorController
+     */
+    __publicField(this, "curPage", 1);
+    /**
+     * 总条数
+     *
+     * @type {number}
+     * @default 0
+     * @memberof PickerEditorController
+     */
+    __publicField(this, "total", 0);
+    /**
+     * 总页数
+     *
+     * @type {number}
+     * @memberof PickerEditorController
+     */
+    __publicField(this, "totalPages");
+    /**
+     * 自填模式分页大小
+     *
+     * @type {number}
+     * @memberof PickerEditorController
+     */
+    __publicField(this, "pagingSize");
+    /**
+     * 自填模式分页模式配置：0：不分页，1：分页栏，2：滚动加载，3：加载更多
+     *
+     * @type {number}
+     * @memberof PickerEditorController
+     */
+    __publicField(this, "pagingMode");
+  }
+  /**
+   * 是否懒加载
+   *
+   * @readonly
+   * @type {boolean}
+   * @memberof PickerEditorController
+   */
+  get isLazyLoad() {
+    return lodashEs.isNumber(this.pagingMode) && this.pagingMode !== 0;
+  }
+  /**
+   * 是否显示加载更多
+   *
+   * @readonly
+   * @type {boolean}
+   * @memberof PickerEditorController
+   */
+  get isShowLoadMore() {
+    return !!(this.isLazyLoad && this.pagingMode === 3 && this.totalPages && this.curPage < this.totalPages);
   }
   async onInit() {
     var _a, _b, _c, _d;
@@ -103,7 +161,14 @@ class PickerEditorController extends runtime.EditorController {
           this.context.srfappid
         );
         if (this.deACMode) {
-          const { minorSortAppDEFieldId, minorSortDir } = this.deACMode;
+          const {
+            minorSortAppDEFieldId,
+            minorSortDir,
+            pagingMode,
+            pagingSize
+          } = this.deACMode;
+          this.pagingMode = pagingMode;
+          this.pagingSize = pagingSize;
           if (minorSortAppDEFieldId && minorSortDir) {
             this.sort = "".concat(minorSortAppDEFieldId.toLowerCase(), ",").concat(minorSortDir.toLowerCase());
           }
@@ -216,7 +281,7 @@ class PickerEditorController extends runtime.EditorController {
    * @returns {*}  {Promise<IHttpResponse<IData[]>>}
    * @memberof PickerEditorController
    */
-  async getServiceData(query, data) {
+  async getServiceData(query, data, options) {
     const { context, params } = this.handlePublicParams(
       data,
       this.context,
@@ -233,6 +298,20 @@ class PickerEditorController extends runtime.EditorController {
       Object.assign(fixedParams, { query });
     }
     Object.assign(fixedParams, { size: 1e3 });
+    if (this.isLazyLoad) {
+      const isLoadMore = (options == null ? void 0 : options.isLoadMore) === true;
+      if (isLoadMore) {
+        this.curPage += 1;
+      } else {
+        this.curPage = 1;
+      }
+    }
+    if (this.isLazyLoad && this.pagingSize) {
+      Object.assign(fixedParams, {
+        size: this.pagingSize,
+        page: this.curPage - 1
+      });
+    }
     const tempParams = ramda.mergeDeepLeft(params, fixedParams);
     if (this.interfaceName) {
       const app = ibiz.hub.getApp(this.context.srfappid);
@@ -242,6 +321,14 @@ class PickerEditorController extends runtime.EditorController {
         context,
         tempParams
       );
+      if (res.headers) {
+        if (res.headers["x-total"]) {
+          this.total = Number(res.headers["x-total"]);
+        }
+        if (res.headers["x-total-pages"]) {
+          this.totalPages = Number(res.headers["x-total-pages"]);
+        }
+      }
       return res;
     }
     throw new core.RuntimeModelError(
@@ -277,7 +364,7 @@ class PickerEditorController extends runtime.EditorController {
       runtime.OpenAppViewCommand.TAG,
       this.pickupView.id,
       context,
-      params,
+      { checkstrictly: true, ...params },
       { openMode: "POPUPMODAL" }
     );
     if (res && res.ok && res.data) {
@@ -359,10 +446,13 @@ class PickerEditorController extends runtime.EditorController {
       });
     }
     if (this.objectValueField) {
+      const data = {
+        ...select
+      };
+      delete data.srfkey;
+      delete data.srfmajortext;
       Object.assign(object, {
-        [this.objectValueField]: {
-          ...select
-        }
+        [this.objectValueField]: data
       });
     }
     if (select.srfnodeid) {
@@ -380,9 +470,6 @@ class PickerEditorController extends runtime.EditorController {
    * @memberof PickerEditorController
    */
   async onActionClick(detail, data, event) {
-    if (event) {
-      event.stopPropagation();
-    }
     const actionId = detail.uiactionId;
     await runtime.UIActionUtil.execAndResolved(
       actionId,

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

@@ -158,7 +158,10 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
     const readonlyContent = this.formatValue;
     const formDefaultContent = vue.createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.formatValue ? this.formatValue : ibiz.config.common.emptyText]);
+    }, [this.formatValue ? this.formatValue : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.e(this.editorModel.editorType), this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "onKeyup": this.handleKeyUp

package/lib/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.cjs

@@ -26,12 +26,21 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
       if (editorModel.editorParams.valueSeparator) {
         valueSeparator = editorModel.editorParams.valueSeparator;
       }
+      if (editorModel.editorParams.valueseparator) {
+        valueSeparator = editorModel.editorParams.valueseparator;
+      }
       if (editorModel.editorParams.rangeSeparator) {
         rangeSeparator = editorModel.editorParams.rangeSeparator;
       }
+      if (editorModel.editorParams.rangeseparator) {
+        rangeSeparator = editorModel.editorParams.rangeseparator;
+      }
       if (editorModel.editorParams.unlinkPanels) {
         unlinkPanels = c.toBoolean(editorModel.editorParams.unlinkPanels);
       }
+      if (editorModel.editorParams.unlinkpanels) {
+        unlinkPanels = c.toBoolean(editorModel.editorParams.unlinkpanels);
+      }
     }
     const type = vue.ref("daterange");
     switch (editorModel.editorType) {
@@ -194,7 +203,10 @@ const IBizDateRangePicker = /* @__PURE__ */ vue.defineComponent({
       "start-placeholder": this.startPlaceHolder,
       "end-placeholder": this.endPlaceHolder,
       "unlink-panels": this.unlinkPanels
-    }, this.$attrs), null) : ibiz.config.common.emptyText]);
+    }, this.$attrs), null) : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "onKeyup": this.handleKeyUp

package/lib/editor/date-range-select/date-range-select-picker/components/week-range-select/week-range-select.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var dayjs = require('dayjs');
-require('../../../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/locale/zh-cn.cjs');
+require('../../../../../node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/locale/zh-cn.cjs');
 require('./week-range-select.css');
 
 "use strict";

package/lib/editor/date-range-select/date-range-select.controller.cjs

@@ -181,12 +181,21 @@ class DateRangeSelectEditorController extends runtime.EditorController {
       if (this.editorParams.switchUnit) {
         this.switchUnit = this.editorParams.switchUnit === "true";
       }
+      if (this.editorParams.switchunit) {
+        this.switchUnit = this.editorParams.switchunit === "true";
+      }
       if (this.editorParams.defaultUnit) {
         this.defaultUnit = this.editorParams.defaultUnit;
       }
+      if (this.editorParams.defaultunit) {
+        this.defaultUnit = this.editorParams.defaultunit;
+      }
       if (this.editorParams.emitMode) {
         this.emitMode = this.editorParams.emitMode;
       }
+      if (this.editorParams.emitmode) {
+        this.emitMode = this.editorParams.emitmode;
+      }
     }
   }
   /**

package/lib/editor/dropdown-list/dropdown-list-editor.controller.cjs

@@ -40,7 +40,7 @@ class DropDownListEditorController extends runtime.CodeListEditorController {
     __publicField(this, "blankItemName", "");
   }
   async onInit() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f;
     super.onInit();
     if (this.model.editorType === "MDROPDOWNLIST" || this.model.editorType === "MOBCHECKLIST") {
       this.multiple = true;
@@ -48,14 +48,25 @@ class DropDownListEditorController extends runtime.CodeListEditorController {
     if ((_a = this.editorParams) == null ? void 0 : _a.forceSelection) {
       this.forceSelection = this.toBoolean(this.editorParams.forceSelection);
     }
-    if ((_b = this.editorParams) == null ? void 0 : _b.defaultFirstOption) {
+    if ((_b = this.editorParams) == null ? void 0 : _b.forceselection) {
+      this.forceSelection = this.toBoolean(this.editorParams.forceselection);
+    }
+    if ((_c = this.editorParams) == null ? void 0 : _c.defaultFirstOption) {
       this.defaultFirstOption = this.toBoolean(
         this.editorParams.defaultFirstOption
       );
     }
-    if ((_c = this.editorParams) == null ? void 0 : _c.blankItemName) {
+    if ((_d = this.editorParams) == null ? void 0 : _d.defaultfirstoption) {
+      this.defaultFirstOption = this.toBoolean(
+        this.editorParams.defaultfirstoption
+      );
+    }
+    if ((_e = this.editorParams) == null ? void 0 : _e.blankItemName) {
       this.blankItemName = this.editorParams.blankItemName;
     }
+    if ((_f = this.editorParams) == null ? void 0 : _f.blankitemname) {
+      this.blankItemName = this.editorParams.blankitemname;
+    }
   }
 }
 

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.cjs

@@ -14,6 +14,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = vue3Util.useNamespace("dropdown");
     const c = props.controller;
     const items = vue.ref([]);
@@ -29,6 +30,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     let funcs;
     const codeItemValueNumber = vue.ref(false);
     const hiddenInputRef = vue.ref();
+    const valueSeparator = ((_a = c.editorParams) == null ? void 0 : _a.valueseparator) || ",";
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -50,13 +52,13 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       const list = [];
       const existingValues = new Set(codeListItems.value.map((item) => item.value));
       nodes.forEach((codeItem) => {
-        var _a;
+        var _a2;
         if (!existingValues.has(codeItem.value)) {
           codeListItems.value.push(codeItem);
         }
         const tempObj = {
           label: codeItem.text,
-          value: (_a = codeItem.value) == null ? void 0 : _a.toString(),
+          value: (_a2 = codeItem.value) == null ? void 0 : _a2.toString(),
           color: codeItem == null ? void 0 : codeItem.color,
           textCls: codeItem == null ? void 0 : codeItem.textCls,
           sysImage: codeItem.sysImage,
@@ -162,18 +164,18 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     } = runtime.useCodeListSelection(c.allItemsValue);
     const curValue = vue.computed({
       get() {
-        var _a, _b, _c;
+        var _a2, _b, _c;
         if (!isLoadedCodeList.value) {
           return c.multiple ? [] : "";
         }
         if (editorItems && editorItems.length > 0 && !c.multiple) {
-          return (_a = props.data[editorItems[0].id]) == null ? void 0 : _a.toString();
+          return (_a2 = props.data[editorItems[0].id]) == null ? void 0 : _a2.toString();
         }
         if (props.value && typeof props.value === "string") {
           if (c.allItems && c.multiple && !hasChildren.value) {
-            return getSelection([], props.value.split(","), items.value, items.value).map((v) => "".concat(v));
+            return getSelection([], props.value.split(valueSeparator), items.value, items.value).map((v) => "".concat(v));
           }
-          return c.multiple ? (_b = props.value) == null ? void 0 : _b.toString().split(",") : props.value.toString();
+          return c.multiple ? (_b = props.value) == null ? void 0 : _b.toString().split(valueSeparator) : props.value.toString();
         }
         if (props.value && Array.isArray(props.value)) {
           if (c.allItems && c.multiple && !hasChildren.value) {
@@ -199,7 +201,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
           } else if (c.model.valueType === "SIMPLES") {
             selectArr = select;
           } else {
-            selectArr = select.join(",");
+            selectArr = select.join(valueSeparator);
           }
           emit("change", selectArr);
         } else if (editorItems && editorItems.length > 0) {
@@ -220,7 +222,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
           emit("change", emitVal);
         }
         setEditable(false);
-        if (c.editorParams.alwaysLoad === "true") {
+        if (c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true") {
           loadCodeList();
         }
         if (props.autoFocus) {
@@ -240,7 +242,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
           }
         });
       });
-      return textArr.join(",");
+      return textArr.join(valueSeparator);
     });
     vue.watch(valueText, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -277,18 +279,18 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       return list.find((item) => item.text === text);
     };
     const onVisibleChange = async (visible) => {
-      var _a, _b, _c;
+      var _a2, _b, _c;
       const isSearchForm = (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ((_c = (_b = (_a = c.parent) == null ? void 0 : _a.form) == null ? void 0 : _b.model) == null ? void 0 : _c.controlType) === "SEARCHFORM"
+        ((_c = (_b = (_a2 = c.parent) == null ? void 0 : _a2.form) == null ? void 0 : _b.model) == null ? void 0 : _c.controlType) === "SEARCHFORM"
       );
       if (!visible && isSearchForm) {
         vue.nextTick(() => {
-          var _a2;
-          (_a2 = hiddenInputRef.value) == null ? void 0 : _a2.focus();
+          var _a3;
+          (_a3 = hiddenInputRef.value) == null ? void 0 : _a3.focus();
         });
       }
-      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true")) {
+      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true")) {
         await loadCodeList();
         if (hasChildren.value && editorRef.value && editorState !== "outside") {
           vue.nextTick(() => {
@@ -322,7 +324,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     if (c.editorParams.type === "round") {
       Object.assign(prefix, {
         prefix: () => {
-          return valueText.value.split(",").map((text) => {
+          return valueText.value.split(valueSeparator).map((text) => {
             const codeListItem = getCodeListItem(text);
             return vue.createVNode("div", {
               "class": [ns.b("select-option-text"), codeListItem == null ? void 0 : codeListItem.textCls],
@@ -359,11 +361,12 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       onVisibleChange,
       isLoading,
       prefix,
-      hiddenInputRef
+      hiddenInputRef,
+      valueSeparator
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const editContent = this.hasChildren ? vue.createVNode(vue.resolveComponent("el-tree-select"), vue.mergeProps({
       "ref": "editorRef",
@@ -450,7 +453,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       },
       ...this.prefix
     });
-    const readonlyContent = this.valueText.split(",").map((text) => {
+    const readonlyContent = this.valueText.split(this.valueSeparator).map((text) => {
       const codeListItem = this.getCodeListItem(text);
       return vue.createVNode("span", {
         "class": [this.ns.b("readonly-text-item"), codeListItem == null ? void 0 : codeListItem.textCls],
@@ -467,7 +470,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     });
     const formDefaultContent = vue.createVNode("div", {
       "class": [this.ns.b("form-default-content"), this.ns.is("multiple", this.c.multiple)]
-    }, [this.valueText ? this.valueText.split(",").map((text) => {
+    }, [this.valueText ? this.valueText.split(this.valueSeparator).map((text) => {
       const codeListItem = this.getCodeListItem(text);
       return vue.createVNode("span", {
         "class": [this.ns.b("content-item"), codeListItem == null ? void 0 : codeListItem.textCls],
@@ -478,7 +481,10 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode("span", {
         "class": this.ns.be("content-item", "label")
       }, [text])]);
-    }) : ibiz.config.common.emptyText]);
+    }) : vue.createVNode(vue.resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     const hiddenInput = vue.createVNode("input", {
       "ref": "hiddenInputRef",
       "type": "text",

package/lib/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.css

@@ -1 +1 @@
-.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown__hidden-input{position:absolute;z-index:-9999;width:0;height:0;padding:0;margin:0;border:none;opacity:0}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-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-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height);--ibiz-dropdown-select-option-item-bkcolor:var(--ibiz-color-fill-0)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size);--ibiz-dropdown-select-option-item-bkcolor:var(--ibiz-color-fill-0)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-popper .el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}
+.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown__hidden-input{position:absolute;z-index:-9999;width:0;height:0;padding:0;margin:0;border:none;opacity:0}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-select-option-content{width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-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-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height);--ibiz-dropdown-select-option-item-bkcolor:var(--ibiz-color-fill-0)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size);--ibiz-dropdown-select-option-item-bkcolor:var(--ibiz-color-fill-0)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-popper .el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}