@routa/ui-vue 0.1.0

package/dist/tabs/index.mjs

@@ -0,0 +1,266 @@
+import '../style/tabs.css';
+import { defineComponent as B, computed as _, provide as $, openBlock as p, createElementBlock as T, normalizeStyle as D, normalizeClass as V, createElementVNode as k, Fragment as x, renderList as E, unref as h, createBlock as K, resolveDynamicComponent as U, createTextVNode as j, toDisplayString as q, renderSlot as I, nextTick as F, inject as H, useSlots as M, ref as G, watch as C, onBeforeUnmount as J, withDirectives as O, vShow as Q, createCommentVNode as W } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as z, e as X } from "../chunks/index-B0yEC3RG.mjs";
+import { u as Y } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { u as Z } from "../chunks/use-id-D3casveg.mjs";
+function ee(a = {}) {
+  const s = z([]), n = z(
+    typeof a.value == "function" ? a.value() : a.value ?? a.defaultValue
+  ), v = (e) => {
+    const t = s.value.filter((l) => !l.disabled);
+    if (t.length)
+      return t.some((l) => l.name === e) ? e : t[0].name;
+  };
+  if (typeof a.value == "function") {
+    const e = a.value;
+    X(() => {
+      n.value = v(e());
+    });
+  }
+  const o = () => {
+    n.value = v(n.value);
+  }, m = (e) => {
+    s.value.findIndex((l) => l.id === e.id) === -1 ? s.value = [...s.value, e] : s.value = s.value.map((l) => l.id === e.id ? e : l), o();
+  }, g = (e) => {
+    s.value = s.value.filter((t) => t.id !== e), o();
+  }, b = (e, t) => {
+    s.value = s.value.map((l) => l.id !== e ? l : { ...l, ...t }), o();
+  }, y = (e) => {
+    var l, u;
+    const t = s.value.find((d) => d.name === e);
+    !t || t.disabled || ((l = a.onTabClick) == null || l.call(a, e), n.value !== e && (n.value = e, (u = a.onChange) == null || u.call(a, e)));
+  };
+  return {
+    state: {
+      get panes() {
+        return s.value;
+      },
+      get activeValue() {
+        return n.value;
+      },
+      set activeValue(e) {
+        n.value = e;
+      }
+    },
+    actions: {
+      registerPane: m,
+      unregisterPane: g,
+      updatePane: b,
+      activateTab: y,
+      moveActiveTab: (e) => {
+        const t = s.value.filter((d) => !d.disabled);
+        if (!t.length) return;
+        const l = t.findIndex((d) => d.name === n.value);
+        let u = t[0];
+        return e === "first" ? u = t[0] : e === "last" ? u = t[t.length - 1] : l !== -1 && (u = t[(l + (e === "next" ? 1 : -1) + t.length) % t.length]), y(u.name), u.name;
+      }
+    }
+  };
+}
+const te = {
+  modelValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  defaultValue: {
+    type: [String, Number],
+    default: void 0
+  },
+  type: {
+    type: String,
+    default: "line"
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  stretch: {
+    type: Boolean,
+    default: !1
+  },
+  bg: {
+    type: String,
+    default: ""
+  },
+  activeBg: {
+    type: String,
+    default: ""
+  }
+}, ae = {
+  "update:modelValue": (a) => !0,
+  change: (a) => !0,
+  "tab-click": (a) => !0
+}, ne = {
+  name: {
+    type: [String, Number],
+    required: !0
+  },
+  label: {
+    type: String,
+    default: ""
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  lazy: {
+    type: Boolean,
+    default: !1
+  }
+}, L = Symbol("TabsKey"), le = { class: "l-tabs__nav" }, se = {
+  class: "l-tabs__tablist",
+  role: "tablist",
+  "aria-orientation": "horizontal"
+}, ie = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"], re = { class: "l-tabs__nav-label" }, oe = { class: "l-tabs__content" }, ce = /* @__PURE__ */ B({
+  name: "Tabs",
+  __name: "Tabs",
+  props: te,
+  emits: ae,
+  setup(a, { emit: s }) {
+    const n = a, v = s, o = ee({
+      value: () => n.modelValue,
+      defaultValue: n.defaultValue,
+      onChange: (r) => {
+        v("update:modelValue", r), v("change", r);
+      },
+      onTabClick: (r) => {
+        v("tab-click", r);
+      }
+    }), { panes: m, activeValue: g } = Y(o), b = g, y = o.actions.activateTab, f = /* @__PURE__ */ new Map(), e = _(() => n.size), t = _(() => n.type), l = _(() => n.stretch), u = _(() => [
+      "l-tabs",
+      `l-tabs--${n.type}`,
+      `l-tabs--${n.size}`,
+      {
+        "is-stretch": n.stretch
+      }
+    ]), d = (r, c) => {
+      if (c) {
+        f.set(r, c);
+        return;
+      }
+      f.delete(r);
+    }, N = async (r) => {
+      var i;
+      await F();
+      const c = m.value.find((P) => P.name === r);
+      c && ((i = f.get(c.id)) == null || i.focus());
+    }, R = async (r) => {
+      let c = null;
+      if (r.key === "ArrowRight" || r.key === "ArrowDown" ? c = "next" : r.key === "ArrowLeft" || r.key === "ArrowUp" ? c = "prev" : r.key === "Home" ? c = "first" : r.key === "End" && (c = "last"), c) {
+        r.preventDefault();
+        const i = o.actions.moveActiveTab(c);
+        i !== void 0 && await N(i);
+      }
+    };
+    return $(L, {
+      activeName: b,
+      size: e,
+      type: t,
+      stretch: l,
+      registerPane: o.actions.registerPane,
+      unregisterPane: o.actions.unregisterPane,
+      updatePane: o.actions.updatePane
+    }), (r, c) => (p(), T("div", {
+      class: V(u.value),
+      style: D({
+        "--l-tabs-bg": n.bg || void 0,
+        "--l-tabs-active-bg": n.activeBg || void 0
+      })
+    }, [
+      k("div", le, [
+        k("div", se, [
+          (p(!0), T(x, null, E(h(m), (i) => {
+            var P;
+            return p(), T("button", {
+              key: i.id,
+              ref_for: !0,
+              ref: (S) => d(i.id, S),
+              type: "button",
+              class: V(["l-tabs__nav-item", {
+                "is-active": h(b) === i.name,
+                "is-disabled": i.disabled
+              }]),
+              role: "tab",
+              id: i.tabId,
+              "aria-selected": h(b) === i.name,
+              "aria-controls": i.panelId,
+              tabindex: h(b) === i.name ? 0 : -1,
+              disabled: i.disabled,
+              onClick: (S) => h(y)(i.name),
+              onKeydown: R
+            }, [
+              k("span", re, [
+                (P = i.slots) != null && P.label ? (p(), K(U(i.slots.label), { key: 0 })) : (p(), T(x, { key: 1 }, [
+                  j(q(i.label || String(i.name)), 1)
+                ], 64))
+              ])
+            ], 42, ie);
+          }), 128))
+        ])
+      ]),
+      k("div", oe, [
+        I(r.$slots, "default")
+      ])
+    ], 6));
+  }
+}), ue = /* @__PURE__ */ B({
+  name: "TabPane",
+  __name: "TabPane",
+  props: ne,
+  setup(a) {
+    const s = a, n = H(L), v = M();
+    if (!n)
+      throw new Error("[Routa] LTabPane must be used within LTabs");
+    const o = Symbol("tab-pane"), m = Z("tabs-pane"), g = `${m}-tab`, b = `${m}-panel`, y = G(!1), f = _(() => n.activeName.value === s.name), e = _(() => !s.lazy || y.value || f.value);
+    return C(
+      f,
+      (t) => {
+        t && (y.value = !0);
+      },
+      { immediate: !0 }
+    ), C(
+      () => [s.name, s.label, s.disabled, s.lazy],
+      ([t, l, u, d]) => {
+        n.registerPane({
+          id: o,
+          name: t,
+          label: l,
+          disabled: u,
+          lazy: d,
+          tabId: g,
+          panelId: b,
+          slots: v
+        });
+      },
+      { immediate: !0 }
+    ), J(() => {
+      n.unregisterPane(o);
+    }), (t, l) => e.value ? O((p(), T("div", {
+      key: 0,
+      class: V(["l-tab-pane", { "is-active": f.value }]),
+      role: "tabpanel",
+      id: b,
+      "aria-labelledby": g
+    }, [
+      I(t.$slots, "default")
+    ], 2)), [
+      [Q, f.value]
+    ]) : W("", !0);
+  }
+}), A = ce, w = ue;
+A.install = (a) => {
+  a.component("LTabs", A), a.component("LTabPane", w);
+};
+w.install = (a) => {
+  a.component("LTabPane", w);
+};
+export {
+  w as LTabPane,
+  A as LTabs,
+  L as TabsKey,
+  A as default,
+  ne as tabPaneProps,
+  ae as tabsEmits,
+  te as tabsProps
+};

