@ibiz-template/mob-vue3-components 0.0.1-alpha.21 → 0.0.1-alpha.23

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

@@ -8,9 +8,13 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 class DropDownListEditorProvider {
-  constructor() {
+  constructor(editorType) {
     __publicField(this, "formEditor", "IBizDropdown");
     __publicField(this, "gridEditor", "IBizDropdown");
+    if (editorType === "MOBCHECKLIST") {
+      this.formEditor = "IBizDropdownList";
+      this.gridEditor = "IBizDropdownList";
+    }
   }
   async createController(editorModel, parentController) {
     const c = new DropDownListEditorController(editorModel, parentController);

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

@@ -1 +1 @@
-.ibiz-dropdown{height:100%}.ibiz-dropdown__select{height:100%;font-size:var(--ibiz-form-item-font-size)}.ibiz-dropdown__select::after{display:none}.ibiz-dropdown__select .van-field__body{height:100%}.ibiz-dropdown .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}
+.ibiz-dropdown{height:100%}.ibiz-dropdown__select{height:100%;font-size:var(--ibiz-form-item-font-size)}.ibiz-dropdown__select::after{display:none}.ibiz-dropdown__select .van-field__body{height:100%}.ibiz-dropdown .van-picker .van-picker__mask{background-image:var(--ibiz-color-overlay-bg)}.ibiz-dropdown input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-dropdown--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}

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

@@ -16,6 +16,9 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: DropDownListEditorController;
@@ -33,8 +36,10 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     }) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
-    blur: () => boolean;
-    focus: () => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
@@ -50,10 +55,15 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
-    onFocus?: (() => any) | undefined;
-    onBlur?: (() => any) | undefined;
+    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;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -0,0 +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{background-color:transparent;border:none}.ibiz-dropdown-list-toolbar__confirm{color:var(--ibiz-color-primary)}.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)}

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

@@ -0,0 +1,69 @@
+import { Ref } from 'vue';
+import './ibiz-dropdown-list.scss';
+import { DropDownListEditorController } from '../dropdown-list-editor.controller';
+export declare const IBizDropdownList: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+}, {
+    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[]>;
+    onBlur: () => void;
+    onFocus: () => void;
+    onCancel: () => void;
+    onRemove: (item: IData) => void;
+    onConfirm: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+}>> & {
+    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;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

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

@@ -0,0 +1,182 @@
+import { isVNode, ref, computed, watch, createTextVNode, createVNode, resolveComponent, 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';
+
+"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(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("dropdown-list");
+    const c = props.controller;
+    const items = ref([]);
+    const showPicker = ref(false);
+    const selectItems = computed(() => {
+      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(",")) || [];
+        }
+        return [];
+      },
+      set(select) {
+        if (Array.isArray(select)) {
+          localSelectValue.value = select.length === 0 ? null : select.join(",");
+        }
+      }
+    });
+    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");
+    };
+    const onBlur = () => {
+      setTimeout(() => {
+        emit("blur");
+      }, 100);
+    };
+    const onConfirm = () => {
+      showPicker.value = false;
+      const value = localSelectValue.value ? localSelectValue.value.split(",").join(",") : null;
+      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 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 {
+      ns,
+      c,
+      items,
+      curValue,
+      showPicker,
+      valueText,
+      selectItems,
+      onBlur,
+      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\u8BA4")])]);
+    };
+    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"), null, _isSlot(_slot = this.items.map((item) => {
+          return createVNode(resolveComponent("van-cell"), {
+            "title": item.text
+          }, {
+            "right-icon": () => {
+              return createVNode(resolveComponent("van-checkbox"), {
+                "name": item.value,
+                "shape": "square"
+              }, null);
+            }
+          });
+        })) ? _slot : {
+          default: () => [_slot]
+        })]
+      });
+    };
+    const editContent = [createVNode(resolveComponent("van-field"), {
+      "ref": "editorRef",
+      "clearable": true,
+      "readonly": true,
+      "class": [this.ns.e("select")],
+      "placeholder": this.c.placeHolder,
+      "onBlur": this.onBlur,
+      "onFocus": this.onFocus,
+      "onClick": () => {
+        if (!this.disabled) {
+          this.showPicker = true;
+        }
+      }
+    }, {
+      "right-icon": createVNode(IBizCommonRightIcon, null, null),
+      input: () => {
+        return this.selectItems.map((item) => {
+          return createVNode(resolveComponent("van-tag"), {
+            "closeable": true,
+            "type": "primary",
+            "onClose": () => {
+              this.onRemove(item);
+            }
+          }, {
+            default: () => [item.text]
+          });
+        });
+      }
+    }), createVNode(resolveComponent("van-popup"), {
+      "show": this.showPicker,
+      "onUpdate:show": ($event) => this.showPicker = $event,
+      "round": true,
+      "position": "bottom"
+    }, {
+      default: () => [createVNode("div", null, [renderToolbar(), renderColumns()])]
+    })];
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [this.readonly ? this.valueText : editContent]);
+  }
+});
+
+export { IBizDropdownList };

