zartui 3.0.2 → 3.0.4

package/es/date-time-picker/index.d.ts

@@ -0,0 +1,247 @@
+import { DateTimePickerProps } from './DateTimePicker';
+export declare const DateTimePicker: import("../utils").WithInstall<import("vue").DefineComponent<{
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    optionHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleOptionNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+} & {
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+} & {
+    modelValue: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    filter: {
+        type: import("vue").PropType<(columnType: string, options: import("..").PickerOption[]) => import("..").PickerOption[]>;
+    };
+    formatter: {
+        type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
+        default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
+    };
+} & {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    range: BooleanConstructor;
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    columnsType: {
+        type: import("vue").PropType<import("./DateTimePicker").DateTimePickerColumnType[]>;
+        default: () => string[];
+    };
+    columnsUnit: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    minDate: {
+        type: DateConstructor;
+        default: () => Date;
+        validator: (val: unknown) => val is Date;
+    };
+    maxDate: {
+        type: DateConstructor;
+        default: () => Date;
+        validator: (val: unknown) => val is Date;
+    };
+    startValue: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    endValue: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "update:show" | "cancel" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "update:modelValue" | "change" | "update:show" | "cancel" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    optionHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleOptionNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+} & {
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+} & {
+    modelValue: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    filter: {
+        type: import("vue").PropType<(columnType: string, options: import("..").PickerOption[]) => import("..").PickerOption[]>;
+    };
+    formatter: {
+        type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
+        default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
+    };
+} & {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    range: BooleanConstructor;
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    columnsType: {
+        type: import("vue").PropType<import("./DateTimePicker").DateTimePickerColumnType[]>;
+        default: () => string[];
+    };
+    columnsUnit: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    minDate: {
+        type: DateConstructor;
+        default: () => Date;
+        validator: (val: unknown) => val is Date;
+    };
+    maxDate: {
+        type: DateConstructor;
+        default: () => Date;
+        validator: (val: unknown) => val is Date;
+    };
+    startValue: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+    endValue: {
+        type: import("vue").PropType<string[]>;
+        default: () => string[];
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onStartChange?: ((...args: any[]) => any) | undefined;
+    onEndChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:startValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:endValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    range: boolean;
+    title: string;
+    formatter: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
+    modelValue: string[];
+    readonly: boolean;
+    show: boolean;
+    overlay: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+    transitionAppear: boolean;
+    closeOnClickOverlay: boolean;
+    popup: boolean;
+    loading: boolean;
+    showTitle: boolean;
+    minDate: Date;
+    maxDate: Date;
+    allowHtml: boolean;
+    optionHeight: string | number;
+    showToolbar: boolean;
+    swipeDuration: string | number;
+    visibleOptionNum: string | number;
+    columnsUnit: string[];
+    columnsType: import("./DateTimePicker").DateTimePickerColumnType[];
+    startValue: string[];
+    endValue: string[];
+}>>;
+export default DateTimePicker;
+export { dateTimePickerProps } from './DateTimePickerWrapper';
+export type { DateTimePickerProps };
+export type { DateTimePickerColumnType } from './DateTimePicker';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtDatePicker: typeof DateTimePicker;
+    }
+}

package/es/date-time-picker/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _DateTimePicker from "./DateTimePicker.mjs";
+const DateTimePicker = withInstall(_DateTimePicker);
+var stdin_default = DateTimePicker;
+import { dateTimePickerProps } from "./DateTimePickerWrapper.mjs";
+export {
+  DateTimePicker,
+  dateTimePickerProps,
+  stdin_default as default
+};

package/es/date-time-picker/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/date-time-picker/style/index.mjs

@@ -0,0 +1,12 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../loading/index.css";
+import "../../toast/index.css";
+import "../../button/index.css";
+import "../../divider/index.css";
+import "../../picker/index.css";
+import "../../time-picker/index.css";
+import "../index.css";

package/es/date-time-picker/types.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPublicInstance } from 'vue';
+import { DateTimePickerProps } from './DateTimePicker';
+export declare type DateTimePickerInstance = ComponentPublicInstance<DateTimePickerProps, {
+    onOpen: () => void;
+}>;

package/es/date-time-picker/utils.d.ts

