zartui 3.0.2 → 3.0.3

package/es/collapse/Collapse.mjs

@@ -0,0 +1,109 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { truthProp, createNamespace, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
+import { useChildren } from "@zartui/use";
+import { useExpose } from "../composables/use-expose.mjs";
+const [name, bem] = createNamespace("collapse");
+const COLLAPSE_KEY = Symbol(name);
+const collapseProps = {
+  border: truthProp,
+  accordion: Boolean,
+  modelValue: {
+    type: [String, Number, Array],
+    default: ""
+  }
+};
+function validateModelValue(modelValue, accordion) {
+  if (accordion && Array.isArray(modelValue)) {
+    console.error('[ZartUI] Collapse: "v-model" should not be Array in accordion mode');
+    return false;
+  }
+  if (!accordion && !Array.isArray(modelValue)) {
+    console.error('[ZartUI] Collapse: "v-model" should be Array in non-accordion mode');
+    return false;
+  }
+  return true;
+}
+var stdin_default = defineComponent({
+  name,
+  props: collapseProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      linkChildren,
+      children
+    } = useChildren(COLLAPSE_KEY);
+    const updateName = (name2) => {
+      emit("change", name2);
+      emit("update:modelValue", name2);
+    };
+    const toggle = (name2, expanded) => {
+      const {
+        accordion,
+        modelValue
+      } = props;
+      if (accordion) {
+        updateName(name2 === modelValue ? "" : name2);
+      } else if (expanded) {
+        updateName(modelValue.concat(name2));
+      } else {
+        updateName(modelValue.filter((activeName) => activeName !== name2));
+      }
+    };
+    const toggleAll = (options = {}) => {
+      if (props.accordion) {
+        return;
+      }
+      if (typeof options === "boolean") {
+        options = {
+          expanded: options
+        };
+      }
+      const {
+        expanded,
+        skipDisabled
+      } = options;
+      const expandedChildren = children.filter((item) => {
+        if (item.disabled && skipDisabled) {
+          return item.expanded.value;
+        }
+        return expanded != null ? expanded : !item.expanded.value;
+      });
+      const names = expandedChildren.map((item) => item.itemName.value);
+      updateName(names);
+    };
+    const isExpanded = (name2) => {
+      const {
+        accordion,
+        modelValue
+      } = props;
+      if (process.env.NODE_ENV !== "production" && !validateModelValue(modelValue, accordion)) {
+        return false;
+      }
+      return accordion ? modelValue === name2 : modelValue.includes(name2);
+    };
+    useExpose({
+      toggleAll
+    });
+    linkChildren({
+      toggle,
+      isExpanded
+    });
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "class": [bem(), {
+          [BORDER_TOP_BOTTOM]: props.border
+        }]
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+export {
+  COLLAPSE_KEY,
+  collapseProps,
+  stdin_default as default
+};

package/es/collapse/index.d.ts

@@ -0,0 +1,36 @@
+export declare const Collapse: import("../utils").WithInstall<import("vue").DefineComponent<{
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    accordion: BooleanConstructor;
+    modelValue: {
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    accordion: BooleanConstructor;
+    modelValue: {
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    border: boolean;
+    modelValue: import("../utils").Numeric | import("../utils").Numeric[];
+    accordion: boolean;
+}>>;
+export default Collapse;
+export { collapseProps } from './Collapse';
+export type { CollapseProps, CollapseInstance, CollapseToggleAllOptions, } from './Collapse';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtCollapse: typeof Collapse;
+    }
+}

package/es/collapse/index.mjs

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

package/es/collapse/style/index.d.ts

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

package/es/collapse/style/index.mjs

@@ -0,0 +1 @@
+import "../../style/base.css";

package/es/collapse-item/CollapseItem.d.ts

@@ -0,0 +1,34 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const collapseItemProps: {
+    name: (NumberConstructor | StringConstructor)[];
+    title: (NumberConstructor | StringConstructor)[];
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    titleBackground: StringConstructor;
+    color: StringConstructor;
+};
+export declare type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;
+declare const _default: import("vue").DefineComponent<{
+    name: (NumberConstructor | StringConstructor)[];
+    title: (NumberConstructor | StringConstructor)[];
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    titleBackground: StringConstructor;
+    color: StringConstructor;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    name: (NumberConstructor | StringConstructor)[];
+    title: (NumberConstructor | StringConstructor)[];
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    titleBackground: StringConstructor;
+    color: StringConstructor;
+}>>, {
+    lazyRender: boolean;
+}>;
+export default _default;

package/es/collapse-item/CollapseItem.mjs

@@ -0,0 +1,135 @@
+import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { ref, watch, computed, nextTick, defineComponent } from "vue";
+import { extend, truthProp, numericProp, createNamespace, BORDER_BOTTOM, HAPTICS_FEEDBACK } from "../utils/index.mjs";
+import { COLLAPSE_KEY } from "../collapse/Collapse.mjs";
+import { raf, doubleRaf, useParent } from "@zartui/use";
+import { useExpose } from "../composables/use-expose.mjs";
+import { useLazyRender } from "../composables/use-lazy-render.mjs";
+import Icon from "../icon/Icon.mjs";
+const [name, bem] = createNamespace("collapse-item");
+const collapseItemProps = extend({}, {
+  name: numericProp,
+  title: numericProp,
+  lazyRender: truthProp,
+  titleBackground: String,
+  color: String
+});
+var stdin_default = defineComponent({
+  name,
+  props: collapseItemProps,
+  setup(props, {
+    slots
+  }) {
+    const wrapperRef = ref();
+    const contentRef = ref();
+    const {
+      parent,
+      index
+    } = useParent(COLLAPSE_KEY);
+    if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[ZartUI] <CollapseItem> must be a child component of <Collapse>.");
+      }
+      return;
+    }
+    const name2 = computed(() => {
+      var _a;
+      return (_a = props.name) != null ? _a : index.value;
+    });
+    const expanded = computed(() => parent.isExpanded(name2.value));
+    const show = ref(expanded.value);
+    const lazyRender = useLazyRender(() => show.value || !props.lazyRender);
+    const onTransitionEnd = () => {
+      if (!expanded.value) {
+        show.value = false;
+      } else if (wrapperRef.value) {
+        wrapperRef.value.style.height = "";
+      }
+    };
+    watch(expanded, (value, oldValue) => {
+      if (oldValue === null) {
+        return;
+      }
+      if (value) {
+        show.value = true;
+      }
+      const tick = value ? nextTick : raf;
+      tick(() => {
+        if (!contentRef.value || !wrapperRef.value) {
+          return;
+        }
+        const {
+          offsetHeight
+        } = contentRef.value;
+        if (offsetHeight) {
+          const contentHeight = `${offsetHeight}px`;
+          wrapperRef.value.style.height = value ? "0" : contentHeight;
+          doubleRaf(() => {
+            if (wrapperRef.value) {
+              wrapperRef.value.style.height = value ? contentHeight : "0";
+            }
+          });
+        } else {
+          onTransitionEnd();
+        }
+      });
+    });
+    const toggle = (newValue = !expanded.value) => {
+      parent.toggle(name2.value, newValue);
+    };
+    const onClickTitle = () => {
+      toggle();
+    };
+    const renderTitle = () => {
+      const {
+        titleBackground,
+        color
+      } = props;
+      return _createVNode("div", {
+        "class": [bem("title"), expanded.value ? BORDER_BOTTOM : "", HAPTICS_FEEDBACK],
+        "style": titleBackground ? `background:${titleBackground};color:#fff;` : "",
+        "onClick": onClickTitle
+      }, [_createVNode("span", {
+        "class": bem("bar", {
+          custom: titleBackground
+        }),
+        "style": color ? `background:${color};` : ""
+      }, null), _createVNode("span", {
+        "style": color ? `color:${color};` : "",
+        "class": bem("text", {
+          custom: titleBackground
+        })
+      }, [props.title]), _createVNode(Icon, {
+        "name": "keyboard-arrow-up",
+        "style": color ? `color:${color};` : "",
+        "class": bem("icon", {
+          expanded: expanded.value,
+          custom: titleBackground
+        })
+      }, null)]);
+    };
+    const renderContent = lazyRender(() => {
+      var _a;
+      return _withDirectives(_createVNode("div", {
+        "ref": wrapperRef,
+        "class": bem("wrapper"),
+        "onTransitionend": onTransitionEnd
+      }, [_createVNode("div", {
+        "ref": contentRef,
+        "class": bem("content")
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[_vShow, show.value]]);
+    });
+    useExpose({
+      toggle,
+      expanded,
+      itemName: name2
+    });
+    return () => _createVNode("div", {
+      "class": [bem()]
+    }, [renderTitle(), renderContent()]);
+  }
+});
+export {
+  collapseItemProps,
+  stdin_default as default
+};

package/es/collapse-item/index.css

@@ -0,0 +1 @@
+:root{--zt-collapse-item-duration: var(--zt-duration-base);--zt-collapse-item-content-padding: var(--zt-padding-sm) var(--zt-padding-md);--zt-collapse-item-content-font-size: var(--zt-font-size-md);--zt-collapse-item-content-line-height: 20px;--zt-collapse-item-content-text-color: var(--zt-text-color);--zt-collapse-item-content-background: var(--zt-background);--zt-collapse-item-title-padding: 10px 16px;--zt-collapse-item-title-line-height: 24px;--zt-collapse-item-title-font-size: 16px}.zt-collapse-item{-webkit-user-select:none;user-select:none}.zt-collapse-item__title{position:relative;display:flex;align-items:center;background-color:var(--zt-background);padding:var(--zt-collapse-item-title-padding)}.zt-collapse-item__bar{position:absolute;left:0;width:4px;height:16px;background:var(--zt-blue)}.zt-collapse-item__bar--custom{background:var(--zt-white)}.zt-collapse-item__icon{font-size:var(--zt-collapse-item-title-line-height);color:var(--zt-text-color-a4);transition:transform var(--zt-collapse-item-duration)}.zt-collapse-item__icon--expanded{color:var(--zt-blue);transform:rotate(-180deg)}.zt-collapse-item__icon--custom{color:var(--zt-white)}.zt-collapse-item__text{flex:1;font-weight:600;font-size:var(--zt-collapse-item-title-font-size);color:var(--zt-text-color);line-height:var(--zt-collapse-item-title-line-height)}.zt-collapse-item__text--custom{color:var(--zt-white)}.zt-collapse-item__text--disabled{cursor:not-allowed}.zt-collapse-item__wrapper{overflow:hidden;transition:height var(--zt-collapse-item-duration) ease-in-out;will-change:height}.zt-collapse-item__content{color:var(--zt-collapse-item-content-text-color);font-size:var(--zt-collapse-item-content-font-size);line-height:var(--zt-collapse-item-content-line-height);background:var(--zt-collapse-item-content-background)}

package/es/collapse-item/index.d.ts

@@ -0,0 +1,30 @@
+export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+    name: (NumberConstructor | StringConstructor)[];
+    title: (NumberConstructor | StringConstructor)[];
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    titleBackground: StringConstructor;
+    color: StringConstructor;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: (NumberConstructor | StringConstructor)[];
+    title: (NumberConstructor | StringConstructor)[];
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    titleBackground: StringConstructor;
+    color: StringConstructor;
+}>>, {
+    lazyRender: boolean;
+}>>;
+export default CollapseItem;
+export { collapseItemProps } from './CollapseItem';
+export type { CollapseItemProps } from './CollapseItem';
+export type { CollapseItemInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtCollapseItem: typeof CollapseItem;
+    }
+}

package/es/collapse-item/index.mjs

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

package/es/collapse-item/style/index.d.ts

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

package/es/collapse-item/style/index.mjs

@@ -0,0 +1,4 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../index.css";

package/es/collapse-item/types.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { CollapseItemProps } from './CollapseItem';
+export declare type CollapseItemExpose = {
+    toggle: (newValue?: boolean) => void;
+};
+export declare type CollapseItemInstance = ComponentPublicInstance<CollapseItemProps, CollapseItemExpose>;

package/es/composables/use-route.d.ts

@@ -1,7 +1,4 @@
-/**
- * Vue Router support
- */
-import { type PropType, type ExtractPropTypes, type ComponentPublicInstance } from 'vue';
+import type { PropType, ExtractPropTypes, ComponentPublicInstance } from 'vue';
 import type { RouteLocationRaw } from 'vue-router';
 export declare const routeProps: {
     to: PropType<RouteLocationRaw>;

package/es/composables/use-route.mjs

@@ -1,6 +1,4 @@
-import {
-  getCurrentInstance
-} from "vue";
+import { getCurrentInstance } from "vue";
 const routeProps = {
   to: [String, Object],
   url: String,

package/es/config-provider/ConfigProvider.mjs

@@ -29,10 +29,10 @@ var stdin_default = defineComponent({
     });
     if (inBrowser) {
       const addTheme = () => {
-        document.body.classList.add(`zt-theme-${props.theme}`);
+        document.documentElement.classList.add(`zt-theme-${props.theme}`);
       };
       const removeTheme = (theme = props.theme) => {
-        document.body.classList.remove(`zt-theme-${theme}`);
+        document.documentElement.classList.remove(`zt-theme-${theme}`);
       };
       watch(() => props.theme, (newVal, oldVal) => {
         if (oldVal) {

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

@@ -0,0 +1,242 @@
+import { ExtractPropTypes } from 'vue';
+import { dateTimePickerProps } from './DateTimePickerWrapper';
+export declare type DateTimePickerColumnType = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second';
+export declare type DateTimePickerProps = ExtractPropTypes<typeof dateTimePickerProps>;
+declare const _default: 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<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<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<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: DateTimePickerColumnType[];
+    startValue: string[];
+    endValue: string[];
+}>;
+export default _default;