@ibiz-template/mob-vue3-components 0.7.41-alpha.19 → 0.7.41-alpha.20

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

@@ -0,0 +1,165 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+var qxUtil = require('qx-util');
+var lodashEs = require('lodash-es');
+require('./ibiz-array.css');
+
+"use strict";
+const IBizArray = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizArray",
+  props: vue3Util.getArrayProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("array");
+    const c = props.controller;
+    const editorModel = c.model;
+    let size = "default";
+    let limit = 0;
+    let maxLength;
+    let showWordLimit = false;
+    const items = vue.ref([]);
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.size) {
+        size = editorModel.editorParams.size;
+      }
+      if (editorModel.editorParams.limit) {
+        limit = lodashEs.toNumber(editorModel.editorParams.limit);
+      }
+      if (editorModel.editorParams.maxLength) {
+        maxLength = lodashEs.toNumber(editorModel.editorParams.maxLength);
+      }
+      if (editorModel.editorParams.maxlength) {
+        maxLength = lodashEs.toNumber(editorModel.editorParams.maxlength);
+      }
+      if (editorModel.editorParams.showWordLimit) {
+        showWordLimit = c.toBoolean(editorModel.editorParams.showWordLimit);
+      }
+      if (editorModel.editorParams.showwordlimit) {
+        showWordLimit = c.toBoolean(editorModel.editorParams.showwordlimit);
+      }
+    }
+    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" && !props.readonly) {
+        return true;
+      }
+      return false;
+    });
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal && newVal !== oldVal) {
+        if (items.value.length === 0) {
+          const tempItems = newVal.map((value) => {
+            return {
+              value,
+              key: qxUtil.createUUID()
+            };
+          });
+          items.value = tempItems;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const onEmit = (eventName = "blur") => {
+      const result = items.value.map((item) => item.value);
+      if (eventName === c.triggerMode) {
+        emit("change", result);
+      }
+    };
+    const addItem = (index) => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      const tempLink = {
+        key: qxUtil.createUUID(),
+        value: null
+      };
+      if (index) {
+        items.value.splice(index, 0, tempLink);
+      } else {
+        items.value.push(tempLink);
+      }
+      onEmit();
+    };
+    const removeItem = (index) => {
+      items.value.splice(index, 1);
+      onEmit();
+    };
+    const handleInput = () => {
+      onEmit("input");
+    };
+    const onBlur = (e) => {
+      onEmit("blur");
+      emit("blur", e);
+    };
+    const onFocus = (e) => {
+      emit("focus", e);
+    };
+    return {
+      ns,
+      c,
+      type,
+      size,
+      limit,
+      maxLength,
+      showWordLimit,
+      items,
+      addItem,
+      removeItem,
+      handleInput,
+      onBlur,
+      onFocus,
+      showFormDefaultContent
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "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",
+      "onClick": this.addItem
+    }, null) : this.items.map((item, index) => {
+      return vue.createVNode("div", {
+        "class": this.ns.b("item"),
+        "key": item.key
+      }, [vue.createVNode(vue.resolveComponent("van-field"), vue.mergeProps({
+        "type": this.type,
+        "size": this.size,
+        "modelValue": item.value,
+        "onUpdate:modelValue": ($event) => item.value = $event,
+        "placeholder": this.c.placeHolder,
+        "maxlength": this.maxLength,
+        "show-word-limit": this.showWordLimit,
+        "disabled": this.disabled,
+        "readonly": this.readonly,
+        "onBlur": this.onBlur,
+        "onFocus": this.onFocus,
+        "onInput": () => this.handleInput()
+      }, vue3Util.useFilterAttribute(this.$attrs)), {
+        extra: () => {
+          if (!(this.disabled || this.readonly)) {
+            return vue.createVNode("div", {
+              "class": this.ns.b("icons")
+            }, [(!this.limit || this.items.length < this.limit) && vue.createVNode("ion-icon", {
+              "class": this.ns.b("add-icon"),
+              "name": "add",
+              "onClick": () => this.addItem(index + 1)
+            }, null), vue.createVNode("ion-icon", {
+              "class": this.ns.b("remove-icon"),
+              "name": "remove",
+              "onClick": () => this.removeItem(index)
+            }, null)]);
+          }
+        }
+      })]);
+    })]);
+  }
+});
+
+exports.IBizArray = IBizArray;

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

@@ -0,0 +1 @@
+.ibiz-array{--ibiz-array-color:var(--ibiz-editor-default-text-color);--ibiz-array-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-array-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-array-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-array-color-array-item-border:var(--ibiz-color-border);--ibiz-array-font-size:var(--ibiz-editor-default-font-size);--ibiz-array-line-height:var(--ibiz-editor-default-line-height);--ibiz-array-text-align:var(--ibiz-editor-default-text-align);--ibiz-array-min-height:var(--ibiz-editor-default-line-height);--ibiz-array-spacing-icons-gap:var(--ibiz-spacing-tight);--ibiz-array-spacing-icons-margin-left:var(--ibiz-spacing-base);height:100%;font-size:var(--ibiz-array-font-size);line-height:var(--ibiz-array-line-height);color:var(--ibiz-array-color);display:flex;align-items:end;flex-direction:column;--van-field-input-text-color:var(--ibiz-array-color);--van-cell-text-color:var(--ibiz-array-color);--van-cell-value-color:var(--ibiz-array-color);--van-cell-line-height:var(--ibiz-array-line-height);--van-cell-font-size:var(--ibiz-array-font-size);--van-cell-value-font-size:var(--ibiz-array-font-size);--van-field-input-disabled-text-color:var(--ibiz-array-disabled-color)}.ibiz-array input::-moz-placeholder{color:var(--ibiz-array-placeholder-color);-webkit-text-fill-color:var(--ibiz-array-placeholder-color)}.ibiz-array input::placeholder{color:var(--ibiz-array-placeholder-color);-webkit-text-fill-color:var(--ibiz-array-placeholder-color)}.ibiz-array ion-icon{cursor:pointer}.ibiz-array--disabled{color:var(--ibiz-array-disabled-color);--van-field-input-disabled-text-color:var(--ibiz-array-disabled-color)}.ibiz-array--readonly{color:var(--ibiz-array-readonly-color);--van-field-input-text-color:var(--ibiz-array-readonly-color)}.ibiz-array-item{width:100%;border-bottom:1px solid var(--ibiz-array-color-array-item-border)}.ibiz-array-add-icon{display:flex;align-items:center;min-height:var(--ibiz-array-min-height)}.ibiz-array-icons{display:flex;align-items:center;justify-content:var(--ibiz-array-text-align);min-height:var(--ibiz-array-min-height);margin-left:var(--ibiz-array-spacing-icons-margin-left);gap:var(--ibiz-array-spacing-icons-gap)}

package/lib/editor/array/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var ibizArray = require('./ibiz-array/ibiz-array.cjs');
+var arrayEditor_controller = require('./array-editor.controller.cjs');
+var arrayEditor_provider = require('./array-editor.provider.cjs');
+
+"use strict";
+
+exports.IBizArray = ibizArray.IBizArray;
+exports.ArrayEditorController = arrayEditor_controller.ArrayEditorController;
+exports.ArrayEditorProvider = arrayEditor_provider.ArrayEditorProvider;

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

@@ -4,7 +4,6 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./ibiz-cascader.css');
 var ramda = require('ramda');
-var runtime = require('@ibiz-template/runtime');
 var rightIcon = require('../../common/right-icon/right-icon.cjs');
 require('../../../util/index.cjs');
 var usePopstateUtil = require('../../../util/use-popstate-util/use-popstate-util.cjs');
