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

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater.cjs

@@ -5,6 +5,7 @@ var runtime = require('@ibiz-template/runtime');
 var vue3Util = require('@ibiz-template/vue3-util');
 var repeaterSingleForm = require('./repeater-single-form/repeater-single-form.cjs');
 var repeaterMultiForm = require('./repeater-multi-form/repeater-multi-form.cjs');
+var repeaterGrid = require('./repeater-grid/repeater-grid.cjs');
 
 "use strict";
 const FormMDCtrlRepeater = /* @__PURE__ */ vue.defineComponent({
@@ -41,6 +42,12 @@ const FormMDCtrlRepeater = /* @__PURE__ */ vue.defineComponent({
           "controller": this.controller,
           "onChange": this.onDataChange
         }, null);
+      case "Grid":
+        return vue.createVNode(repeaterGrid.RepeaterGrid, {
+          "class": classNames,
+          "controller": this.controller,
+          "onChange": this.onDataChange
+        }, null);
       default:
         return vue.createVNode("div", {
           "class": classNames

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.cjs

@@ -0,0 +1,241 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var core = require('@ibiz-template/core');
+require('./repeater-grid.css');
+
+"use strict";
+const RepeaterGrid = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizRepeaterGrid",
+  props: {
+    controller: {
+      type: runtime.FormMDCtrlRepeaterController,
+      required: true
+    }
+  },
+  emits: {
+    change: (_value) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("repeater-grid");
+    const formItems = [];
+    const items = vue.ref([]);
+    const ctx = vue3Util.useCtx();
+    const formControllers = vue.reactive([]);
+    const container = vue.ref();
+    const table = vue.ref();
+    const thead = vue.ref();
+    const flexWidth = vue.ref(0);
+    const gridWidth = vue.ref("");
+    let resizeObserver;
+    core.recursiveIterate(props.controller.repeatedForm, (item) => {
+      var _a;
+      if (item.detailType === "FORMITEM") {
+        if (((_a = item.editor) == null ? void 0 : _a.editorType) !== "HIDDEN") {
+          formItems.push(item);
+        }
+      }
+    }, {
+      childrenFields: ["deformPages", "deformTabPages", "deformDetails"]
+    });
+    const onSingleValueChange = (value, index) => {
+      const arrData = [...props.controller.value || []];
+      arrData[index] = value;
+      emit("change", arrData);
+    };
+    const addFormController = async (data = {}) => {
+      const formC = new runtime.EditFormController(props.controller.repeatedForm, props.controller.context, props.controller.params, ctx);
+      formC.state.isSimple = true;
+      await formC.created();
+      formC.setSimpleData(data);
+      formControllers.push(formC);
+      props.controller.setRepeaterController(`${formControllers.length - 1}`, formC);
+      formC.evt.on("onFormDataChange", (event) => {
+        const item = event.data[0];
+        const formData = item instanceof runtime.ControlVO ? item.clone() : {
+          ...item
+        };
+        const index = formControllers.indexOf(formC);
+        onSingleValueChange(formData, index);
+      });
+    };
+    vue.watch(() => props.controller.value, (newVal) => {
+      if (Array.isArray(newVal)) {
+        newVal.forEach((item, index) => {
+          const formC = formControllers[index];
+          if (formC) {
+            const changeVal = item || {};
+            const find = Object.keys(formC.data).find((key) => {
+              return changeVal[key] !== formC.data[key];
+            });
+            if (find) {
+              formC.setSimpleData(changeVal);
+            }
+          } else {
+            addFormController(item);
+          }
+        });
+        items.value = newVal;
+      } else {
+        items.value = [];
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    vue.onMounted(() => {
+      if (!container.value || !table.value || !thead.value) {
+        return;
+      }
+      resizeObserver = new ResizeObserver(() => {
+        if (!container.value || !table.value || !thead.value) {
+          return;
+        }
+        const containerWidth = container.value.offsetWidth;
+        const theadRow = thead.value.children[0];
+        if (!theadRow)
+          return;
+        const thElements = Array.from(theadRow.children);
+        if (thElements.length === 0)
+          return;
+        let fixedWidthSum = 0;
+        const flexThElements = [];
+        thElements.forEach((th) => {
+          const isFlow = th.dataset.flex === "true";
+          if (isFlow) {
+            flexThElements.push(th);
+          } else {
+            const thWidth = th.style.width ? parseFloat(th.style.width) : th.offsetWidth;
+            fixedWidthSum += thWidth;
+          }
+        });
+        const availableSpace = containerWidth - fixedWidthSum - 1;
+        const flowColumnCount = flexThElements.length;
+        if (flowColumnCount > 0 && availableSpace > 0) {
+          flexWidth.value = availableSpace / flowColumnCount;
+          gridWidth.value = `${containerWidth}px`;
+        } else {
+          flexWidth.value = 0;
+          gridWidth.value = `${fixedWidthSum}px`;
+        }
+      });
+      resizeObserver.observe(container.value);
+    });
+    vue.onUnmounted(() => {
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+    });
+    return {
+      ns,
+      formItems,
+      formControllers,
+      items,
+      container,
+      table,
+      thead,
+      flexWidth,
+      gridWidth
+    };
+  },
+  render() {
+    const isEmpty = !this.items.length;
+    const headers = [vue.createVNode("th", {
+      "class": this.ns.b("index-cell"),
+      "style": {
+        width: `66px`
+      }
+    }, [ibiz.i18n.t("control.form.repeaterGrid.index")]), this.formItems.map((item) => {
+      return vue.createVNode("th", {
+        "class": this.ns.bm("cell", item.id),
+        "data-flex": item.labelWidth === 1,
+        "style": {
+          width: `${item.labelWidth === 1 ? `${this.flexWidth}px` : `${item.labelWidth}px`}`
+        }
+      }, [item.caption]);
+    }), (this.controller.enableCreate || this.controller.enableDelete) && vue.createVNode("th", {
+      "class": this.ns.b("action-cell"),
+      "style": {
+        width: `80px`
+      }
+    }, null)];
+    const rows = (isEmpty && this.controller.enableCreate ? [{}] : this.items).map((_row, index) => {
+      return vue.createVNode("tr", null, [vue.createVNode("td", {
+        "class": this.ns.b("index-cell")
+      }, [isEmpty ? "" : index + 1]), this.formItems.map((item) => {
+        if (isEmpty) {
+          return vue.createVNode("td", {
+            "class": this.ns.bm("cell", item.id)
+          }, null);
+        }
+        const formC = vue.toRaw(this.formControllers[index]);
+        if (!formC || !formC.state.isLoaded) {
+          return vue.createVNode("td", null, [ibiz.i18n.t("control.form.repeaterGrid.absentOrLoad")]);
+        }
+        const formItemC = formC.formItems.find((x) => x.name === item.id);
+        let editor = null;
+        if (!formItemC.editorProvider) {
+          editor = vue.createVNode(vue.resolveComponent("not-supported-editor"), {
+            "modelData": item.editor
+          }, null);
+        } else {
+          const component = vue.resolveComponent(formItemC.editorProvider.formEditor);
+          editor = vue.h(component, {
+            value: formItemC.value,
+            data: formItemC.data,
+            controller: formItemC.editor,
+            disabled: formItemC.state.disabled,
+            readonly: formItemC.state.readonly,
+            onChange: (val, name) => {
+              formItemC.setDataValue(val, name);
+            }
+          });
+        }
+        return vue.createVNode("td", {
+          "class": this.ns.bm("cell", item.id)
+        }, [editor]);
+      }), (this.controller.enableCreate || this.controller.enableDelete) && vue.createVNode("td", {
+        "class": this.ns.b("action-cell")
+      }, [vue.createVNode("div", {
+        "class": this.ns.b("action-group")
+      }, [this.controller.enableCreate && vue.createVNode("ion-icon", {
+        "name": "add-outline",
+        "title": ibiz.i18n.t("app.add"),
+        "class": this.ns.b("add-btn"),
+        "onClick": () => {
+          this.controller.create(isEmpty ? 0 : index + 1);
+        }
+      }, null), this.controller.enableDelete && !isEmpty && vue.createVNode("ion-icon", {
+        "name": "remove-outline",
+        "title": ibiz.i18n.t("app.delete"),
+        "class": this.ns.b("remove-btn"),
+        "onClick": () => {
+          this.controller.remove(index);
+          this.formControllers.splice(index, 1);
+        }
+      }, null)])])]);
+    });
+    return vue.createVNode("div", {
+      "class": this.ns.b(),
+      "ref": "container"
+    }, [vue.createVNode("table", {
+      "class": this.ns.b("table"),
+      "ref": "table",
+      "style": {
+        width: this.gridWidth
+      }
+    }, [vue.createVNode("thead", {
+      "ref": "thead"
+    }, [vue.createVNode("tr", null, [headers])]), vue.createVNode("tbody", null, [rows]), isEmpty && !this.controller.enableCreate && vue.createVNode("tbody", {
+      "class": this.ns.b("empty-content")
+    }, [vue.createVNode("td", {
+      "colspan": this.formItems.length + 1
+    }, [ibiz.i18n.t("control.form.repeaterGrid.noData")])])])]);
+  }
+});
+
+exports.RepeaterGrid = RepeaterGrid;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-grid/repeater-grid.css

@@ -0,0 +1 @@
+.ibiz-repeater-grid{--ibiz-repeater-grid-color-th:var(--ibiz-color-text-2);--ibiz-repeater-grid-color-td:var(--ibiz-color-text-0);--ibiz-repeater-grid-color-btn:var(--ibiz-color-text-2);--ibiz-repeater-grid-spacing-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-tight);--ibiz-repeater-grid-spacing-icon-gap:var(--ibiz-spacing-tight);--ibiz-repeater-grid-font-lineHeight:var(--ibiz-editor-default-line-height);--ibiz-repeater-grid-font-icon-fontSize:var(--ibiz-width-icon-large);--ibiz-repeater-grid-border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-border);width:100%;overflow:auto}.ibiz-repeater-grid table{table-layout:fixed;border-collapse:collapse}.ibiz-repeater-grid th{min-width:0;padding:var(--ibiz-repeater-grid-spacing-padding);overflow:hidden;line-height:var(--ibiz-repeater-grid-font-lineHeight);color:var(--ibiz-repeater-grid-color-th);text-align:center;text-overflow:ellipsis;white-space:nowrap;border:var(--ibiz-repeater-grid-border)}.ibiz-repeater-grid td{min-width:0;padding:var(--ibiz-repeater-grid-spacing-padding);overflow:hidden;line-height:var(--ibiz-repeater-grid-font-lineHeight);color:var(--ibiz-repeater-grid-color-td);text-align:center;border:var(--ibiz-repeater-grid-border)}.ibiz-repeater-grid .ibiz-repeater-grid-action-cell{border:none}.ibiz-repeater-grid-action-group{display:flex;align-items:center;justify-content:center;height:var(--ibiz-repeater-grid-font-lineHeight)}.ibiz-repeater-grid-action-group ion-icon{box-sizing:border-box;font-size:var(--ibiz-repeater-grid-font-icon-fontSize);color:var(--ibiz-repeater-grid-color-btn);cursor:pointer;border:var(--ibiz-repeater-grid-border)}.ibiz-repeater-grid-action-group ion-icon+ion-icon{margin-left:var(--ibiz-repeater-grid-spacing-icon-gap)}.ibiz-repeater-grid-empty-content td{color:var(--ibiz-repeater-grid-color-th)}

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/repeater-single-form/repeater-single-form.css

@@ -1 +1 @@
-.ibiz-repeater-single-form{--ibiz-repeater-single-form-header-height:32px;width:100%}.ibiz-repeater-single-form__content{width:100%}.ibiz-repeater-single-form-header{height:var(--ibiz-repeater-single-form-header-height)}
+.ibiz-repeater-single-form{width:100%}.ibiz-repeater-single-form__content{width:100%}

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl.css

@@ -1 +1 @@
-.ibiz-form-mdctrl{--ibiz-form-mdctrl-header-height:32px;--ibiz-form-mdctrl-header-bg-color:var(--ibiz-color-bg-1);--ibiz-form-mdctrl-header-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-form-mdctrl-header-border-color:var(--ibiz-color-border);--ibiz-form-mdctrl-caption-text-color:var(--ibiz-color-text-2);--ibiz-form-mdctrl-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-form-mdctrl-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-form-mdctrl-caption-height:2rem;--ibiz-form-mdctrl-caption-line-height:2rem;height:100%}.ibiz-form-mdctrl__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:var(--ibiz-form-mdctrl-caption-height);font-size:var(--ibiz-form-mdctrl-caption-font-size);font-weight:var(--ibiz-form-mdctrl-caption-font-weight);line-height:var(--ibiz-form-mdctrl-caption-line-height);color:var(--ibiz-form-mdctrl-caption-text-color)}.ibiz-form-mdctrl--has-value .ibiz-form-mdctrl-header{display:none}.ibiz-form-mdctrl-header{display:flex;padding:var(--ibiz-form-mdctrl-header-padding)}
+.ibiz-form-mdctrl{--ibiz-form-mdctrl-color-header-bg:var(--ibiz-color-bg-0);--ibiz-form-mdctrl-color-text:var(--ibiz-color-text-1);--ibiz-form-mdctrl-spacing-header-padding:var(--ibiz-spacing-base);--ibiz-form-mdctrl-font-caption-fontSize:var(--ibiz-font-size-header-6);--ibiz-form-mdctrl-font-caption-fontWeight:var(--ibiz-font-weight-regular);--ibiz-form-mdctrl-font-caption-linHeight:var(--ibiz-font-size-header-5);height:100%}.ibiz-form-mdctrl__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-form-mdctrl-font-caption-fontSize);font-weight:var(--ibiz-form-mdctrl-font-caption-fontWeight);line-height:var(--ibiz-form-mdctrl-font-caption-linHeight);color:var(--ibiz-form-mdctrl-color-text)}.ibiz-form-mdctrl--has-value .ibiz-form-mdctrl-header{display:none}.ibiz-form-mdctrl-header{display:flex;padding:var(--ibiz-form-mdctrl-spacing-header-padding);background-color:var(--ibiz-form-mdctrl-color-header-bg)}

