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

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/{lib/control/form/form-detail/form-mdctrl/form-mdctrl.provider.cjs → es/control/wizard-panel/wizard-panel.provider.mjs}

@@ -1,7 +1,3 @@
-'use strict';
-
-var runtime = require('@ibiz-template/runtime');
-
 "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;
@@ -9,15 +5,10 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-class FormMDCtrlProvider {
+class WizardPanelProvider {
   constructor() {
-    __publicField(this, "component", "IBizFormMDCtrl");
-  }
-  async createController(detailModel, form, parent) {
-    const c = new runtime.FormMDCtrlController(detailModel, form, parent);
-    await c.init();
-    return c;
+    __publicField(this, "component", "IBizWizardPanelControl");
   }
 }
 
-exports.FormMDCtrlProvider = FormMDCtrlProvider;
+export { WizardPanelProvider };

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.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--custom{flex-wrap:wrap}.ibiz-mpicker .van-field__control{gap:8px}.ibiz-mpicker .van-field__control .van-tag{height:100%;padding:5px;--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)}.ibiz-mpicker--readonly{color:var(--ibiz-form-item-readonly-color)}
+@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)}

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

@@ -16,6 +16,9 @@ export declare const IBizPicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: PickerEditorController;
@@ -41,8 +44,10 @@ export declare const IBizPicker: import("vue").DefineComponent<{
     openPicker: () => Promise<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>;
@@ -58,10 +63,15 @@ export declare const IBizPicker: 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.mjs

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

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

@@ -17,6 +17,9 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: PickerEditorController;
@@ -45,8 +48,10 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     openPicker: () => Promise<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>;
@@ -62,10 +67,15 @@ export declare const IBizPickerSelectView: 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/date-picker/ibiz-date-picker/ibiz-date-picker.d.ts

@@ -16,6 +16,9 @@ export declare const IBizDatePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: DatePickerEditorController;
@@ -27,8 +30,10 @@ export declare const IBizDatePicker: 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<DatePickerEditorController>, undefined, undefined>;
@@ -44,10 +49,15 @@ export declare const IBizDatePicker: 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/date-range/ibiz-date-range-picker/ibiz-date-range-picker.d.ts

@@ -16,6 +16,9 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overflowMode: {
+        type: StringConstructor;
+    };
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: DateRangeEditorController;
@@ -33,8 +36,10 @@ export declare const IBizDateRangePicker: 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<DateRangeEditorController>, undefined, undefined>;
@@ -50,10 +55,15 @@ export declare const IBizDateRangePicker: 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/dropdown-list-editor.provider.d.ts

@@ -13,5 +13,6 @@ import { DropDownListEditorController } from './dropdown-list-editor.controller'
 export declare class DropDownListEditorProvider implements IEditorProvider {
     formEditor: string;
     gridEditor: string;
+    constructor(editorType?: string);
     createController(editorModel: IDropDownList, parentController: IEditorContainerController): Promise<DropDownListEditorController>;
 }