@@ -68,14 +67,24 @@ const IBizCascader = /* @__PURE__ */ vue.defineComponent({
       const context = ramda.clone(c.context);
       const params = ramda.clone(c.params);
       if (index > 0) {
-        const valueItem = valueItems.value[index - 1];
-        Object.assign(context, {
-          [runtime.calcDeCodeNameById(valueItem.appDataEntityId)]: value
-        });
-        const appDataEntity = await ibiz.hub.getAppDataEntity(valueItem.appDataEntityId);
-        Object.assign(params, {
-          [`n_${appDataEntity.keyAppDEFieldId.toLowerCase()}_eq`]: value
-        });
+        const {
+          appDataEntityId: parentAppDataEntityId
+        } = valueItems.value[index - 1];
+        const {
+          appId,
+          appDataEntityId: childAppDataEntityId
+        } = valueItems.value[index];
+        const appDataEntity = await ibiz.hub.getAppDataEntity(childAppDataEntityId, appId);
+        const {
+          minorAppDERSs
+        } = appDataEntity;
+        if (minorAppDERSs) {
+          const appDeRSs = minorAppDERSs.find((DERSs) => DERSs.majorAppDataEntityId === parentAppDataEntityId);
+          if (appDeRSs && appDeRSs.parentAppDEFieldId)
+            Object.assign(params, {
+              [`n_${appDeRSs.parentAppDEFieldId.toLowerCase()}_eq`]: value
+            });
+        }
       }
       return {
         context,
@@ -252,7 +261,7 @@ const IBizCascader = /* @__PURE__ */ vue.defineComponent({
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
     }, [this.readonly && this.value, !this.readonly && vue.createVNode(vue.resolveComponent("van-field"), {
-      "value": this.value,
+      "modelValue": this.value,
       "readonly": true,
       "disabled": this.disabled,
       "placeholder": this.c.placeHolder,

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

@@ -1 +1 @@
-.ibiz-cascader{height:100%}.ibiz-cascader .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-cascader .van-field::after{display:none}.ibiz-cascader .van-cell--clickable:active{background-color:transparent}.ibiz-cascader--disabled{color:var(--ibiz-form-item-disabled-color);--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-cascader--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-readonly-color)}.ibiz-cascader input{text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-cascader.ibiz-cascader--readonly{text-align:var(--ibiz-form-item-container-editor-align)}
+.ibiz-cascader{--ibiz-cascader-color:var(--ibiz-editor-default-text-color);--ibiz-cascader-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-cascader-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-cascader-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-cascader-font-size:var(--ibiz-editor-default-font-size);--ibiz-cascader-line-height:var(--ibiz-editor-default-line-height);--ibiz-cascader-text-align:var(--ibiz-editor-default-text-align);height:100%;font-size:var(--ibiz-cascader-font-size);line-height:var(--ibiz-cascader-line-height);color:var(--ibiz-cascader-color);--van-field-input-text-color:var(--ibiz-cascader-color);--van-cell-text-color:var(--ibiz-cascader-color);--van-cell-value-color:var(--ibiz-cascader-color);--van-cell-line-height:var(--ibiz-cascader-line-height);--van-cell-font-size:var(--ibiz-cascader-font-size);--van-cell-value-font-size:var(--ibiz-cascader-font-size);--van-field-input-disabled-text-color:var(--ibiz-cascader-disabled-color)}.ibiz-cascader .van-field::after{display:none}.ibiz-cascader .van-cell--clickable:active{background-color:transparent}.ibiz-cascader input::-moz-placeholder{color:var(--ibiz-cascader-placeholder-color);-webkit-text-fill-color:var(--ibiz-cascader-placeholder-color)}.ibiz-cascader input::placeholder{color:var(--ibiz-cascader-placeholder-color);-webkit-text-fill-color:var(--ibiz-cascader-placeholder-color)}.ibiz-cascader--disabled{color:var(--ibiz-cascader-disabled-color);--van-field-input-disabled-text-color:var(--ibiz-cascader-disabled-color)}.ibiz-cascader--readonly{--van-field-input-text-color:var(--ibiz-cascader-readonly-color);color:var(--ibiz-cascader-readonly-color)}.ibiz-cascader input{text-align:var(--ibiz-cascader-text-align)}.ibiz-cascader.ibiz-cascader--readonly{text-align:var(--ibiz-cascader-text-align)}

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

@@ -65,7 +65,7 @@ const IBizCheckbox = /* @__PURE__ */ vue.defineComponent({
       "modelValue": this.currentVal,
       "onUpdate:modelValue": ($event) => this.currentVal = $event,
       "disabled": this.disabled || this.readonly
-    }, this.$attrs), null)]);
+    }, vue3Util.useFilterAttribute(this.$attrs)), null)]);
   }
 });
 

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

@@ -1 +1 @@
-.ibiz-checkbox{display:flex;justify-content:var(--ibiz-form-item-container-editor-align)}
+.ibiz-checkbox{--ibiz-checkbox-min-height:var(--ibiz-editor-default-line-height);--ibiz-checkbox-text-align:var(--ibiz-editor-default-text-align);display:flex;align-items:center;justify-content:var(--ibiz-checkbox-text-align);min-height:var(--ibiz-checkbox-min-height)}

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

@@ -126,7 +126,7 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
       "modelValue": this.selectArray,
       "onUpdate:modelValue": ($event) => this.selectArray = $event,
       "onChange": this.onSelectArrayChange