package/lib/control/form/form-detail/form-mdctrl/mdctrl-container/mdctrl-container.css

@@ -1 +1 @@
-.ibiz-mdctrl-container{--ibiz-mdctrl-container-header-bg-color:transparent;--ibiz-mdctrl-container-header-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-mdctrl-container-header-border-color:var(--ibiz-color-border);--ibiz-mdctrl-container-caption-text-color:var(--ibiz-color-text-2);--ibiz-mdctrl-container-caption-font-size:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-caption-font-weight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-caption-height:1.25rem;--ibiz-mdctrl-container-caption-line-height:1.25rem;--ibiz-mdctrl-container-button-text-color:var(--ibiz-color-primary);--ibiz-mdctrl-container-button-font-size:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-button-font-weight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-content-bg-color:var(--ibiz-color-bg-1);--ibiz-mdctrl-container-footer-font-size:var(--ibiz-font-size-header-5);--ibiz-mdctrl-container-footer-bg-color:var(--ibiz-color-bg-1);--ibiz-mdctrl-container-footer-icon-margin-right:var(--ibiz-spacing-extra-tight);display:flex;flex-direction:column}.ibiz-mdctrl-container__btn{width:auto;padding:0;margin-left:10px;font-size:var(--ibiz-mdctrl-container-button-font-size);color:var(--ibiz-mdctrl-container-button-text-color);background-color:transparent;border:none}.ibiz-mdctrl-container__btn:active{background-color:transparent}.ibiz-mdctrl-container__btn:active::before{opacity:0}.ibiz-mdctrl-container-item{overflow:hidden}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-mdctrl-container-header-padding);background-color:var(--ibiz-mdctrl-container-header-bg-color)}.ibiz-mdctrl-container-item-header__caption{flex-grow:1;height:var(--ibiz-mdctrl-container-caption-height);font-size:var(--ibiz-mdctrl-container-caption-font-size);font-weight:var(--ibiz-mdctrl-container-caption-font-weight);line-height:var(--ibiz-mdctrl-container-caption-line-height);color:var(--ibiz-mdctrl-container-caption-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-mdctrl-container-item-header__action{--van-button-small-height:1.25rem;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-end;height:1.25rem;line-height:1.25rem;text-align:right}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-content{background-color:var(--ibiz-mdctrl-container-content-bg-color)}.ibiz-mdctrl-container-item-content__remove-btn{height:100%}.ibiz-mdctrl-container-item .ibiz-form-page-item{--ibiz-form-page-item-gap:0}.ibiz-mdctrl-container-no-data{width:100%;display:flex;justify-content:flex-end}.ibiz-mdctrl-container-footer{color:red}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn{width:100%;padding:0;margin-left:0;font-size:var(--ibiz-mdctrl-container-footer-font-size);color:var(--ibiz-mdctrl-container-button-text-color);background-color:var(--ibiz-mdctrl-container-footer-bg-color);border:none}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn:active{background-color:transparent}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn:active::before{opacity:.1}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn .van-icon{margin-right:var(--ibiz-mdctrl-container-footer-icon-margin-right)}
+.ibiz-mdctrl-container{--ibiz-mdctrl-container-header-color-bg:var(--ibiz-color-bg-0);--ibiz-mdctrl-container-header-color-border:var(--ibiz-color-border);--ibiz-mdctrl-container-header-spacing-padding:var(--ibiz-spacing-base);--ibiz-mdctrl-container-caption-color-text:var(--ibiz-color-text-2);--ibiz-mdctrl-container-caption-font-fontSize:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-caption-font-fontWeight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-caption-font-lineHeight:var(--ibiz-font-size-header-5);--ibiz-mdctrl-container-button-color-text:var(--ibiz-color-primary);--ibiz-mdctrl-container-button-font-fontSize:var(--ibiz-font-size-header-6);--ibiz-mdctrl-container-button-font-fontWeight:var(--ibiz-font-weight-regular);--ibiz-mdctrl-container-content-color-bg:var(--ibiz-color-bg-1);--ibiz-mdctrl-container-footer-font-fontSize:var(--ibiz-font-size-header-5);--ibiz-mdctrl-container-footer-color-bg:var(--ibiz-color-bg-1);--ibiz-mdctrl-container-footer-spacing-icon-gap:var(--ibiz-spacing-extra-tight);display:flex;flex-direction:column}.ibiz-mdctrl-container-item{overflow:hidden}.ibiz-mdctrl-container-item__form{flex-grow:1}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--ibiz-mdctrl-container-header-spacing-padding);background-color:var(--ibiz-mdctrl-container-header-color-bg)}.ibiz-mdctrl-container-item-header__caption{flex-grow:1;font-size:var(--ibiz-mdctrl-container-caption-font-fontSize);font-weight:var(--ibiz-mdctrl-container-caption-font-fontWeight);line-height:var(--ibiz-mdctrl-container-caption-font-lineHeight);color:var(--ibiz-mdctrl-container-caption-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-mdctrl-container-item .ibiz-mdctrl-container-item-content{background-color:var(--ibiz-mdctrl-container-content-color-bg)}.ibiz-mdctrl-container-item-content__remove-btn{height:100%}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn{width:100%;font-size:var(--ibiz-mdctrl-container-footer-font-fontSize);color:var(--ibiz-mdctrl-container-button-color-text);background-color:var(--ibiz-mdctrl-container-footer-color-bg);border:none}.ibiz-mdctrl-container-footer .ibiz-mdctrl-container__btn .van-icon{margin-right:var(--ibiz-mdctrl-container-footer-spacing-icon-gap)}

package/lib/control/form/form-detail/form-page/form-page-item/form-page-item.css

@@ -1 +1 @@
-.ibiz-form-page-item{--ibiz-form-page-item-margin:0 0 var(--ibiz-spacing-tight) 0;border-radius:var(--ibiz-border-radius-small)}
+.ibiz-form-page-item{--ibiz-form-page-item-radius:var(--ibiz-border-radius-small);border-radius:var(--ibiz-form-page-item-radius)}

package/lib/control/form/form-detail/form-page/form-page.css

@@ -1 +1 @@
-.ibiz-form-page-header{--ibiz-form-page-font-size:var(--ibiz-font-size-regular);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-text-0);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-text-0);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary);display:flex;flex-direction:column;height:100%}.ibiz-form-page-header .van-tabs__content{flex:1;min-width:0;min-height:0}
+.ibiz-form-page-header{display:flex;flex-direction:column;height:100%}.ibiz-form-page-header .van-tabs__content{flex:1;min-width:0;min-height:0}