@@ -0,0 +1,53 @@
+import type { PropType } from 'vue';
+import type { PickerOption } from '../picker';
+declare type Filter = (columnType: string, options: PickerOption[]) => PickerOption[];
+declare type Formatter = (type: string, option: PickerOption) => PickerOption;
+export declare const sharedProps: {
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    optionHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleOptionNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+} & {
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+} & {
+    modelValue: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    filter: {
+        type: PropType<Filter>;
+    };
+    formatter: {
+        type: PropType<Formatter>;
+        default: (type: string, option: PickerOption) => PickerOption;
+    };
+};
+export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "showTitle" | "allowHtml" | "optionHeight" | "showToolbar" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText")[];
+export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
+export declare const getMonthEndDay: (year: number, month: number) => number;
+export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter) => PickerOption[];
+export {};

package/es/date-time-picker/utils.mjs

@@ -0,0 +1,42 @@
+import { extend, padZero, makeArrayProp } from "../utils/index.mjs";
+import { pickerSharedProps } from "../picker/Picker.mjs";
+const sharedProps = extend({}, pickerSharedProps, {
+  modelValue: makeArrayProp(),
+  filter: {
+    type: Function
+  },
+  formatter: {
+    type: Function,
+    default: (type, option) => option
+  }
+});
+const pickerInheritKeys = Object.keys(pickerSharedProps);
+function times(n, iteratee) {
+  if (n < 0) {
+    return [];
+  }
+  const result = Array(n);
+  let index = -1;
+  while (++index < n) {
+    result[index] = iteratee(index);
+  }
+  return result;
+}
+const getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
+const genOptions = (min, max, type, formatter, filter) => {
+  const options = times(max - min + 1, (index) => {
+    const value = padZero(min + index);
+    return formatter(type, {
+      text: value,
+      value
+    });
+  });
+  return filter ? filter(type, options) : options;
+};
+export {
+  genOptions,
+  getMonthEndDay,
+  pickerInheritKeys,
+  sharedProps,
+  times
+};

package/es/dialog/Dialog.d.ts

@@ -0,0 +1,187 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { DialogTheme, DialogAction, DialogMessage, DialogMessageAlign } from './types';
+export declare const dialogProps: {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: PropType<import("../utils").Interceptor>;
+    overlayStyle: PropType<import("vue").CSSProperties>;
+    overlayClass: PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    theme: PropType<DialogTheme>;
+    width: (NumberConstructor | StringConstructor)[];
+    message: PropType<DialogMessage>;
+    callback: PropType<(action?: DialogAction) => void>;
+    allowHtml: BooleanConstructor;
+    className: PropType<unknown>;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    messageAlign: PropType<DialogMessageAlign>;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showCancelButton: BooleanConstructor;
+    cancelButtonText: StringConstructor;
+    cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
+    confirmButtonText: StringConstructor;
+    confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
+    showConfirmButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: BooleanConstructor;
+};
+export declare type DialogProps = ExtractPropTypes<typeof dialogProps>;
+declare const _default: import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: PropType<import("../utils").Interceptor>;
+    overlayStyle: PropType<import("vue").CSSProperties>;
+    overlayClass: PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    theme: PropType<DialogTheme>;
+    width: (NumberConstructor | StringConstructor)[];
+    message: PropType<DialogMessage>;
+    callback: PropType<(action?: DialogAction | undefined) => void>;
+    allowHtml: BooleanConstructor;
+    className: PropType<unknown>;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    messageAlign: PropType<DialogMessageAlign>;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showCancelButton: BooleanConstructor;
+    cancelButtonText: StringConstructor;
+    cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
+    confirmButtonText: StringConstructor;
+    confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
+    showConfirmButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "update:show" | "cancel" | "confirm")[], "keydown" | "update:show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: PropType<import("../utils").Interceptor>;
+    overlayStyle: PropType<import("vue").CSSProperties>;
+    overlayClass: PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    theme: PropType<DialogTheme>;
+    width: (NumberConstructor | StringConstructor)[];
+    message: PropType<DialogMessage>;
+    callback: PropType<(action?: DialogAction | undefined) => void>;
+    allowHtml: BooleanConstructor;
+    className: PropType<unknown>;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    messageAlign: PropType<DialogMessageAlign>;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showCancelButton: BooleanConstructor;
+    cancelButtonText: StringConstructor;
+    cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
+    confirmButtonText: StringConstructor;
+    confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
+    showConfirmButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: BooleanConstructor;
+}>> & {
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    overlay: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+    transitionAppear: boolean;
+    closeOnClickOverlay: boolean;
+    transition: string;
+    closeOnPopstate: boolean;
+    allowHtml: boolean;
+    showCancelButton: boolean;
+    cancelButtonDisabled: boolean;
+    confirmButtonDisabled: boolean;
+    showConfirmButton: boolean;
+}>;
+export default _default;