@routa/ui-vue 0.1.0

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

@@ -0,0 +1,3 @@
+export declare const parseLocalDate: (str: string) => Date | null;
+export declare const parseLocalDateTime: (str: string) => Date | null;
+export declare const isDateValueAllowed: (value: Date | Date[] | [Date, Date] | null | undefined, disabledDate?: (date: Date) => boolean) => boolean;

package/dist/dialog/Dialog.vue.d.ts

@@ -0,0 +1,97 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        dialogRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly width: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: 480;
+    };
+    readonly closeOnClickModal: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly closeOnPressEscape: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showClose: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly destroyOnClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (_visible: boolean) => void;
+    open: (_visible: boolean) => void;
+    "update:modelValue": (_visible: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly width: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: 480;
+    };
+    readonly closeOnClickModal: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly closeOnPressEscape: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showClose: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly destroyOnClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    onClose?: ((_visible: boolean) => any) | undefined;
+    onOpen?: ((_visible: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((_visible: boolean) => any) | undefined;
+}>, {
+    readonly modelValue: boolean;
+    readonly title: string;
+    readonly width: string | number;
+    readonly closeOnClickModal: boolean;
+    readonly closeOnPressEscape: boolean;
+    readonly showClose: boolean;
+    readonly destroyOnClose: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    dialogRef: 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/dialog/index.d.ts

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

package/dist/dialog/index.js

@@ -0,0 +1,2 @@
+require('../style/dialog.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../chunks/manager-C0AUxQ1I.js");const S=require("../chunks/modal-CRbFkVcm.js"),B=require("../chunks/use-signals-Bz1smiXh.js"),V=require("../config-provider/index.js");function O(l={}){return S.createModalController(l)}const p={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},width:{type:[String,Number],default:480},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!1}},f={"update:modelValue":l=>!0,open:l=>!0,close:l=>!0},D=["data-theme"],N=["aria-label"],q={key:0,class:"l-dialog__header"},T={key:0,class:"l-dialog__title"},M={class:"l-dialog__body"},L={key:1,class:"l-dialog__footer"},m='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',P=e.defineComponent({name:"Dialog",__name:"Dialog",props:p,emits:f,setup(l,{emit:y}){const n=l,i=y,{teleportedCssVars:h,teleportedTheme:g}=V.useTeleportedConfig(),s=e.ref(null),a=O({destroyOnClose:()=>n.destroyOnClose,closeOnClickModal:()=>n.closeOnClickModal,closeOnPressEscape:()=>n.closeOnPressEscape,onOpen:o=>i("open",o),onVisibilityChange:o=>i("update:modelValue",o),onCloseRequest:()=>i("close",!1)}),{shouldRender:C,zIndex:v}=B.useController(a),k=e.computed(()=>({width:typeof n.width=="number"?`${n.width}px`:n.width})),w=e.computed(()=>({zIndex:v.value,...h.value})),E=()=>{a.actions.requestClose("manual")},_=()=>{a.actions.handleOverlayClick()},d=o=>{a.actions.handleEscapeKeydown(o)},b=o=>{if(o.key!=="Tab"||!s.value)return;const t=s.value.querySelectorAll(m);if(t.length===0)return;const c=t[0],u=t[t.length-1];o.shiftKey?document.activeElement===c&&(o.preventDefault(),u.focus()):document.activeElement===u&&(o.preventDefault(),c.focus())};return e.watch(()=>n.modelValue,o=>{a.actions.syncVisible(o),o&&e.nextTick(()=>{if(s.value){const t=s.value.querySelector(m);t==null||t.focus()}})},{immediate:!0}),e.watch(()=>n.destroyOnClose,()=>a.actions.syncRenderState()),e.onMounted(()=>{window.addEventListener("keydown",d)}),e.onUnmounted(()=>{window.removeEventListener("keydown",d),a.actions.close()}),(o,t)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"l-dialog-fade"},{default:e.withCtx(()=>[e.unref(C)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:"l-dialog","data-theme":e.unref(g),style:e.normalizeStyle(w.value),onClick:e.withModifiers(_,["self"]),onKeydown:b},[e.createElementVNode("div",{ref_key:"dialogRef",ref:s,class:"l-dialog__panel",style:e.normalizeStyle(k.value),role:"dialog","aria-modal":"true","aria-label":o.title||"dialog"},[o.title||o.$slots.header||o.showClose?(e.openBlock(),e.createElementBlock("div",q,[o.title||o.$slots.header?(e.openBlock(),e.createElementBlock("div",T,[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])])):e.createCommentVNode("",!0),o.showClose?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"l-dialog__close","aria-label":"Close dialog",onClick:E},[...t[0]||(t[0]=[e.createElementVNode("span",{"aria-hidden":"true"},"×",-1)])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",M,[e.renderSlot(o.$slots,"default")]),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)],12,N)],44,D)),[[e.vShow,o.modelValue]]):e.createCommentVNode("",!0)]),_:3})]))}}),r=P;r.install=l=>{l.component("LDialog",r)};exports.LDialog=r;exports.default=r;exports.dialogEmits=f;exports.dialogProps=p;

package/dist/dialog/index.mjs

@@ -0,0 +1,161 @@
+import '../style/dialog.css';
+import { defineComponent as $, ref as L, computed as y, watch as h, nextTick as M, onMounted as R, onUnmounted as q, openBlock as n, createBlock as K, Teleport as N, createVNode as P, Transition as z, withCtx as A, unref as C, withDirectives as I, createElementBlock as i, withModifiers as U, normalizeStyle as g, createElementVNode as c, renderSlot as u, createTextVNode as F, toDisplayString as W, createCommentVNode as r, vShow as j } from "vue";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { c as G } from "../chunks/modal-BiivqQQz.mjs";
+import { u as H } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { useTeleportedConfig as J } from "../config-provider/index.mjs";
+function Q(t = {}) {
+  return G(t);
+}
+const X = {
+  modelValue: {
+    type: Boolean,
+    default: !1
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  width: {
+    type: [String, Number],
+    default: 480
+  },
+  closeOnClickModal: {
+    type: Boolean,
+    default: !0
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  destroyOnClose: {
+    type: Boolean,
+    default: !1
+  }
+}, Y = {
+  "update:modelValue": (t) => !0,
+  open: (t) => !0,
+  close: (t) => !0
+}, Z = ["data-theme"], x = ["aria-label"], ee = {
+  key: 0,
+  class: "l-dialog__header"
+}, oe = {
+  key: 0,
+  class: "l-dialog__title"
+}, te = { class: "l-dialog__body" }, le = {
+  key: 1,
+  class: "l-dialog__footer"
+}, v = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', se = /* @__PURE__ */ $({
+  name: "Dialog",
+  __name: "Dialog",
+  props: X,
+  emits: Y,
+  setup(t, { emit: _ }) {
+    const l = t, d = _, { teleportedCssVars: k, teleportedTheme: b } = J(), a = L(null), s = Q({
+      destroyOnClose: () => l.destroyOnClose,
+      closeOnClickModal: () => l.closeOnClickModal,
+      closeOnPressEscape: () => l.closeOnPressEscape,
+      onOpen: (e) => d("open", e),
+      onVisibilityChange: (e) => d("update:modelValue", e),
+      onCloseRequest: () => d("close", !1)
+    }), { shouldRender: E, zIndex: O } = H(s), S = y(() => ({
+      width: typeof l.width == "number" ? `${l.width}px` : l.width
+    })), V = y(() => ({
+      zIndex: O.value,
+      ...k.value
+    })), D = () => {
+      s.actions.requestClose("manual");
+    }, B = () => {
+      s.actions.handleOverlayClick();
+    }, f = (e) => {
+      s.actions.handleEscapeKeydown(e);
+    }, T = (e) => {
+      if (e.key !== "Tab" || !a.value) return;
+      const o = a.value.querySelectorAll(v);
+      if (o.length === 0) return;
+      const p = o[0], m = o[o.length - 1];
+      e.shiftKey ? document.activeElement === p && (e.preventDefault(), m.focus()) : document.activeElement === m && (e.preventDefault(), p.focus());
+    };
+    return h(
+      () => l.modelValue,
+      (e) => {
+        s.actions.syncVisible(e), e && M(() => {
+          if (a.value) {
+            const o = a.value.querySelector(v);
+            o == null || o.focus();
+          }
+        });
+      },
+      { immediate: !0 }
+    ), h(
+      () => l.destroyOnClose,
+      () => s.actions.syncRenderState()
+    ), R(() => {
+      window.addEventListener("keydown", f);
+    }), q(() => {
+      window.removeEventListener("keydown", f), s.actions.close();
+    }), (e, o) => (n(), K(N, { to: "body" }, [
+      P(z, { name: "l-dialog-fade" }, {
+        default: A(() => [
+          C(E) ? I((n(), i("div", {
+            key: 0,
+            class: "l-dialog",
+            "data-theme": C(b),
+            style: g(V.value),
+            onClick: U(B, ["self"]),
+            onKeydown: T
+          }, [
+            c("div", {
+              ref_key: "dialogRef",
+              ref: a,
+              class: "l-dialog__panel",
+              style: g(S.value),
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": e.title || "dialog"
+            }, [
+              e.title || e.$slots.header || e.showClose ? (n(), i("div", ee, [
+                e.title || e.$slots.header ? (n(), i("div", oe, [
+                  u(e.$slots, "header", {}, () => [
+                    F(W(e.title), 1)
+                  ])
+                ])) : r("", !0),
+                e.showClose ? (n(), i("button", {
+                  key: 1,
+                  type: "button",
+                  class: "l-dialog__close",
+                  "aria-label": "Close dialog",
+                  onClick: D
+                }, [...o[0] || (o[0] = [
+                  c("span", { "aria-hidden": "true" }, "×", -1)
+                ])])) : r("", !0)
+              ])) : r("", !0),
+              c("div", te, [
+                u(e.$slots, "default")
+              ]),
+              e.$slots.footer ? (n(), i("div", le, [
+                u(e.$slots, "footer")
+              ])) : r("", !0)
+            ], 12, x)
+          ], 44, Z)), [
+            [j, e.modelValue]
+          ]) : r("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), w = se;
+w.install = (t) => {
+  t.component("LDialog", w);
+};
+export {
+  w as LDialog,
+  w as default,
+  Y as dialogEmits,
+  X as dialogProps
+};

package/dist/dialog/types.d.ts

@@ -0,0 +1,38 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const dialogProps: {
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly width: {
+        readonly type: PropType<string | number>;
+        readonly default: 480;
+    };
+    readonly closeOnClickModal: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly closeOnPressEscape: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showClose: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly destroyOnClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export declare const dialogEmits: {
+    readonly 'update:modelValue': (_visible: boolean) => boolean;
+    readonly open: (_visible: boolean) => boolean;
+    readonly close: (_visible: boolean) => boolean;
+};
+export type DialogProps = ExtractPropTypes<typeof dialogProps>;
+export type DialogEmits = typeof dialogEmits;

package/dist/divider/Divider.vue.d.ts

@@ -0,0 +1,74 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly direction: {
+        readonly type: import('vue').PropType<import('./types').DividerDirection>;
+        readonly default: "horizontal";
+    };
+    readonly contentPosition: {
+        readonly type: import('vue').PropType<import('./types').DividerContentPosition>;
+        readonly default: "center";
+    };
+    readonly borderStyle: {
+        readonly type: import('vue').PropType<import('./types').DividerBorderStyle>;
+        readonly default: "solid";
+    };
+    readonly thickness: {
+        readonly type: import('vue').PropType<number | string>;
+        readonly default: 1;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+    };
+    readonly margin: {
+        readonly type: import('vue').PropType<number | string>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly direction: {
+        readonly type: import('vue').PropType<import('./types').DividerDirection>;
+        readonly default: "horizontal";
+    };
+    readonly contentPosition: {
+        readonly type: import('vue').PropType<import('./types').DividerContentPosition>;
+        readonly default: "center";
+    };
+    readonly borderStyle: {
+        readonly type: import('vue').PropType<import('./types').DividerBorderStyle>;
+        readonly default: "solid";
+    };
+    readonly thickness: {
+        readonly type: import('vue').PropType<number | string>;
+        readonly default: 1;
+    };
+    readonly color: {
+        readonly type: StringConstructor;
+    };
+    readonly textColor: {
+        readonly type: StringConstructor;
+    };
+    readonly margin: {
+        readonly type: import('vue').PropType<number | string>;
+    };
+}>> & Readonly<{}>, {
+    readonly direction: import('./types').DividerDirection;
+    readonly contentPosition: import('./types').DividerContentPosition;
+    readonly borderStyle: import('./types').DividerBorderStyle;
+    readonly thickness: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+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/divider/index.d.ts

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

package/dist/divider/index.js

@@ -0,0 +1,2 @@
+require('../style/divider.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),l={direction:{type:String,default:"horizontal"},contentPosition:{type:String,default:"center"},borderStyle:{type:String,default:"solid"},thickness:{type:[Number,String],default:1},color:{type:String},textColor:{type:String},margin:{type:[Number,String]}},u=["aria-orientation"],p={key:0,class:"l-divider__text"},v=i.defineComponent({name:"Divider",__name:"Divider",props:l,setup(o){const t=o,s=i.useSlots(),n=i.computed(()=>!!s.default),c=i.computed(()=>["l-divider",`l-divider--${t.direction}`,{"l-divider--with-text":n.value&&t.direction==="horizontal",[`l-divider--with-text-${t.contentPosition}`]:n.value&&t.direction==="horizontal",[`l-divider--${t.borderStyle}`]:t.borderStyle!=="solid"}]),d=e=>{if(!(e==null||e===""))return/^\d+$/.test(String(e))?`${e}px`:String(e)},a=i.computed(()=>{const e={};return t.color&&(e["--l-divider-color"]=t.color),t.textColor&&(e["--l-divider-text-color"]=t.textColor),t.thickness&&(e["--l-divider-thickness"]=d(t.thickness)),t.margin&&(e["--l-divider-margin"]=d(t.margin)),e["--l-divider-border-style"]=t.borderStyle,e});return(e,m)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(c.value),style:i.normalizeStyle(a.value),role:"separator","aria-orientation":e.direction},[n.value&&e.direction==="horizontal"?(i.openBlock(),i.createElementBlock("span",p,[i.renderSlot(e.$slots,"default")])):i.createCommentVNode("",!0)],14,u))}}),r=v;r.install=o=>{o.component("LDivider",r)};exports.LDivider=r;exports.default=r;exports.dividerProps=l;

package/dist/divider/index.mjs

@@ -0,0 +1,96 @@
+import '../style/divider.css';
+import { defineComponent as p, useSlots as m, computed as o, openBlock as d, createElementBlock as l, normalizeStyle as v, normalizeClass as y, renderSlot as S, createCommentVNode as f } from "vue";
+const h = {
+  /**
+   * 分割线方向
+   * @default 'horizontal'
+   */
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  /**
+   * 文本插槽内容位置 (仅在 direction='horizontal' 时有效)
+   * @default 'center'
+   */
+  contentPosition: {
+    type: String,
+    default: "center"
+  },
+  /**
+   * 边框样式
+   * @default 'solid'
+   */
+  borderStyle: {
+    type: String,
+    default: "solid"
+  },
+  /**
+   * 线条厚度
+   * @default 1
+   */
+  thickness: {
+    type: [Number, String],
+    default: 1
+  },
+  /**
+   * 自定义颜色 (仅线条)
+   */
+  color: {
+    type: String
+  },
+  /**
+   * 自定义文字颜色
+   */
+  textColor: {
+    type: String
+  },
+  /**
+   * 自定义间距
+   */
+  margin: {
+    type: [Number, String]
+  }
+}, g = ["aria-orientation"], _ = {
+  key: 0,
+  class: "l-divider__text"
+}, b = /* @__PURE__ */ p({
+  name: "Divider",
+  __name: "Divider",
+  props: h,
+  setup(i) {
+    const t = i, a = m(), r = o(() => !!a.default), c = o(() => [
+      "l-divider",
+      `l-divider--${t.direction}`,
+      {
+        "l-divider--with-text": r.value && t.direction === "horizontal",
+        [`l-divider--with-text-${t.contentPosition}`]: r.value && t.direction === "horizontal",
+        [`l-divider--${t.borderStyle}`]: t.borderStyle !== "solid"
+      }
+    ]), n = (e) => {
+      if (!(e == null || e === ""))
+        return /^\d+$/.test(String(e)) ? `${e}px` : String(e);
+    }, u = o(() => {
+      const e = {};
+      return t.color && (e["--l-divider-color"] = t.color), t.textColor && (e["--l-divider-text-color"] = t.textColor), t.thickness && (e["--l-divider-thickness"] = n(t.thickness)), t.margin && (e["--l-divider-margin"] = n(t.margin)), e["--l-divider-border-style"] = t.borderStyle, e;
+    });
+    return (e, k) => (d(), l("div", {
+      class: y(c.value),
+      style: v(u.value),
+      role: "separator",
+      "aria-orientation": e.direction
+    }, [
+      r.value && e.direction === "horizontal" ? (d(), l("span", _, [
+        S(e.$slots, "default")
+      ])) : f("", !0)
+    ], 14, g));
+  }
+}), s = b;
+s.install = (i) => {
+  i.component("LDivider", s);
+};
+export {
+  s as LDivider,
+  s as default,
+  h as dividerProps
+};

package/dist/divider/types.d.ts

@@ -0,0 +1,57 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export type DividerDirection = 'horizontal' | 'vertical';
+export type DividerContentPosition = 'left' | 'center' | 'right';
+export type DividerBorderStyle = 'solid' | 'dashed' | 'dotted';
+export declare const dividerProps: {
+    /**
+     * 分割线方向
+     * @default 'horizontal'
+     */
+    readonly direction: {
+        readonly type: PropType<DividerDirection>;
+        readonly default: "horizontal";
+    };
+    /**
+     * 文本插槽内容位置 (仅在 direction='horizontal' 时有效)
+     * @default 'center'
+     */
+    readonly contentPosition: {
+        readonly type: PropType<DividerContentPosition>;
+        readonly default: "center";
+    };
+    /**
+     * 边框样式
+     * @default 'solid'
+     */
+    readonly borderStyle: {
+        readonly type: PropType<DividerBorderStyle>;
+        readonly default: "solid";
+    };
+    /**
+     * 线条厚度
+     * @default 1
+     */
+    readonly thickness: {
+        readonly type: PropType<number | string>;
+        readonly default: 1;
+    };
+    /**
+     * 自定义颜色 (仅线条)
+     */
+    readonly color: {
+        readonly type: StringConstructor;
+    };
+    /**
+     * 自定义文字颜色
+     */
+    readonly textColor: {
+        readonly type: StringConstructor;
+    };
+    /**
+     * 自定义间距
+     */
+    readonly margin: {
+        readonly type: PropType<number | string>;
+    };
+};
+export type DividerProps = ExtractPropTypes<typeof dividerProps>;

package/dist/drawer/Drawer.vue.d.ts

@@ -0,0 +1,106 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        drawerRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<"left" | "right" | "top" | "bottom">;
+        readonly default: "right";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: 420;
+    };
+    readonly closeOnClickModal: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly closeOnPressEscape: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showClose: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly destroyOnClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (_visible: boolean) => void;
+    open: (_visible: boolean) => void;
+    "update:modelValue": (_visible: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<"left" | "right" | "top" | "bottom">;
+        readonly default: "right";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<string | number>;
+        readonly default: 420;
+    };
+    readonly closeOnClickModal: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly closeOnPressEscape: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showClose: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly destroyOnClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{
+    onClose?: ((_visible: boolean) => any) | undefined;
+    onOpen?: ((_visible: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((_visible: boolean) => any) | undefined;
+}>, {
+    readonly size: string | number;
+    readonly placement: "top" | "bottom" | "left" | "right";
+    readonly modelValue: boolean;
+    readonly title: string;
+    readonly closeOnClickModal: boolean;
+    readonly closeOnPressEscape: boolean;
+    readonly showClose: boolean;
+    readonly destroyOnClose: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    drawerRef: 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/drawer/index.d.ts

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