package/es/editor/index.mjs

@@ -18,6 +18,7 @@ import './cascader/index.mjs';
 import './color-picker/index.mjs';
 import './markdown/index.mjs';
 import IBizMarkDown from './markdown/ibiz-markdown-editor/ibiz-markdown-editor.mjs';
+import { IBizDropdownList } from './dropdown-list/ibiz-dropdown-list/ibiz-dropdown-list.mjs';
 import { IBizInput } from './text-box/input/input.mjs';
 import { IBizInputNumber } from './text-box/ibiz-input-number/ibiz-input-number.mjs';
 import { IBizSpan } from './span/span/span.mjs';
@@ -42,7 +43,6 @@ import { IBizPickerSelectView } from './data-picker/ibiz-picker-select-view/ibiz
 import { SpanEditorProvider } from './span/span-editor.provider.mjs';
 import { TextBoxEditorProvider } from './text-box/text-box-editor.provider.mjs';
 import { DropDownListEditorProvider } from './dropdown-list/dropdown-list-editor.provider.mjs';
-import { CheckBoxListEditorProvider } from './check-box-list/checkbox-list-editor.provider.mjs';
 import { SwitchEditorProvider } from './switch/switch-editor.provider.mjs';
 import { CascaderEditorProvider } from './cascader/cascader-editor.provider.mjs';
 import { ColorPickerEditorProvider } from './color-picker/color-picker-editor.provider.mjs';
@@ -67,6 +67,7 @@ const IBizEditor = {
     v.component(IBizSwitch.name, IBizSwitch);
     v.component(IBizRadio.name, IBizRadio);
     v.component(IBizDropdown.name, IBizDropdown);
+    v.component(IBizDropdownList.name, IBizDropdownList);
     v.component(IBizCheckboxList.name, IBizCheckboxList);
     v.component(IBizSlider.name, IBizSlider);
     v.component(IBizStepper.name, IBizStepper);
@@ -98,7 +99,7 @@ const IBizEditor = {
     );
     registerEditorProvider(
       "MOBCHECKLIST",
-      () => new CheckBoxListEditorProvider()
+      () => new DropDownListEditorProvider("MOBCHECKLIST")
     );
     registerEditorProvider("MOBSWITCH", () => new SwitchEditorProvider());
     registerEditorProvider("MOBCASCADER", () => new CascaderEditorProvider());

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.css

@@ -1 +1 @@
-.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown .ibiz-markdown-dialog{top:50%;display:flex;flex-direction:column;width:100vw;max-width:100vw;height:100vh;height:100%;margin:0;border-radius:0}.ibiz-markdown .ibiz-markdown-dialog .van-dialog__content{flex-grow:1;height:calc(100% - 48px)}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}.ibiz-markdown .cherry-toolbar{overflow-x:auto}.ibiz-markdown .cherry ::-webkit-scrollbar{width:7px;height:3px;background:rgba(0,0,0,0)}.ibiz-markdown--disabled{color:var(--ibiz-form-item-disabled-color)}.ibiz-markdown--disabled .cherry{color:var(--ibiz-form-item-disabled-color)}.ibiz-markdown--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color)}.ibiz-markdown--readonly .cherry{color:var(--ibiz-form-item-readonly-color)}
+.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown .ibiz-markdown-dialog{top:50%;display:flex;flex-direction:column;width:100vw;max-width:100vw;height:100vh;height:100%;margin:0;border-radius:0}.ibiz-markdown .ibiz-markdown-dialog .van-dialog__content{flex-grow:1;height:calc(100% - 3rem)}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}.ibiz-markdown .cherry-toolbar{overflow-x:auto}.ibiz-markdown .cherry ::-webkit-scrollbar{width:.4375rem;height:.1875rem;background:rgba(0,0,0,0)}.ibiz-markdown--disabled{color:var(--ibiz-form-item-disabled-color)}.ibiz-markdown--disabled .cherry{color:var(--ibiz-form-item-disabled-color)}.ibiz-markdown--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color)}.ibiz-markdown--readonly .cherry{color:var(--ibiz-form-item-readonly-color)}

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