-    }, this.$attrs), _isSlot(_slot = this.items.map((item, index) => vue.createVNode(vue.resolveComponent("van-checkbox"), {
+    }, vue3Util.useFilterAttribute(this.$attrs)), _isSlot(_slot = this.items.map((item, index) => vue.createVNode(vue.resolveComponent("van-checkbox"), {
       "shape": "square",
       "key": index,
       "name": item.value,

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

@@ -1 +1 @@
-.ibiz-checkbox-list{--ibiz-checkbox-list-padding:var(--ibiz-spacing-tight) 0;--ibiz-checkbox-list-gap:var(--ibiz-spacing-tight);display:flex;justify-content:var(--ibiz-form-item-container-editor-align);height:100%;padding:var(--ibiz-checkbox-list-padding)}.ibiz-checkbox-list .van-checkbox-group{height:100%}.ibiz-checkbox-list .van-checkbox--horizontal{margin:0}.ibiz-checkbox-list .van-checkbox-group--horizontal{gap:var(--ibiz-checkbox-list-gap)}.ibiz-checkbox-list__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-checkbox-list--readonly{color:var(--ibiz-form-item-readonly-color)}
+.ibiz-checkbox-list{--ibiz-checkbox-list-color:var(--ibiz-editor-default-text-color);--ibiz-checkbox-list-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-checkbox-list-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-checkbox-list-font-size:var(--ibiz-editor-default-font-size);--ibiz-checkbox-list-line-height:var(--ibiz-editor-default-line-height);--ibiz-checkbox-list-text-align:var(--ibiz-editor-default-text-align);--ibiz-checkbox-list-gap:var(--ibiz-spacing-tight);display:flex;justify-content:var(--ibiz-checkbox-list-text-align);height:100%;font-size:var(--ibiz-checkbox-list-font-size);line-height:var(--ibiz-checkbox-list-line-height);color:var(--ibiz-checkbox-list-color);--van-checkbox-size:var(--ibiz-checkbox-list-font-size)}.ibiz-checkbox-list .van-checkbox-group{height:100%}.ibiz-checkbox-list .van-checkbox--horizontal{margin:0}.ibiz-checkbox-list .van-checkbox-group--horizontal{gap:var(--ibiz-checkbox-list-gap)}.ibiz-checkbox-list__text{font-size:var(--ibiz-checkbox-list-font-size);line-height:var(--ibiz-checkbox-list-line-height);color:var(--ibiz-checkbox-list-color)}.ibiz-checkbox-list--disabled .ibiz-checkbox-list__text{color:var(--ibiz-checkbox-list-disabled-color)}.ibiz-checkbox-list--readonly{color:var(--ibiz-checkbox-list-readonly-color);text-align:var(--ibiz-checkbox-list-text-align)}

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

@@ -1 +1 @@
-.ibiz-color-picker{position:relative;display:flex;flex-direction:row;justify-content:var(--ibiz-form-item-container-editor-align);height:100%;padding-right:2.5rem}.ibiz-color-picker__picker.van-field{position:absolute;right:0;width:var(--ibiz-spacing-loose);height:var(--ibiz-spacing-loose);padding:0;margin-right:var(--ibiz-spacing-tight)}.ibiz-color-picker__item{display:inline-block;width:auto;padding-right:var(--ibiz-spacing-extra-loose);color:inherit}.ibiz-color-picker__item .van-field__value{height:100%;color:inherit}.ibiz-color-picker__item .van-field__value .van-field__control{color:inherit;text-align:center}
+.ibiz-color-picker{--ibiz-color-picker-color:var(--ibiz-editor-default-text-color);--ibiz-color-picker-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-color-picker-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-color-picker-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-color-picker-font-size:var(--ibiz-editor-default-font-size);--ibiz-color-picker-line-height:var(--ibiz-editor-default-line-height);--ibiz-color-picker-text-align:var(--ibiz-editor-default-text-align);--ibiz-color-picker-picker-width:var(--ibiz-spacing-base-loose);--ibiz-color-picker-picker-height:var(--ibiz-spacing-base-loose);--ibiz-color-picker-picker-margin-left:var(--ibiz-spacing-tight);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:var(--ibiz-color-picker-text-align);height:100%;font-size:var(--ibiz-color-picker-font-size);line-height:var(--ibiz-color-picker-line-height);color:var(--ibiz-color-picker-color);--van-field-input-text-color:var(--ibiz-color-picker-color);--van-cell-text-color:var(--ibiz-color-picker-color);--van-cell-value-color:var(--ibiz-color-picker-color);--van-cell-line-height:var(--ibiz-color-picker-line-height);--van-cell-font-size:var(--ibiz-color-picker-font-size);--van-cell-value-font-size:var(--ibiz-color-picker-font-size);--van-field-input-disabled-text-color:var(--ibiz-color-picker-disabled-color)}.ibiz-color-picker input::-moz-placeholder{color:var(--ibiz-color-picker-placeholder-color);-webkit-text-fill-color:var(--ibiz-color-picker-placeholder-color)}.ibiz-color-picker input::placeholder{color:var(--ibiz-color-picker-placeholder-color);-webkit-text-fill-color:var(--ibiz-color-picker-placeholder-color)}.ibiz-color-picker input::-webkit-color-swatch-wrapper{padding:0}.ibiz-color-picker__picker.van-field{flex-shrink:0;padding:0;margin-left:var(--ibiz-color-picker-picker-margin-left);background-color:transparent}.ibiz-color-picker__picker .van-field__control{width:var(--ibiz-color-picker-picker-width);height:var(--ibiz-color-picker-picker-height)}.ibiz-color-picker__item{display:inline-block;width:auto;color:inherit}.ibiz-color-picker__item .van-field__value{height:100%;color:inherit}.ibiz-color-picker__item .van-field__value .van-field__control{color:inherit;text-align:center}.ibiz-color-picker--readonly{padding-right:0}

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

@@ -1 +1 @@
-.ibiz-data-mpicker .ibiz-data-mpicker-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base-tight)}.ibiz-data-mpicker .ibiz-data-mpicker-toolbar button{padding:0;background-color:transparent;border:none}.ibiz-data-mpicker-toolbar__confirm{color:var(--ibiz-color-primary)}.ibiz-data-mpicker-toolbar__cancel{color:var(--ibiz-color-text-3)}.ibiz-data-mpicker .ibiz-data-mpicker-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-data-mpicker .ibiz-data-mpicker-columns .van-cell-group{height:100%;overflow:auto}.ibiz-data-mpicker .ibiz-data-mpicker-columns .van-cell{justify-content:flex-end;padding:var(--ibiz-spacing-base-tight)}.ibiz-data-mpicker .van-cell-group--inset{margin:0}
+.ibiz-data-mpicker{--ibiz-data-mpicker-cancel-color:var(--ibiz-color-text-1);--ibiz-data-mpicker-confirm-color:var(--ibiz-color-primary);--ibiz-data-mpicker-toolbar-padding:var(--ibiz-spacing-base-tight);--ibiz-data-mpicker-cell-padding:var(--ibiz-spacing-base-tight)}.ibiz-data-mpicker .ibiz-data-mpicker-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-data-mpicker-toolbar-padding)}.ibiz-data-mpicker .ibiz-data-mpicker-toolbar button{padding:0;background-color:transparent;border:none}.ibiz-data-mpicker-toolbar__confirm{color:var(--ibiz-data-mpicker-confirm-color)}.ibiz-data-mpicker-toolbar__cancel{color:var(--ibiz-data-mpicker-cancel-color)}.ibiz-data-mpicker .ibiz-data-mpicker-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-data-mpicker .ibiz-data-mpicker-columns .van-cell-group{height:100%;overflow:auto}.ibiz-data-mpicker .ibiz-data-mpicker-columns .van-cell{justify-content:flex-end;padding:var(--ibiz-data-mpicker-cell-padding)}.ibiz-data-mpicker .van-cell-group--inset{margin:0}

package/lib/editor/common/right-icon/right-icon.css

@@ -1 +1 @@
-.ibiz-editor-right-icon{font-size:var(--ibiz-font-size-header-4)}
+.ibiz-editor-right-icon{--ibiz-editor-right-icon-font-size:var(--ibiz-font-size-header-4);font-size:var(--ibiz-editor-right-icon-font-size)}

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

@@ -4,8 +4,6 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var lodashEs = require('lodash-es');
 require('./ibiz-mpicker.css');
-var ibizDataMpicker = require('../../common/data-mpicker/ibiz-data-mpicker.cjs');
-var rightIcon = require('../../common/right-icon/right-icon.cjs');
 
 "use strict";
 const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
@@ -92,9 +90,6 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       if (result && Array.isArray(result)) {
         const calcPromises = result.map(async (select) => {
           const item = formatter(select);
-          if (select.srfnodeid) {
-            Object.assign(item, select._deData);
-          }
           const dataItems = await c.calcFillDataItems(item);
           const res = {};
           dataItems.forEach((dataItem) => {
@@ -262,11 +257,6 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       emit("blur");
     };
     const openPicker = async () => {
-      if (props.disabled || props.readonly) {
-        return;
-      }
-      showPicker.value = true;
-      onSearch();
     };
     return {
       ns,
@@ -306,7 +296,9 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
             "class": this.ns.e("placeholder")
           }, [this.c.placeHolder]);
         }
-        return this.selectItems.map((item) => {
+        const showNum = 1;
+        const showMore = this.selectItems.length - showNum > 0;
+        return [this.selectItems.slice(0, showNum).map((item) => {
           return vue.createVNode("div", {
             "class": this.ns.b("select-item")
           }, [vue.createVNode("div", {
@@ -320,7 +312,14 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
               this.onRemove(item[this.c.keyName]);
             }
           }, null)])]);
-        });
+        }), showMore && vue.createVNode("div", {
+          "class": [this.ns.b("select-item"), this.ns.bm("select-item", "more")],
+          "onClick": (event) => {
+            if (this.c.model.pickupAppViewId) {
+              this.openPickUpView(event);
+            }
+          }
+        }, [vue.createTextVNode("+ "), this.selectItems.length - showNum])];
       },
       "right-icon": () => {
         if (this.$slots.append) {
@@ -329,23 +328,22 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         if (this.readonly) {
           return null;
         }
-        return [this.c.model.pickupAppViewId && vue.createVNode(vue.resolveComponent("van-button"), {
-          "size": "small",
-          "onClick": (event) => this.openPickUpView(event)
-        }, {
-          default: () => [vue.createVNode("ion-icon", {
-            "name": "search",
-            "class": this.ns.e("pickup-search-icon")
-          }, null)]
-        }), this.c.model.appDEDataSetId && vue.createVNode(rightIcon.IBizCommonRightIcon, null, null)];
+        return [
+          this.c.model.pickupAppViewId && vue.createVNode(vue.resolveComponent("van-button"), {
+            "size": "small",
+            "onClick": (event) => this.openPickUpView(event)
+          }, {
+            default: () => [vue.createVNode("ion-icon", {
+              "name": "search",
+              "class": this.ns.e("pickup-search-icon")
+            }, null)]
+          })
+          // this.c.model.appDEDataSetId && (
+          //   <IBizCommonRightIcon></IBizCommonRightIcon>
+          // ),
+        ];
       }
-    }), vue.createVNode(ibizDataMpicker.IBizDataMPicker, {
-      "items": this.items,
-      "onChange": this.onSelect,
-      "showPicker": this.showPicker,
-      "onUpdate:showPicker": ($event) => this.showPicker = $event,
-      "value": this.curValue
-    }, null)]);
+    })]);
   }
 });
 

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field::after{display:none}.ibiz-mpicker .van-field__right-icon{align-items:center}.ibiz-mpicker .van-field__right-icon button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:var(--ibiz-spacing-tight)}.ibiz-mpicker input:disabled{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);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-mpicker__placeholder{color:var(--ibiz-color-text-3)}.ibiz-mpicker__pickup-search-icon{font-size:var(--ibiz-font-size-header-5);display:flex}.ibiz-mpicker--disabled{pointer-events:none;opacity:.8}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker .ibiz-mpicker-select-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}.ibiz-mpicker .van-field__control--custom{display:flex;flex-direction:row;justify-content:var(--ibiz-form-item-container-editor-align)}.ibiz-mpicker.ibiz-mpicker--readonly{text-align:var(--ibiz-form-item-container-editor-align)}
+@charset "UTF-8";.ibiz-mpicker{--ibiz-mpicker-color:var(--ibiz-editor-default-text-color);--ibiz-mpicker-icon-color:var(--van-field-right-icon-color);--ibiz-mpicker-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-mpicker-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-mpicker-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-mpicker-select-item-bg-color:var(--ibiz-color-primary-light-default);--ibiz-mpicker-font-size:var(--ibiz-editor-default-font-size);--ibiz-mpicker-icon-font-size:var(--ibiz-font-size-header-5);--ibiz-mpicker-line-height:var(--ibiz-editor-default-line-height);--ibiz-mpicker-text-align:var(--ibiz-editor-default-text-align);--ibiz-mpicker-select-item-border-radius:var(--ibiz-border-radius-small);--ibiz-mpicker-gap:var(--ibiz-spacing-tight);--ibiz-mpicker-select-item-gap:var(--ibiz-spacing-tight);--ibiz-mpicker-select-item-padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-mpicker-font-size);line-height:var(--ibiz-mpicker-line-height);color:var(--ibiz-mpicker-color);--van-field-input-text-color:var(--ibiz-mpicker-color);--van-cell-text-color:var(--ibiz-mpicker-color);--van-cell-value-color:var(--ibiz-mpicker-color);--van-cell-line-height:var(--ibiz-mpicker-line-height);--van-cell-font-size:var(--ibiz-mpicker-font-size);--van-cell-value-font-size:var(--ibiz-mpicker-font-size)}.ibiz-mpicker .van-field::after{display:none}.ibiz-mpicker .van-field__right-icon{display:flex;align-items:center;justify-content:center}.ibiz-mpicker .van-field__right-icon button{height:var(--ibiz-mpicker-line-height);padding:0;color:var(--ibiz-mpicker-icon-color);border:none}.ibiz-mpicker .van-field__control{gap:var(--ibiz-mpicker-gap)}.ibiz-mpicker__placeholder{color:var(--ibiz-mpicker-placeholder-color)}.ibiz-mpicker__pickup-search-icon{display:flex;font-size:var(--ibiz-mpicker-icon-font-size)}.ibiz-mpicker--disabled{pointer-events:none;--van-field-input-text-color:var(--ibiz-mpicker-disabled-color)}.ibiz-mpicker--readonly{color:var(--ibiz-mpicker-readonly-color);-webkit-text-fill-color:var(--ibiz-mpicker-readonly-color)}.ibiz-mpicker .ibiz-mpicker-select-item{display:flex;gap:var(--ibiz-mpicker-select-item-gap);align-items:center;justify-content:space-between;padding:var(--ibiz-mpicker-select-item-padding);overflow:hidden;font-size:var(--ibiz-mpicker-font-size);line-height:calc(var(--ibiz-mpicker-line-height) - .25rem);text-overflow:ellipsis;white-space:nowrap;background-color:var(--ibiz-mpicker-select-item-bg-color);border-radius:var(--ibiz-mpicker-select-item-border-radius)}.ibiz-mpicker-select-item__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-mpicker-select-item__close{flex-shrink:0}.ibiz-mpicker .ibiz-mpicker-select-item--more{flex-shrink:0}.ibiz-mpicker .van-field__value{width:100%}.ibiz-mpicker .van-field__control--custom{display:flex;flex-direction:row;justify-content:var(--ibiz-mpicker-text-align)}.ibiz-mpicker.ibiz-mpicker--readonly{text-align:var(--ibiz-mpicker-text-align)}

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