package/lib/control/form/form-detail/form-tab-panel/form-tab-panel.css

@@ -1 +1 @@
-.ibiz-form-tab-panel{--ibiz-form-tab-panel-bg-color:var(--ibiz-color-bg-0);width:100%;height:100%;overflow:auto;background-color:var(--ibiz-form-tab-panel-bg-color)}.ibiz-form-tab-panel__caption{display:flex;align-items:center;justify-content:center}
+.ibiz-form-tab-panel{--ibiz-form-tab-panel-color-bg:var(--ibiz-color-bg-1);width:100%;height:100%;overflow:auto;background-color:var(--ibiz-form-tab-panel-color-bg)}.ibiz-form-tab-panel__caption{display:flex;align-items:center;justify-content:center}

package/lib/control/list/list/list.cjs

@@ -8,9 +8,6 @@ require('../../../util/index.cjs');
 var listRenderUtil = require('../../../util/list-util/list-render-util.cjs');
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
 const ListControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizListControl",
   props: {
@@ -93,138 +90,40 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const c = vue3Util.useControlController((...args) => new runtime.ListController(...args));
-    const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
-    const ns2 = vue3Util.useNamespace(`control-mobmdctrl`);
+    const ns = vue3Util.useNamespace(`control-mobmdctrl`);
     const {
       renderItem,
       renderNoData,
-      renderLoadMore
-    } = listRenderUtil.useListRender(props, c, ns2);
-    const showPicker = vue.ref(false);
-    const openReviewList = () => {
-      showPicker.value = true;
-    };
-    const renderDefaultItem = (item) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
-      const itemStyle = {
-        flexBasis: `${100 / props.columnsCount}%`
-      };
-      return vue.createVNode("div", {
-        "class": itemClass,
-        "key": item.srfkey,
-        "style": itemStyle
-      }, [vue.createVNode(vue.resolveComponent("van-tag"), {
-        "onClick": () => c.onRowClick(item),
-        "class": ns.e("tag"),
-        "onDblclick": () => c.onDbRowClick(item),
-        "closeable": true,
-        "plain": true,
-        "size": "large",
-        "type": "primary",
-        "onClose": () => c.setActive(item)
-      }, {
-        default: () => [vue.createVNode("span", {
-          "class": ns.e("item-text")
-        }, [item.srfmajortext || ""])]
-      })]);
-    };
-    const renderReViewDefaultItem = (item) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
-      return vue.createVNode("div", {
-        "class": itemClass,
-        "key": item.srfkey
-      }, [vue.createVNode(vue.resolveComponent("van-cell"), {
-        "class": itemClass,
-        "is-link": true,
-        "title": item.srfmajortext || ""
-      }, {
-        "right-icon": () => {
-          return vue.createVNode(vue.resolveComponent("van-icon"), {
-            "class": ns.e("item-icon"),
-            "onClick": () => c.setActive(item),
-            "name": "delete-o"
-          }, null);
-        }
-      })]);
-    };
-    const renderExpand = () => {
-      const itemClass = [ns.b("item"), ns.b("item-expand")];
-      return vue.createVNode("div", {
-        "class": itemClass,
-        "onClick": openReviewList
-      }, [ibiz.i18n.t("control.list.expand")]);
-    };
-    const renderListContent = () => {
-      return c.state.items.map((item, index) => {
-        if (index === props.rowsCount * props.columnsCount - 1) {
-          return renderExpand();
-        }
-        if (index > props.rowsCount * props.columnsCount - 1) {
-          return null;
-        }
-        return renderDefaultItem(item);
-      });
-    };
-    const renderReViewListContent = () => {
-      if (c.state.items.length === 0) {
-        return renderNoData();
-      }
-      return c.state.items.map((item) => {
-        return renderReViewDefaultItem(item);
-      });
-    };
-    const renderReviewList = () => {
-      return vue.createVNode(vue.resolveComponent("van-popup"), {
-        "round": true,
-        "close-on-popstate": true,
-        "position": "bottom",
-        "teleport": "body",
-        "show": showPicker.value,
-        "onUpdate:show": ($event) => showPicker.value = $event,
-        "class": ns.b("popup")
-      }, {
-        default: () => [vue.createVNode("div", {
-          "class": ns.b("popup-container")
-        }, [vue.createVNode("div", {
-          "class": ns.b("popup-header")
-        }, [vue.createVNode("div", null, [ibiz.i18n.t("control.list.selectedData")])]), vue.createVNode("div", {
-          "class": ns.b("popup-content")
-        }, [renderReViewListContent()])])]
-      });
-    };
-    const renderDefaultList = () => {
-      let _slot;
-      return vue.createVNode(vue.resolveComponent("van-list"), {
-        "finished": c.state.total <= c.state.items.length
-      }, _isSlot(_slot = c.state.items.map((item) => {
+      renderAddItem,
+      renderScrollList
+    } = listRenderUtil.useListRender(props, c, ns);
+    const renderDefault = () => {
+      const result = [];
+      result.push(...c.state.items.map((item) => {
         return renderItem(item);
-      })) ? _slot : {
-        default: () => [_slot]
-      });
+      }));
+      if (c.enableNew) {
+        result.push(renderAddItem());
+      }
+      return result;
     };