package/dist/tabs/types.d.ts

@@ -0,0 +1,78 @@
+import { ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
+export type TabName = string | number;
+export declare const tabsProps: {
+    readonly modelValue: {
+        readonly type: PropType<TabName | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultValue: {
+        readonly type: PropType<TabName | undefined>;
+        readonly default: undefined;
+    };
+    readonly type: {
+        readonly type: PropType<"line" | "card" | "chrome">;
+        readonly default: "line";
+    };
+    readonly size: {
+        readonly type: PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly stretch: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly bg: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly activeBg: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+export declare const tabsEmits: {
+    readonly 'update:modelValue': (_name: TabName) => boolean;
+    readonly change: (_name: TabName) => boolean;
+    readonly 'tab-click': (_name: TabName) => boolean;
+};
+export declare const tabPaneProps: {
+    readonly name: {
+        readonly type: PropType<TabName>;
+        readonly required: true;
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly lazy: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type TabsProps = ExtractPropTypes<typeof tabsProps>;
+export type TabsEmits = typeof tabsEmits;
+export type TabPaneProps = ExtractPropTypes<typeof tabPaneProps>;
+export interface TabPaneRegistration {
+    id: symbol;
+    name: TabName;
+    label: string;
+    disabled: boolean;
+    lazy: boolean;
+    tabId: string;
+    panelId: string;
+    slots?: any;
+}
+export interface TabsContext {
+    activeName: Ref<TabName | undefined>;
+    size: Ref<TabsProps['size']>;
+    type: Ref<TabsProps['type']>;
+    stretch: Ref<boolean>;
+    registerPane: (pane: TabPaneRegistration) => void;
+    unregisterPane: (id: symbol) => void;
+    updatePane: (id: symbol, patch: Partial<Omit<TabPaneRegistration, 'id'>>) => void;
+}
+export declare const TabsKey: InjectionKey<TabsContext>;

package/dist/tag/Tag.vue.d.ts

@@ -0,0 +1,38 @@
+import { TagProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+        suffixIcon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<TagProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+    close: (event: MouseEvent) => any;
+    "update:checked": (checked: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<TagProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onClose?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
+}>, {
+    size: import('./types').TagSize;
+    disabled: boolean;
+    type: import('./types').TagType;
+    closable: boolean;
+    variant: import('./types').TagVariant;
+    round: boolean;
+    checked: boolean;
+    checkable: boolean;
+    selectEffect: import('./types').TagSelectEffect;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/tag/index.d.ts

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

package/dist/tag/index.js

@@ -0,0 +1,2 @@
+require('../style/tag.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../chunks/color-m1q_rZ68.js");require("../chunks/manager-C0AUxQ1I.js");const g=["role","aria-checked","tabindex"],b={key:0,class:"l-tag__icon l-tag__icon--prefix"},h={key:1,class:"l-tag__icon l-tag__icon--suffix"},B=e.defineComponent({name:"Tag",inheritAttrs:!1,__name:"Tag",props:{type:{default:"default"},variant:{default:"solid"},checkable:{type:Boolean,default:!1},size:{default:"md"},closable:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},selectEffect:{default:"color"},color:{},round:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},icon:{},suffixIcon:{},class:{},style:{}},emits:["close","click","update:checked"],setup(t,{emit:d}){const o=t,s=d,a=e.useAttrs(),c=e.computed(()=>o.checkable),u=l=>{o.disabled||(l.stopPropagation(),s("close",l))},i=l=>{o.disabled||(c.value&&s("update:checked",!o.checked),s("click",l))},f=l=>{o.disabled||c.value&&(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),i(l))},k=e.computed(()=>["l-tag",`l-tag--type-${o.type}`,`l-tag--variant-${o.variant}`,`l-tag--${o.size}`,`l-tag--select-effect-${o.selectEffect}`,{"is-round":o.round,"is-closable":o.closable,"is-checked":o.checked&&c.value,"is-disabled":o.disabled,"is-clickable":c.value||a.onClick,"is-checkable":c.value},a.class]),m=e.computed(()=>{const l={};return o.color&&(l["--l-tag-theme-color"]=o.color,l["--l-tag-theme-content"]=y.getContrastColor(o.color)),[a.style,l]});return(l,r)=>(e.openBlock(),e.createElementBlock("span",e.mergeProps({class:k.value,style:m.value},e.unref(a),{role:c.value?"checkbox":void 0,"aria-checked":c.value?t.checked:void 0,tabindex:c.value&&!t.disabled?0:void 0,onClick:i,onKeydown:f}),[l.$slots.icon||t.icon?(e.openBlock(),e.createElementBlock("span",b,[e.renderSlot(l.$slots,"icon",{},()=>[typeof t.icon!="string"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:0})):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass(t.icon)},null,2))])])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default"),l.$slots.suffixIcon||t.suffixIcon?(e.openBlock(),e.createElementBlock("span",h,[e.renderSlot(l.$slots,"suffixIcon",{},()=>[typeof t.suffixIcon!="string"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.suffixIcon),{key:0})):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass(t.suffixIcon)},null,2))])])):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock("button",{key:2,class:"l-tag__close",type:"button","aria-label":"Close tag",onClick:u},[...r[0]||(r[0]=[e.createElementVNode("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2.5","stroke-linecap":"round","stroke-linejoin":"round"},[e.createElementVNode("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.createElementVNode("line",{x1:"6",y1:"6",x2:"18",y2:"18"})],-1)])])):e.createCommentVNode("",!0)],16,g))}}),n=B;n.install=t=>{t.component("LTag",n)};exports.LTag=n;exports.default=n;

package/dist/tag/index.mjs

@@ -0,0 +1,123 @@
+import '../style/tag.css';
+import { defineComponent as B, useAttrs as $, computed as i, openBlock as a, createElementBlock as s, mergeProps as I, unref as E, renderSlot as r, createBlock as y, resolveDynamicComponent as g, normalizeClass as m, createCommentVNode as d, createElementVNode as f } from "vue";
+import { g as w } from "../chunks/color-BBpRjg5d.mjs";
+import "../chunks/manager-BUdQK4AD.mjs";
+const T = ["role", "aria-checked", "tabindex"], z = {
+  key: 0,
+  class: "l-tag__icon l-tag__icon--prefix"
+}, D = {
+  key: 1,
+  class: "l-tag__icon l-tag__icon--suffix"
+}, A = /* @__PURE__ */ B({
+  name: "Tag",
+  inheritAttrs: !1,
+  __name: "Tag",
+  props: {
+    type: { default: "default" },
+    variant: { default: "solid" },
+    checkable: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    closable: { type: Boolean, default: !1 },
+    checked: { type: Boolean, default: !1 },
+    selectEffect: { default: "color" },
+    color: {},
+    round: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    icon: {},
+    suffixIcon: {},
+    class: {},
+    style: {}
+  },
+  emits: ["close", "click", "update:checked"],
+  setup(t, { emit: b }) {
+    const l = t, n = b, c = $(), o = i(() => l.checkable), v = (e) => {
+      l.disabled || (e.stopPropagation(), n("close", e));
+    }, u = (e) => {
+      l.disabled || (o.value && n("update:checked", !l.checked), n("click", e));
+    }, C = (e) => {
+      l.disabled || o.value && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), u(e));
+    }, p = i(() => [
+      "l-tag",
+      `l-tag--type-${l.type}`,
+      `l-tag--variant-${l.variant}`,
+      `l-tag--${l.size}`,
+      `l-tag--select-effect-${l.selectEffect}`,
+      {
+        "is-round": l.round,
+        "is-closable": l.closable,
+        "is-checked": l.checked && o.value,
+        "is-disabled": l.disabled,
+        "is-clickable": o.value || c.onClick,
+        "is-checkable": o.value
+      },
+      c.class
+    ]), x = i(() => {
+      const e = {};
+      return l.color && (e["--l-tag-theme-color"] = l.color, e["--l-tag-theme-content"] = w(l.color)), [c.style, e];
+    });
+    return (e, k) => (a(), s("span", I({
+      class: p.value,
+      style: x.value
+    }, E(c), {
+      role: o.value ? "checkbox" : void 0,
+      "aria-checked": o.value ? t.checked : void 0,
+      tabindex: o.value && !t.disabled ? 0 : void 0,
+      onClick: u,
+      onKeydown: C
+    }), [
+      e.$slots.icon || t.icon ? (a(), s("span", z, [
+        r(e.$slots, "icon", {}, () => [
+          typeof t.icon != "string" ? (a(), y(g(t.icon), { key: 0 })) : (a(), s("i", {
+            key: 1,
+            class: m(t.icon)
+          }, null, 2))
+        ])
+      ])) : d("", !0),
+      r(e.$slots, "default"),
+      e.$slots.suffixIcon || t.suffixIcon ? (a(), s("span", D, [
+        r(e.$slots, "suffixIcon", {}, () => [
+          typeof t.suffixIcon != "string" ? (a(), y(g(t.suffixIcon), { key: 0 })) : (a(), s("i", {
+            key: 1,
+            class: m(t.suffixIcon)
+          }, null, 2))
+        ])
+      ])) : d("", !0),
+      t.closable ? (a(), s("button", {
+        key: 2,
+        class: "l-tag__close",
+        type: "button",
+        "aria-label": "Close tag",
+        onClick: v
+      }, [...k[0] || (k[0] = [
+        f("svg", {
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [
+          f("line", {
+            x1: "18",
+            y1: "6",
+            x2: "6",
+            y2: "18"
+          }),
+          f("line", {
+            x1: "6",
+            y1: "6",
+            x2: "18",
+            y2: "18"
+          })
+        ], -1)
+      ])])) : d("", !0)
+    ], 16, T));
+  }
+}), h = A;
+h.install = (t) => {
+  t.component("LTag", h);
+};
+export {
+  h as LTag,
+  h as default
+};

package/dist/tag/types.d.ts

@@ -0,0 +1,83 @@
+import { CSSProperties, VNode, Component } from 'vue';
+export type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export type TagVariant = 'solid' | 'subtle' | 'outline';
+export type TagSize = 'sm' | 'md' | 'lg';
+export type TagSelectEffect = 'color' | 'border' | 'mark';
+export interface TagProps {
+    /**
+     * 标签类型 (Semantic type)
+     * @default 'default'
+     */
+    type?: TagType;
+    /**
+     * 视觉风格 (Visual variant)
+     * @default 'solid'
+     */
+    variant?: TagVariant;
+    /**
+     * 是否可选择 (Whether checkable)
+     * @default false
+     */
+    checkable?: boolean;
+    /**
+     * 尺寸 (Size)
+     * @default 'md'
+     */
+    size?: TagSize;
+    /**
+     * 是否可关闭 (Whether closable)
+     * @default false
+     */
+    closable?: boolean;
+    /**
+     * 选中状态 (仅在 checkable 变体下有效)
+     * Checked state (only for checkable variant)
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * 选中时的视觉效果 (仅在 checkable 为 true 且 checked 为 true 时有效)
+     * @default 'color'
+     */
+    selectEffect?: TagSelectEffect;
+    /**
+     * 自定义背景颜色
+     * Custom background color
+     */
+    color?: string;
+    /**
+     * 是否为圆角形状
+     * Whether the tag is round
+     * @default false
+     */
+    round?: boolean;
+    /**
+     * 是否禁用
+     * Whether the tag is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 前置图标
+     * Prefix icon
+     */
+    icon?: string | Component | VNode;
+    /**
+     * 后置图标
+     * Suffix icon
+     */
+    suffixIcon?: string | Component | VNode;
+    /**
+     * 自定义类名
+     */
+    class?: any;
+    /**
+     * 自定义样式
+     */
+    style?: CSSProperties;
+}
+export interface TagEmits {
+    (e: 'close', event: MouseEvent): void;
+    (e: 'click', event: MouseEvent): void;
+    (e: 'update:checked', checked: boolean): void;
+}

package/dist/time-picker/TimePanel.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    modelValue?: string;
+    format?: 'HH:mm:ss' | 'HH:mm' | 'mm:ss';
+    disabledHours?: () => number[];
+    disabledMinutes?: (hour: number) => number[];
+    disabledSeconds?: (hour: number, minute: number) => number[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (args_0: string) => any;
+    "update:modelValue": (args_0: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((args_0: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    hourRef: HTMLDivElement;
+    minuteRef: HTMLDivElement;
+    secondRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/time-picker/TimePicker.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (args_0: string) => any;
+    "update:modelValue": (args_0: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((args_0: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import { Plugin } from 'vue';
+import { default as TimePicker } from './TimePicker.vue';
+import { default as TimePanel } from './TimePanel.vue';
+export declare const LTimePicker: typeof TimePicker & Plugin;
+export declare const LTimePanel: typeof TimePanel & Plugin;
+export default LTimePicker;

package/dist/time-picker/index.js

@@ -0,0 +1,4 @@
+require('../style/TimePanel.css');
+require('../style/Input.css');
+require('../style/Popover.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("../chunks/use-form-item-CloIcyon.js"),P=require("../chunks/use-id-BycaM3-h.js"),u=require("../chunks/TimePanel.vue_vue_type_script_setup_true_lang-BNTM3OeU.js"),V=require("../input/index.js"),C=require("../popover/index.js"),T={viewBox:"0 0 24 24",width:"16",height:"16",style:{opacity:"0.5"}},z={class:"l-time-picker__panel"},L=e.defineComponent({name:"TimePicker",__name:"TimePicker",props:{modelValue:{},placeholder:{},disabled:{type:Boolean},clearable:{type:Boolean},size:{}},emits:["update:modelValue","change"],setup(t,{emit:p}){const v=t,i=p,{formItem:l,size:d,disabled:s,inputId:o}=g.useFormItem(v),h=P.useId("time-picker"),b=(o==null?void 0:o.value)||h,r=e.ref(!1),f=a=>{i("update:modelValue",a),i("change",a),l==null||l.validate("change").catch(()=>{})},k=()=>{i("update:modelValue",""),i("change",""),l==null||l.validate("change").catch(()=>{})};return e.watch(r,a=>{a||l==null||l.validate("blur").catch(()=>{})}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["l-time-picker",[`l-time-picker--${e.unref(d)}`]])},[e.createVNode(e.unref(C.LPopover),{visible:r.value,"onUpdate:visible":n[0]||(n[0]=_=>r.value=_),trigger:"click",placement:"bottom-start",disabled:e.unref(s),width:"204"},{content:e.withCtx(()=>[e.createElementVNode("div",z,[e.createVNode(u._sfc_main,{"model-value":t.modelValue,onSelect:f},null,8,["model-value"])])]),default:e.withCtx(()=>[e.createVNode(e.unref(V.LInput),{id:e.unref(b),"model-value":t.modelValue,"read-only":"",placeholder:t.placeholder||"请选择时间",disabled:e.unref(s),size:e.unref(d),clearable:t.clearable,autocomplete:"off",onClear:k},{prefix:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",T,[...n[1]||(n[1]=[e.createElementVNode("path",{fill:"currentColor",d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"},null,-1)])]))]),_:1},8,["id","model-value","placeholder","disabled","size","clearable"])]),_:1},8,["visible","disabled"])],2))}}),c=L,m=u._sfc_main;c.install=t=>{t.component("LTimePicker",c),t.component("LTimePanel",m)};exports.LTimePanel=m;exports.LTimePicker=c;exports.default=c;