@@ -291,7 +291,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
   render() {
     if (this.readonly) {
       return vue.createVNode("div", {
-        "class": (this.ns.b(), this.ns.m("readonly"))
+        "class": [this.ns.b(), this.ns.m("readonly")]
       }, [this.value || ""]);
     }
     return vue.createVNode("div", {

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

@@ -1 +1 @@
-.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field::after{display:none}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:.3125rem;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:2rem;height:2rem;padding:0 .375rem}.ibiz-picker--disabled{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker input:disabled{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);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color);text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-picker input{text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-picker__pickup-search-icon{font-size:var(--ibiz-font-size-header-5);display:flex}.ibiz-picker__linkview-icon{font-size:var(--ibiz-font-size-header-5);display:flex}.ibiz-picker-pop{display:flex;width:100%;height:100%;padding:var(--ibiz-spacing-base);flex-direction:column}.ibiz-picker-pop__header{flex-shrink:0;display:flex;justify-content:space-between;opacity:.7}.ibiz-picker-pop__header--caption{margin-left:var(--ibiz-spacing-base)}.ibiz-picker-pop__header--right{display:var(--ibiz-form-item-container-required-style)}.ibiz-picker-pop__content{flex:1;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.ibiz-picker-pop__search{margin-top:var(--ibiz-spacing-base);flex-shrink:0;padding:var(--ibiz-spacing-extra-tight) 0;overflow:hidden;border-radius:var(--ibiz-border-radius-medium)}.ibiz-picker-pop__search .van-field{--van-field-icon-size:var(--ibiz-font-soze-heaader-5);padding:var(--ibiz-spacing-extra-tight);--van-cell-background:var(--ibiz-color-fill-2)}.ibiz-picker-pop__search .van-field .van-field__left-icon{display:flex;align-items:center;padding:0 var(--ibiz-spacing-extra-tight)}.ibiz-picker-pop__search .van-field .van-field__value::-moz-placeholder{font-size:var(--ibiz-font-size-small);color:var(--ibiz-color-text-3)}.ibiz-picker-pop__search .van-field .van-field__value::placeholder{font-size:var(--ibiz-font-size-small);color:var(--ibiz-color-text-3)}.ibiz-picker-pop__search .van-field .van-field__value input{text-align:left}.ibiz-picker-pop__list{flex:1;overflow:auto}.ibiz-picker-pop__list--item{display:flex;justify-content:space-between;align-items:center;padding:var(--ibiz-spacing-base) 0;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-picker-pop__list--item-text{color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-picker-pop__list--item-text.is-bkcolor{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base)}.ibiz-picker-pop__list--selected{color:var(--ibiz-color-primary)}
+.ibiz-picker{--ibiz-picker-color:var(--ibiz-editor-default-text-color);--ibiz-picker-icon-color:var(--van-field-right-icon-color);--ibiz-picker-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-picker-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-picker-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-picker-pop-search-input-bg-color:var(--ibiz-color-fill-2);--ibiz-picker-pop-list-item-selected-color:var(--ibiz-color-primary);--ibiz-picker-font-size:var(--ibiz-editor-default-font-size);--ibiz-picker-icon-font-size:var(--ibiz-font-size-header-5);--ibiz-picker-line-height:var(--ibiz-editor-default-line-height);--ibiz-picker-text-align:var(--ibiz-editor-default-text-align);--ibiz-picker-pop-search-border-radius:var(--ibiz-border-radius-medium);--ibiz-picker-pop-list-item-border-radius:var(--ibiz-spacing-base);--ibiz-picker-pop-padding:var(--ibiz-spacing-base);--ibiz-picker-pop-caption-margin-left:var(--ibiz-spacing-base);--ibiz-picker-pop-search-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-picker-pop-search-margin-top:var(--ibiz-spacing-base);--ibiz-picker-pop-search-input-padding:var(--ibiz-spacing-extra-tight);--ibiz-picker-pop-search-input-icon-padding:0 var(--ibiz-spacing-extra-tight);--ibiz-picker-pop-list-item-padding:var(--ibiz-spacing-base) 0;--ibiz-picker-pop-list-bg-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);--ibiz-picker-pop-list-item-border-bottom:1px solid var(--ibiz-color-border);--ibiz-picker-clear-display:var(--ibiz-editor-default-required-style);height:100%;font-size:var(--ibiz-picker-font-size);line-height:var(--ibiz-picker-line-height);color:var(--ibiz-picker-color);--van-field-input-text-color:var(--ibiz-picker-color);--van-cell-text-color:var(--ibiz-picker-color);--van-cell-value-color:var(--ibiz-picker-color);--van-cell-line-height:var(--ibiz-picker-line-height);--van-cell-font-size:var(--ibiz-picker-font-size);--van-cell-value-font-size:var(--ibiz-picker-font-size);--van-field-input-disabled-text-color:var(--ibiz-picker-disabled-color)}.ibiz-picker .van-field::after{display:none}.ibiz-picker .van-field__button{display:flex;align-items:center;justify-content:center}.ibiz-picker .van-field__button button{height:var(--ibiz-picker-line-height);padding:0;color:var(--ibiz-picker-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker--disabled{pointer-events:none}.ibiz-picker--readonly{--ibiz-picker-color:var(--ibiz-editor-default-text-color);--ibiz-picker-icon-color:var(--van-field-right-icon-color);--ibiz-picker-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-picker-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-picker-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-picker-pop-search-input-bg-color:var(--ibiz-color-fill-2);--ibiz-picker-pop-list-item-selected-color:var(--ibiz-color-primary);--ibiz-picker-font-size:var(--ibiz-editor-default-font-size);--ibiz-picker-icon-font-size:var(--ibiz-font-size-header-5);--ibiz-picker-line-height:var(--ibiz-editor-default-line-height);--ibiz-picker-text-align:var(--ibiz-editor-default-text-align);--ibiz-picker-pop-search-border-radius:var(--ibiz-border-radius-medium);--ibiz-picker-pop-list-item-border-radius:var(--ibiz-spacing-base);--ibiz-picker-pop-padding:var(--ibiz-spacing-base);--ibiz-picker-pop-caption-margin-left:var(--ibiz-spacing-base);--ibiz-picker-pop-search-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-picker-pop-search-margin-top:var(--ibiz-spacing-base);--ibiz-picker-pop-search-input-padding:var(--ibiz-spacing-extra-tight);--ibiz-picker-pop-search-input-icon-padding:0 var(--ibiz-spacing-extra-tight);--ibiz-picker-pop-list-item-padding:var(--ibiz-spacing-base) 0;--ibiz-picker-pop-list-bg-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);--ibiz-picker-pop-list-item-border-bottom:1px solid var(--ibiz-color-border);--ibiz-picker-clear-display:var(--ibiz-editor-default-required-style);color:var(--ibiz-picker-readonly-color)}.ibiz-picker input::-moz-placeholder{color:var(--ibiz-picker-placeholder-color);-webkit-text-fill-color:var(--ibiz-picker-placeholder-color)}.ibiz-picker input::placeholder{color:var(--ibiz-picker-placeholder-color);-webkit-text-fill-color:var(--ibiz-picker-placeholder-color)}.ibiz-picker--readonly{color:var(--ibiz-picker-readonly-color);-webkit-text-fill-color:var(--ibiz-picker-readonly-color);text-align:var(--ibiz-picker-text-align)}.ibiz-picker input{text-align:var(--ibiz-picker-text-align)}.ibiz-picker__pickup-search-icon{display:flex;font-size:var(--ibiz-picker-icon-font-size)}.ibiz-picker__linkview-icon{display:flex;font-size:var(--ibiz-picker-icon-font-size)}.ibiz-picker-pop{--ibiz-picker-color:var(--ibiz-editor-default-text-color);--ibiz-picker-icon-color:var(--van-field-right-icon-color);--ibiz-picker-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-picker-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-picker-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-picker-pop-search-input-bg-color:var(--ibiz-color-fill-2);--ibiz-picker-pop-list-item-selected-color:var(--ibiz-color-primary);--ibiz-picker-font-size:var(--ibiz-editor-default-font-size);--ibiz-picker-icon-font-size:var(--ibiz-font-size-header-5);--ibiz-picker-line-height:var(--ibiz-editor-default-line-height);--ibiz-picker-text-align:var(--ibiz-editor-default-text-align);--ibiz-picker-pop-search-border-radius:var(--ibiz-border-radius-medium);--ibiz-picker-pop-list-item-border-radius:var(--ibiz-spacing-base);--ibiz-picker-pop-padding:var(--ibiz-spacing-base);--ibiz-picker-pop-caption-margin-left:var(--ibiz-spacing-base);--ibiz-picker-pop-search-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-picker-pop-search-margin-top:var(--ibiz-spacing-base);--ibiz-picker-pop-search-input-padding:var(--ibiz-spacing-extra-tight);--ibiz-picker-pop-search-input-icon-padding:0 var(--ibiz-spacing-extra-tight);--ibiz-picker-pop-list-item-padding:var(--ibiz-spacing-base) 0;--ibiz-picker-pop-list-bg-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);--ibiz-picker-pop-list-item-border-bottom:1px solid var(--ibiz-color-border);--ibiz-picker-clear-display:var(--ibiz-editor-default-required-style);display:flex;flex-direction:column;width:100%;height:100%;padding:var(--ibiz-picker-pop-padding)}.ibiz-picker-pop__header{display:flex;flex-shrink:0;justify-content:space-between;opacity:.7}.ibiz-picker-pop__header--caption{margin-left:var(--ibiz-picker-pop-caption-margin-left)}.ibiz-picker-pop__header--right{display:var(--ibiz-picker-clear-display)}.ibiz-picker-pop__content{display:flex;flex:1;flex-direction:column;width:100%;height:100%;overflow:hidden}.ibiz-picker-pop__search{flex-shrink:0;padding:var(--ibiz-picker-pop-search-padding);margin-top:var(--ibiz-picker-pop-search-margin-top);overflow:hidden;border-radius:var(--ibiz-picker-pop-search-border-radius)}.ibiz-picker-pop__search .van-field{padding:var(--ibiz-picker-pop-search-input-padding);--van-cell-background:var(--ibiz-picker-pop-search-input-bg-color)}.ibiz-picker-pop__search .van-field .van-field__left-icon{display:flex;align-items:center;padding:var(--ibiz-picker-pop-search-input-icon-padding)}.ibiz-picker-pop__search .van-field .van-field__value input{text-align:left}.ibiz-picker-pop__list{flex:1;overflow:auto}.ibiz-picker-pop__list--item{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-picker-pop-list-item-padding);border-bottom:var(--ibiz-picker-pop-list-item-border-bottom)}.ibiz-picker-pop__list--item-text{color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-picker-pop-list-item-border-radius)}.ibiz-picker-pop__list--item-text.is-bkcolor{padding:var(--ibiz-picker-pop-list-bg-item-padding)}.ibiz-picker-pop__list--selected{color:var(--ibiz-picker-pop-list-item-selected-color)}

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

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker-select-view__pickup-search-icon{font-size:var(--ibiz-font-size-header-4);display:flex}.ibiz-picker-select-view .ibiz-picker-select-view-view{height:100%}.ibiz-picker-select-view .van-field__button{height:var(--ibiz-form-item-line-height);display:flex;align-items:center}.ibiz-picker-select-view .van-field__button button{color:var(--van-field-right-icon-color);border:none;height:var(--ibiz-form-item-line-height);border-radius:0;--van-button-default-line-height:1}.ibiz-picker-select-view .van-field__button .van-button__text{display:flex;align-items:center;height:100%}.ibiz-picker-select-view--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color);color:var(--ibiz-form-item-disabled-color);pointer-events:none}.ibiz-picker-select-view--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view input{text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-picker-select-view.ibiz-picker-select-view--readonly{text-align:var(--ibiz-form-item-container-editor-align)}
+.ibiz-picker-select-view{--ibiz-picker-select-view-color:var(--ibiz-editor-default-text-color);--ibiz-picker-select-view-icon-color:var(--van-field-right-icon-color);--ibiz-picker-select-view-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-picker-select-view-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-picker-select-view-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-picker-select-view-font-size:var(--ibiz-editor-default-font-size);--ibiz-picker-select-view-icon-font-size:var(--ibiz-font-size-header-5);--ibiz-picker-select-view-line-height:var(--ibiz-editor-default-line-height);--ibiz-picker-select-view-text-align:var(--ibiz-editor-default-text-align);width:100%;font-size:var(--ibiz-picker-select-view-font-size);line-height:var(--ibiz-picker-select-view-line-height);color:var(--ibiz-picker-select-view-color);--van-field-input-text-color:var(--ibiz-picker-select-view-color);--van-cell-text-color:var(--ibiz-picker-select-view-color);--van-cell-value-color:var(--ibiz-picker-select-view-color);--van-cell-line-height:var(--ibiz-picker-select-view-line-height);--van-cell-font-size:var(--ibiz-picker-select-view-font-size);--van-cell-value-font-size:var(--ibiz-picker-select-view-font-size);--van-field-input-disabled-text-color:var(--ibiz-picker-select-view-disabled-color)}.ibiz-picker-select-view__pickup-search-icon{display:flex;font-size:var(--ibiz-picker-select-view-icon-font-size)}.ibiz-picker-select-view .ibiz-picker-select-view-view{height:100%}.ibiz-picker-select-view .van-field__button{display:flex;align-items:center;justify-content:center}.ibiz-picker-select-view .van-field__button button{height:var(--ibiz-picker-select-view-line-height);padding:0;color:var(--ibiz-picker-select-view-icon-color);border:none}.ibiz-picker-select-view .van-field__button .van-button__text{display:flex;align-items:center;height:100%}.ibiz-picker-select-view input::-moz-placeholder{color:var(--ibiz-picker-select-view-placeholder-color);-webkit-text-fill-color:var(--ibiz-picker-select-view-placeholder-color)}.ibiz-picker-select-view input::placeholder{color:var(--ibiz-picker-select-view-placeholder-color);-webkit-text-fill-color:var(--ibiz-picker-select-view-placeholder-color)}.ibiz-picker-select-view--disabled{--van-field-input-disabled-text-color:var(--ibiz-picker-select-view-disabled-color);color:var(--ibiz-picker-select-view-disabled-color);pointer-events:none}.ibiz-picker-select-view--readonly{--van-field-input-text-color:var(--ibiz-picker-select-view-readonly-color);color:var(--ibiz-picker-select-view-readonly-color)}.ibiz-picker-select-view input{text-align:var(--ibiz-picker-select-view-text-align)}.ibiz-picker-select-view.ibiz-picker-select-view--readonly{text-align:var(--ibiz-picker-select-view-text-align)}

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

@@ -1 +1 @@
-.ibiz-date-picker input{width:100%;font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:inherit;background-color:transparent;border:none;border-color:var(--ibiz-form-item-border-color);box-shadow:none}.ibiz-date-picker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker input::placeholder{color:var(--ibiz-form-item-placeholder-color);-webkit-text-fill-color:var(--ibiz-form-item-placeholder-color)}.ibiz-date-picker input[disabled]{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-date-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-date-picker input{text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-date-picker.ibiz-date-picker--readonly{text-align:var(--ibiz-form-item-container-editor-align)}.rolldate-container .rolldate-mask.rolldate-mask{z-index:9998}.rolldate-container .rolldate-panel.rolldate-panel{z-index:9999}
+.ibiz-date-picker{--ibiz-date-picker-color:var(--ibiz-editor-default-text-color);--ibiz-date-picker-bg-color:transparent;--ibiz-date-picker-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-date-picker-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-date-picker-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-date-picker-font-size:var(--ibiz-editor-default-font-size);--ibiz-date-picker-line-height:var(--ibiz-editor-default-line-height);--ibiz-date-picker-text-align:var(--ibiz-editor-default-text-align);font-size:var(--ibiz-date-picker-font-size);line-height:var(--ibiz-date-picker-line-height);color:var(--ibiz-date-picker-color);--van-field-input-text-color:var(--ibiz-date-picker-color);--van-cell-text-color:var(--ibiz-date-picker-color);--van-cell-value-color:var(--ibiz-date-picker-color);--van-cell-line-height:var(--ibiz-date-picker-line-height);--van-cell-font-size:var(--ibiz-date-picker-font-size);--van-cell-value-font-size:var(--ibiz-date-picker-font-size)}.ibiz-date-picker input{width:100%;padding:0;font-size:var(--ibiz-date-picker-font-size);line-height:var(--ibiz-date-picker-line-height);color:var(--ibiz-date-picker-color);text-align:inherit;background-color:var(--ibiz-date-picker-bg-color);border:none;box-shadow:none}.ibiz-date-picker input::-moz-placeholder{color:var(--ibiz-date-picker-placeholder-color);-webkit-text-fill-color:var(--ibiz-date-picker-placeholder-color)}.ibiz-date-picker input::placeholder{color:var(--ibiz-date-picker-placeholder-color);-webkit-text-fill-color:var(--ibiz-date-picker-placeholder-color)}.ibiz-date-picker input[disabled]{color:var(--ibiz-date-picker-disabled-color)}.ibiz-date-picker--readonly{color:var(--ibiz-date-picker-readonly-color)}.ibiz-date-picker input{text-align:var(--ibiz-date-picker-text-align)}.ibiz-date-picker.ibiz-date-picker--readonly{text-align:var(--ibiz-date-picker-text-align)}.rolldate-container .rolldate-mask.rolldate-mask{z-index:9998}.rolldate-container .rolldate-panel.rolldate-panel{z-index:9999}

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-date-range-picker{display:flex;align-items:center;width:100%;overflow:hidden}.ibiz-date-range-picker__content{position:relative;display:flex;flex:1;align-items:center;min-height:calc(var(--van-cell-line-height) + 2px);white-space:nowrap}.ibiz-date-range-picker__content.is-start .van-field input{text-align:left}.ibiz-date-range-picker__content.is-end{min-width:0;overflow:hidden;text-overflow:ellipsis}.ibiz-date-range-picker__content.is-end input{overflow:hidden;text-overflow:ellipsis}.ibiz-date-range-picker__content.is-end .van-field input{text-align:right}.ibiz-date-range-picker__content.is-end .van-field input::-moz-placeholder{text-align:right}.ibiz-date-range-picker__content.is-end .van-field input::placeholder{text-align:right}.ibiz-date-range-picker__expand-hidden{opacity:0}.ibiz-date-range-picker__input{position:absolute;top:0;left:0}.ibiz-date-range-picker .van-field{line-height:var(--ibiz-form-item-line-height)}.ibiz-date-range-picker .van-field::after{display:none}.ibiz-date-range-picker .van-field .van-field__control--custom{min-height:var(--ibiz-form-item-line-height)}.ibiz-date-range-picker input{width:100%;font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);background-color:transparent;border:none;padding:0;border-color:var(--ibiz-form-item-border-color);box-shadow:none}.ibiz-date-range-picker{display:flex;align-items:center;justify-content:center}.ibiz-date-range-picker--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-date-range-picker--disabled input{color:var(--ibiz-form-item-disabled-color)}.ibiz-date-range-picker--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color)}.ibiz-date-range-picker--readonly input{color:var(--ibiz-form-item-readonly-color)}
+.ibiz-date-range-picker{--ibiz-date-range-picker-color:var(--ibiz-editor-default-text-color);--ibiz-date-range-picker-bg-color:transparent;--ibiz-date-range-picker-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-date-range-picker-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-date-range-picker-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-date-range-picker-font-size:var(--ibiz-editor-default-font-size);--ibiz-date-range-picker-line-height:var(--ibiz-editor-default-line-height);--ibiz-date-range-picker-text-align:var(--ibiz-editor-default-text-align);--ibiz-date-range-picker-min-height:var(--ibiz-editor-default-line-height);display:flex;align-items:center;width:100%;overflow:hidden;font-size:var(--ibiz-date-range-picker-font-size);line-height:var(--ibiz-date-range-picker-line-height);color:var(--ibiz-date-range-picker-color);text-align:var(--ibiz-date-range-picker-text-align);--van-field-input-text-color:var(--ibiz-date-range-picker-color);--van-cell-text-color:var(--ibiz-date-range-picker-color);--van-cell-value-color:var(--ibiz-date-range-picker-color);--van-cell-line-height:var(--ibiz-date-range-picker-line-height);--van-cell-font-size:var(--ibiz-date-range-picker-font-size);--van-cell-value-font-size:var(--ibiz-date-range-picker-font-size)}.ibiz-date-range-picker__content{position:relative;display:flex;flex:1;align-items:center;min-height:var(--ibiz-date-range-picker-min-height)}.ibiz-date-range-picker__content input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ibiz-date-range-picker__content.is-end .van-field input{text-align:right}.ibiz-date-range-picker__content.is-end .van-field input::-moz-placeholder{text-align:right}.ibiz-date-range-picker__content.is-end .van-field input::placeholder{text-align:right}.ibiz-date-range-picker__expand-hidden{opacity:0}.ibiz-date-range-picker__input{position:absolute;top:0;left:0}.ibiz-date-range-picker .van-field{line-height:var(--ibiz-date-range-picker-line-height)}.ibiz-date-range-picker .van-field::after{display:none}.ibiz-date-range-picker .van-field .van-field__control--custom{min-height:var(--ibiz-date-range-picker-line-height)}.ibiz-date-range-picker input{width:100%;padding:0;font-size:var(--ibiz-date-range-picker-font-size);line-height:var(--ibiz-date-range-picker-line-height);color:var(--ibiz-date-range-picker-color);background-color:var(--ibiz-date-range-picker-bg-color);border:none;box-shadow:none}.ibiz-date-range-picker input::-moz-placeholder{color:var(--ibiz-date-range-picker-placeholder-color);-webkit-text-fill-color:var(--ibiz-date-range-picker-placeholder-color)}.ibiz-date-range-picker input::placeholder{color:var(--ibiz-date-range-picker-placeholder-color);-webkit-text-fill-color:var(--ibiz-date-range-picker-placeholder-color)}.ibiz-date-range-picker{display:flex;align-items:center;justify-content:center}.ibiz-date-range-picker--disabled{--van-field-input-text-color:var(--ibiz-date-range-picker-disabled-color);color:var(--ibiz-date-range-picker-disabled-color)}.ibiz-date-range-picker--disabled input{color:var(--ibiz-date-range-picker-disabled-color)}.ibiz-date-range-picker--readonly{--van-field-input-text-color:var(--ibiz-date-range-picker-readonly-color);color:var(--ibiz-date-range-picker-readonly-color)}.ibiz-date-range-picker--readonly input{color:var(--ibiz-date-range-picker-readonly-color)}

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