-    const renderSelectList = () => {
-      return [renderListContent(), renderReviewList(), renderLoadMore()];
+    const renderMDContent = () => {
+      const slots = renderDefault();
+      return renderScrollList(slots);
     };
     return {
       c,
       ns,
-      ns2,
-      renderSelectList,
-      renderDefaultList
+      renderMDContent,
+      renderNoData
     };
   },
   render() {
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": (this.ns.b(this.c.model.name), this.ns2.b())
+      "class": this.ns.b()
     }, {
-      default: () => [this.c.state.isCreated && this.mode === "LIST" ? this.renderDefaultList() : this.renderSelectList()]
+      default: () => [this.c.state.isCreated && (this.c.state.items.length > 0 ? this.renderMDContent() : this.renderNoData())]
     });
   }
 });

package/lib/control/list/list/list.css

@@ -1 +0,0 @@
-.ibiz-control-list-item{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-list-active-bg-color:var(--ibiz-color-primary);--ibiz-control-list-padding:0.625rem;cursor:pointer}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{height:100%;overflow:var(--ibiz-control-overflow)}.ibiz-control-list__load-more{text-align:center;cursor:pointer}.ibiz-control-list__tag{display:flex;justify-content:space-between;width:100%;height:100%}.ibiz-control-list__item-icon{color:var(--ibiz-color-danger)}.ibiz-control-list__item-text{padding-right:var(--ibiz-spacing-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-list-simplelist{display:flex;flex-wrap:wrap}.ibiz-control-list-simplelist .van-tag__close{position:absolute;right:.3125rem;margin-left:.125rem}.ibiz-control-list-simplelist .ibiz-control-list-item{min-width:0;padding:.3125rem}.ibiz-control-list-item__delete{display:inline-block;margin-left:.3125rem}.ibiz-control-list-simplelist .ibiz-control-list-item:hover{background-color:transparent}.ibiz-control-list-simplelist .ibiz-control-list-item.is-active{background-color:transparent}.ibiz-control-list-popup-header{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-list-active-bg-color:var(--ibiz-color-primary);--ibiz-control-list-padding:0.625rem;padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list-popup{height:50vh}.ibiz-control-list-item-expand{flex-grow:1;min-width:0;min-height:0;color:var(--ibiz-color-primary);text-align:center}.ibiz-control-list-popup-container{display:flex;flex-flow:column nowrap;height:100%}.ibiz-control-list-popup-content{flex-grow:1;min-width:0;min-height:0;overflow-y:scroll}

package/lib/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-color-text:var(--ibiz-color-text-0);--ibiz-control-treeview-color-bg:var(--ibiz-color-bg-0);--ibiz-control-treeview-color-border:var(--ibiz-color-border);--ibiz-control-treeview-color-node-checkbox-active:var(--ibiz-color-primary);--ibiz-control-treeview-color-node-checkbox-active-text:var(--ibiz-color-white);--ibiz-control-treeview-color-node-primary-btn:var(--ibiz-color-primary);--ibiz-control-treeview-color-node-active:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-color-crumb-history-nav-text:var(--ibiz-color-primary);--ibiz-control-treeview-color-crumb-container-bg:var(--ibiz-color-bg-1);--ibiz-control-treeview-height-node:var(--ibiz-height-control-large);--ibiz-control-treeview-height-crumb:var(--ibiz-height-control-large);--ibiz-control-treeview-width-crumb-back-btn:1.5rem;--ibiz-control-treeview-spacing-padding:0 0 var(--ibiz-spacing-base) 0;--ibiz-control-treeview-spacing-node-padding:0 var(--ibiz-spacing-base);--ibiz-control-treeview-spacing-node-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-treeview-spacing-crumb-padding:0 var(--ibiz-spacing-base);--ibiz-control-treeview-spacing-crumb-item-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-treeview-spacing-crumb-container-padding:0 0 var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-spacing-crumb-container-bottom-ph:var(--ibiz-spacing-tight);--ibiz-control-treeview-position-node-counter-right:var(--ibiz-spacing-base-loose);--ibiz-control-treeview-position-crumb-icon-top:0.1875rem;--ibiz-control-treeview-icon-node-icon-size:1em;--ibiz-control-treeview-icon-crumb-item-icon-ph-size:1em;height:100%;background:var(--ibiz-control-treeview-color-bg)}.ibiz-control-treeview-content{height:100%}.ibiz-control-treeview-content .vs-tree-node{position:relative;padding:var(--ibiz-control-treeview-spacing-node-padding);height:var(--ibiz-control-treeview-height-node);line-height:var(--ibiz-control-treeview-height-node);color:var(--ibiz-control-treeview-color-text)}.ibiz-control-treeview-content .vs-tree-node:hover{background-color:unset}.ibiz-control-treeview-content .vs-tree-node.selected,.ibiz-control-treeview-content .vs-tree-node.selected:hover{background-color:var(--ibiz-control-treeview-color-node-active)}.ibiz-control-treeview-content .vs-tree-node .vs-tree-inner{display:flex;align-items:center;flex:1;overflow:hidden}.ibiz-control-treeview-content .vs-tree-node .vs-tree-text{text-overflow:ellipsis;overflow:hidden}.ibiz-control-treeview-content .vs-tree-node .vs-icon-leaf,.ibiz-control-treeview-content .vs-tree-node .vs-icon-parent{width:auto;margin-right:0}.ibiz-control-treeview-content .vs-tree-node .vs-icon-leaf>span,.ibiz-control-treeview-content .vs-tree-node .vs-icon-parent>span{display:flex;align-items:center}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox{display:inline-flex;align-items:center}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox__inner,.ibiz-control-treeview-content .vs-tree-node .vs-radio__inner{background-color:transparent;border-color:var(--ibiz-control-treeview-color-border)}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox__original:checked~.vs-checkbox__inner{background-color:var(--ibiz-control-treeview-color-node-checkbox-active);border-color:var(--ibiz-control-treeview-color-node-checkbox-active)}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox__original:checked~.vs-checkbox__inner::after{border-color:var(--ibiz-control-treeview-color-node-checkbox-active-text)}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-icon-node-icon-size);height:var(--ibiz-control-treeview-icon-node-icon-size);margin:var(--ibiz-control-treeview-spacing-node-icon-margin)}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-content .ibiz-control-treeview-node-expanded-btn{position:relative;display:flex;align-items:center}.ibiz-control-treeview-content .ibiz-control-treeview-node-expanded-btn .van-icon{color:var(--ibiz-control-treeview-color-node-primary-btn)}.ibiz-control-treeview-content .ibiz-control-treeview-node-expanded-btn .ibiz-badge{position:absolute;right:var(--ibiz-control-treeview-position-node-counter-right)}.ibiz-control-treeview-header{height:var(--ibiz-control-treeview-height-crumb);overflow:auto;white-space:nowrap;line-height:var(--ibiz-control-treeview-height-crumb);padding:var(--ibiz-control-treeview-spacing-crumb-padding)}.ibiz-control-treeview-header__crumb .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-icon-node-icon-size);height:var(--ibiz-control-treeview-icon-node-icon-size);margin:var(--ibiz-control-treeview-spacing-node-icon-margin)}.ibiz-control-treeview-header__crumb .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-header__crumb .ibiz-icon{margin:var(--ibiz-control-treeview-spacing-crumb-item-icon-margin)}.ibiz-control-treeview-header__crumb>span:has(img),.ibiz-control-treeview-header__crumb>span:has(svg){position:relative}.ibiz-control-treeview-header__crumb>span:has(img) .ibiz-icon,.ibiz-control-treeview-header__crumb>span:has(svg) .ibiz-icon{position:absolute;top:var(--ibiz-control-treeview-position-crumb-icon-top)}.ibiz-control-treeview-header__crumb>span:has(img)::after,.ibiz-control-treeview-header__crumb>span:has(svg)::after{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-icon-node-icon-size);height:var(--ibiz-control-treeview-icon-node-icon-size);margin:var(--ibiz-control-treeview-spacing-node-icon-margin)}.ibiz-control-treeview-header__crumb>span:has(img)::after>svg,.ibiz-control-treeview-header__crumb>span:has(svg)::after>svg{width:100%;height:100%}.ibiz-control-treeview-header__crumb>span:has(img)::after,.ibiz-control-treeview-header__crumb>span:has(svg)::after{display:inline-block;margin:var(--ibiz-control-treeview-spacing-crumb-item-icon-margin);content:"\e710";opacity:0}.ibiz-control-treeview-header__container{height:auto;padding:var(--ibiz-control-treeview-spacing-crumb-container-padding)}.ibiz-control-treeview-header__container .van-sticky,.ibiz-control-treeview-header__container>div{height:auto!important}.ibiz-control-treeview-header__container.is-hidden{display:none}.ibiz-control-treeview-header__container::after{content:"";position:absolute;width:100%;height:var(--ibiz-control-treeview-spacing-crumb-container-bottom-ph);left:0;background-color:var(--ibiz-control-treeview-color-crumb-container-bg)}.ibiz-control-treeview-header.vs-breadcrumb .vs-breadcrumb-separator,.ibiz-control-treeview-header.vs-breadcrumb>span,.ibiz-control-treeview-header.vs-breadcrumb>span:last-child{color:var(--ibiz-control-treeview-color-crumb-history-nav-text)}.ibiz-control-treeview-header.vs-breadcrumb>span:not(:last-child),.ibiz-control-treeview-header.vs-breadcrumb>span:not(:last-child):hover{color:var(--ibiz-control-treeview-color-text)}.ibiz-control-treeview-header.is-header-style>span:not(:last-child){display:none}.ibiz-control-treeview-header.is-header-style>span:last-child{display:flex;width:100%}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb--back-btn{display:inline-block;width:var(--ibiz-control-treeview-width-crumb-back-btn);color:var(--ibiz-control-treeview-color-crumb-history-nav-text)}.ibiz-control-treeview-header.is-header-style>span:last-child .vs-breadcrumb-link{flex:1;overflow:hidden}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb{display:flex;align-items:center}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:first-child{display:flex;align-items:center}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:first-child::after{display:none}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:first-child .ibiz-icon{position:unset}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:last-child{text-overflow:ellipsis;overflow:hidden;flex:1}.ibiz-control-treeview-container{width:100%;height:100%;display:flex;flex-direction:column;padding:var(--ibiz-control-treeview-spacing-padding)}
+.ibiz-control-treeview{--ibiz-control-treeview-color-text:var(--ibiz-color-text-0);--ibiz-control-treeview-color-bg:var(--ibiz-color-bg-0);--ibiz-control-treeview-color-border:var(--ibiz-color-border);--ibiz-control-treeview-color-node-checkbox-active:var(--ibiz-color-primary);--ibiz-control-treeview-color-node-checkbox-active-text:var(--ibiz-color-white);--ibiz-control-treeview-color-node-primary-btn:var(--ibiz-color-primary);--ibiz-control-treeview-color-node-active:var(--ibiz-color-primary-light-default);--ibiz-control-treeview-color-crumb-history-nav-text:var(--ibiz-color-primary);--ibiz-control-treeview-color-crumb-container-bg:var(--ibiz-color-bg-1);--ibiz-control-treeview-height-node:var(--ibiz-height-control-large);--ibiz-control-treeview-height-crumb:var(--ibiz-height-control-large);--ibiz-control-treeview-width-crumb-back-btn:1.5rem;--ibiz-control-treeview-spacing-padding:0 0 var(--ibiz-spacing-base) 0;--ibiz-control-treeview-spacing-node-padding:0 var(--ibiz-spacing-base);--ibiz-control-treeview-spacing-node-icon-margin:0 var(--ibiz-spacing-tight) 0 0;--ibiz-control-treeview-spacing-crumb-padding:0 var(--ibiz-spacing-base);--ibiz-control-treeview-spacing-crumb-item-icon-margin:0 var(--ibiz-spacing-extra-tight) 0 0;--ibiz-control-treeview-spacing-crumb-container-padding:0 0 var(--ibiz-spacing-tight) 0;--ibiz-control-treeview-spacing-crumb-container-bottom-ph:var(--ibiz-spacing-tight);--ibiz-control-treeview-position-node-counter-right:var(--ibiz-spacing-base-loose);--ibiz-control-treeview-position-crumb-icon-top:0.1875rem;--ibiz-control-treeview-icon-node-icon-size:1em;--ibiz-control-treeview-icon-crumb-item-icon-ph-size:1em;height:100%;background:var(--ibiz-control-treeview-color-bg)}.ibiz-control-treeview-content{height:100%}.ibiz-control-treeview-content .vs-tree-node{position:relative;padding:var(--ibiz-control-treeview-spacing-node-padding);height:var(--ibiz-control-treeview-height-node);line-height:var(--ibiz-control-treeview-height-node);color:var(--ibiz-control-treeview-color-text)}.ibiz-control-treeview-content .vs-tree-node:hover{background-color:unset}.ibiz-control-treeview-content .vs-tree-node.selected,.ibiz-control-treeview-content .vs-tree-node.selected:hover{background-color:var(--ibiz-control-treeview-color-node-active)}.ibiz-control-treeview-content .vs-tree-node .vs-tree-inner{display:flex;align-items:center;flex:1;overflow:hidden}.ibiz-control-treeview-content .vs-tree-node .vs-tree-text{text-overflow:ellipsis;overflow:hidden}.ibiz-control-treeview-content .vs-tree-node .vs-icon-leaf,.ibiz-control-treeview-content .vs-tree-node .vs-icon-parent{width:auto;margin-right:0}.ibiz-control-treeview-content .vs-tree-node .vs-icon-leaf>span,.ibiz-control-treeview-content .vs-tree-node .vs-icon-parent>span{display:flex;align-items:center}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox{display:inline-flex;align-items:center}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox__inner,.ibiz-control-treeview-content .vs-tree-node .vs-radio__inner{background-color:transparent;border-color:var(--ibiz-control-treeview-color-border)}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox__original:checked~.vs-checkbox__inner{background-color:var(--ibiz-control-treeview-color-node-checkbox-active);border-color:var(--ibiz-control-treeview-color-node-checkbox-active)}.ibiz-control-treeview-content .vs-tree-node .vs-checkbox__original:checked~.vs-checkbox__inner::after{border-color:var(--ibiz-control-treeview-color-node-checkbox-active-text)}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-icon-node-icon-size);height:var(--ibiz-control-treeview-icon-node-icon-size);margin:var(--ibiz-control-treeview-spacing-node-icon-margin)}.ibiz-control-treeview-content .vs-tree-node .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-content .ibiz-control-treeview-node-expanded-btn{position:relative;display:flex;align-items:center}.ibiz-control-treeview-content .ibiz-control-treeview-node-expanded-btn .van-icon{color:var(--ibiz-control-treeview-color-node-primary-btn)}.ibiz-control-treeview-content .ibiz-control-treeview-node-expanded-btn .ibiz-badge{position:absolute;right:var(--ibiz-control-treeview-position-node-counter-right)}.ibiz-control-treeview-header__crumb .ibiz-icon{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-icon-node-icon-size);height:var(--ibiz-control-treeview-icon-node-icon-size);margin:var(--ibiz-control-treeview-spacing-node-icon-margin)}.ibiz-control-treeview-header__crumb .ibiz-icon>svg{width:100%;height:100%}.ibiz-control-treeview-header__crumb .ibiz-icon{margin:var(--ibiz-control-treeview-spacing-crumb-item-icon-margin)}.ibiz-control-treeview-header__crumb>span:has(img),.ibiz-control-treeview-header__crumb>span:has(svg){position:relative}.ibiz-control-treeview-header__crumb>span:has(img) .ibiz-icon,.ibiz-control-treeview-header__crumb>span:has(svg) .ibiz-icon{position:absolute;top:var(--ibiz-control-treeview-position-crumb-icon-top)}.ibiz-control-treeview-header__crumb>span:has(img)::after,.ibiz-control-treeview-header__crumb>span:has(svg)::after{display:inline-flex;align-items:center;width:var(--ibiz-control-treeview-icon-node-icon-size);height:var(--ibiz-control-treeview-icon-node-icon-size);margin:var(--ibiz-control-treeview-spacing-node-icon-margin)}.ibiz-control-treeview-header__crumb>span:has(img)::after>svg,.ibiz-control-treeview-header__crumb>span:has(svg)::after>svg{width:100%;height:100%}.ibiz-control-treeview-header__crumb>span:has(img)::after,.ibiz-control-treeview-header__crumb>span:has(svg)::after{display:inline-block;margin:var(--ibiz-control-treeview-spacing-crumb-item-icon-margin);content:"\e710";opacity:0}.ibiz-control-treeview-header__container{height:auto;padding:var(--ibiz-control-treeview-spacing-crumb-container-padding)}.ibiz-control-treeview-header__container .van-sticky,.ibiz-control-treeview-header__container>div{height:auto!important}.ibiz-control-treeview-header__container.is-hidden{display:none}.ibiz-control-treeview-header__container::after{content:"";position:absolute;width:100%;height:var(--ibiz-control-treeview-spacing-crumb-container-bottom-ph);left:0;background-color:var(--ibiz-control-treeview-color-crumb-container-bg)}.ibiz-control-treeview-header.vs-breadcrumb{height:var(--ibiz-control-treeview-height-crumb);overflow:auto;white-space:nowrap;line-height:var(--ibiz-control-treeview-height-crumb);padding:var(--ibiz-control-treeview-spacing-crumb-padding)}.ibiz-control-treeview-header.vs-breadcrumb .vs-breadcrumb-separator,.ibiz-control-treeview-header.vs-breadcrumb>span,.ibiz-control-treeview-header.vs-breadcrumb>span:last-child{color:var(--ibiz-control-treeview-color-crumb-history-nav-text)}.ibiz-control-treeview-header.vs-breadcrumb>span:not(:last-child),.ibiz-control-treeview-header.vs-breadcrumb>span:not(:last-child):hover{color:var(--ibiz-control-treeview-color-text)}.ibiz-control-treeview-header.is-header-style>span:not(:last-child){display:none}.ibiz-control-treeview-header.is-header-style>span:last-child{display:flex;width:100%}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb--back-btn{display:inline-block;width:var(--ibiz-control-treeview-width-crumb-back-btn);color:var(--ibiz-control-treeview-color-crumb-history-nav-text)}.ibiz-control-treeview-header.is-header-style>span:last-child .vs-breadcrumb-link{flex:1;overflow:hidden}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb{display:flex;align-items:center}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:first-child{display:flex;align-items:center}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:first-child::after{display:none}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:first-child .ibiz-icon{position:unset}.ibiz-control-treeview-header.is-header-style>span:last-child .ibiz-control-treeview-header__crumb>span:last-child{text-overflow:ellipsis;overflow:hidden;flex:1}.ibiz-control-treeview-container{width:100%;height:100%;display:flex;flex-direction:column;padding:var(--ibiz-control-treeview-spacing-padding)}

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

