@ibiz-template/mob-vue3-components 0.0.5 → 0.0.7

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -1,6 +1,8 @@
 import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-mpicker.css';
+import { IBizDataMPicker } from '../../common/data-mpicker/ibiz-data-mpicker.mjs';
+import { IBizCommonRightIcon } from '../../common/right-icon/right-icon.mjs';
 
 "use strict";
 const IBizMPicker = /* @__PURE__ */ defineComponent({
@@ -15,20 +17,26 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
     const curValue = ref([]);
     const items = ref([]);
     const selectItems = ref([]);
-    const open = ref(false);
+    const showPicker = ref(false);
+    const formatter = (item) => {
+      return {
+        srfkey: item[c.keyName] || item.srfkey,
+        value: item[c.keyName] || item.srfkey,
+        srfmajortext: item[c.textName] || item.srfmajortext,
+        text: item[c.textName] || item.srfmajortext,
+        ...item
+      };
+    };
     watch(() => props.value, (newVal) => {
       curValue.value = [];
       selectItems.value = [];
       if (newVal) {
-        selectItems.value = JSON.parse(newVal);
+        selectItems.value = JSON.parse(newVal).map(formatter);
         selectItems.value.forEach((item) => {
           curValue.value.push(item.srfkey);
           const index = items.value.findIndex((i) => Object.is(i.srfkey, item.srfkey));
           if (index < 0) {
-            items.value.push({
-              srfkey: item.srfkey,
-              srfmajortext: item.srfmajortext
-            });
+            items.value.push(formatter(item));
           }
         });
       }
@@ -40,10 +48,7 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       const valArr = [];
       if (result && Array.isArray(result)) {
         result.forEach((select) => {
-          const formattedItem = {
-            srfkey: select[c.keyName] || select.srfkey,
-            srfmajortext: select[c.textName] || select.srfmajortext
-          };
+          const formattedItem = formatter(select);
           valArr.push(formattedItem);
           const index = items.value.findIndex((item) => Object.is(item[c.keyName], select[c.keyName]));
           if (index < 0) {
@@ -70,27 +75,22 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
         selects.forEach((select) => {
           const findItem = items.value.find((item) => Object.is(item.srfkey, select));
           if (findItem) {
-            valArr.push({
-              srfkey: findItem.srfkey,
-              srfmajortext: findItem.srfmajortext
-            });
+            valArr.push(formatter(findItem));
           }
         });
         const value = valArr.length > 0 ? JSON.stringify(valArr) : "";
+        selectItems.value = valArr;
         emit("change", value);
       } else {
         emit("change", "");
       }
     };
-    const onSearch = async (query) => {
+    const onSearch = async (query = "") => {
       if (c.model.appDataEntityId) {
         const trimQuery = query.trim();
         const res = await c.getServiceData(trimQuery, props.data);
         if (res) {
-          items.value = res.data.map((item) => ({
-            srfkey: item[c.keyName],
-            srfmajortext: item[c.textName]
-          }));
+          items.value = res.data.map((item) => formatter(item));
         }
       }
     };
@@ -125,13 +125,6 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
         emit("change", value);
       }
     };
-    const onOpenChange = (flag) => {
-      open.value = flag;
-      if (open.value) {
-        items.value = [];
-        onSearch("");
-      }
-    };
     const valueText = computed(() => {
       return selectItems.value.map((item) => {
         return item.srfmajortext;
@@ -143,6 +136,10 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
     const onBlur = () => {
       emit("blur");
     };
+    const openPicker = async () => {
+      showPicker.value = true;
+      onSearch();
+    };
     return {
       ns,
       c,
@@ -150,11 +147,12 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
       items,
       valueText,
       selectItems,
+      showPicker,
       onSearch,
       onRemove,
-      onOpenChange,
       onSelect,
       openPickUpView,
+      openPicker,
       onFocus,
       onBlur
     };
@@ -162,6 +160,9 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
   render() {
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "onClick": () => {
+        this.openPicker();
+      },
       "ref": "editorRef"
     }, [this.readonly && this.valueText, !this.readonly && createVNode(resolveComponent("van-field"), {
       "ref": "editorRef",
@@ -184,23 +185,29 @@ const IBizMPicker = /* @__PURE__ */ defineComponent({
           });
         });
       },
-      button: () => {
+      "right-icon": () => {
         if (this.$slots.append) {
           return this.$slots.append({});
         }
         if (this.disabled || this.readonly) {
           return null;
         }
-        return [this.c.model.pickupAppViewId ? createVNode(resolveComponent("van-button"), {
+        return [this.c.model.pickupAppViewId && createVNode(resolveComponent("van-button"), {
           "size": "small",
           "onClick": this.openPickUpView
         }, {
           default: () => [createVNode("ion-icon", {
             "name": "search"
           }, null)]
-        }) : null];
+        }), this.c.model.appDEDataSetId && createVNode(IBizCommonRightIcon, null, null)];
       }
-    })]);
+    }), createVNode(IBizDataMPicker, {
+      "items": this.items,
+      "onChange": this.onSelect,
+      "showPicker": this.showPicker,
+      "onUpdate:showPicker": ($event) => this.showPicker = $event,
+      "value": this.curValue
+    }, null)]);
   }
 });
 