@@ -1 +1 @@
-.ibiz-cascader-dropdown{height:100%}.ibiz-cascader-dropdown .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-cascader-dropdown .van-field::after{display:none}.ibiz-cascader-dropdown .van-cell--clickable:active{background-color:transparent}.ibiz-cascader-dropdown--disabled{color:var(--ibiz-form-item-disabled-color);--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-cascader-dropdown--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-readonly-color)}.ibiz-cascader-dropdown input{text-align:var(--ibiz-form-item-container-editor-align)}.ibiz-cascader-dropdown.ibiz-cascader--readonly{text-align:var(--ibiz-form-item-container-editor-align)}
+.ibiz-cascader-dropdown{--ibiz-cascader-dropdown-color:var(--ibiz-editor-default-text-color);--ibiz-cascader-dropdown-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-cascader-dropdown-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-cascader-dropdown-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-cascader-dropdown-font-size:var(--ibiz-editor-default-font-size);--ibiz-cascader-dropdown-line-height:var(--ibiz-editor-default-line-height);--ibiz-cascader-dropdown-text-align:var(--ibiz-editor-default-text-align);height:100%;font-size:var(--ibiz-cascader-dropdown-font-size);line-height:var(--ibiz-cascader-dropdown-line-height);color:var(--ibiz-cascader-dropdown-color);--van-field-input-text-color:var(--ibiz-cascader-dropdown-color);--van-cell-text-color:var(--ibiz-cascader-dropdown-color);--van-cell-value-color:var(--ibiz-cascader-dropdown-color);--van-cell-line-height:var(--ibiz-cascader-dropdown-line-height);--van-cell-font-size:var(--ibiz-cascader-dropdown-font-size);--van-cell-value-font-size:var(--ibiz-cascader-dropdown-font-size);--van-field-input-disabled-text-color:var(--ibiz-cascader-dropdown-disabled-color)}.ibiz-cascader-dropdown input::-moz-placeholder{color:var(--ibiz-cascader-dropdown-placeholder-color);-webkit-text-fill-color:var(--ibiz-cascader-dropdown-placeholder-color)}.ibiz-cascader-dropdown input::placeholder{color:var(--ibiz-cascader-dropdown-placeholder-color);-webkit-text-fill-color:var(--ibiz-cascader-dropdown-placeholder-color)}.ibiz-cascader-dropdown .van-field::after{display:none}.ibiz-cascader-dropdown .van-cell--clickable:active{background-color:transparent}.ibiz-cascader-dropdown--disabled{color:var(--ibiz-cascader-dropdown-disabled-color);--van-field-input-disabled-text-color:var(--ibiz-cascader-dropdown-disabled-color)}.ibiz-cascader-dropdown--readonly{--van-field-input-text-color:var(--ibiz-cascader-dropdown-readonly-color);color:var(--ibiz-cascader-dropdown-readonly-color)}.ibiz-cascader-dropdown input{text-align:var(--ibiz-cascader-dropdown-text-align)}.ibiz-cascader-dropdown.ibiz-cascader-dropdown--readonly{text-align:var(--ibiz-cascader-dropdown-text-align)}

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

