@ibiz-template/mob-vue3-components 0.0.1-alpha.20 → 0.0.1-alpha.22

package/es/control/pickup-view-panel/index.d.ts

@@ -17,6 +17,10 @@ export declare const IBizPickupViewPanelControl: import("@ibiz-template/vue3-uti
         type: BooleanConstructor;
         default: boolean;
     };
+    selectedData: {
+        type: import("vue").PropType<IData[]>;
+        required: false;
+    };
 }, {
     c: import("@ibiz-template/runtime").PickupViewPanelController;
     ns: import("@ibiz-template/core").Namespace;
@@ -38,6 +42,10 @@ export declare const IBizPickupViewPanelControl: import("@ibiz-template/vue3-uti
         type: BooleanConstructor;
         default: boolean;
     };
+    selectedData: {
+        type: import("vue").PropType<IData[]>;
+        required: false;
+    };
 }>>, {
     params: IParams;
     singleSelect: boolean;

package/es/control/pickup-view-panel/pickup-view-panel.d.ts

@@ -18,6 +18,10 @@ export declare const PickupViewPanelControl: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    selectedData: {
+        type: PropType<IData[]>;
+        required: false;
+    };
 }, {
     c: PickupViewPanelController;
     ns: import("@ibiz-template/core").Namespace;
@@ -39,6 +43,10 @@ export declare const PickupViewPanelControl: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    selectedData: {
+        type: PropType<IData[]>;
+        required: false;
+    };
 }>>, {
     params: IParams;
     singleSelect: boolean;

package/es/control/pickup-view-panel/pickup-view-panel.mjs

@@ -22,6 +22,10 @@ const PickupViewPanelControl = /* @__PURE__ */ defineComponent({
     singleSelect: {
       type: Boolean,
       default: true
+    },
+    selectedData: {
+      type: Object,
+      required: false
     }
   },
   setup() {
@@ -44,7 +48,8 @@ const PickupViewPanelControl = /* @__PURE__ */ defineComponent({
         context: this.c.state.context,
         params: this.c.state.params,
         state: {
-          singleSelect: this.c.state.singleSelect
+          singleSelect: this.c.state.singleSelect,
+          selectedData: this.selectedData
         },
         onCreated: this.onCreated
       }) : h(resolveComponent("IBizViewShell"), {
@@ -52,7 +57,8 @@ const PickupViewPanelControl = /* @__PURE__ */ defineComponent({
         params: this.c.state.params,
         viewId: this.c.model.embeddedAppDEViewId,
         state: {
-          singleSelect: this.c.state.singleSelect
+          singleSelect: this.c.state.singleSelect,
+          selectedData: this.selectedData
         },
         onCreated: this.onCreated
       }))]

package/es/control/search-bar/search-bar.css

@@ -1 +1 @@
-.ibiz-control-searchbar{--ibiz-control-searchbar-margin:var(--ibiz-spacing-tight);--ibiz-control-searchbar-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:100%}.ibiz-control-searchbar .van-search{--van-search-background:var(--ibiz-color-tertiary-light-default)}.ibiz-control-searchbar .van-search__content{border-radius:var(--ibiz-border-radius-small)}
+.ibiz-control-searchbar{--ibiz-control-searchbar-margin:var(--ibiz-spacing-tight);--ibiz-control-searchbar-padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-base-tight)}.ibiz-control-searchbar .ibiz-control-searchbar-quick-search{width:100%}.ibiz-control-searchbar .van-search{--van-search-background:var(--ibiz-color-bg-0)}.ibiz-control-searchbar .van-search__content{border-radius:var(--ibiz-border-radius-small)}

package/es/control/toolbar/toolbar.css

@@ -1 +1 @@
-.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 4px;--ibiz-control-toolbar-icon-margin:0 5px 0 0;--ibiz-control-toolbar-icon-max-width:16px;--ibiz-control-toolbar-icon-max-height:16px;--ibiz-control-toolbar-icon-font-size:20px;display:flex;height:100%}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin)}.ibiz-control-toolbar__item-left{margin-left:0}.ibiz-control-toolbar__item-left .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-left .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-left .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-right{margin-right:0;background-color:transparent}.ibiz-control-toolbar__item-right .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-right .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-right .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar-mobnavrightmenu__item{margin-right:0}.ibiz-control-toolbar-right{justify-content:flex-end}
+.ibiz-control-toolbar{--ibiz-control-toolbar-item-margin:0 0.25rem;--ibiz-control-toolbar-icon-margin:0 0.3125rem 0 0;--ibiz-control-toolbar-icon-max-width:1rem;--ibiz-control-toolbar-icon-max-height:1rem;--ibiz-control-toolbar-icon-font-size:1.25rem;display:flex;height:100%}.ibiz-control-toolbar__item{display:flex;align-items:center;margin:var(--ibiz-control-toolbar-item-margin)}.ibiz-control-toolbar__item-left{margin-left:0}.ibiz-control-toolbar__item-left .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-left .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-left .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-right{margin-right:0;background-color:transparent}.ibiz-control-toolbar__item-right .van-button{background-color:transparent;border:none}.ibiz-control-toolbar__item-right .van-button ion-icon{font-size:var(--ibiz-control-toolbar-icon-font-size)}.ibiz-control-toolbar__item-right .van-button .van-button__text{display:flex;align-items:center}.ibiz-control-toolbar__item-separator+.ibiz-control-toolbar__item-separator,.ibiz-control-toolbar__item-separator:first-child{display:none}.ibiz-control-toolbar-mobnavrightmenu__item{margin-right:0}.ibiz-control-toolbar-right{justify-content:flex-end}