package/es/editor/data-picker/ibiz-picker/ibiz-picker.d.ts

@@ -70,8 +70,8 @@ export declare const IBizPicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -74,8 +74,8 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/date-picker/ibiz-date-picker/ibiz-date-picker.d.ts

@@ -56,8 +56,8 @@ export declare const IBizDatePicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1 +1 @@
-.ibiz-date-range-picker{display:flex;align-items:center;justify-content:center}.ibiz-date-range-picker input{width:100%;font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:center;background-color:transparent;border:none;border-color:var(--ibiz-form-item-border-color);box-shadow:none}.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{display:flex;align-items:center;justify-content:center}.ibiz-date-range-picker .van-field::after{display:none}.ibiz-date-range-picker input{width:100%;font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-align:center;background-color:transparent;border:none;border-color:var(--ibiz-form-item-border-color);box-shadow:none}.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)}

package/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.d.ts

@@ -62,8 +62,8 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.d.ts

@@ -62,8 +62,8 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -58,7 +58,11 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       immediate: true
     });
     const valueText = computed(() => {
-      const index = items.value.findIndex((item) => Object.is(item.value, curValue.value));
+      const index = items.value.findIndex(
+        // 不匹配类型 兼容数值属性配置字符串代码表
+        // eslint-disable-next-line eqeqeq
+        (item) => item.value == curValue.value
+      );
       if (index !== -1) {
         return items.value[index].text;
       }

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

@@ -1 +1 @@
-.ibiz-dropdown-list{height:100%;--van-tag-radius:3.125rem}.ibiz-dropdown-list .van-field__control{gap:.5rem}.ibiz-dropdown-list .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.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__select::after{display:none}
+.ibiz-dropdown-list{height:100%;--van-tag-radius:3.125rem}.ibiz-dropdown-list .van-field__control{gap:.5rem}.ibiz-dropdown-list .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.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__select::after{display:none}.ibiz-dropdown-list .van-cell__title,.ibiz-dropdown-list .van-cell__value{text-align:left}

package/es/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.d.ts

@@ -23,17 +23,14 @@ export declare const IBizDropdownList: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     c: DropDownListEditorController;
     items: Ref<readonly IData[]>;
-    curValue: import("vue").WritableComputedRef<string[]>;
     showPicker: Ref<boolean>;
     valueText: import("vue").ComputedRef<string>;
     selectItems: Ref<IData[]>;
-    checkboxRefs: Ref<IData>;
+    selectKeys: Ref<string[]>;
     onBlur: () => void;
-    toggle: (index: number) => void;
     onFocus: () => void;
-    onCancel: () => void;
     onRemove: (item: IData) => void;
-    onConfirm: () => void;
+    onConfirm: (selects: string[]) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
@@ -62,8 +59,8 @@ export declare const IBizDropdownList: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.mjs

@@ -1,12 +1,10 @@
-import { isVNode, ref, computed, watch, createTextVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getDropdownProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-dropdown-list.css';
 import { IBizCommonRightIcon } from '../../common/right-icon/right-icon.mjs';
+import { IBizDataMPicker } from '../../common/data-mpicker/ibiz-data-mpicker.mjs';
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const IBizDropdownList = /* @__PURE__ */ defineComponent({
   name: "IBizDropdownList",
   props: getDropdownProps(),
@@ -24,31 +22,15 @@ const IBizDropdownList = /* @__PURE__ */ defineComponent({
       }
       return items.value.filter((item) => (props.value.split(",") || []).findIndex((value) => item.value === value) !== -1);
     });
-    const localSelectValue = ref("");
-    const curValue = computed({
-      get() {
-        var _a;
-        if (localSelectValue.value) {
-          return ((_a = localSelectValue.value) == null ? void 0 : _a.split(",")) || [];
-        }
+    const selectKeys = computed(() => {
+      if (!props.value) {
         return [];
-      },
-      set(select) {
-        if (Array.isArray(select)) {
-          localSelectValue.value = select.length === 0 ? null : select.join(",");
-        }
       }
+      return items.value.filter((item) => (props.value.split(",") || []).findIndex((value) => item.value === value) !== -1).map((item) => item.value);
     });
     c.loadCodeList(props.data).then((codeList) => {
       items.value = codeList;
     });
-    watch(() => props.value, (newVal) => {
-      if (newVal || newVal === null) {
-        localSelectValue.value = newVal ? newVal.split(",").join(",") : null;
-      }
-    }, {
-      immediate: true
-    });
     const onFocus = () => {
       emit("focus");
     };
@@ -57,102 +39,43 @@ const IBizDropdownList = /* @__PURE__ */ defineComponent({
         emit("blur");
       }, 100);
     };
-    const onConfirm = () => {
+    const onConfirm = (selects) => {
       showPicker.value = false;
-      const value = localSelectValue.value ? localSelectValue.value.split(",").join(",") : null;
+      const valArr = [];
+      selects.forEach((select) => {
+        const findItem = items.value.find((item) => Object.is(item.value, select));
+        if (findItem) {
+          valArr.push(findItem);
+        }
+      });
+      const value = valArr.length > 0 ? valArr.map((item) => item.value).join(",") : "";
       emit("change", value);
     };
-    const onCancel = () => {
-      showPicker.value = false;
-      localSelectValue.value = props.value;
-    };
     const onRemove = (item) => {
       if (props.readonly || props.disabled) {
         return;
       }
-      curValue.value = curValue.value.filter((value) => value !== item.value);
-      onConfirm();
+      const curValue = selectKeys.value.filter((value) => value !== item.value);
+      onConfirm(curValue);
     };
     const valueText = computed(() => {
-      return items.value.filter((item) => {
-        let isInclude = false;
-        curValue.value.forEach((val) => {
-          if (val === item.value) {
-            isInclude = true;
-          }
-        });
-        return isInclude;
-      }).map((item) => item.text).join(",");
+      return selectItems.value.map((item) => item.text).join(",");
     });
-    const checkboxRefs = ref([]);
-    const toggle = (index) => {
-      checkboxRefs.value[index].toggle();
-    };
     return {
       ns,
       c,
       items,
-      curValue,
       showPicker,
       valueText,
       selectItems,
-      checkboxRefs,
+      selectKeys,
       onBlur,
-      toggle,
       onFocus,
-      onCancel,
       onRemove,
       onConfirm
     };
   },
   render() {
-    const renderToolbar = () => {
-      return createVNode("div", {
-        "class": this.ns.b("toolbar")
-      }, [createVNode("button", {
-        "type": "button",
-        "class": this.ns.be("toolbar", "cancel"),
-        "onClick": () => {
-          this.onCancel();
-        }
-      }, [createTextVNode("\u53D6\u6D88")]), createVNode("button", {
-        "type": "button",
-        "class": this.ns.be("toolbar", "confirm"),
-        "onClick": () => {
-          this.onConfirm();
-        }
-      }, [createTextVNode("\u786E\u5B9A")])]);
-    };
-    const renderColumns = () => {
-      let _slot;
-      return createVNode(resolveComponent("van-checkbox-group"), {
-        "class": this.ns.b("columns"),
-        "modelValue": this.curValue,
-        "onUpdate:modelValue": ($event) => this.curValue = $event
-      }, {
-        default: () => [createVNode(resolveComponent("van-cell-group"), {
-          "inset": true
-        }, _isSlot(_slot = this.items.map((item, index) => {
-          return createVNode(resolveComponent("van-cell"), {
-            "title": item.text,
-            "clickable": true,
-            "onClick": () => {
-              this.toggle(index);
-            }
-          }, {
-            "right-icon": () => {
-              return createVNode(resolveComponent("van-checkbox"), {
-                "ref": (el) => this.checkboxRefs[index] = el,
-                "name": item.value,
-                "onClick": (e) => e.stopPropagation()
-              }, null);
-            }
-          });
-        })) ? _slot : {
-          default: () => [_slot]
-        })]
-      });
-    };
     const editContent = [createVNode(resolveComponent("van-field"), {
       "ref": "editorRef",
       "clearable": true,
@@ -181,14 +104,13 @@ const IBizDropdownList = /* @__PURE__ */ defineComponent({
           });
         });
       }
-    }), createVNode(resolveComponent("van-popup"), {
-      "show": this.showPicker,
-      "onUpdate:show": ($event) => this.showPicker = $event,
-      "round": true,
-      "position": "bottom"
-    }, {
-      default: () => [createVNode("div", null, [renderToolbar(), renderColumns()])]
-    })];
+    }), createVNode(IBizDataMPicker, {
+      "items": this.items,
+      "onChange": this.onConfirm,
+      "showPicker": this.showPicker,
+      "onUpdate:showPicker": ($event) => this.showPicker = $event,
+      "value": this.selectKeys
+    }, null)];
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
     }, [this.readonly ? this.valueText : editContent]);

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.css