@@ -1 +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)}
+.ibiz-array{--ibiz-array-color:var(--ibiz-editor-default-text-color);--ibiz-array-color-placeholder:var(--ibiz-editor-default-placeholder-color);--ibiz-array-color-disabled:var(--ibiz-editor-disabled-text-color);--ibiz-array-color-readonly:var(--ibiz-editor-readonly-text-color);--ibiz-array-spacing-icons-gap:var(--ibiz-spacing-tight);--ibiz-array-spacing-icons-margin:0 0 0 var(--ibiz-spacing-base);--ibiz-array-font-fontSize:var(--ibiz-editor-default-font-size);--ibiz-array-font-lineHeight:var(--ibiz-editor-default-line-height);--ibiz-array-font-textAlign:var(--ibiz-editor-default-text-align);--ibiz-array-border-item:--ibiz-border-thickness-control solid var(--ibiz-color-border);height:100%;font-size:var(--ibiz-array-font-fontSize);line-height:var(--ibiz-array-font-lineHeight);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-font-lineHeight);--van-cell-font-size:var(--ibiz-array-font-fontSize);--van-cell-value-font-size:var(--ibiz-array-font-fontSize);--van-field-input-disabled-text-color:var(--ibiz-array-color-disabled)}.ibiz-array input::-moz-placeholder{color:var(--ibiz-array-color-placeholder);-webkit-text-fill-color:var(--ibiz-array-color-placeholder)}.ibiz-array input::placeholder{color:var(--ibiz-array-color-placeholder);-webkit-text-fill-color:var(--ibiz-array-color-placeholder)}.ibiz-array--disabled{color:var(--ibiz-array-color-disabled);--van-field-input-disabled-text-color:var(--ibiz-array-color-disabled)}.ibiz-array--readonly{color:var(--ibiz-array-color-readonly);--van-field-input-text-color:var(--ibiz-array-color-readonly)}.ibiz-array-item{width:100%;border-bottom:var(--ibiz-array-border-item)}.ibiz-array-add-icon{display:flex;align-items:center;min-height:var(--ibiz-array-font-lineHeight)}.ibiz-array-icons{display:flex;align-items:center;justify-content:var(--ibiz-array-font-textAlign);min-height:var(--ibiz-array-font-lineHeight);margin:var(--ibiz-array-spacing-icons-margin);gap:var(--ibiz-array-spacing-icons-gap)}

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

