@routa/ui-vue 0.1.0

package/dist/context-menu/ContextMenu.vue.d.ts

@@ -0,0 +1,87 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        menu?(_: {}): any;
+    };
+    refs: {
+        referenceRef: HTMLDivElement;
+        popperRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+        readonly default: "bottom-start";
+    };
+    readonly width: {
+        readonly type: import('vue').PropType<string | number | undefined>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly offset: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly hideOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    command: (_command: unknown) => void;
+    "visible-change": (_visible: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+        readonly default: "bottom-start";
+    };
+    readonly width: {
+        readonly type: import('vue').PropType<string | number | undefined>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly offset: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly hideOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+}>> & Readonly<{
+    onCommand?: ((_command: unknown) => any) | undefined;
+    "onVisible-change"?: ((_visible: boolean) => any) | undefined;
+}>, {
+    readonly size: "sm" | "md" | "lg";
+    readonly disabled: boolean;
+    readonly placement: import('../../../headless/src/index.ts').Placement;
+    readonly offset: number;
+    readonly width: string | number | undefined;
+    readonly hideOnClick: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    referenceRef: HTMLDivElement;
+    popperRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/context-menu/index.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vue';
+import { default as ContextMenu } from './ContextMenu.vue';
+export declare const LContextMenu: typeof ContextMenu & Plugin;
+export * from './types';
+export default LContextMenu;

package/dist/context-menu/index.js

@@ -0,0 +1,3 @@
+require('../style/context-menu.css');
+require('../style/index.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../chunks/manager-C0AUxQ1I.js");const A=require("../chunks/z-index-CNZLw1v7.js"),D=require("../chunks/auto-update-6n8Xn1EH.js"),w=require("../chunks/index-RYR-1S7A.js"),U=require("../chunks/use-signals-Bz1smiXh.js"),Z=require("../config-provider/index.js"),j=require("../chunks/types-DS78vyi2.js"),H=require("../chunks/use-id-BycaM3-h.js");function K(c={}){const d=w.createDropdownController({...c,trigger:"contextmenu"}),o=(r,s)=>({getBoundingClientRect:()=>({x:r,y:s,top:s,left:r,right:r,bottom:s,width:0,height:0,toJSON:()=>({})})});return{state:d.state,actions:{...d.actions,openAt:(r,s)=>{d.actions.setReference(o(r,s)),d.actions.open()}}}}const b={disabled:{type:Boolean,default:!1},placement:{type:String,default:"bottom-start"},width:{type:[String,Number],default:void 0},size:{type:String,default:"md"},offset:{type:Number,default:4},hideOnClick:{type:Boolean,default:!0}},M={command:c=>!0,"visible-change":c=>!0},F=["data-theme"],J=["role"],W=t.defineComponent({name:"ContextMenu",__name:"ContextMenu",props:b,emits:M,setup(c,{emit:d}){const o=c,r=d,s=t.useSlots(),{teleportedCssVars:k,teleportedTheme:S}=Z.useTeleportedConfig(),m=t.ref(null),i=t.ref(null),x=t.ref(2e3),u=t.ref([]),h=t.computed(()=>o.size),g=e=>e?e.some(n=>{if(Array.isArray(n.children)&&g(n.children))return!0;if(typeof n.type=="object"&&n.type){const l=n.type.name??n.type.__name;return l==="Menu"||l==="LMenu"}return!1}):!1,a=K({disabled:()=>o.disabled,closeOnSelect:o.hideOnClick,placement:o.placement,offset:o.offset,flip:!0,shift:!0,getItems:()=>u.value.map(e=>({command:e.command,disabled:e.disabled})),onCommand:e=>{r("command",e)},onOpenChange:e=>{r("visible-change",e)}}),{nextZIndex:z}=A.useZIndex(),{isOpen:C,highlightedIndex:_,x:E,y:O}=U.useController(a),f=()=>{i.value&&a.actions.updatePosition(i.value)};let p=null;t.watch(C,async e=>{var n,l;e?(x.value=z(),t.nextTick(()=>{m.value&&i.value&&(p=D.autoUpdate(m.value,i.value,f))}),await t.nextTick(),(n=i.value)==null||n.focus()):(p==null||p(),p=null,(l=m.value)==null||l.focus())});const y=e=>{a.actions.handleInteractOutside(e.target,m.value,i.value)};t.onMounted(()=>{document.addEventListener("click",y),window.addEventListener("resize",f)}),t.onUnmounted(()=>{document.removeEventListener("click",y),window.removeEventListener("resize",f)});const R=async e=>{o.disabled||(e.preventDefault(),a.actions.openAt(e.clientX,e.clientY),await t.nextTick(),f())},q=e=>{u.value=[...u.value,e]},B=e=>{u.value=u.value.filter(n=>n.id!==e)},L=(e,n)=>{u.value=u.value.map(l=>l.id!==e?l:{...l,...n})},N=e=>u.value.findIndex(n=>n.id===e),T=H.useId("context-menu"),$=e=>`${T}-item-${e}`;t.provide(w.DropdownKey,{highlightedIndex:_,size:h,registerItem:q,unregisterItem:B,updateItem:L,getItemIndex:N,getItemId:$,setHighlightedIndex:e=>{_.value=e},selectItem:(e,n)=>{n||a.actions.select(e)}});const P=t.computed(()=>({top:`${O.value}px`,left:`${E.value}px`,zIndex:x.value,...o.width?{minWidth:typeof o.width=="number"?`${o.width}px`:o.width}:{},...k.value})),V=t.computed(()=>["l-dropdown__menu","l-context-menu__menu",`l-dropdown__menu--${o.size}`]),I=t.computed(()=>{var e;return g((e=s.menu)==null?void 0:e.call(s,{}))});return t.provide(j.MenuPopupHostKey,{size:h,onSelect:e=>{r("command",e),o.hideOnClick&&a.actions.close()},close:()=>{a.actions.close()}}),(e,n)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",{ref_key:"referenceRef",ref:m,class:"l-context-menu",onContextmenu:R,tabindex:"-1"},[t.renderSlot(e.$slots,"default")],544),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.createVNode(t.Transition,{name:"l-dropdown-fade"},{default:t.withCtx(()=>[t.unref(C)?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"popperRef",ref:i,class:"l-context-menu__popper","data-theme":t.unref(S),style:t.normalizeStyle(P.value),tabindex:"-1"},[t.createElementVNode("div",{class:t.normalizeClass(I.value?"l-context-menu__content":V.value),role:I.value?void 0:"menu"},[t.renderSlot(e.$slots,"menu")],10,J)],12,F)):t.createCommentVNode("",!0)]),_:3})]))],64))}}),v=W;v.install=c=>{c.component("LContextMenu",v)};exports.LContextMenu=v;exports.contextMenuEmits=M;exports.contextMenuProps=b;exports.default=v;

package/dist/context-menu/index.mjs

@@ -0,0 +1,215 @@
+import '../style/context-menu.css';
+import '../style/index.css';
+import { defineComponent as U, useSlots as j, ref as f, computed as v, watch as F, nextTick as h, onMounted as J, onUnmounted as W, provide as M, openBlock as x, createElementBlock as k, Fragment as X, createElementVNode as z, renderSlot as R, createBlock as Y, Teleport as q, createVNode as G, Transition as Q, withCtx as ee, unref as S, normalizeStyle as te, normalizeClass as ne, createCommentVNode as oe } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { u as se } from "../chunks/z-index-D9ecXoNe.mjs";
+import { a as ae } from "../chunks/auto-update-Dw-2qIsQ.mjs";
+import { c as re, D as le } from "../chunks/index-B4GP5rXr.mjs";
+import { u as ie } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { useTeleportedConfig as ue } from "../config-provider/index.mjs";
+import { b as ce } from "../chunks/types-CXAGM03M.mjs";
+import { u as de } from "../chunks/use-id-D3casveg.mjs";
+function me(l = {}) {
+  const c = re({
+    ...l,
+    trigger: "contextmenu"
+  }), n = (o, s) => ({
+    getBoundingClientRect: () => ({
+      x: o,
+      y: s,
+      top: s,
+      left: o,
+      right: o,
+      bottom: s,
+      width: 0,
+      height: 0,
+      toJSON: () => ({})
+    })
+  });
+  return {
+    state: c.state,
+    actions: {
+      ...c.actions,
+      openAt: (o, s) => {
+        c.actions.setReference(n(o, s)), c.actions.open();
+      }
+    }
+  };
+}
+const pe = {
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  placement: {
+    type: String,
+    default: "bottom-start"
+  },
+  width: {
+    type: [String, Number],
+    default: void 0
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  offset: {
+    type: Number,
+    default: 4
+  },
+  hideOnClick: {
+    type: Boolean,
+    default: !0
+  }
+}, fe = {
+  command: (l) => !0,
+  "visible-change": (l) => !0
+}, ve = ["data-theme"], he = ["role"], xe = /* @__PURE__ */ U({
+  name: "ContextMenu",
+  __name: "ContextMenu",
+  props: pe,
+  emits: fe,
+  setup(l, { emit: c }) {
+    const n = l, o = c, s = j(), { teleportedCssVars: $, teleportedTheme: E } = ue(), d = f(null), i = f(null), g = f(2e3), r = f([]), C = v(() => n.size), _ = (e) => e ? e.some((t) => {
+      if (Array.isArray(t.children) && _(t.children))
+        return !0;
+      if (typeof t.type == "object" && t.type) {
+        const a = t.type.name ?? t.type.__name;
+        return a === "Menu" || a === "LMenu";
+      }
+      return !1;
+    }) : !1, u = me({
+      disabled: () => n.disabled,
+      closeOnSelect: n.hideOnClick,
+      placement: n.placement,
+      offset: n.offset,
+      flip: !0,
+      shift: !0,
+      getItems: () => r.value.map((e) => ({
+        command: e.command,
+        disabled: e.disabled
+      })),
+      onCommand: (e) => {
+        o("command", e);
+      },
+      onOpenChange: (e) => {
+        o("visible-change", e);
+      }
+    }), { nextZIndex: L } = se(), { isOpen: y, highlightedIndex: I, x: N, y: B } = ie(u), p = () => {
+      i.value && u.actions.updatePosition(i.value);
+    };
+    let m = null;
+    F(y, async (e) => {
+      var t, a;
+      e ? (g.value = L(), h(() => {
+        d.value && i.value && (m = ae(d.value, i.value, p));
+      }), await h(), (t = i.value) == null || t.focus()) : (m == null || m(), m = null, (a = d.value) == null || a.focus());
+    });
+    const w = (e) => {
+      u.actions.handleInteractOutside(
+        e.target,
+        d.value,
+        i.value
+      );
+    };
+    J(() => {
+      document.addEventListener("click", w), window.addEventListener("resize", p);
+    }), W(() => {
+      document.removeEventListener("click", w), window.removeEventListener("resize", p);
+    });
+    const T = async (e) => {
+      n.disabled || (e.preventDefault(), u.actions.openAt(e.clientX, e.clientY), await h(), p());
+    }, V = (e) => {
+      r.value = [...r.value, e];
+    }, A = (e) => {
+      r.value = r.value.filter((t) => t.id !== e);
+    }, D = (e, t) => {
+      r.value = r.value.map((a) => a.id !== e ? a : {
+        ...a,
+        ...t
+      });
+    }, P = (e) => r.value.findIndex((t) => t.id === e), Z = de("context-menu");
+    M(le, {
+      highlightedIndex: I,
+      size: C,
+      registerItem: V,
+      unregisterItem: A,
+      updateItem: D,
+      getItemIndex: P,
+      getItemId: (e) => `${Z}-item-${e}`,
+      setHighlightedIndex: (e) => {
+        I.value = e;
+      },
+      selectItem: (e, t) => {
+        t || u.actions.select(e);
+      }
+    });
+    const H = v(() => ({
+      top: `${B.value}px`,
+      left: `${N.value}px`,
+      zIndex: g.value,
+      ...n.width ? {
+        minWidth: typeof n.width == "number" ? `${n.width}px` : n.width
+      } : {},
+      ...$.value
+    })), K = v(() => [
+      "l-dropdown__menu",
+      "l-context-menu__menu",
+      `l-dropdown__menu--${n.size}`
+    ]), b = v(() => {
+      var e;
+      return _((e = s.menu) == null ? void 0 : e.call(s, {}));
+    });
+    return M(ce, {
+      size: C,
+      onSelect: (e) => {
+        o("command", e), n.hideOnClick && u.actions.close();
+      },
+      close: () => {
+        u.actions.close();
+      }
+    }), (e, t) => (x(), k(X, null, [
+      z("div", {
+        ref_key: "referenceRef",
+        ref: d,
+        class: "l-context-menu",
+        onContextmenu: T,
+        tabindex: "-1"
+      }, [
+        R(e.$slots, "default")
+      ], 544),
+      (x(), Y(q, { to: "body" }, [
+        G(Q, { name: "l-dropdown-fade" }, {
+          default: ee(() => [
+            S(y) ? (x(), k("div", {
+              key: 0,
+              ref_key: "popperRef",
+              ref: i,
+              class: "l-context-menu__popper",
+              "data-theme": S(E),
+              style: te(H.value),
+              tabindex: "-1"
+            }, [
+              z("div", {
+                class: ne(b.value ? "l-context-menu__content" : K.value),
+                role: b.value ? void 0 : "menu"
+              }, [
+                R(e.$slots, "menu")
+              ], 10, he)
+            ], 12, ve)) : oe("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 64));
+  }
+}), O = xe;
+O.install = (l) => {
+  l.component("LContextMenu", O);
+};
+export {
+  O as LContextMenu,
+  fe as contextMenuEmits,
+  pe as contextMenuProps,
+  O as default
+};

package/dist/context-menu/types.d.ts

@@ -0,0 +1,34 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { Placement } from '../../../headless/src/index.ts';
+export declare const contextMenuProps: {
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly placement: {
+        readonly type: PropType<Placement>;
+        readonly default: "bottom-start";
+    };
+    readonly width: {
+        readonly type: PropType<string | number | undefined>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly offset: {
+        readonly type: NumberConstructor;
+        readonly default: 4;
+    };
+    readonly hideOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export declare const contextMenuEmits: {
+    readonly command: (_command: unknown) => boolean;
+    readonly 'visible-change': (_visible: boolean) => boolean;
+};
+export type ContextMenuProps = ExtractPropTypes<typeof contextMenuProps>;
+export type ContextMenuEmits = typeof contextMenuEmits;

package/dist/date-picker/Calendar.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    modelValue?: Date | Date[] | [Date, Date] | null | undefined;
+    viewDate?: Date;
+    min?: Date;
+    max?: Date;
+    mode?: 'single' | 'range' | 'multiple';
+    hideFooter?: boolean;
+    disabledDate?: (date: Date) => boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (args_0: Date | [Date, Date] | Date[] | null | undefined) => any;
+    "update:modelValue": (args_0: Date | [Date, Date] | Date[] | null | undefined) => any;
+    "update:viewDate": (args_0: Date) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((args_0: Date | [Date, Date] | Date[] | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: Date | [Date, Date] | Date[] | null | undefined) => any) | undefined;
+    "onUpdate:viewDate"?: ((args_0: Date) => any) | undefined;
+}>, {
+    mode: "single" | "range" | "multiple";
+    hideFooter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/date-picker/DatePicker.vue.d.ts

@@ -0,0 +1,31 @@
+export interface DatePickerShortcut {
+    text: string;
+    value: any | (() => any);
+}
+type __VLS_Props = {
+    modelValue?: Date | Date[] | [Date, Date] | null | undefined;
+    placeholder?: string;
+    width?: string | number;
+    mode?: 'single' | 'range' | 'multiple';
+    disabled?: boolean;
+    clearable?: boolean;
+    disabledDate?: (date: Date) => boolean;
+    shortcuts?: DatePickerShortcut[];
+    showConfirm?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (args_0: Date | [Date, Date] | Date[] | null | undefined) => any;
+    "update:modelValue": (args_0: Date | [Date, Date] | Date[] | null | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((args_0: Date | [Date, Date] | Date[] | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: Date | [Date, Date] | Date[] | null | undefined) => any) | undefined;
+}>, {
+    mode: "single" | "range" | "multiple";
+    disabled: boolean;
+    placeholder: string;
+    width: string | number;
+    clearable: boolean;
+    showConfirm: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/date-picker/DateRangePicker.vue.d.ts

@@ -0,0 +1,26 @@
+import { DatePickerShortcut } from './DatePicker.vue';
+type __VLS_Props = {
+    modelValue?: [Date, Date] | null;
+    placeholder?: string;
+    width?: string | number;
+    disabled?: boolean;
+    clearable?: boolean;
+    disabledDate?: (date: Date) => boolean;
+    shortcuts?: DatePickerShortcut[];
+    showConfirm?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (args_0: [Date, Date] | null) => any;
+    "update:modelValue": (args_0: [Date, Date] | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((args_0: [Date, Date] | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: [Date, Date] | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    placeholder: string;
+    width: string | number;
+    clearable: boolean;
+    showConfirm: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/date-picker/DateTimePicker.vue.d.ts

@@ -0,0 +1,27 @@
+import { DatePickerShortcut } from './DatePicker.vue';
+type __VLS_Props = {
+    modelValue?: Date;
+    placeholder?: string;
+    width?: string | number;
+    disabled?: boolean;
+    clearable?: boolean;
+    disabledDate?: (date: Date) => boolean;
+    shortcuts?: DatePickerShortcut[];
+    disabledHours?: () => number[];
+    disabledMinutes?: (hour: number) => number[];
+    disabledSeconds?: (hour: number, minute: number) => number[];
+    showConfirm?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (args_0: Date | undefined) => any;
+    "update:modelValue": (args_0: Date | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((args_0: Date | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: Date | undefined) => any) | undefined;
+}>, {
+    placeholder: string;
+    width: string | number;
+    showConfirm: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/date-picker/DateTimeRangePicker.vue.d.ts

@@ -0,0 +1,27 @@
+import { DatePickerShortcut } from './DatePicker.vue';
+type __VLS_Props = {
+    modelValue?: [Date, Date] | null;
+    placeholder?: string;
+    width?: string | number;
+    disabled?: boolean;
+    clearable?: boolean;
+    disabledDate?: (date: Date) => boolean;
+    shortcuts?: DatePickerShortcut[];
+    disabledHours?: (role: 'start' | 'end') => (() => number[]);
+    disabledMinutes?: (role: 'start' | 'end') => ((hour: number) => number[]);
+    disabledSeconds?: (role: 'start' | 'end') => ((hour: number, minute: number) => number[]);
+    showConfirm?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (args_0: [Date, Date] | null) => any;
+    "update:modelValue": (args_0: [Date, Date] | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((args_0: [Date, Date] | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: [Date, Date] | null) => any) | undefined;
+}>, {
+    placeholder: string;
+    width: string | number;
+    showConfirm: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/date-picker/index.d.ts

@@ -0,0 +1,13 @@
+import { Plugin } from 'vue';
+import { default as DatePicker } from './DatePicker.vue';
+import { default as Calendar } from './Calendar.vue';
+import { default as DateTimePicker } from './DateTimePicker.vue';
+import { default as DateRangePicker } from './DateRangePicker.vue';
+import { default as DateTimeRangePicker } from './DateTimeRangePicker.vue';
+export declare const LDatePicker: typeof DatePicker & Plugin;
+export declare const LCalendar: typeof Calendar & Plugin;
+export declare const LDateTimePicker: typeof DateTimePicker & Plugin;
+export declare const LDateRangePicker: typeof DateRangePicker & Plugin;
+export declare const LDateTimeRangePicker: typeof DateTimeRangePicker & Plugin;
+declare const DatePickerPlugin: Plugin;
+export { DatePickerPlugin as default };

package/dist/date-picker/index.js

@@ -0,0 +1,6 @@
+require('../style/date-picker.css');
+require('../style/Input.css');
+require('../style/Button.css');
+require('../style/Popover.css');
+require('../style/TimePanel.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("../chunks/use-form-item-CloIcyon.js"),q=require("../chunks/use-id-BycaM3-h.js");require("../chunks/manager-C0AUxQ1I.js");const Y=require("../chunks/index-DWAWrVaT.js"),ae=require("../chunks/use-signals-Bz1smiXh.js"),I=require("../input/index.js"),T=require("../button/index.js"),O=require("../popover/index.js"),j=require("../chunks/TimePanel.vue_vue_type_script_setup_true_lang-BNTM3OeU.js"),J=require("../chunks/_plugin-vue_export-helper-BHFhmbuH.js");function le(t={}){const g=t.mode||"single",v=()=>g!=="single"?null:t.value instanceof Date?t.value:t.defaultValue instanceof Date?t.defaultValue:null,h=()=>{if(g!=="range")return[null,null];const d=t.value||t.defaultValue;return Array.isArray(d)&&d.length===2?[d[0]?new Date(d[0]):null,d[1]?new Date(d[1]):null]:[null,null]},[r,C]=h(),w=Y.signal(v()),f=Y.signal(g==="multiple"?t.value||[]:[]),y=Y.signal(r),B=Y.signal(C),V=Y.signal(null),s=Y.signal(null),b=()=>f.value.length>0?f.value[f.value.length-1]:null,m=Y.signal(new Date(t.viewDate||w.value||y.value||b()||new Date));m.value=new Date(m.value.getFullYear(),m.value.getMonth(),1);const N=Y.signal("day"),p=Y.computed(()=>{const d=m.value.getFullYear(),a=m.value.getMonth(),c=new Date(d,a,1).getDay(),l=new Date(d,a+1,0).getDate(),n=[],o=new Date(d,a,0).getDate();for(let i=c-1;i>=0;i--){const u=new Date(d,a-1,o-i);n.push($(u,!1))}for(let i=1;i<=l;i++){const u=new Date(d,a,i);n.push($(u,!0))}const k=42-n.length;for(let i=1;i<=k;i++){const u=new Date(d,a+1,i);n.push($(u,!1))}return n});function M(d,a){return d.getFullYear()===a.getFullYear()&&d.getMonth()===a.getMonth()&&d.getDate()===a.getDate()}function $(d,a){var u;const l=M(d,new Date);let n=!1,o=!1,k=!1,i=!1;if(g==="single"&&w.value)n=M(d,w.value);else if(g==="multiple")n=f.value.some(D=>M(d,D));else if(g==="range"&&(o=!!y.value&&M(d,y.value),k=!!B.value&&M(d,B.value),n=o||k,y.value)){const D=y.value.getTime(),S=(u=B.value||V.value)==null?void 0:u.getTime();if(S){const E=d.getTime(),[x,_]=D<S?[D,S]:[S,D];i=E>=x&&E<=_}}return{date:d,isCurrentMonth:a,isToday:l,isSelected:n,isRangeStart:o,isRangeEnd:k,isInRange:i,isDisabled:t.disabledDays?t.disabledDays(d):!1}}const F=Y.computed(()=>{const d=m.value.getFullYear(),a=Math.floor(d/10)*10;return Array.from({length:12},(c,l)=>a-1+l)});return{state:{get selectedDate(){return w.value},get selectedDates(){return f.value},get rangeStart(){return y.value},get rangeEnd(){return B.value},get hoverDate(){return V.value},get focusedDate(){return s.value},get viewDate(){return m.value},get viewMode(){return N.value},get days(){return p.value},get years(){return F.value}},actions:{moveFocus:d=>{var k;s.value||(s.value=new Date(m.value));const a=new Date(s.value);switch(d){case"left":a.setDate(a.getDate()-1);break;case"right":a.setDate(a.getDate()+1);break;case"up":a.setDate(a.getDate()-7);break;case"down":a.setDate(a.getDate()+7);break;case"pageup":a.setMonth(a.getMonth()-1);break;case"pagedown":a.setMonth(a.getMonth()+1);break;case"home":a.setDate(a.getDate()-a.getDay());break;case"end":a.setDate(a.getDate()+(6-a.getDay()));break}s.value=a;const c=a.getFullYear(),l=a.getMonth(),n=m.value.getFullYear(),o=m.value.getMonth();(c!==n||l!==o)&&(m.value=new Date(c,l,1),(k=t.onViewDateChange)==null||k.call(t,m.value))},setFocusedDate:d=>{s.value=d},select:(d,a={})=>{var c,l,n;if(!(t.disabledDays&&t.disabledDays(d))){if(g==="single")w.value=new Date(d),(c=t.onSelect)==null||c.call(t,w.value);else if(g==="multiple"){const o=b();if(a.shift&&o){const k=new Date(o.getFullYear(),o.getMonth(),o.getDate()),i=new Date(d.getFullYear(),d.getMonth(),d.getDate()),u=Math.min(k.getTime(),i.getTime()),D=Math.max(k.getTime(),i.getTime()),E=!f.value.some(L=>M(L,d)),x=[...f.value];let _=u;for(;_<=D;){const L=new Date(_);if(!(t.disabledDays&&t.disabledDays(L))){const R=x.findIndex(te=>M(te,L));E?R===-1&&x.push(L):R>-1&&x.splice(R,1)}_+=864e5}f.value=x;const P=f.value.findIndex(L=>M(L,d));if(P>-1){const L=f.value[P];f.value.splice(P,1),f.value.push(L)}}else{const k=f.value.findIndex(i=>M(i,d));k>-1?f.value=f.value.filter((i,u)=>u!==k):f.value=[...f.value,new Date(d)]}(l=t.onSelect)==null||l.call(t,f.value)}else if(g==="range")if(!y.value||y.value&&B.value)y.value=new Date(d),B.value=null;else{const o=y.value.getTime(),k=d.getTime();o<k?B.value=new Date(d):(B.value=new Date(y.value),y.value=new Date(d)),(n=t.onSelect)==null||n.call(t,[y.value,B.value])}}},setHoverDate:d=>{g==="range"&&(V.value=d)},nextMonth:()=>{var d;m.value=new Date(m.value.getFullYear(),m.value.getMonth()+1,1),(d=t.onViewDateChange)==null||d.call(t,m.value)},prevMonth:()=>{var d;m.value=new Date(m.value.getFullYear(),m.value.getMonth()-1,1),(d=t.onViewDateChange)==null||d.call(t,m.value)},nextYear:()=>{var d;m.value=new Date(m.value.getFullYear()+1,m.value.getMonth(),1),(d=t.onViewDateChange)==null||d.call(t,m.value)},prevYear:()=>{var d;m.value=new Date(m.value.getFullYear()-1,m.value.getMonth(),1),(d=t.onViewDateChange)==null||d.call(t,m.value)},setViewDate:d=>{m.value=new Date(d.getFullYear(),d.getMonth(),1)},selectYear:d=>{var c;const a=m.value.getMonth();m.value=new Date(d,a,1),N.value="month",(c=t.onViewDateChange)==null||c.call(t,m.value)},selectMonth:d=>{var c;const a=m.value.getFullYear();m.value=new Date(a,d,1),N.value="day",(c=t.onViewDateChange)==null||c.call(t,m.value)},setYear:d=>{var a;m.value=new Date(d,m.value.getMonth(),1),(a=t.onViewDateChange)==null||a.call(t,m.value)},setMonth:d=>{var a;m.value=new Date(m.value.getFullYear(),d,1),(a=t.onViewDateChange)==null||a.call(t,m.value)},setViewMode:d=>{N.value=d},today:()=>{var a;const d=new Date;g==="single"&&(w.value=d,(a=t.onSelect)==null||a.call(t,d)),m.value=new Date(d.getFullYear(),d.getMonth(),1),N.value="day"},setSelectedDate:d=>{g==="single"?w.value=d instanceof Date?new Date(d):null:g==="multiple"?f.value=Array.isArray(d)?d:[]:g==="range"&&(y.value=Array.isArray(d)&&d[0]?new Date(d[0]):null,B.value=Array.isArray(d)&&d[1]?new Date(d[1]):null)}}}}const ne={class:"l-calendar"},de={class:"l-calendar__header"},re={class:"l-calendar__content"},se={class:"l-calendar__weekdays",role:"row"},oe=["aria-activedescendant"],ie=["id","aria-selected","aria-disabled","aria-label","onClick","onMouseenter"],ce={class:"l-calendar__date-text"},ue={key:1,class:"l-calendar__month-grid"},ve=["onClick"],me={key:2,class:"l-calendar__year-grid"},he=["onClick"],ge={key:0,class:"l-calendar__footer"},H=e.defineComponent({name:"Calendar",__name:"Calendar",props:{modelValue:{},viewDate:{},min:{},max:{},mode:{default:"single"},hideFooter:{type:Boolean,default:!1},disabledDate:{}},emits:["update:modelValue","update:viewDate","select"],setup(t,{emit:g}){const v=t,h=g,r=le({value:v.modelValue,viewDate:v.viewDate,mode:v.mode,disabledDays:v.disabledDate,onSelect:a=>{h("update:modelValue",a),h("select",a)},onViewDateChange:a=>{h("update:viewDate",a)}});e.watch(()=>v.viewDate,a=>{a&&r.actions.setViewDate(a)}),e.watch(()=>v.modelValue,a=>{r.actions.setSelectedDate(a||null)});const{viewDate:C,viewMode:w,days:f,years:y,focusedDate:B}=ae.useController(r),V=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],s=(a,c)=>!a||!c?!1:a.getFullYear()===c.getFullYear()&&a.getMonth()===c.getMonth()&&a.getDate()===c.getDate(),b=a=>`${a.getFullYear()}年${a.getMonth()+1}月${a.getDate()}日`,m=a=>`l-calendar-cell-${a.getFullYear()}-${a.getMonth()+1}-${a.getDate()}`,N=e.computed(()=>{const a=B.value||C.value;return a?m(a):void 0}),p=a=>{let c=!0;switch(a.key){case"ArrowLeft":r.actions.moveFocus("left");break;case"ArrowRight":r.actions.moveFocus("right");break;case"ArrowUp":r.actions.moveFocus("up");break;case"ArrowDown":r.actions.moveFocus("down");break;case"PageUp":r.actions.moveFocus("pageup");break;case"PageDown":r.actions.moveFocus("pagedown");break;case"Home":r.actions.moveFocus("home");break;case"End":r.actions.moveFocus("end");break;case"Enter":case" ":{const l=B.value||C.value;l&&r.actions.select(l);break}default:c=!1}c&&a.preventDefault()},M=["日","一","二","三","四","五","六"],$=e.computed(()=>{if(w.value==="month")return`${C.value.getFullYear()}年`;if(w.value==="year"){const a=Math.floor(C.value.getFullYear()/10)*10;return`${a} - ${a+9}`}return`${C.value.getFullYear()}年${V[C.value.getMonth()]}`}),F=()=>{w.value==="day"?r.actions.prevMonth():w.value==="month"?r.actions.prevYear():w.value==="year"&&r.actions.setYear(C.value.getFullYear()-10)},z=()=>{w.value==="day"?r.actions.nextMonth():w.value==="month"?r.actions.nextYear():w.value==="year"&&r.actions.setYear(C.value.getFullYear()+10)},d=()=>{w.value==="day"?r.actions.setViewMode("month"):w.value==="month"?r.actions.setViewMode("year"):r.actions.setViewMode("day")};return(a,c)=>(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("div",de,[e.createElementVNode("button",{class:"l-calendar__nav-btn",onClick:F},[...c[1]||(c[1]=[e.createElementVNode("svg",{viewBox:"0 0 24 24",width:"16",height:"16"},[e.createElementVNode("path",{fill:"currentColor",d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"})],-1)])]),e.createElementVNode("div",{class:"l-calendar__title",onClick:d},e.toDisplayString($.value),1),e.createElementVNode("button",{class:"l-calendar__nav-btn",onClick:z},[...c[2]||(c[2]=[e.createElementVNode("svg",{viewBox:"0 0 24 24",width:"16",height:"16"},[e.createElementVNode("path",{fill:"currentColor",d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"})],-1)])])]),e.createElementVNode("div",re,[e.unref(w)==="day"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",se,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(M,l=>e.createElementVNode("div",{key:l,class:"l-calendar__weekday",role:"columnheader"},e.toDisplayString(l),1)),64))]),e.createElementVNode("div",{class:"l-calendar__grid",role:"grid","aria-activedescendant":N.value,tabindex:"0",onKeydown:p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),l=>(e.openBlock(),e.createElementBlock("div",{key:l.date.toISOString(),id:m(l.date),class:e.normalizeClass(["l-calendar__cell",{"is-current-month":l.isCurrentMonth,"is-today":l.isToday,"is-selected":l.isSelected,"is-disabled":l.isDisabled,"is-range-start":l.isRangeStart,"is-range-end":l.isRangeEnd,"is-in-range":l.isInRange,"is-focused":e.unref(B)&&s(l.date,e.unref(B))}]),role:"gridcell","aria-selected":l.isSelected?"true":"false","aria-disabled":l.isDisabled?"true":"false","aria-label":b(l.date),onClick:e.withModifiers(n=>e.unref(r).actions.select(l.date,{shift:n.shiftKey}),["stop"]),onMouseenter:n=>e.unref(r).actions.setHoverDate(l.date)},[e.createElementVNode("span",ce,e.toDisplayString(l.date.getDate()),1)],42,ie))),128))],40,oe)],64)):e.unref(w)==="month"?(e.openBlock(),e.createElementBlock("div",ue,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(V,(l,n)=>e.createElementVNode("div",{key:l,class:e.normalizeClass(["l-calendar__month-cell",{"is-selected":e.unref(C).getMonth()===n}]),onClick:e.withModifiers(o=>e.unref(r).actions.selectMonth(n),["stop"])},e.toDisplayString(l),11,ve)),64))])):e.unref(w)==="year"?(e.openBlock(),e.createElementBlock("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),l=>(e.openBlock(),e.createElementBlock("div",{key:l,class:e.normalizeClass(["l-calendar__year-cell",{"is-selected":e.unref(C).getFullYear()===l}]),onClick:e.withModifiers(n=>e.unref(r).actions.selectYear(l),["stop"])},e.toDisplayString(l),11,he))),128))])):e.createCommentVNode("",!0)]),t.hideFooter?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("button",{class:"l-calendar__today-btn",onClick:c[0]||(c[0]=(...l)=>e.unref(r).actions.today&&e.unref(r).actions.today(...l))}," 今天 ")]))]))}}),A=t=>{const g=t.match(/^(\d{4})-(\d{2})-(\d{2})$/);if(!g)return null;const v=Number(g[1]),h=Number(g[2])-1,r=Number(g[3]),C=new Date(v,h,r);return C.getFullYear()!==v||C.getMonth()!==h||C.getDate()!==r?null:C},G=t=>{const g=t.match(/^(\d{4})-(\d{2})-(\d{2})\s(\d{2}):(\d{2}):(\d{2})$/);if(!g)return null;const v=Number(g[1]),h=Number(g[2])-1,r=Number(g[3]),C=Number(g[4]),w=Number(g[5]),f=Number(g[6]),y=new Date(v,h,r,C,w,f);return y.getFullYear()!==v||y.getMonth()!==h||y.getDate()!==r||y.getHours()!==C||y.getMinutes()!==w||y.getSeconds()!==f?null:y},K=(t,g)=>!t||!g?!0:t instanceof Date?!g(t):t.every(v=>!v||!g(v)),fe={viewBox:"0 0 24 24",width:"16",height:"16",style:{opacity:"0.5"}},we={class:"l-date-picker__calendars"},De={class:"l-date-picker__calendar-wrap"},ke={key:0,class:"l-date-picker__calendar-wrap"},Ve={key:0,class:"l-date-picker__footer"},be={class:"l-date-picker__shortcuts"},ye={key:0,class:"l-date-picker__actions"},Ce=e.defineComponent({name:"DatePicker",__name:"DatePicker",props:{modelValue:{},placeholder:{default:"请选择日期"},width:{default:220},mode:{default:"single"},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabledDate:{},shortcuts:{},showConfirm:{type:Boolean,default:!1},size:{}},emits:["update:modelValue","change"],setup(t,{emit:g}){const v=t,h=g,{formItem:r,size:C,disabled:w,inputId:f}=U.useFormItem(v),y=q.useId("date-picker"),B=(f==null?void 0:f.value)||y,V=e.ref(!1),s=e.ref(null),b=e.ref(new Date),m=e.computed(()=>{const n=new Date(b.value);return n.setMonth(n.getMonth()+1),n}),N=e.computed(()=>v.mode==="range"||v.mode==="multiple"),p=n=>{if(!n)return"";const o=n instanceof Date?n:new Date(n);return`${o.getFullYear()}-${String(o.getMonth()+1).padStart(2,"0")}-${String(o.getDate()).padStart(2,"0")}`},M=e.computed(()=>{const n=v.modelValue;if(!n)return"";if(Array.isArray(n)){if(v.mode==="range"){const[o,k]=n;return`${p(o)} ~ ${k?p(k):""}`}return n.map(p).join(", ")}return p(n)}),$=n=>{const o=Array.isArray(n)?[...n]:n;s.value=o,v.showConfirm||(h("update:modelValue",o),h("change",o),(v.mode==="single"||v.mode==="range"&&n&&n[0]&&n[1])&&(V.value=!1),r==null||r.validate("change").catch(()=>{}))},F=()=>{K(s.value,v.disabledDate)&&(h("update:modelValue",s.value),h("change",s.value),V.value=!1,r==null||r.validate("change").catch(()=>{}))},z=()=>{const n=v.mode==="multiple"?[]:null;s.value=n,h("update:modelValue",n),h("change",n),r==null||r.validate("change").catch(()=>{})},d=n=>{b.value=new Date(n)},a=n=>{const o=new Date(n);o.setMonth(o.getMonth()-1),b.value=o},c=n=>{const o=typeof n.value=="function"?n.value():n.value;s.value=o,F()},l=n=>{if(!n){z();return}const o=/^\d{4}-\d{2}-\d{2}$/,k=/^\d{4}-\d{2}-\d{2}\s*~\s*\d{4}-\d{2}-\d{2}$/;if(v.mode==="single"&&o.test(n)){const i=A(n);i&&(s.value=i,b.value=new Date(i.getFullYear(),i.getMonth(),1),F())}else if(v.mode==="range"&&k.test(n)){const i=n.split("~").map(S=>S.trim()),u=A(i[0]),D=A(i[1]);if(u&&D){const S=[u,D];s.value=S,b.value=new Date(u.getFullYear(),u.getMonth(),1),F()}}};return e.watch(V,n=>{if(n){s.value=Array.isArray(v.modelValue)?[...v.modelValue]:v.modelValue?new Date(v.modelValue):null;let o=new Date;s.value instanceof Date?o=new Date(s.value):Array.isArray(s.value)&&s.value[0]&&(o=new Date(s.value[0])),o.setDate(1),b.value=o}else r==null||r.validate("blur").catch(()=>{})}),(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-date-picker",[`l-date-picker--${e.unref(C)}`]]),style:e.normalizeStyle({width:typeof t.width=="number"?t.width+"px":t.width})},[e.createVNode(e.unref(O.LPopover),{visible:V.value,"onUpdate:visible":o[1]||(o[1]=k=>V.value=k),trigger:"click",placement:"bottom-start",disabled:e.unref(w),width:N.value?580:280},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["l-date-picker__panel",{"is-dual":N.value}])},[e.createElementVNode("div",we,[e.createElementVNode("div",De,[e.createVNode(H,{"model-value":s.value,mode:t.mode,"view-date":b.value,"hide-footer":N.value||t.shortcuts&&t.shortcuts.length>0||t.showConfirm,"disabled-date":t.disabledDate,"onUpdate:viewDate":d,onSelect:$},null,8,["model-value","mode","view-date","hide-footer","disabled-date"])]),N.value?(e.openBlock(),e.createElementBlock("div",ke,[e.createVNode(H,{"model-value":s.value,mode:t.mode,"view-date":m.value,"hide-footer":N.value||t.shortcuts&&t.shortcuts.length>0,"disabled-date":t.disabledDate,"onUpdate:viewDate":a,onSelect:$},null,8,["model-value","mode","view-date","hide-footer","disabled-date"])])):e.createCommentVNode("",!0)]),N.value||t.shortcuts&&t.shortcuts.length>0||t.showConfirm?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.shortcuts,k=>(e.openBlock(),e.createBlock(e.unref(T.LButton),{key:k.text,variant:"text",size:"sm",onClick:i=>c(k)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(k.text),1)]),_:2},1032,["onClick"]))),128))]),t.showConfirm?(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(e.unref(T.LButton),{variant:"text",size:"sm",onClick:o[0]||(o[0]=k=>V.value=!1)},{default:e.withCtx(()=>[...o[3]||(o[3]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(T.LButton),{size:"sm",onClick:F},{default:e.withCtx(()=>[...o[4]||(o[4]=[e.createTextVNode("确定",-1)])]),_:1})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(I.LInput),{id:e.unref(B),"model-value":M.value,placeholder:t.placeholder,disabled:e.unref(w),size:e.unref(C),clearable:t.clearable,onClear:z,"onUpdate:modelValue":l},{prefix:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",fe,[...o[2]||(o[2]=[e.createElementVNode("path",{fill:"currentColor",d:"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10z"},null,-1)])]))]),_:1},8,["id","model-value","placeholder","disabled","size","clearable"])]),_:1},8,["visible","disabled","width"])],6))}}),Se={viewBox:"0 0 24 24",width:"16",height:"16",style:{opacity:"0.5"}},Ne={class:"l-date-time-picker__panel"},Be={class:"l-date-time-picker__calendar"},Me={class:"l-date-time-picker__time"},xe={key:0,class:"l-date-time-picker__footer"},$e={class:"l-date-time-picker__shortcuts"},Ee={key:0,class:"l-date-time-picker__actions"},pe=e.defineComponent({__name:"DateTimePicker",props:{modelValue:{},placeholder:{default:"请选择日期时间"},width:{default:240},disabled:{type:Boolean},clearable:{type:Boolean},disabledDate:{},shortcuts:{},disabledHours:{},disabledMinutes:{},disabledSeconds:{},showConfirm:{type:Boolean,default:!1},size:{}},emits:["update:modelValue","change"],setup(t,{emit:g}){const v=t,h=g,{formItem:r,size:C,disabled:w,inputId:f}=U.useFormItem(v),y=q.useId("date-time-picker"),B=(f==null?void 0:f.value)||y,V=e.ref(!1),s=e.ref(void 0),b=e.ref(new Date);e.watch(V,a=>{a?(s.value=v.modelValue?new Date(v.modelValue):void 0,s.value&&(b.value=new Date(s.value))):r==null||r.validate("blur").catch(()=>{})});const m=e.computed(()=>{const a=V.value?s.value:v.modelValue;return a?`${String(a.getHours()).padStart(2,"0")}:${String(a.getMinutes()).padStart(2,"0")}:${String(a.getSeconds()).padStart(2,"0")}`:"00:00:00"}),N=e.computed(()=>{const a=v.modelValue;return a?`${`${a.getFullYear()}-${String(a.getMonth()+1).padStart(2,"0")}-${String(a.getDate()).padStart(2,"0")}`} ${String(a.getHours()).padStart(2,"0")}:${String(a.getMinutes()).padStart(2,"0")}:${String(a.getSeconds()).padStart(2,"0")}`:""}),p=a=>{if(!(a instanceof Date))return;const c=new Date(a),l=s.value||v.modelValue;l&&(c.setHours(l.getHours()),c.setMinutes(l.getMinutes()),c.setSeconds(l.getSeconds())),s.value=c,v.showConfirm||(h("update:modelValue",c),h("change",c),r==null||r.validate("change").catch(()=>{}))},M=a=>{const[c,l,n]=a.split(":").map(Number),o=s.value?new Date(s.value):v.modelValue?new Date(v.modelValue):new Date;o.setHours(c),o.setMinutes(l),o.setSeconds(n),s.value=o,v.showConfirm||(h("update:modelValue",o),h("change",o),r==null||r.validate("change").catch(()=>{}))},$=()=>{K(s.value,v.disabledDate)&&(h("update:modelValue",s.value),h("change",s.value),V.value=!1,r==null||r.validate("change").catch(()=>{}))},F=()=>{s.value=void 0,h("update:modelValue",void 0),h("change",void 0),r==null||r.validate("change").catch(()=>{})},z=a=>{const c=typeof a.value=="function"?a.value():a.value;s.value=c instanceof Date?new Date(c):void 0,$()},d=a=>{if(!a){F();return}if(/^\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(a)){const l=G(a);l&&(s.value=l,b.value=new Date(l),$())}};return(a,c)=>(e.openBlock(),e.createElementBlock("div",{class:"l-date-time-picker",style:e.normalizeStyle({width:typeof t.width=="number"?t.width+"px":t.width})},[e.createVNode(e.unref(O.LPopover),{visible:V.value,"onUpdate:visible":c[2]||(c[2]=l=>V.value=l),width:"460",disabled:e.unref(w)},{content:e.withCtx(()=>[e.createElementVNode("div",Ne,[e.createElementVNode("div",Be,[e.createVNode(H,{"model-value":s.value,"view-date":b.value,"disabled-date":t.disabledDate,"onUpdate:viewDate":c[0]||(c[0]=l=>b.value=l),onSelect:p},null,8,["model-value","view-date","disabled-date"])]),e.createElementVNode("div",Me,[c[4]||(c[4]=e.createElementVNode("div",{class:"l-date-time-picker__time-header"},"选择时间",-1)),e.createVNode(j._sfc_main,{"model-value":m.value,"disabled-hours":t.disabledHours,"disabled-minutes":t.disabledMinutes,"disabled-seconds":t.disabledSeconds,onSelect:M},null,8,["model-value","disabled-hours","disabled-minutes","disabled-seconds"])])]),t.showConfirm||t.shortcuts&&t.shortcuts.length>0?(e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.shortcuts,l=>(e.openBlock(),e.createBlock(e.unref(T.LButton),{key:l.text,variant:"text",size:"sm",onClick:n=>z(l)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.text),1)]),_:2},1032,["onClick"]))),128))]),t.showConfirm?(e.openBlock(),e.createElementBlock("div",Ee,[e.createVNode(e.unref(T.LButton),{variant:"text",size:"sm",onClick:c[1]||(c[1]=l=>V.value=!1)},{default:e.withCtx(()=>[...c[5]||(c[5]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(T.LButton),{size:"sm",onClick:$},{default:e.withCtx(()=>[...c[6]||(c[6]=[e.createTextVNode("确定",-1)])]),_:1})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createVNode(e.unref(I.LInput),{id:e.unref(B),"model-value":N.value,placeholder:t.placeholder,disabled:e.unref(w),size:e.unref(C),clearable:t.clearable,onClear:F,"onUpdate:modelValue":d},{prefix:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",Se,[...c[3]||(c[3]=[e.createElementVNode("path",{fill:"currentColor",d:"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm-7-7h5v5h-5z"},null,-1)])]))]),_:1},8,["id","model-value","placeholder","disabled","size","clearable"])]),_:1},8,["visible","disabled"])],4))}}),Fe=J._export_sfc(pe,[["__scopeId","data-v-a14af156"]]),Le={viewBox:"0 0 24 24",width:"16",height:"16",style:{opacity:"0.5"}},ze={class:"l-date-range-picker__panel"},Te={class:"l-date-range-picker__calendars"},Ye={class:"l-date-range-picker__calendar-wrap"},_e={class:"l-date-range-picker__calendar-wrap"},He={key:0,class:"l-date-range-picker__footer"},Pe={class:"l-date-range-picker__shortcuts"},Ae={key:0,class:"l-date-range-picker__actions"},Re=e.defineComponent({__name:"DateRangePicker",props:{modelValue:{},placeholder:{default:"选择日期区间"},width:{default:234},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabledDate:{},shortcuts:{},showConfirm:{type:Boolean,default:!1},size:{}},emits:["update:modelValue","change"],setup(t,{emit:g}){const v=t,h=g,{formItem:r,size:C,disabled:w,inputId:f}=U.useFormItem(v),y=q.useId("date-range-picker"),B=(f==null?void 0:f.value)||y,V=e.ref(!1),s=e.ref(null),b=e.ref(new Date),m=e.computed(()=>{const l=new Date(b.value);return l.setMonth(l.getMonth()+1),l}),N=l=>{if(!l)return"";const n=l instanceof Date?l:new Date(l);return`${n.getFullYear()}-${String(n.getMonth()+1).padStart(2,"0")}-${String(n.getDate()).padStart(2,"0")}`},p=e.computed(()=>{const l=v.modelValue;if(!l)return"";if(Array.isArray(l)){const n=l[0],o=l[1];return!n&&!o?"":`${N(n)} ~ ${o?N(o):""}`}return N(l)}),M=l=>{const n=Array.isArray(l)?[...l]:l;s.value=n,v.showConfirm||(h("update:modelValue",n),h("change",n),l&&l[0]&&l[1]&&(V.value=!1),r==null||r.validate("change").catch(()=>{}))},$=()=>{K(s.value,v.disabledDate)&&(h("update:modelValue",s.value),h("change",s.value),V.value=!1,r==null||r.validate("change").catch(()=>{}))},F=()=>{s.value=null,h("update:modelValue",null),h("change",null),r==null||r.validate("change").catch(()=>{})},z=l=>{b.value=new Date(l)},d=l=>{const n=new Date(l);n.setMonth(n.getMonth()-1),b.value=n},a=l=>{const n=typeof l.value=="function"?l.value():l.value;s.value=Array.isArray(n)?[...n]:n,$()},c=l=>{if(!l){F();return}if(/^\d{4}-\d{2}-\d{2}\s*~\s*\d{4}-\d{2}-\d{2}$/.test(l)){const o=l.split("~").map(u=>u.trim()),k=A(o[0]),i=A(o[1]);if(k&&i){const u=[k,i];s.value=u,b.value=new Date(k.getFullYear(),k.getMonth(),1),$()}}};return e.watch(V,l=>{var n;l?(s.value=v.modelValue?[...v.modelValue]:null,(n=s.value)!=null&&n[0]&&(b.value=new Date(s.value[0]),b.value.setDate(1))):r==null||r.validate("blur").catch(()=>{})}),(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:"l-date-range-picker",style:e.normalizeStyle({width:typeof t.width=="number"?t.width+"px":t.width})},[e.createVNode(e.unref(O.LPopover),{visible:V.value,"onUpdate:visible":n[1]||(n[1]=o=>V.value=o),width:"580",disabled:e.unref(w)},{content:e.withCtx(()=>[e.createElementVNode("div",ze,[e.createElementVNode("div",Te,[e.createElementVNode("div",Ye,[e.createVNode(H,{"model-value":s.value,"view-date":b.value,mode:"range","hide-footer":"","disabled-date":t.disabledDate,"onUpdate:viewDate":z,onSelect:M},null,8,["model-value","view-date","disabled-date"])]),e.createElementVNode("div",_e,[e.createVNode(H,{"model-value":s.value,"view-date":m.value,mode:"range","hide-footer":"","disabled-date":t.disabledDate,"onUpdate:viewDate":d,onSelect:M},null,8,["model-value","view-date","disabled-date"])])]),t.showConfirm||t.shortcuts&&t.shortcuts.length>0?(e.openBlock(),e.createElementBlock("div",He,[e.createElementVNode("div",Pe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.shortcuts,o=>(e.openBlock(),e.createBlock(e.unref(T.LButton),{key:o.text,variant:"text",size:"sm",onClick:k=>a(o)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.text),1)]),_:2},1032,["onClick"]))),128))]),t.showConfirm?(e.openBlock(),e.createElementBlock("div",Ae,[e.createVNode(e.unref(T.LButton),{variant:"text",size:"sm",onClick:n[0]||(n[0]=o=>V.value=!1)},{default:e.withCtx(()=>[...n[3]||(n[3]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(T.LButton),{size:"sm",onClick:$},{default:e.withCtx(()=>[...n[4]||(n[4]=[e.createTextVNode("确定",-1)])]),_:1})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createVNode(e.unref(I.LInput),{id:e.unref(B),"model-value":p.value,placeholder:t.placeholder,disabled:e.unref(w),size:e.unref(C),clearable:t.clearable,onClear:F,"onUpdate:modelValue":c},{prefix:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",Le,[...n[2]||(n[2]=[e.createElementVNode("path",{fill:"currentColor",d:"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10z"},null,-1)])]))]),_:1},8,["id","model-value","placeholder","disabled","size","clearable"])]),_:1},8,["visible","disabled"])],4))}}),Ue=J._export_sfc(Re,[["__scopeId","data-v-c4986645"]]),qe={viewBox:"0 0 24 24",width:"16",height:"16",style:{opacity:"0.5"}},Ie={class:"l-date-time-range-picker__panel"},Oe={class:"l-date-time-range-picker__calendars"},Ke={class:"l-date-time-range-picker__section"},je={class:"l-date-time-range-picker__combined"},Ge={class:"l-date-time-range-picker__time"},Je={class:"l-date-time-range-picker__section"},Qe={class:"l-date-time-range-picker__combined"},We={class:"l-date-time-range-picker__time"},Xe={key:0,class:"l-date-time-range-picker__footer"},Ze={class:"l-date-time-range-picker__shortcuts"},et={key:0,class:"l-date-time-range-picker__actions"},tt=e.defineComponent({__name:"DateTimeRangePicker",props:{modelValue:{},placeholder:{default:"选择日期时间范围"},width:{default:346},disabled:{type:Boolean},clearable:{type:Boolean},disabledDate:{},shortcuts:{},disabledHours:{},disabledMinutes:{},disabledSeconds:{},showConfirm:{type:Boolean,default:!1},size:{}},emits:["update:modelValue","change"],setup(t,{emit:g}){const v=t,h=g,{formItem:r,size:C,disabled:w,inputId:f}=U.useFormItem(v),y=q.useId("date-time-range-picker"),B=(f==null?void 0:f.value)||y,V=e.ref(!1),s=e.ref(null),b=e.ref(new Date),m=e.computed(()=>{const i=new Date(b.value);return i.setMonth(i.getMonth()+1),i}),N=e.ref("00:00:00"),p=e.ref("23:59:59"),M=i=>`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")} ${String(i.getHours()).padStart(2,"0")}:${String(i.getMinutes()).padStart(2,"0")}:${String(i.getSeconds()).padStart(2,"0")}`,$=e.computed(()=>{const i=v.modelValue;if(!i)return"";if(Array.isArray(i)){const u=i[0],D=i[1];return!u&&!D?"":`${M(u)} ~ ${D?M(D):""}`}return""}),F=i=>{if(!Array.isArray(i))return;const[u,D]=i;if(u){const[S,E,x]=N.value.split(":").map(Number);u.setHours(S,E,x)}if(D){const[S,E,x]=p.value.split(":").map(Number);D.setHours(S,E,x)}s.value=[u,D],v.showConfirm||(h("update:modelValue",[u,D]),h("change",[u,D]),r==null||r.validate("change").catch(()=>{}))},z=()=>{K(s.value,v.disabledDate)&&(h("update:modelValue",s.value),h("change",s.value),V.value=!1,r==null||r.validate("change").catch(()=>{}))},d=i=>{var u;if(N.value=i,(u=s.value)!=null&&u[0]){const D=new Date(s.value[0]),[S,E,x]=i.split(":").map(Number);D.setHours(S,E,x),s.value=[D,s.value[1]],v.showConfirm||h("update:modelValue",s.value)}},a=i=>{var u;if(p.value=i,(u=s.value)!=null&&u[1]){const D=new Date(s.value[1]),[S,E,x]=i.split(":").map(Number);D.setHours(S,E,x),s.value=[s.value[0],D],v.showConfirm||h("update:modelValue",s.value)}},c=i=>{const u=typeof i.value=="function"?i.value():i.value;s.value=Array.isArray(u)?[...u]:u,z()},l=()=>{s.value=null,h("update:modelValue",null),h("change",null),r==null||r.validate("change").catch(()=>{})},n=i=>{b.value=new Date(i)},o=i=>{const u=new Date(i);u.setMonth(u.getMonth()-1),b.value=u},k=i=>{if(!i){l();return}if(/^\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}\s*~\s*\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(i)){const D=i.split("~").map(x=>x.trim()),S=G(D[0]),E=G(D[1]);if(S&&E){const x=[S,E];s.value=x,b.value=new Date(S.getFullYear(),S.getMonth(),1),z()}}};return e.watch(V,i=>{var u;if(i){if(s.value=v.modelValue?[...v.modelValue]:null,(u=s.value)!=null&&u[0]){b.value=new Date(s.value[0]),b.value.setDate(1);const D=S=>`${String(S.getHours()).padStart(2,"0")}:${String(S.getMinutes()).padStart(2,"0")}:${String(S.getSeconds()).padStart(2,"0")}`;N.value=D(s.value[0]),s.value[1]&&(p.value=D(s.value[1]))}}else r==null||r.validate("blur").catch(()=>{})}),(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:"l-date-time-range-picker",style:e.normalizeStyle({width:typeof t.width=="number"?t.width+"px":t.width})},[e.createVNode(e.unref(O.LPopover),{visible:V.value,"onUpdate:visible":u[1]||(u[1]=D=>V.value=D),width:"920",disabled:e.unref(w)},{content:e.withCtx(()=>{var D,S,E,x,_,P;return[e.createElementVNode("div",Ie,[e.createElementVNode("div",Oe,[e.createElementVNode("div",Ke,[u[3]||(u[3]=e.createElementVNode("div",{class:"l-date-time-range-picker__section-title"},"开始日期时间",-1)),e.createElementVNode("div",je,[e.createVNode(H,{"model-value":s.value,mode:"range","hide-footer":"","disabled-date":t.disabledDate,"view-date":b.value,"onUpdate:viewDate":n,onSelect:F},null,8,["model-value","disabled-date","view-date"]),e.createElementVNode("div",Ge,[e.createVNode(j._sfc_main,{"model-value":N.value,"disabled-hours":(D=t.disabledHours)==null?void 0:D.call(t,"start"),"disabled-minutes":(S=t.disabledMinutes)==null?void 0:S.call(t,"start"),"disabled-seconds":(E=t.disabledSeconds)==null?void 0:E.call(t,"start"),onSelect:d},null,8,["model-value","disabled-hours","disabled-minutes","disabled-seconds"])])])]),e.createElementVNode("div",Je,[u[4]||(u[4]=e.createElementVNode("div",{class:"l-date-time-range-picker__section-title"},"结束日期时间",-1)),e.createElementVNode("div",Qe,[e.createVNode(H,{"model-value":s.value,mode:"range","hide-footer":"","disabled-date":t.disabledDate,"view-date":m.value,"onUpdate:viewDate":o,onSelect:F},null,8,["model-value","disabled-date","view-date"]),e.createElementVNode("div",We,[e.createVNode(j._sfc_main,{"model-value":p.value,"disabled-hours":(x=t.disabledHours)==null?void 0:x.call(t,"end"),"disabled-minutes":(_=t.disabledMinutes)==null?void 0:_.call(t,"end"),"disabled-seconds":(P=t.disabledSeconds)==null?void 0:P.call(t,"end"),onSelect:a},null,8,["model-value","disabled-hours","disabled-minutes","disabled-seconds"])])])])]),t.showConfirm||t.shortcuts&&t.shortcuts.length>0?(e.openBlock(),e.createElementBlock("div",Xe,[e.createElementVNode("div",Ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.shortcuts,L=>(e.openBlock(),e.createBlock(e.unref(T.LButton),{key:L.text,variant:"text",size:"sm",onClick:R=>c(L)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(L.text),1)]),_:2},1032,["onClick"]))),128))]),t.showConfirm?(e.openBlock(),e.createElementBlock("div",et,[e.createVNode(e.unref(T.LButton),{variant:"text",size:"sm",onClick:u[0]||(u[0]=L=>V.value=!1)},{default:e.withCtx(()=>[...u[5]||(u[5]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(T.LButton),{size:"sm",onClick:z},{default:e.withCtx(()=>[...u[6]||(u[6]=[e.createTextVNode("确定",-1)])]),_:1})])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)])]}),default:e.withCtx(()=>[e.createVNode(e.unref(I.LInput),{id:e.unref(B),"model-value":$.value,placeholder:t.placeholder,disabled:e.unref(w),size:e.unref(C),clearable:t.clearable,onClear:l,"onUpdate:modelValue":k},{prefix:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",qe,[...u[2]||(u[2]=[e.createElementVNode("path",{fill:"currentColor",d:"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm-7-7h5v5h-5z"},null,-1)])]))]),_:1},8,["id","model-value","placeholder","disabled","size","clearable"])]),_:1},8,["visible","disabled"])],4))}}),at=J._export_sfc(tt,[["__scopeId","data-v-02632819"]]),Q=Ce,W=H,X=Fe,Z=Ue,ee=at,lt={install(t){t.component("LDatePicker",Q),t.component("LCalendar",W),t.component("LDateTimePicker",X),t.component("LDateRangePicker",Z),t.component("LDateTimeRangePicker",ee)}};exports.LCalendar=W;exports.LDatePicker=Q;exports.LDateRangePicker=Z;exports.LDateTimePicker=X;exports.LDateTimeRangePicker=ee;exports.default=lt;