@@ -1 +1 @@
-.ibiz-number-range-picker{width:100%;display:flex;align-items:center;justify-content:center}.ibiz-number-range-picker .van-field{flex:1}.ibiz-number-range-picker .van-field__control{text-align:center}.ibiz-number-range-picker--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color);color:var(--ibiz-form-item-disabled-color)}.ibiz-number-range-picker--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-disabled-color)}
+.ibiz-number-range-picker{width:100%;display:flex;align-items:center;justify-content:center}.ibiz-number-range-picker .van-field{flex:1;font-size:var(--ibiz-form-item-font-size)}.ibiz-number-range-picker .van-field::after{display:none}.ibiz-number-range-picker .van-field__control{text-align:center}.ibiz-number-range-picker--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color);color:var(--ibiz-form-item-disabled-color)}.ibiz-number-range-picker--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color);color:var(--ibiz-form-item-disabled-color)}

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.d.ts

@@ -62,8 +62,8 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.d.ts

@@ -53,8 +53,8 @@ export declare const IBizRadio: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/rate/ibiz-rate/ibiz-rate.d.ts

@@ -52,8 +52,8 @@ export declare const IBizRate: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/slider/ibiz-slider/ibiz-slider.d.ts

@@ -55,8 +55,8 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/span/span/span.d.ts

@@ -21,9 +21,35 @@ export declare const IBizSpan: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
+    c: SpanEditorController;
     text: Ref<string>;
-    codeListText: import("vue").ComputedRef<string | undefined>;
     editorRef: Ref<any>;
+    items: Ref<readonly {
+        value: string | number;
+        text: string;
+        id: string;
+        color?: string | undefined;
+        children?: any[] | undefined;
+        textCls?: string | undefined;
+        disableSelect?: boolean | undefined;
+        sysImage?: {
+            codeName?: string | undefined;
+            cssClass?: string | undefined;
+            cssClassX?: string | undefined;
+            glyph?: string | undefined;
+            height?: number | undefined;
+            imagePath?: string | undefined;
+            imagePathX?: string | undefined;
+            rawContent?: string | undefined;
+            width?: number | undefined;
+            appId: string;
+            id?: string | undefined;
+            name?: string | undefined;
+            userParam?: Record<string, string> | undefined;
+        } | undefined;
+        data?: IData | undefined;
+        tooltip?: string | undefined;
+    }[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, undefined, undefined>;