@@ -1 +1 @@
-.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)}
+.ibiz-cascader{--ibiz-cascader-color:var(--ibiz-editor-default-text-color);--ibiz-cascader-color-placeholder:var(--ibiz-editor-default-placeholder-color);--ibiz-cascader-color-disabled:var(--ibiz-editor-disabled-text-color);--ibiz-cascader-color-readonly:var(--ibiz-editor-readonly-text-color);--ibiz-cascader-font-fontSize:var(--ibiz-editor-default-font-size);--ibiz-cascader-font-lineHeight:var(--ibiz-editor-default-line-height);--ibiz-cascader-font-textAlign:var(--ibiz-editor-default-text-align);height:100%;font-size:var(--ibiz-cascader-font-fontSize);line-height:var(--ibiz-cascader-font-lineHeight);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-font-lineHeight);--van-cell-font-size:var(--ibiz-cascader-font-fontSize);--van-cell-value-font-size:var(--ibiz-cascader-font-fontSize);--van-field-input-disabled-text-color:var(--ibiz-cascader-color-disabled)}.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-color-placeholder);-webkit-text-fill-color:var(--ibiz-cascader-color-placeholder)}.ibiz-cascader input::placeholder{color:var(--ibiz-cascader-color-placeholder);-webkit-text-fill-color:var(--ibiz-cascader-color-placeholder)}.ibiz-cascader--disabled{color:var(--ibiz-cascader-color-disabled);--van-field-input-disabled-text-color:var(--ibiz-cascader-color-disabled)}.ibiz-cascader--readonly{--van-field-input-text-color:var(--ibiz-cascader-color-readonly);color:var(--ibiz-cascader-color-readonly)}.ibiz-cascader input{text-align:var(--ibiz-cascader-font-textAlign)}.ibiz-cascader.ibiz-cascader--readonly{text-align:var(--ibiz-cascader-font-textAlign)}

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