package/es/control/tree/index.mjs

@@ -1,5 +1,6 @@
 import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { defineAsyncComponent } from 'vue';
+import { ControlLoadingPlaceholder } from '@ibiz-template/vue3-util';
 import { TreeProvider } from './tree.provider.mjs';
 
 "use strict";
@@ -7,7 +8,11 @@ const IBizTreeControl = {
   install: (v) => {
     v.component(
       "IBizTreeControl",
-      defineAsyncComponent(() => import('./tree.mjs'))
+      defineAsyncComponent({
+        loader: () => import('./tree.mjs'),
+        loadingComponent: ControlLoadingPlaceholder,
+        delay: 0
+      })
     );
     registerControlProvider(ControlType.TREEVIEW, () => new TreeProvider());
   }

package/es/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:10px;height:100%}.ibiz-control-treeview-content{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:10px;height:100%}.ibiz-control-treeview-content .vs-tree-node{position:relative;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-content .tree-button{color:var(--ibiz-color-primary)}
+.ibiz-control-treeview{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:0.625rem;--ibiz-control-treeview-bg-color:var(--ibiz-color-bg-2);height:100%;padding:0 var(--ibiz-control-treeview-padding);background:var(--ibiz-control-treeview-bg-color)}.ibiz-control-treeview-content{--ibiz-control-treeview-text-color:var(--ibiz-color-text);--ibiz-control-treeview-hover-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-active-bg-color:var(--ibiz-color-primary);--ibiz-control-treeview-padding:0.625rem;--ibiz-control-treeview-bg-color:var(--ibiz-color-bg-2);height:100%}.ibiz-control-treeview-content .vs-tree-node{position:relative;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-content .tree-button{color:var(--ibiz-color-primary)}

package/es/control/wizard-panel/index.d.ts

@@ -0,0 +1,39 @@
+export declare const IBizWizardPanelControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEWizardPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+}, {
+    c: import("@ibiz-template/runtime").WizardPanelController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IDEWizardPanel>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizWizardPanelControl;

package/es/control/wizard-panel/index.mjs

@@ -0,0 +1,18 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { WizardPanelControl } from './wizard-panel.mjs';
+import { WizardPanelProvider } from './wizard-panel.provider.mjs';
+
+"use strict";
+const IBizWizardPanelControl = withInstall(
+  WizardPanelControl,
+  function(v) {
+    v.component(WizardPanelControl.name, WizardPanelControl);
+    registerControlProvider(
+      ControlType.WIZARD_PANEL,
+      () => new WizardPanelProvider()
+    );
+  }
+);
+
+export { IBizWizardPanelControl, IBizWizardPanelControl as default };

package/es/control/wizard-panel/wizard-panel.css

@@ -0,0 +1 @@
+@charset "UTF-8";.ibiz-control-wizardpanel{--ibiz-control-wizard-panel-header-height:60px;--ibiz-control-wizard-panel-footer-height:40px;--ibiz-control-wizard-panel-margin:var(--ibiz-spacing-loose) var(--ibiz-spacing-tight);--ibiz-control-wizard-panel-gap:var(--ibiz-spacing-tight);display:flex;flex-direction:column;height:100%}.ibiz-control-wizardpanel__form{flex-grow:1;overflow:auto}.ibiz-control-wizardpanel.is-header .ibiz-control-wizardpanel__form{height:calc(100% - var(--ibiz-control-wizard-panel-footer-height) - var(--ibiz-control-wizard-panel-header-height))}.ibiz-control-wizardpanel-header{height:var(--ibiz-control-wizard-panel-header-height)}.ibiz-control-wizardpanel-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ibiz-control-wizard-panel-gap);height:var(--ibiz-control-wizard-panel-footer-height);margin:var(--ibiz-control-wizard-panel-margin)}.ibiz-control-wizardpanel-footer__form{flex-grow:1;overflow:auto}.ibiz-control-wizardpanel-footer button{flex-grow:1;height:100%}

