@ibiz-template/vue3-components 0.7.34 → 0.7.38-alpha.12

package/es/editor/span/span/span.css

@@ -1 +1 @@
-.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{height:100%}.ibiz-span.is-is-ellipsis{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line;vertical-align:bottom}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{height:100%}.ibiz-span.is-is-ellipsis{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -0,0 +1,96 @@
+import { Ref } from 'vue';
+import './span.scss';
+import { SpanEditorController } from '../span-editor.controller';
+export declare const IBizSpan: import("vue").DefineComponent<{
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, 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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: SpanEditorController;
+    text: Ref<string>;
+    editorRef: Ref<any>;
+    items: Ref<readonly {
+        value: string | number;
+        text: string;
+        id: string;
+        color?: string | undefined;
+        bkcolor?: string | undefined;
+        children?: any[] | undefined;
+        textCls?: string | undefined;
+        cls?: string | undefined;
+        disableSelect?: boolean | undefined;
+        sysImage?: {
+            codeName?: string | undefined;
+            cssClass?: string | undefined;
+            cssClassX?: string | undefined;
+            glyph?: string | undefined;
+            height?: number | undefined;
+            imagePath?: string | undefined;
+            imagePathX?: string | undefined;
+            rawContent?: string | undefined;
+            width?: number | undefined;
+            appId: string;
+            id?: string | undefined;
+            name?: string | undefined;
+            userParam?: Record<string, string> | undefined;
+            modelId?: string | undefined;
+            modelType?: string | undefined;
+        } | undefined;
+        data?: IData | undefined;
+        tooltip?: string | undefined;
+        userData?: string | undefined;
+        beginValue?: number | undefined;
+        endValue?: number | undefined;
+        includeBeginValue?: boolean | undefined;
+        includeEndValue?: boolean | undefined;
+    }[]>;
+    valueFormat: string | undefined;
+    unitName: string | undefined;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    spanTitle: Ref<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, undefined, undefined>;
+    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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

package/es/editor/span/span/span.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, watch, computed, createVNode, resolveComponent }
 import { getSpanProps, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './span.css';
 import { isNil } from 'ramda';
-import { DataTypes, isEmoji, base64ToStr } from '@ibiz-template/core';
+import { DataTypes, isEmoji, base64ToStr, showTitle } from '@ibiz-template/core';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 
@@ -30,6 +30,7 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       dataType,
       unitName
     } = c.parent;
+    const spanTitle = ref("");
     const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -66,6 +67,8 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
               const tempVal = dayjs(newVal).format(valueFormat);
               if (isValidDateFormat(tempVal, valueFormat)) {
                 text.value = tempVal;
+              } else if (!Number.isNaN(Number(newVal)) && Number.isFinite(Number(newVal))) {
+                text.value = "".concat(ibiz.util.text.format(Number(newVal), valueFormat));
               } else {
                 text.value = ibiz.util.text.format("".concat(newVal), valueFormat);
               }
@@ -120,7 +123,8 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       items,
       valueFormat,
       unitName,
-      showFormDefaultContent
+      showFormDefaultContent,
+      spanTitle
     };
   },
   render() {
@@ -146,13 +150,15 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       }
     } else if (this.text) {
       content = this.text;
+      this.spanTitle = this.text;
     } else {
       content = "- - -";
     }
     const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return createVNode("span", {
       "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("is-ellipsis", isEllipsis)],
-      "ref": "editorRef"
+      "ref": "editorRef",
+      "title": showTitle(this.spanTitle)
     }, [content]);
   }
 });

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

@@ -0,0 +1,26 @@
+import { ISpan, IAppCodeList } from '@ibiz/model-core';
+import { CodeListEditorController } from '@ibiz-template/runtime';
+/**
+ * 标签编辑器控制器
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2022-08-25 10:57:58
+ */
+export declare class SpanEditorController extends CodeListEditorController<ISpan> {
+    /**
+     *值项
+     */
+    valueItem: string;
+    /**
+     * 代码表模型
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-05-24 10:55:50
+     */
+    codeList: IAppCodeList | undefined;
+    protected onInit(): Promise<void>;
+    /**
+     * 打开数据链接视图
+     */
+    openLinkView(data: IData): Promise<IData[] | undefined>;
+}

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

@@ -0,0 +1,18 @@
+import { ISpan } from '@ibiz/model-core';
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { SpanEditorController } from './span-editor.controller';
+/**
+ * 标签编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class SpanEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class SpanEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    constructor(editorType?: string);
+    createController(editorModel: ISpan, parentController: IEditorContainerController): Promise<SpanEditorController>;
+}

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

@@ -0,0 +1,70 @@
+import { Ref } from 'vue';
+import './span-link.scss';
+import { SpanEditorController } from '../span-editor.controller';
+export declare const IBizSpanLink: import("vue").DefineComponent<{
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, 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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    openLinkView: () => Promise<void>;
+    curValue: Ref<string>;
+    editorRef: Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+}, 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: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, 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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    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/stepper/ibiz-stepper/ibiz-stepper.d.ts

@@ -0,0 +1,76 @@
+import './ibiz-stepper.scss';
+import { StepperEditorController } from '../stepper-editor.controller';
+export declare const IBizStepper: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<StepperEditorController>, 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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: StepperEditorController;
+    currentVal: import("vue").Ref<number | null>;
+    handleChange: (e: number | null) => void;
+    inputRef: import("vue").Ref<any>;
+    step: number;
+    precision: number;
+    max: number;
+    min: number;
+    onFocus: () => void;
+    onBlur: () => void;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+}, 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<StepperEditorController>, 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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    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/stepper/index.d.ts

@@ -0,0 +1,3 @@
+export { IBizStepper } from './ibiz-stepper/ibiz-stepper';
+export * from './stepper-editor.controller';
+export * from './stepper-editor.provider';

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

@@ -0,0 +1,11 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { IStepper } from '@ibiz/model-core';
+/**
+ * 步进器编辑器控制器
+ *
+ * @export
+ * @class StepperEditorController
+ * @extends {EditorController}
+ */
+export declare class StepperEditorController extends EditorController<IStepper> {
+}

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