@@ -1 +1 @@
-.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)}
+.ibiz-checkbox{--ibiz-checkbox-font-minHeight:var(--ibiz-editor-default-line-height);--ibiz-checkbox-font-textAlign:var(--ibiz-editor-default-text-align);display:flex;align-items:center;justify-content:var(--ibiz-checkbox-font-textAlign);min-height:var(--ibiz-checkbox-font-minHeight)}

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

@@ -1 +1 @@
-.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)}
+.ibiz-checkbox-list{--ibiz-checkbox-list-color:var(--ibiz-editor-default-text-color);--ibiz-checkbox-list-color-disabled:var(--ibiz-editor-disabled-text-color);--ibiz-checkbox-list-color-readonly:var(--ibiz-editor-readonly-text-color);--ibiz-checkbox-list-font-fontSize:var(--ibiz-editor-default-font-size);--ibiz-checkbox-list-font-lineHeight:var(--ibiz-editor-default-line-height);--ibiz-checkbox-list-font-textAlign:var(--ibiz-editor-default-text-align);--ibiz-checkbox-list-gap:var(--ibiz-spacing-tight);display:flex;justify-content:var(--ibiz-checkbox-list-font-textAlign);height:100%;font-size:var(--ibiz-checkbox-list-font-fontSize);line-height:var(--ibiz-checkbox-list-font-lineHeight);color:var(--ibiz-checkbox-list-color);--van-checkbox-size:var(--ibiz-checkbox-list-font-fontSize)}.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-fontSize);line-height:var(--ibiz-checkbox-list-font-lineHeight);color:var(--ibiz-checkbox-list-color)}.ibiz-checkbox-list--disabled .ibiz-checkbox-list__text{color:var(--ibiz-checkbox-list-color-disabled)}.ibiz-checkbox-list--readonly{color:var(--ibiz-checkbox-list-color-readonly);text-align:var(--ibiz-checkbox-list-font-textAlign)}

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