package/es/control/wizard-panel/wizard-panel.d.ts

@@ -0,0 +1,42 @@
+import { PropType } from 'vue';
+import { IDEWizardPanel } from '@ibiz/model-core';
+import './wizard-panel.scss';
+import { IControlProvider, WizardPanelController } from '@ibiz-template/runtime';
+export declare const WizardPanelControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEWizardPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+}, {
+    c: WizardPanelController;
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEWizardPanel>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+    provider: {
+        type: PropType<IControlProvider>;
+    };
+}>>, {
+    params: IParams;
+}, {}>;

package/es/control/wizard-panel/wizard-panel.mjs

@@ -0,0 +1,122 @@
+import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import './wizard-panel.css';
+import { WizardPanelController } from '@ibiz-template/runtime';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const WizardPanelControl = /* @__PURE__ */ defineComponent({
+  name: "IBizWizardPanelControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    provider: {
+      type: Object
+    }
+  },
+  setup() {
+    const c = useControlController((...args) => new WizardPanelController(...args));
+    const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
+    return {
+      c,
+      ns
+    };
+  },
+  render() {
+    var _a, _b;
+    const {
+      activeFormTag
+    } = this.c.state;
+    let stepsTitle = null;
+    let formComponent = null;
+    let footer = null;
+    if (activeFormTag && this.c.activeWizardForm) {
+      const wizardForm = this.c.activeWizardForm;
+      const supportActions = wizardForm.stepActions;
+      if (this.c.providers[activeFormTag]) {
+        const component = resolveComponent(this.c.providers[activeFormTag].component);
+        const editForm = (_a = this.c.model.deeditForms) == null ? void 0 : _a.find((_editForm) => {
+          var _a2;
+          return activeFormTag === ((_a2 = _editForm.dewizardForm) == null ? void 0 : _a2.formTag);
+        });
+        formComponent = h(component, {
+          class: this.ns.e("form"),
+          modelData: editForm,
+          context: this.c.context,
+          params: this.c.params,
+          key: activeFormTag,
+          onMounted: (event) => this.c.onFormMounted(activeFormTag, event),
+          onSaveSuccess: (event) => this.c.onFormSaved(event)
+        });
+      }
+      const {
+        dewizard
+      } = this.c.model;
+      footer = supportActions && dewizard && createVNode("div", {
+        "key": `${activeFormTag}footer`,
+        "class": this.ns.b("footer")
+      }, [supportActions.includes("PREV") && createVNode(resolveComponent("van-button"), {
+        "class": this.ns.be("footer", "prev"),
+        "onClick": () => {
+          this.c.onPrevClick();
+        }
+      }, {
+        default: () => [dewizard.prevCaption ? dewizard.prevCaption : "\u4E0A\u4E00\u6B65"]
+      }), supportActions.includes("NEXT") && createVNode(resolveComponent("van-button"), {
+        "type": "primary",
+        "class": this.ns.be("footer", "next"),
+        "onClick": () => {
+          this.c.onNextClick();
+        }
+      }, {
+        default: () => [dewizard.nextCaption ? dewizard.nextCaption : "\u4E0B\u4E00\u6B65"]
+      }), supportActions.includes("FINISH") && createVNode(resolveComponent("van-button"), {
+        "type": "primary",
+        "class": this.ns.be("footer", "finish"),
+        "onClick": () => {
+          this.c.onFinishClick();
+        }
+      }, {
+        default: () => [dewizard.finishCaption ? dewizard.finishCaption : "\u5B8C\u6210"]
+      })]);
+      const {
+        dewizardSteps
+      } = dewizard;
+      if (this.c.model.showStepBar && dewizardSteps && dewizardSteps.length > 0) {
+        let _slot;
+        const active = this.c.steps.indexOf(this.c.stepTags[`${this.c.model.name}_form_${(_b = this.c.state.activeFormTag) == null ? void 0 : _b.toLowerCase()}`]);
+        stepsTitle = createVNode(resolveComponent("van-steps"), {
+          "active": active,
+          "finish-icon": "checked",
+          "active-icon": "circle"
+        }, _isSlot(_slot = dewizardSteps.map((step) => {
+          return createVNode(resolveComponent("van-step"), null, {
+            default: () => [step.title]
+          });
+        })) ? _slot : {
+          default: () => [_slot]
+        });
+      }
+    }
+    return createVNode(resolveComponent("iBizControlBase"), {
+      "controller": this.c,
+      "class": [this.ns.b(), this.ns.is("header", this.c.model.showStepBar)]
+    }, {
+      default: () => [stepsTitle, formComponent, footer]
+    });
+  }
+});
+
+export { WizardPanelControl };