@@ -16,6 +16,9 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: NumberRangeEditorController;
@@ -33,8 +36,10 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     editorRef: Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
-    blur: () => boolean;
-    focus: () => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<NumberRangeEditorController>, undefined, undefined>;
@@ -50,10 +55,15 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
-    onFocus?: (() => any) | undefined;
-    onBlur?: (() => any) | undefined;
+    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;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -15,6 +15,9 @@ export declare const IBizRadio: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     editorModel: import("@ibiz/model-core").ICodeListEditor;
@@ -24,8 +27,10 @@ export declare const IBizRadio: import("vue").DefineComponent<{
     editorRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
-    blur: () => boolean;
-    focus: () => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<RadioButtonListEditorController>, undefined, undefined>;
@@ -41,10 +46,15 @@ export declare const IBizRadio: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
-    onFocus?: (() => any) | undefined;
-    onBlur?: (() => any) | undefined;
+    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;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -15,6 +15,9 @@ export declare const IBizRate: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     currentVal: import("vue").Ref<number | undefined>;
@@ -23,8 +26,10 @@ export declare const IBizRate: import("vue").DefineComponent<{
     editorRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
-    blur: () => boolean;
-    focus: () => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<RateEditorController>, undefined, undefined>;
@@ -40,10 +45,15 @@ export declare const IBizRate: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
-    onFocus?: (() => any) | undefined;
-    onBlur?: (() => any) | undefined;
+    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;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/slider/ibiz-slider/ibiz-slider.css

@@ -1 +1 @@
-.ibiz-slider{height:100%;min-height:20px;display:flex;align-items:center;justify-content:flex-start}.ibiz-slider .ibiz-slider-button{width:26px;font-size:10px;line-height:18px;color:#fff;text-align:center;background-color:var(--ibiz-color-primary);border-radius:100px}
+.ibiz-slider{height:100%;min-height:1.25rem;display:flex;align-items:center;justify-content:flex-start}.ibiz-slider .ibiz-slider-button{width:1.625rem;font-size:.625rem;line-height:1.125rem;color:#fff;text-align:center;background-color:var(--ibiz-color-primary);border-radius:6.25rem}

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

@@ -15,6 +15,9 @@ export declare const IBizSlider: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     currentVal: import("vue").Ref<number | number[]>;
@@ -26,8 +29,10 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     editorRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
-    blur: () => boolean;
-    focus: () => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SliderEditorController>, undefined, undefined>;
@@ -43,10 +48,15 @@ export declare const IBizSlider: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
-    onFocus?: (() => any) | undefined;
-    onBlur?: (() => any) | undefined;
+    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;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -16,6 +16,9 @@ export declare const IBizSpan: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     text: Ref<string>;
@@ -36,6 +39,9 @@ export declare const IBizSpan: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>>, {
     disabled: boolean;
     readonly: boolean;

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

@@ -16,6 +16,9 @@ export declare const IBizSpanLink: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     openLinkView: () => Promise<void>;
@@ -23,8 +26,10 @@ export declare const IBizSpanLink: import("vue").DefineComponent<{
     editorRef: Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
-    blur: () => boolean;
-    focus: () => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, 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>;
@@ -40,10 +45,15 @@ export declare const IBizSpanLink: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
-    onFocus?: (() => any) | undefined;
-    onBlur?: (() => any) | undefined;
+    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;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -15,6 +15,9 @@ export declare const IBizStepper: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: StepperEditorController;
@@ -29,8 +32,10 @@ export declare const IBizStepper: import("vue").DefineComponent<{
     onBlur: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
-    blur: () => boolean;
-    focus: () => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<StepperEditorController>, undefined, undefined>;
@@ -46,10 +51,15 @@ export declare const IBizStepper: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }>> & {
-    onFocus?: (() => any) | undefined;
-    onBlur?: (() => any) | undefined;
+    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;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/stepper/ibiz-stepper/ibiz-stepper.mjs

@@ -65,7 +65,7 @@ const IBizStepper = /* @__PURE__ */ defineComponent({
   render() {
     let content = null;
     if (this.readonly) {
-      content = `${this.currentVal}`;
+      content = `${this.currentVal || ""}`;
     } else {
       content = [createVNode(resolveComponent("van-stepper"), {
         "ref": "inputRef",