@@ -0,0 +1,15 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IStepper } from '@ibiz/model-core';
+import { StepperEditorController } from './stepper-editor.controller';
+/**
+ * 步进器编辑器适配器
+ *
+ * @export
+ * @class StepperEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class StepperEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IStepper, parentController: IEditorContainerController): Promise<StepperEditorController>;
+}

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

@@ -0,0 +1,73 @@
+import './ibiz-switch.scss';
+import { SwitchEditorController } from '../switch-editor.controller';
+export declare const IBizSwitch: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SwitchEditorController>, 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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    currentVal: import("vue").Ref<boolean>;
+    curDisabled: import("vue").ComputedRef<boolean>;
+    activeText: string;
+    inactiveText: string;
+    handleChange: (currentValue: boolean) => void;
+    dicData: IData[];
+    editorRef: import("vue").Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+}, 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<SwitchEditorController>, 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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    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/switch/index.d.ts

@@ -0,0 +1,3 @@
+export { IBizSwitch } from './ibiz-switch/ibiz-switch';
+export * from './switch-editor.controller';
+export * from './switch-editor.provider';

package/es/editor/switch/switch-editor.controller.d.ts

@@ -0,0 +1,11 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { ICheckBox } from '@ibiz/model-core';
+/**
+ * 开关编辑器控制器
+ *
+ * @export
+ * @class SwitchEditorController
+ * @extends {EditorController}
+ */
+export declare class SwitchEditorController extends EditorController<ICheckBox> {
+}

package/es/editor/switch/switch-editor.provider.d.ts

@@ -0,0 +1,15 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { ICheckBox } from '@ibiz/model-core';
+import { SwitchEditorController } from './switch-editor.controller';
+/**
+ * 开关编辑器适配器
+ *
+ * @export
+ * @class SwitchEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class SwitchEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: ICheckBox, parentController: IEditorContainerController): Promise<SwitchEditorController>;
+}

package/es/editor/text-box/ibiz-input-ip/ibiz-input-ip.d.ts

@@ -0,0 +1,77 @@
+import { Ref } from 'vue';
+import './ibiz-input-ip.scss';
+import { TextBoxEditorController } from '../text-box-editor.controller';
+export declare const IBizInputIP: import("vue").DefineComponent<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, 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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: TextBoxEditorController;
+    editorRef: Ref<any>;
+    currentVal: Ref<string[]>;
+    getFocus: () => void;
+    blur: () => void;
+    firstIp: Ref<string>;
+    secIp: Ref<string>;
+    thirdIp: Ref<string>;
+    forIp: Ref<string>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    handleKeyUp: (e: KeyboardEvent) => 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;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, 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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    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/text-box/ibiz-input-number/ibiz-input-number.d.ts

@@ -0,0 +1,80 @@
+import './ibiz-input-number.scss';
+import { TextBoxEditorController } from '../text-box-editor.controller';
+export declare const IBizInputNumber: import("vue").DefineComponent<{
+    value: NumberConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, 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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: TextBoxEditorController;
+    currentVal: import("vue").Ref<string | number | null>;
+    handleChange: (e: number | null, eventName?: string) => void;
+    onFocus: (e: IData) => void;
+    onBlur: (e: IData) => void;
+    editorRef: import("vue").Ref<any>;
+    handleKeyUp: (e: KeyboardEvent) => void;
+    isEditable: import("vue").Ref<boolean>;
+    setEditable: (flag: boolean) => void;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    max: number;
+    min: number;
+    currentFormatVal: import("vue").ComputedRef<string>;
+    enablethousands: import("vue").Ref<boolean>;
+    onInput: (value: string | number) => 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: NumberConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, 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;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    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/text-box/index.d.ts

@@ -0,0 +1,5 @@
+export { IBizInput } from './input/input';
+export { IBizInputNumber } from './ibiz-input-number/ibiz-input-number';
+export { IBizInputIP } from './ibiz-input-ip/ibiz-input-ip';
+export * from './text-box-editor.controller';
+export * from './text-box-editor.provider';

package/es/editor/text-box/input/input.css

@@ -1 +1 @@
-.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{display:flex;align-items:center;justify-content:center;position:absolute;right:var(--ibiz-spacing-base-loose);bottom:var(--ibiz-spacing-base-loose);width:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));height:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-width-icon-medium);color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-circle)}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}
+.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{display:flex;align-items:center;justify-content:center;position:absolute;right:var(--ibiz-spacing-base-loose);bottom:var(--ibiz-spacing-base-loose);width:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));height:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-width-icon-medium);color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-circle)}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__count{bottom:0}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}