@@ -1 +1 @@
-.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}
+.ibiz-color-picker{--ibiz-color-picker-width-picker:var(--ibiz-spacing-base-loose);--ibiz-color-picker-height-picker:var(--ibiz-spacing-base-loose);--ibiz-color-picker-color:var(--ibiz-editor-default-text-color);--ibiz-color-picker-color-placeholder:var(--ibiz-editor-default-placeholder-color);--ibiz-color-picker-color-disabled:var(--ibiz-editor-disabled-text-color);--ibiz-color-picker-color-readonly:var(--ibiz-editor-readonly-text-color);--ibiz-color-picker-font-fontSize:var(--ibiz-editor-default-font-size);--ibiz-color-picker-font-lineHeight:var(--ibiz-editor-default-line-height);--ibiz-color-picker-font-textAlign:var(--ibiz-editor-default-text-align);--ibiz-color-picker-gap:var(--ibiz-spacing-tight);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:var(--ibiz-color-picker-font-textAlign);height:100%;font-size:var(--ibiz-color-picker-font-fontSize);line-height:var(--ibiz-color-picker-font-lineHeight);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-font-lineHeight);--van-cell-font-size:var(--ibiz-color-picker-font-fontSize);--van-cell-value-font-size:var(--ibiz-color-picker-font-fontSize);--van-field-input-disabled-text-color:var(--ibiz-color-picker-color-disabled)}.ibiz-color-picker input::-moz-placeholder{color:var(--ibiz-color-picker-color-placeholder);-webkit-text-fill-color:var(--ibiz-color-picker-color-placeholder)}.ibiz-color-picker input::placeholder{color:var(--ibiz-color-picker-color-placeholder);-webkit-text-fill-color:var(--ibiz-color-picker-color-placeholder)}.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-gap);background-color:transparent}.ibiz-color-picker__picker .van-field__control{width:var(--ibiz-color-picker-width-picker);height:var(--ibiz-color-picker-height-picker)}.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-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}
+.ibiz-data-mpicker{--ibiz-data-mpicker-color-cancel:var(--ibiz-color-text-1);--ibiz-data-mpicker-color-confirm:var(--ibiz-color-primary);--ibiz-data-mpicker-padding-toolbar:var(--ibiz-spacing-base-tight);--ibiz-data-mpicker-padding-item: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-padding-toolbar)}.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-color-confirm)}.ibiz-data-mpicker-toolbar__cancel{color:var(--ibiz-data-mpicker-color-cancel)}.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-padding-item)}.ibiz-data-mpicker .van-cell-group--inset{margin:0}

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

@@ -1 +1 @@
-.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)}
+.ibiz-editor-right-icon{--ibiz-editor-right-icon-font-fontSize:var(--ibiz-font-size-header-4);font-size:var(--ibiz-editor-right-icon-font-fontSize)}

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

@@ -1 +1 @@
-@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)}
+@charset "UTF-8";.ibiz-mpicker{--ibiz-mpicker-color:var(--ibiz-editor-default-text-color);--ibiz-mpicker-color-icon:var(--van-field-right-icon-color);--ibiz-mpicker-color-placeholder:var(--ibiz-editor-default-placeholder-color);--ibiz-mpicker-color-disabled:var(--ibiz-editor-disabled-text-color);--ibiz-mpicker-readonly-color:var(--ibiz-editor-readonly-text-color);--ibiz-mpicker-color-active:var(--ibiz-color-primary-light-default);--ibiz-mpicker-spacing-gap:var(--ibiz-spacing-extra-tight);--ibiz-mpicker-spacing-item-gap:0 var(--ibiz-spacing-tight);--ibiz-mpicker-spacing-item-padding:0 var(--ibiz-spacing-tight);--ibiz-mpicker-font-fontSize:var(--ibiz-editor-default-font-size);--ibiz-mpicker-font-icon-fontSize:var(--ibiz-font-size-header-5);--ibiz-mpicker-font-lineHeight:var(--ibiz-editor-default-line-height);--ibiz-mpicker-font-textAlign:var(--ibiz-editor-default-text-align);--ibiz-mpicker-radius-item:var(--ibiz-border-radius-small);font-size:var(--ibiz-mpicker-font-fontSize);line-height:var(--ibiz-mpicker-font-lineHeight);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-font-lineHeight);--van-cell-font-size:var(--ibiz-mpicker-font-fontSize);--van-cell-value-font-size:var(--ibiz-mpicker-font-fontSize)}.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-font-lineHeight);padding:0;color:var(--ibiz-mpicker-color-icon);border:none}.ibiz-mpicker .van-field__control{gap:var(--ibiz-mpicker-spacing-gap)}.ibiz-mpicker__placeholder{color:var(--ibiz-mpicker-color-placeholder)}.ibiz-mpicker__pickup-search-icon{display:flex;font-size:var(--ibiz-mpicker-font-icon-fontSize)}.ibiz-mpicker--disabled{pointer-events:none;--van-field-input-text-color:var(--ibiz-mpicker-color-disabled)}.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-spacing-item-gap);align-items:center;justify-content:space-between;padding:var(--ibiz-mpicker-spacing-item-padding);overflow:hidden;font-size:var(--ibiz-mpicker-font-fontSize);line-height:calc(var(--ibiz-mpicker-font-lineHeight) - var(--ibiz-mpicker-spacing-gap));text-overflow:ellipsis;white-space:nowrap;background-color:var(--ibiz-mpicker-color-active);border-radius:var(--ibiz-mpicker-radius-item)}.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-font-textAlign)}.ibiz-mpicker.ibiz-mpicker--readonly{text-align:var(--ibiz-mpicker-font-textAlign)}

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

@@ -246,8 +246,8 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         }, [vue.createVNode("div", {
           "class": [ns.bem("pop", "list", "item-text"), ns.is("bkcolor", !!(item == null ? void 0 : item.bkcolor))],
           "style": (item == null ? void 0 : item.color) || (item == null ? void 0 : item.bkcolor) ? ns.cssVarBlock({
-            "select-option-item-color": `${item.color || ""}`,
-            "select-option-item-bkcolor": `${item.bkcolor || ""}`
+            "pop-color-item": `${item.color || ""}`,
+            "pop-color-item-bg": `${item.bkcolor || ""}`
           }) : ""
         }, [item[c.textName]]), selected && vue.createVNode(vue.resolveComponent("van-icon"), {
           "class": ns.bem("pop", "list", "selected"),