zartui 3.0.2 → 3.0.4

package/es/empty/index.css

@@ -1 +1 @@
-body{--zt-empty-padding: var(--zt-padding-xl) 0;--zt-empty-image-width: 240px;--zt-empty-image-height: 220px;--zt-empty-description-margin-top: var(--zt-padding-lg);--zt-empty-description-padding: 0 60px;--zt-empty-description-color: var(--zt-text-color);--zt-empty-description-font-size: var(--zt-font-size-lg);--zt-empty-description-line-height: var(--zt-line-height-md);--zt-empty-bottom-margin-top: 24px}.zt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--zt-empty-padding)}.zt-empty__image{width:var(--zt-empty-image-width);height:var(--zt-empty-image-height)}.zt-empty__image img{width:100%;height:100%}.zt-empty__description{margin-top:var(--zt-empty-description-margin-top);padding:var(--zt-empty-description-padding);color:var(--zt-empty-description-color);font-size:var(--zt-empty-description-font-size);line-height:var(--zt-empty-description-line-height)}.zt-empty__bottom{margin-top:var(--zt-empty-bottom-margin-top)}
+:root{--zt-empty-image-width: 200px;--zt-empty-image-height: 200px;--zt-empty-description-padding: 8px 64px 16px;--zt-empty-description-color: var(--zt-gray-a6);--zt-empty-description-font-size: var(--zt-font-size-md);--zt-empty-description-line-height: var(--zt-line-height-md);--zt-empty-bottom-margin-top: 32px}.zt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.zt-empty__image{width:var(--zt-empty-image-width);height:var(--zt-empty-image-height)}.zt-empty__image img{width:100%;height:100%}.zt-empty__description{text-align:center;padding:var(--zt-empty-description-padding);color:var(--zt-empty-description-color);font-size:var(--zt-empty-description-font-size);line-height:var(--zt-empty-description-line-height)}.zt-empty__bottom{margin-top:var(--zt-empty-bottom-margin-top);width:100%}

package/es/empty/index.d.ts

@@ -5,7 +5,7 @@ export declare const Empty: import("../utils").WithInstall<import("vue").DefineC
     };
     imageSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
     description: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     image: {
         type: import("vue").PropType<string>;
         default: string;

package/es/field/Field.d.ts

@@ -0,0 +1,364 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
+export declare const fieldSharedProps: {
+    id: StringConstructor;
+    name: StringConstructor;
+    titleIcon: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: PropType<FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+};
+declare const fieldProps: {
+    leftIcon: StringConstructor;
+    titleIcon: StringConstructor;
+    title: (NumberConstructor | StringConstructor)[];
+    value: {
+        type: PropType<string>;
+        default: string;
+    };
+    label: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: PropType<import("../cell").CellDirection>;
+        default: import("../cell").CellDirection;
+    };
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: PropType<unknown>;
+    labelClass: PropType<unknown>;
+    titleClass: PropType<unknown>;
+    titleStyle: PropType<string | import("vue").CSSProperties>;
+    arrowDirection: PropType<import("../cell").CellArrowDirection>;
+    clickable: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+} & {
+    id: StringConstructor;
+    name: StringConstructor;
+    titleIcon: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: PropType<FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+} & {
+    rows: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: PropType<FieldType>;
+        default: FieldType;
+    };
+    rules: PropType<FieldRule[]>;
+    autosize: PropType<boolean | FieldAutosizeConfig>;
+    labelWidth: (NumberConstructor | StringConstructor)[];
+    labelClass: PropType<unknown>;
+    labelAlign: PropType<FieldTextAlign>;
+    showWordLimit: BooleanConstructor;
+    errorMessageAlign: PropType<FieldTextAlign>;
+    description: {
+        type: PropType<string>;
+        default: string;
+    };
+    colon: {
+        type: BooleanConstructor;
+        default: null;
+    };
+};
+export declare type FieldProps = ExtractPropTypes<typeof fieldProps>;
+declare const _default: import("vue").DefineComponent<{
+    leftIcon: StringConstructor;
+    titleIcon: StringConstructor;
+    title: (NumberConstructor | StringConstructor)[];
+    value: {
+        type: PropType<string>;
+        default: string;
+    };
+    label: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: PropType<import("../cell").CellDirection>;
+        default: import("../cell").CellDirection;
+    };
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: PropType<unknown>;
+    labelClass: PropType<unknown>;
+    titleClass: PropType<unknown>;
+    titleStyle: PropType<string | import("vue").CSSProperties>;
+    arrowDirection: PropType<import("../cell").CellArrowDirection>;
+    clickable: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+} & {
+    id: StringConstructor;
+    name: StringConstructor;
+    titleIcon: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: PropType<FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+} & {
+    rows: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: PropType<FieldType>;
+        default: FieldType;
+    };
+    rules: PropType<FieldRule[]>;
+    autosize: PropType<boolean | FieldAutosizeConfig>;
+    labelWidth: (NumberConstructor | StringConstructor)[];
+    labelClass: PropType<unknown>;
+    labelAlign: PropType<FieldTextAlign>;
+    showWordLimit: BooleanConstructor;
+    errorMessageAlign: PropType<FieldTextAlign>;
+    description: {
+        type: PropType<string>;
+        default: string;
+    };
+    colon: {
+        type: BooleanConstructor;
+        default: null;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "clear" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "focus" | "blur" | "clear" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    leftIcon: StringConstructor;
+    titleIcon: StringConstructor;
+    title: (NumberConstructor | StringConstructor)[];
+    value: {
+        type: PropType<string>;
+        default: string;
+    };
+    label: (NumberConstructor | StringConstructor)[];
+    direction: {
+        type: PropType<import("../cell").CellDirection>;
+        default: import("../cell").CellDirection;
+    };
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: PropType<unknown>;
+    labelClass: PropType<unknown>;
+    titleClass: PropType<unknown>;
+    titleStyle: PropType<string | import("vue").CSSProperties>;
+    arrowDirection: PropType<import("../cell").CellArrowDirection>;
+    clickable: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+} & {
+    id: StringConstructor;
+    name: StringConstructor;
+    titleIcon: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: PropType<FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+} & {
+    rows: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: PropType<FieldType>;
+        default: FieldType;
+    };
+    rules: PropType<FieldRule[]>;
+    autosize: PropType<boolean | FieldAutosizeConfig>;
+    labelWidth: (NumberConstructor | StringConstructor)[];
+    labelClass: PropType<unknown>;
+    labelAlign: PropType<FieldTextAlign>;
+    showWordLimit: BooleanConstructor;
+    errorMessageAlign: PropType<FieldTextAlign>;
+    description: {
+        type: PropType<string>;
+        default: string;
+    };
+    colon: {
+        type: BooleanConstructor;
+        default: null;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onKeypress?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onClickInput?: ((...args: any[]) => any) | undefined;
+    onEndValidate?: ((...args: any[]) => any) | undefined;
+    onStartValidate?: ((...args: any[]) => any) | undefined;
+    onClickLeftIcon?: ((...args: any[]) => any) | undefined;
+    onClickRightIcon?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: FieldType;
+    required: boolean;
+    autofocus: boolean;
+    disabled: boolean;
+    value: string;
+    direction: import("../cell").CellDirection;
+    center: boolean;
+    isLink: boolean;
+    border: boolean;
+    clickable: boolean | null;
+    clearable: boolean;
+    clearIcon: string;
+    modelValue: string | number;
+    clearTrigger: FieldClearTrigger;
+    formatTrigger: FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
+    showWordLimit: boolean;
+    description: string;
+    colon: boolean;
+}>;
+export default _default;