@@ -53,11 +53,13 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
     });
     const curValue = vue.ref("");
     vue.watch(() => props.value, (newVal) => {
-      if (newVal || newVal === null) {
+      if (newVal !== void 0) {
         curValue.value = newVal;
         if (newVal === null) {
           curValue.value = "";
         }
+      } else {
+        curValue.value = "";
       }
     }, {
       immediate: true

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

@@ -1 +1 @@
-.ibiz-dropdown{height:100%}.ibiz-dropdown__select{height:100%;font-size:var(--ibiz-form-item-font-size)}.ibiz-dropdown__select .ibiz-dropdown__select-item{padding:0;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__select .ibiz-dropdown__select-item--has-bg{padding:0 var(--ibiz-spacing-base)}.ibiz-dropdown__select::after{display:none}.ibiz-dropdown__select .van-field__body{display:flex;justify-content:space-between;height:100%}.ibiz-dropdown__option{padding:.3125rem 1rem;line-height:21px;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 .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown input:disabled{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);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-dropdown--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-dropdown .van-field__control{justify-content:var(--ibiz-form-item-container-editor-align)}.ibiz-dropdown__placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-dropdown-readonly-text-item{display:inline-block;padding:0;font-size:.875rem;line-height:1.5rem;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-readonly-text-item--has-bg{padding:0 var(--ibiz-spacing-base)}.ibiz-dropdown-pop{display:flex;width:100%;height:100%;padding:var(--ibiz-spacing-base);flex-direction:column}.ibiz-dropdown-pop__header{flex-shrink:0;display:flex;justify-content:space-between;opacity:.7}.ibiz-dropdown-pop__header--caption{margin-left:var(--ibiz-spacing-base)}.ibiz-dropdown-pop__header--right{display:var(--ibiz-form-item-container-required-style)}.ibiz-dropdown-pop__content{flex:1;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.ibiz-dropdown-pop__search{margin-top:var(--ibiz-spacing-base);flex-shrink:0;padding:var(--ibiz-spacing-extra-tight) 0;overflow:hidden;border-radius:var(--ibiz-border-radius-medium)}.ibiz-dropdown-pop__search .van-field{--van-field-icon-size:var(--ibiz-font-soze-heaader-5);padding:var(--ibiz-spacing-extra-tight);--van-cell-background:var(--ibiz-color-fill-2)}.ibiz-dropdown-pop__search .van-field .van-field__left-icon{display:flex;align-items:center;padding:0 var(--ibiz-spacing-extra-tight)}.ibiz-dropdown-pop__search .van-field .van-field__value{text-align:left}.ibiz-dropdown-pop__search .van-field .van-field__value::-moz-placeholder{font-size:var(--ibiz-font-size-small);color:var(--ibiz-color-text-3)}.ibiz-dropdown-pop__search .van-field .van-field__value::placeholder{font-size:var(--ibiz-font-size-small);color:var(--ibiz-color-text-3)}.ibiz-dropdown-pop__list{flex:1;overflow:auto}.ibiz-dropdown-pop__list--item{display:flex;justify-content:space-between;align-items:center;padding:var(--ibiz-spacing-base) 0;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-dropdown-pop__list--item-text{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-pop__list--item-text.is-bkcolor{padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base)}.ibiz-dropdown-pop__list--selected{color:var(--ibiz-color-primary)}
+.ibiz-dropdown{--ibiz-dropdown-color:var(--ibiz-editor-default-text-color);--ibiz-dropdown-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-dropdown-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-dropdown-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-dropdown-pop-search-input-bg-color:var(--ibiz-color-fill-2);--ibiz-dropdown-pop-list-item-selected-color:var(--ibiz-color-primary);--ibiz-dropdown-font-size:var(--ibiz-editor-default-font-size);--ibiz-dropdown-line-height:var(--ibiz-editor-default-line-height);--ibiz-dropdown-text-align:var(--ibiz-editor-default-text-align);--ibiz-dropdown-select-item-border-radius:var(--ibiz-spacing-base);--ibiz-dropdown-pop-search-border-radius:var(--ibiz-border-radius-medium);--ibiz-dropdown-pop-list-item-border-radius:var(--ibiz-spacing-base);--ibiz-dropdown-select-item-padding:0;--ibiz-dropdown-select-bg-item-padding:0 var(--ibiz-spacing-base);--ibiz-dropdown-pop-padding:var(--ibiz-spacing-base);--ibiz-dropdown-pop-caption-margin-left:var(--ibiz-spacing-base);--ibiz-dropdown-pop-search-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-dropdown-pop-search-margin-top:var(--ibiz-spacing-base);--ibiz-dropdown-pop-search-input-padding:var(--ibiz-spacing-extra-tight);--ibiz-dropdown-pop-search-input-icon-padding:0 var(--ibiz-spacing-extra-tight);--ibiz-dropdown-pop-list-item-padding:var(--ibiz-spacing-base) 0;--ibiz-dropdown-pop-list-bg-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);--ibiz-dropdown-pop-list-item-border-bottom:1px solid var(--ibiz-color-border);--ibiz-dropdown-clear-display:var(--ibiz-editor-default-required-style);height:100%;font-size:var(--ibiz-dropdown-font-size);line-height:var(--ibiz-dropdown-line-height);color:var(--ibiz-dropdown-color);text-align:var(--ibiz-dropdown-text-align);--van-field-input-text-color:var(--ibiz-dropdown-color);--van-cell-text-color:var(--ibiz-dropdown-color);--van-cell-value-color:var(--ibiz-dropdown-color);--van-cell-line-height:var(--ibiz-dropdown-line-height);--van-cell-font-size:var(--ibiz-dropdown-font-size);--van-cell-value-font-size:var(--ibiz-dropdown-font-size)}.ibiz-dropdown__select{height:100%;font-size:var(--ibiz-dropdown-font-size)}.ibiz-dropdown__select .ibiz-dropdown__select-item{padding:var(--ibiz-dropdown-select-item-padding);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-dropdown-select-item-border-radius)}.ibiz-dropdown__select .ibiz-dropdown__select-item--has-bg{padding:var(--ibiz-dropdown-select-bg-item-padding)}.ibiz-dropdown__select::after{display:none}.ibiz-dropdown__select .van-field__body{display:flex;justify-content:space-between;height:100%}.ibiz-dropdown--disabled{--van-field-input-text-color:var(--ibiz-dropdown-disabled-color)}.ibiz-dropdown--readonly{color:var(--ibiz-dropdown-readonly-color);-webkit-text-fill-color:var(--ibiz-dropdown-readonly-color)}.ibiz-dropdown .van-field__control{justify-content:var(--ibiz-dropdown-text-align)}.ibiz-dropdown__placeholder{color:var(--ibiz-dropdown-placeholder-color)}.ibiz-dropdown-readonly-text-item{display:inline-block;padding:var(--ibiz-dropdown-select-item-padding);font-size:var(--ibiz-dropdown-font-size);line-height:var(--ibiz-dropdown-line-height);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-dropdown-select-item-border-radius)}.ibiz-dropdown-readonly-text-item--has-bg{padding:var(--ibiz-dropdown-select-bg-item-padding)}.ibiz-dropdown-pop{--ibiz-dropdown-color:var(--ibiz-editor-default-text-color);--ibiz-dropdown-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-dropdown-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-dropdown-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-dropdown-pop-search-input-bg-color:var(--ibiz-color-fill-2);--ibiz-dropdown-pop-list-item-selected-color:var(--ibiz-color-primary);--ibiz-dropdown-font-size:var(--ibiz-editor-default-font-size);--ibiz-dropdown-line-height:var(--ibiz-editor-default-line-height);--ibiz-dropdown-text-align:var(--ibiz-editor-default-text-align);--ibiz-dropdown-select-item-border-radius:var(--ibiz-spacing-base);--ibiz-dropdown-pop-search-border-radius:var(--ibiz-border-radius-medium);--ibiz-dropdown-pop-list-item-border-radius:var(--ibiz-spacing-base);--ibiz-dropdown-select-item-padding:0;--ibiz-dropdown-select-bg-item-padding:0 var(--ibiz-spacing-base);--ibiz-dropdown-pop-padding:var(--ibiz-spacing-base);--ibiz-dropdown-pop-caption-margin-left:var(--ibiz-spacing-base);--ibiz-dropdown-pop-search-padding:var(--ibiz-spacing-extra-tight) 0;--ibiz-dropdown-pop-search-margin-top:var(--ibiz-spacing-base);--ibiz-dropdown-pop-search-input-padding:var(--ibiz-spacing-extra-tight);--ibiz-dropdown-pop-search-input-icon-padding:0 var(--ibiz-spacing-extra-tight);--ibiz-dropdown-pop-list-item-padding:var(--ibiz-spacing-base) 0;--ibiz-dropdown-pop-list-bg-item-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base);--ibiz-dropdown-pop-list-item-border-bottom:1px solid var(--ibiz-color-border);--ibiz-dropdown-clear-display:var(--ibiz-editor-default-required-style);display:flex;flex-direction:column;width:100%;height:100%;padding:var(--ibiz-dropdown-pop-padding)}.ibiz-dropdown-pop__header{display:flex;flex-shrink:0;justify-content:space-between;opacity:.7}.ibiz-dropdown-pop__header--caption{margin-left:var(--ibiz-dropdown-pop-caption-margin-left)}.ibiz-dropdown-pop__header--right{display:var(--ibiz-dropdown-clear-display)}.ibiz-dropdown-pop__content{display:flex;flex:1;flex-direction:column;width:100%;height:100%;overflow:hidden}.ibiz-dropdown-pop__search{flex-shrink:0;padding:var(--ibiz-dropdown-pop-search-padding);margin-top:var(--ibiz-dropdown-pop-search-margin-top);overflow:hidden;border-radius:var(--ibiz-dropdown-pop-search-border-radius)}.ibiz-dropdown-pop__search .van-field{padding:var(--ibiz-dropdown-pop-search-input-padding);--van-cell-background:var(--ibiz-dropdown-pop-search-input-bg-color)}.ibiz-dropdown-pop__search .van-field .van-field__left-icon{display:flex;align-items:center;padding:var(--ibiz-dropdown-pop-search-input-icon-padding)}.ibiz-dropdown-pop__search .van-field .van-field__value{text-align:left}.ibiz-dropdown-pop__list{flex:1;overflow:auto}.ibiz-dropdown-pop__list--item{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-dropdown-pop-list-item-padding);border-bottom:var(--ibiz-dropdown-pop-list-item-border-bottom)}.ibiz-dropdown-pop__list--item-text{color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-dropdown-pop-list-item-border-radius)}.ibiz-dropdown-pop__list--item-text.is-bkcolor{padding:var(--ibiz-dropdown-pop-list-bg-item-padding)}.ibiz-dropdown-pop__list--selected{color:var(--ibiz-dropdown-pop-list-item-selected-color)}

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

@@ -107,7 +107,14 @@ const IBizDropdownList = /* @__PURE__ */ vue.defineComponent({
     }, {
       "right-icon": vue.createVNode(rightIcon.IBizCommonRightIcon, null, null),
       input: () => {
-        return this.selectItems.map((item) => {
+        if (!this.selectItems.length) {
+          return vue.createVNode("div", {
+            "class": this.ns.e("placeholder")
+          }, [this.c.placeHolder]);
+        }
+        const showNum = 1;
+        const showMore = this.selectItems.length - showNum > 0;
+        return [this.selectItems.slice(0, showNum).map((item) => {
           return vue.createVNode("div", {
             "class": this.ns.b("select-item")
           }, [vue.createVNode("div", {
@@ -121,7 +128,9 @@ const IBizDropdownList = /* @__PURE__ */ vue.defineComponent({
               this.onRemove(item);
             }
           }, null)])]);
-        });
+        }), showMore && vue.createVNode("div", {
+          "class": [this.ns.b("select-item"), this.ns.bm("select-item", "more")]
+        }, [vue.createTextVNode("+ "), this.selectItems.length - showNum])];
       }
     }), vue.createVNode(ibizDataMpicker.IBizDataMPicker, {
       "items": this.items,

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

@@ -1 +1 @@
-.ibiz-dropdown-list{height:100%}.ibiz-dropdown-list .van-field__control{gap:var(--ibiz-spacing-tight)}.ibiz-dropdown-list .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list .ibiz-dropdown-list-toolbar button{padding:0;background-color:transparent;border:none}.ibiz-dropdown-list-toolbar__confirm{color:var(--ibiz-color-primary)}.ibiz-dropdown-list-toolbar__cancel{color:var(--ibiz-color-text-3)}.ibiz-dropdown-list .ibiz-dropdown-list-columns{min-height:30vh;max-height:50vh;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell-group{height:100%;overflow:auto}.ibiz-dropdown-list .ibiz-dropdown-list-columns .van-cell{padding:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-list input:disabled{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);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-dropdown-list--disabled{opacity:.8}.ibiz-dropdown-list--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}.ibiz-dropdown-list .van-cell-group--inset{margin:0}.ibiz-dropdown-list .ibiz-dropdown-list-select-item{display:flex;gap:var(--ibiz-spacing-tight);align-items:center;justify-content:space-between;padding:var(--ibiz-spacing-tight);background-color:var(--ibiz-color-disabled-bg);border-radius:var(--ibiz-border-radius-small)}.ibiz-dropdown-list .van-field__control--custom{display:flex;flex-direction:row;justify-content:var(--ibiz-form-item-container-editor-align);flex-wrap:wrap}.ibiz-dropdown-list.ibiz-dropdown-list--readonly{display:flex;flex-direction:row;justify-content:var(--ibiz-form-item-container-editor-align)}.ibiz-dropdown-list__select::after{display:none}.ibiz-dropdown-list .van-cell__title,.ibiz-dropdown-list .van-cell__value{text-align:left}
+.ibiz-dropdown-list{--ibiz-dropdown-list-color:var(--ibiz-editor-default-text-color);--ibiz-dropdown-list-disabled-color:var(--ibiz-editor-disabled-text-color);--ibiz-dropdown-list-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-dropdown-list-placeholder-color:var(--ibiz-editor-default-placeholder-color);--ibiz-dropdown-list-select-item-bg-color:var(--ibiz-color-primary-light-default);--ibiz-dropdown-list-font-size:var(--ibiz-editor-default-font-size);--ibiz-dropdown-list-line-height:var(--ibiz-editor-default-line-height);--ibiz-dropdown-list-text-align:var(--ibiz-editor-default-text-align);--ibiz-dropdown-list-select-item-border-radius:var(--ibiz-border-radius-small);--ibiz-dropdown-list-gap:var(--ibiz-spacing-tight);--ibiz-dropdown-list-select-item-gap:var(--ibiz-spacing-tight);--ibiz-dropdown-list-select-item-padding:0 var(--ibiz-spacing-tight);height:100%;font-size:var(--ibiz-dropdown-list-font-size);line-height:var(--ibiz-dropdown-list-line-height);color:var(--ibiz-dropdown-list-color);--van-field-input-text-color:var(--ibiz-dropdown-list-color);--van-cell-text-color:var(--ibiz-dropdown-list-color);--van-cell-value-color:var(--ibiz-dropdown-list-color);--van-cell-line-height:var(--ibiz-dropdown-list-line-height);--van-cell-font-size:var(--ibiz-dropdown-list-font-size);--van-cell-value-font-size:var(--ibiz-dropdown-list-font-size)}.ibiz-dropdown-list .van-field__control{gap:var(--ibiz-dropdown-list-gap)}.ibiz-dropdown-list__placeholder{color:var(--ibiz-dropdown-list-placeholder-color)}.ibiz-dropdown-list--disabled{--van-field-input-text-color:var(--ibiz-editor-disabled-text-color)}.ibiz-dropdown-list--readonly{color:var(--ibiz-dropdown-list-readonly-color);-webkit-text-fill-color:var(--ibiz-dropdown-list-readonly-color);text-align:var(--ibiz-dropdown-list-text-align)}.ibiz-dropdown-list .ibiz-dropdown-list-select-item{display:flex;gap:var(--ibiz-dropdown-list-select-item-gap);align-items:center;justify-content:space-between;padding:var(--ibiz-dropdown-list-select-item-padding);overflow:hidden;font-size:var(--ibiz-dropdown-list-font-size);line-height:calc(var(--ibiz-dropdown-list-line-height) - .25rem);text-overflow:ellipsis;white-space:nowrap;background-color:var(--ibiz-dropdown-list-select-item-bg-color);border-radius:var(--ibiz-dropdown-list-select-item-border-radius)}.ibiz-dropdown-list-select-item__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-list-select-item__close{flex-shrink:0}.ibiz-dropdown-list .ibiz-dropdown-list-select-item--more{flex-shrink:0}.ibiz-dropdown-list .van-field__value{width:100%}.ibiz-dropdown-list .van-field__control--custom{display:flex;flex-direction:row;justify-content:var(--ibiz-dropdown-list-text-align)}.ibiz-dropdown-list__select::after{display:none}.ibiz-dropdown-list .van-cell__title,.ibiz-dropdown-list .van-cell__value{text-align:left}