package/es/control/wizard-panel/wizard-panel.provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 向导面板适配器
+ *
+ * @author zk
+ * @date 2023-11-27 02:11:33
+ * @export
+ * @class WizardPanelProvider
+ * @implements {IControlProvider}
+ */
+export declare class WizardPanelProvider implements IControlProvider {
+    component: string;
+}

package/es/control/wizard-panel/wizard-panel.provider.mjs

@@ -0,0 +1,14 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class WizardPanelProvider {
+  constructor() {
+    __publicField(this, "component", "IBizWizardPanelControl");
+  }
+}
+
+export { WizardPanelProvider };

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

@@ -1 +1 @@
-.ibiz-cascader{height:100%}.ibiz-cascader .van-cell--clickable:active{background-color:transparent}
+.ibiz-cascader{height:100%}.ibiz-cascader .van-cell--clickable:active{background-color:transparent}.ibiz-cascader--disabled{--van-field-input-text-color:var(--ibiz-form-item-disabled-color)}.ibiz-cascader--readonly{--van-field-input-text-color:var(--ibiz-form-item-readonly-color)}

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

@@ -16,6 +16,9 @@ export declare const IBizCascader: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: CascaderEditorController;
@@ -39,8 +42,10 @@ export declare const IBizCascader: import("vue").DefineComponent<{
     handleCascaderValueChange: ($event: IData) => 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;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CascaderEditorController>, undefined, undefined>;
@@ -56,10 +61,15 @@ export declare const IBizCascader: 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/check-box/ibiz-checkbox/ibiz-checkbox.d.ts

@@ -14,6 +14,9 @@ export declare const IBizCheckbox: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     editorModel: import("@ibiz/model-core").IEditor;
@@ -21,8 +24,10 @@ export declare const IBizCheckbox: 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<CheckBoxEditorController>, undefined, undefined>;
@@ -38,10 +43,15 @@ export declare const IBizCheckbox: 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/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.d.ts

@@ -15,6 +15,9 @@ export declare const IBizCheckboxList: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     items: import("vue").Ref<readonly IData[]>;
@@ -24,8 +27,10 @@ export declare const IBizCheckboxList: import("vue").DefineComponent<{
     onSelectArrayChange: (value: Array<string | number>) => 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<CheckBoxListEditorController>, undefined, undefined>;
@@ -41,10 +46,15 @@ export declare const IBizCheckboxList: 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/color-picker/ibiz-color-picker/ibiz-color-picker.css

@@ -1 +1 @@
-.ibiz-color-picker{height:100%;display:flex;align-items:center;justify-content:space-between}.ibiz-color-picker__picker.van-field{width:var(--ibiz-spacing-loose);height:var(--ibiz-spacing-loose);margin-right:var(--ibiz-spacing-tight)}.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}
+.ibiz-color-picker{position:relative;height:100%}.ibiz-color-picker__picker.van-field{position:absolute;right:0;width:var(--ibiz-spacing-loose);height:var(--ibiz-spacing-loose);padding:0;margin-right:var(--ibiz-spacing-tight)}.ibiz-color-picker__item{display:inline-block;width:auto;padding-right:var(--ibiz-spacing-extra-loose);color:inherit}.ibiz-color-picker__item .van-field__value{height:100%;color:inherit}.ibiz-color-picker__item .van-field__value .van-field__control{color:inherit}

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

@@ -15,6 +15,9 @@ export declare const IBizColorPicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: ColorPickerEditorController;
@@ -25,8 +28,10 @@ export declare const IBizColorPicker: 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;
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<ColorPickerEditorController>, undefined, undefined>;
@@ -42,10 +47,15 @@ export declare const IBizColorPicker: 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/color-picker/ibiz-color-picker/ibiz-color-picker.mjs

@@ -59,7 +59,7 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
   render() {
     let content = null;
     if (this.readonly) {
-      content = `${this.currentVal}`;
+      content = `${this.currentVal || ""}`;
     } else {
       content = [createVNode(resolveComponent("van-field"), {
         "class": [this.ns.e("item")],

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{--van-tag-radius:50px}.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control{gap:8px;height:100%}.ibiz-mpicker .van-field__control .van-tag{height:100%;padding:5px;--van-tag-font-size:var(--ibiz-form-item-font-size)}
+@charset "UTF-8";.ibiz-mpicker{--van-tag-radius:3.125rem}.ibiz-mpicker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-mpicker .van-field__control--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:.5rem}.ibiz-mpicker .van-field__control .van-tag{height:100%;padding:.3125rem;--van-tag-font-size:var(--ibiz-form-item-font-size)}.ibiz-mpicker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}

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

@@ -16,6 +16,9 @@ export declare const IBizMPicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: PickerEditorController;
@@ -32,8 +35,10 @@ export declare const IBizMPicker: 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: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
@@ -49,10 +54,15 @@ export declare const IBizMPicker: 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/data-picker/ibiz-picker/ibiz-picker.css

@@ -1 +1 @@
-.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:5px;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:32px;height:32px;padding:0 6px}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}
+.ibiz-picker{height:100%}.ibiz-picker .van-field{font-size:var(--ibiz-form-item-font-size)}.ibiz-picker .van-field__button button{color:var(--van-field-right-icon-color);border:none}.ibiz-picker ion-icon{cursor:pointer}.ibiz-picker__buns-position{position:relative;display:inline-block}.ibiz-picker__btns{position:absolute;right:0;display:flex}.ibiz-picker__btns span{display:flex;flex-flow:column nowrap;justify-content:center}.ibiz-picker__autocomplete{display:flex}.ibiz-picker__autocomplete .el-autocomplete{width:100%}.ibiz-picker__transfer-item{padding:.3125rem;cursor:pointer}.ibiz-picker__transfer-item:hover{background-color:var(--ibiz-form-item-hover-bg-color)}.ibiz-picker__link{width:2rem;height:2rem;padding:0 .375rem}.ibiz-picker--disabled ion-icon{pointer-events:none}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-picker input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color);-webkit-text-fill-color:var(--ibiz-form-item-disabled-color)}.ibiz-picker--readonly{color:var(--ibiz-form-item-readonly-color);-webkit-text-fill-color:var(--ibiz-form-item-readonly-color)}