@ccn-ui-kit/date-picker 0.1.2

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),D={modelValue:{type:String,default:void 0},placeholder:{type:String,default:"请选择日期"},disabled:Boolean,clearable:Boolean},w={"update:modelValue":r=>typeof r=="string",change:r=>typeof r=="string",clear:()=>!0},R={class:"ui-date-panel"},I={class:"ui-date-panel__header"},U={class:"ui-date-panel__title"},x={class:"ui-date-panel__week"},K={class:"ui-date-panel__body"},j=["onClick"],q={class:"ui-date-panel__year-body"},A=["onClick"],O={class:"ui-date-panel__month-body"},W=["onClick"],G=e.defineComponent({__name:"date-panel",props:{modelValue:{}},emits:["select"],setup(r,{emit:V}){const y=r,f=V,h=["日","一","二","三","四","五","六"],v=Array.from({length:12},(l,i)=>`${i+1} 月`),s=new Date,t=e.ref(s.getFullYear()),n=e.ref(s.getMonth());if(y.modelValue){const l=y.modelValue.split("-").map(Number);l.length===3&&(t.value=l[0],n.value=l[1]-1)}const c=e.ref("date"),u=e.ref(t.value-5),C=e.computed(()=>{const l=[];for(let i=0;i<12;i++)l.push(u.value+i);return l});function k(l,i,a){const d=m=>String(m).padStart(2,"0");return`${l}-${d(i+1)}-${d(a)}`}const g=e.computed(()=>{const l=k(s.getFullYear(),s.getMonth(),s.getDate()),i=new Date(t.value,n.value+1,0).getDate(),a=new Date(t.value,n.value,1).getDay(),d=new Date(t.value,n.value,0).getDate(),m=[];for(let p=a-1;p>=0;p--){const _=d-p;m.push({key:`p-${_}`,day:_,value:k(t.value,n.value-1,_),otherMonth:!0,isToday:!1})}for(let p=1;p<=i;p++){const _=k(t.value,n.value,p);m.push({key:`c-${p}`,day:p,value:_,otherMonth:!1,isToday:_===l})}let B=1;for(;m.length<42;)m.push({key:`n-${B}`,day:B,value:k(t.value,n.value+1,B),otherMonth:!0,isToday:!1}),B++;return m});function o(){n.value===0?(n.value=11,t.value--):n.value--}function E(){n.value===11?(n.value=0,t.value++):n.value++}function M(){u.value=t.value-5,c.value="year"}function S(){c.value="month"}function N(){c.value="date"}function P(l){t.value=l,c.value="date"}function F(){u.value-=12}function $(){u.value+=12}function T(l){n.value=l,c.value="date"}function Y(){t.value--}function L(){t.value++}function z(l){f("select",l.value)}return(l,i)=>(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",I,[e.createCommentVNode(" 日历视图：‹ › 切月，点年份/月份进入对应网格 "),c.value==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{type:"button",class:"ui-date-panel__arrow",onClick:o},"‹"),e.createElementVNode("span",U,[e.createElementVNode("span",{class:"ui-date-panel__year-link",onClick:M},e.toDisplayString(t.value)+" 年",1),e.createElementVNode("span",{class:"ui-date-panel__month-link",onClick:S},e.toDisplayString(n.value+1)+" 月",1)]),e.createElementVNode("button",{type:"button",class:"ui-date-panel__arrow",onClick:E},"›")],64)):c.value==="year"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" 年网格：‹ › 切年段，点标题返回 "),e.createElementVNode("button",{type:"button",class:"ui-date-panel__arrow",onClick:F},"‹"),e.createElementVNode("span",{class:"ui-date-panel__title ui-date-panel__title--back",onClick:N},e.toDisplayString(u.value)+" - "+e.toDisplayString(u.value+11)+" 年 ",1),e.createElementVNode("button",{type:"button",class:"ui-date-panel__arrow",onClick:$},"›")],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createCommentVNode(" 月网格：‹ › 切年，点标题返回 "),e.createElementVNode("button",{type:"button",class:"ui-date-panel__arrow",onClick:Y},"‹"),e.createElementVNode("span",{class:"ui-date-panel__title ui-date-panel__title--back",onClick:N},e.toDisplayString(t.value)+" 年 ",1),e.createElementVNode("button",{type:"button",class:"ui-date-panel__arrow",onClick:L},"›")],64))]),e.createCommentVNode(" 日历视图：星期 + 日期格 "),c.value==="date"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",x,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(h,a=>e.createElementVNode("span",{key:a,class:"ui-date-panel__week-cell"},e.toDisplayString(a),1)),64))]),e.createElementVNode("div",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,a=>(e.openBlock(),e.createElementBlock("span",{key:a.key,class:e.normalizeClass(["ui-date-panel__cell",{"is-other":a.otherMonth,"is-today":a.isToday,"is-selected":a.value===r.modelValue}]),onClick:d=>z(a)},e.toDisplayString(a.day),11,j))),128))])],64)):c.value==="year"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" 年网格：12 年 "),e.createElementVNode("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,a=>(e.openBlock(),e.createElementBlock("span",{key:a,class:e.normalizeClass(["ui-date-panel__year-cell",{"is-current":a===t.value}]),onClick:d=>P(a)},e.toDisplayString(a),11,A))),128))])],2112)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createCommentVNode(" 月网格：12 个月 "),e.createElementVNode("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),(a,d)=>(e.openBlock(),e.createElementBlock("span",{key:a,class:e.normalizeClass(["ui-date-panel__month-cell",{"is-current":d===n.value}]),onClick:m=>T(d)},e.toDisplayString(a),11,W))),128))])],2112))]))}}),H=["value","placeholder","disabled"],b=e.defineComponent({__name:"date-picker",props:D,emits:w,setup(r,{emit:V}){const y=r,f=V,h=e.ref(""),v=e.computed({get:()=>y.modelValue??h.value,set:o=>{h.value=o,f("update:modelValue",o)}}),s=e.ref(!1),t=e.ref();function n(){y.disabled||(s.value=!0)}function c(){s.value=!1}function u(){s.value?c():n()}function C(o){v.value=o,f("change",o),c()}function k(){v.value="",f("clear")}function g(o){t.value&&!t.value.contains(o.target)&&c()}return e.onMounted(()=>document.addEventListener("click",g)),e.onBeforeUnmount(()=>document.removeEventListener("click",g)),(o,E)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:t,class:e.normalizeClass(["ui-date-picker",{"is-disabled":o.disabled}])},[e.createElementVNode("div",{class:"ui-date-picker__trigger",onClick:u,onKeydown:e.withKeys(u,["enter"])},[e.createElementVNode("input",{class:"ui-date-picker__inner",value:v.value,placeholder:o.placeholder,disabled:o.disabled,readonly:""},null,8,H),o.clearable&&v.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"ui-date-picker__clear",onClick:e.withModifiers(k,["stop"])},"×")):e.createCommentVNode("v-if",!0)],32),e.createCommentVNode(" @click.stop：面板内部点击不冒泡到 document，避免内部节点因视图切换被移除时误触发「点击外部关闭」 "),s.value?(e.openBlock(),e.createBlock(G,{key:0,"model-value":v.value,onSelect:C,onClick:E[0]||(E[0]=e.withModifiers(()=>{},["stop"]))},null,8,["model-value"])):e.createCommentVNode("v-if",!0)],2))}}),J={name:"UiDatePicker",install(r){r.component("UiDatePicker",b)}};exports.DatePicker=b;exports.DatePickerPlugin=J;exports.datePickerEmits=w;exports.datePickerProps=D;exports.default=b;

package/dist/index.js

@@ -0,0 +1,369 @@
+import { defineComponent as R, ref as b, computed as E, openBlock as o, createElementBlock as u, createElementVNode as a, createCommentVNode as y, Fragment as v, toDisplayString as h, renderList as S, normalizeClass as Y, unref as q, onMounted as G, onBeforeUnmount as H, withKeys as J, withModifiers as L, createBlock as O } from "vue";
+const Q = {
+  modelValue: { type: String, default: void 0 },
+  placeholder: { type: String, default: "请选择日期" },
+  disabled: Boolean,
+  clearable: Boolean
+}, X = {
+  "update:modelValue": (c) => typeof c == "string",
+  change: (c) => typeof c == "string",
+  clear: () => !0
+}, Z = { class: "ui-date-panel" }, ee = { class: "ui-date-panel__header" }, te = { class: "ui-date-panel__title" }, ae = { class: "ui-date-panel__week" }, ne = { class: "ui-date-panel__body" }, le = ["onClick"], oe = { class: "ui-date-panel__year-body" }, ue = ["onClick"], se = { class: "ui-date-panel__month-body" }, ie = ["onClick"], ce = /* @__PURE__ */ R({
+  __name: "date-panel",
+  props: {
+    modelValue: {}
+  },
+  emits: ["select"],
+  setup(c, { emit: T }) {
+    const w = c, M = T, D = ["日", "一", "二", "三", "四", "五", "六"], m = Array.from({ length: 12 }, (l, d) => `${d + 1} 月`), r = /* @__PURE__ */ new Date(), e = b(r.getFullYear()), n = b(r.getMonth());
+    if (w.modelValue) {
+      const l = w.modelValue.split("-").map(Number);
+      l.length === 3 && (e.value = l[0], n.value = l[1] - 1);
+    }
+    const i = b("date"), p = b(e.value - 5), B = E(() => {
+      const l = [];
+      for (let d = 0; d < 12; d++) l.push(p.value + d);
+      return l;
+    });
+    function g(l, d, t) {
+      const _ = (f) => String(f).padStart(2, "0");
+      return `${l}-${_(d + 1)}-${_(t)}`;
+    }
+    const $ = E(() => {
+      const l = g(r.getFullYear(), r.getMonth(), r.getDate()), d = new Date(e.value, n.value + 1, 0).getDate(), t = new Date(e.value, n.value, 1).getDay(), _ = new Date(e.value, n.value, 0).getDate(), f = [];
+      for (let k = t - 1; k >= 0; k--) {
+        const C = _ - k;
+        f.push({
+          key: `p-${C}`,
+          day: C,
+          value: g(e.value, n.value - 1, C),
+          otherMonth: !0,
+          isToday: !1
+        });
+      }
+      for (let k = 1; k <= d; k++) {
+        const C = g(e.value, n.value, k);
+        f.push({ key: `c-${k}`, day: k, value: C, otherMonth: !1, isToday: C === l });
+      }
+      let P = 1;
+      for (; f.length < 42; )
+        f.push({
+          key: `n-${P}`,
+          day: P,
+          value: g(e.value, n.value + 1, P),
+          otherMonth: !0,
+          isToday: !1
+        }), P++;
+      return f;
+    });
+    function s() {
+      n.value === 0 ? (n.value = 11, e.value--) : n.value--;
+    }
+    function V() {
+      n.value === 11 ? (n.value = 0, e.value++) : n.value++;
+    }
+    function x() {
+      p.value = e.value - 5, i.value = "year";
+    }
+    function F() {
+      i.value = "month";
+    }
+    function N() {
+      i.value = "date";
+    }
+    function I(l) {
+      e.value = l, i.value = "date";
+    }
+    function U() {
+      p.value -= 12;
+    }
+    function K() {
+      p.value += 12;
+    }
+    function z(l) {
+      n.value = l, i.value = "date";
+    }
+    function A() {
+      e.value--;
+    }
+    function W() {
+      e.value++;
+    }
+    function j(l) {
+      M("select", l.value);
+    }
+    return (l, d) => (o(), u("div", Z, [
+      a("div", ee, [
+        y(" 日历视图：‹ › 切月，点年份/月份进入对应网格 "),
+        i.value === "date" ? (o(), u(
+          v,
+          { key: 0 },
+          [
+            a("button", {
+              type: "button",
+              class: "ui-date-panel__arrow",
+              onClick: s
+            }, "‹"),
+            a("span", te, [
+              a(
+                "span",
+                {
+                  class: "ui-date-panel__year-link",
+                  onClick: x
+                },
+                h(e.value) + " 年",
+                1
+                /* TEXT */
+              ),
+              a(
+                "span",
+                {
+                  class: "ui-date-panel__month-link",
+                  onClick: F
+                },
+                h(n.value + 1) + " 月",
+                1
+                /* TEXT */
+              )
+            ]),
+            a("button", {
+              type: "button",
+              class: "ui-date-panel__arrow",
+              onClick: V
+            }, "›")
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : i.value === "year" ? (o(), u(
+          v,
+          { key: 1 },
+          [
+            y(" 年网格：‹ › 切年段，点标题返回 "),
+            a("button", {
+              type: "button",
+              class: "ui-date-panel__arrow",
+              onClick: U
+            }, "‹"),
+            a(
+              "span",
+              {
+                class: "ui-date-panel__title ui-date-panel__title--back",
+                onClick: N
+              },
+              h(p.value) + " - " + h(p.value + 11) + " 年 ",
+              1
+              /* TEXT */
+            ),
+            a("button", {
+              type: "button",
+              class: "ui-date-panel__arrow",
+              onClick: K
+            }, "›")
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : (o(), u(
+          v,
+          { key: 2 },
+          [
+            y(" 月网格：‹ › 切年，点标题返回 "),
+            a("button", {
+              type: "button",
+              class: "ui-date-panel__arrow",
+              onClick: A
+            }, "‹"),
+            a(
+              "span",
+              {
+                class: "ui-date-panel__title ui-date-panel__title--back",
+                onClick: N
+              },
+              h(e.value) + " 年 ",
+              1
+              /* TEXT */
+            ),
+            a("button", {
+              type: "button",
+              class: "ui-date-panel__arrow",
+              onClick: W
+            }, "›")
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))
+      ]),
+      y(" 日历视图：星期 + 日期格 "),
+      i.value === "date" ? (o(), u(
+        v,
+        { key: 0 },
+        [
+          a("div", ae, [
+            (o(), u(
+              v,
+              null,
+              S(D, (t) => a(
+                "span",
+                {
+                  key: t,
+                  class: "ui-date-panel__week-cell"
+                },
+                h(t),
+                1
+                /* TEXT */
+              )),
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ]),
+          a("div", ne, [
+            (o(!0), u(
+              v,
+              null,
+              S($.value, (t) => (o(), u("span", {
+                key: t.key,
+                class: Y(["ui-date-panel__cell", {
+                  "is-other": t.otherMonth,
+                  "is-today": t.isToday,
+                  "is-selected": t.value === c.modelValue
+                }]),
+                onClick: (_) => j(t)
+              }, h(t.day), 11, le))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      )) : i.value === "year" ? (o(), u(
+        v,
+        { key: 1 },
+        [
+          y(" 年网格：12 年 "),
+          a("div", oe, [
+            (o(!0), u(
+              v,
+              null,
+              S(B.value, (t) => (o(), u("span", {
+                key: t,
+                class: Y(["ui-date-panel__year-cell", { "is-current": t === e.value }]),
+                onClick: (_) => I(t)
+              }, h(t), 11, ue))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      )) : (o(), u(
+        v,
+        { key: 2 },
+        [
+          y(" 月网格：12 个月 "),
+          a("div", se, [
+            (o(!0), u(
+              v,
+              null,
+              S(q(m), (t, _) => (o(), u("span", {
+                key: t,
+                class: Y(["ui-date-panel__month-cell", { "is-current": _ === n.value }]),
+                onClick: (f) => z(_)
+              }, h(t), 11, ie))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ],
+        2112
+        /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+      ))
+    ]));
+  }
+}), re = ["value", "placeholder", "disabled"], de = /* @__PURE__ */ R({
+  __name: "date-picker",
+  props: Q,
+  emits: X,
+  setup(c, { emit: T }) {
+    const w = c, M = T, D = b(""), m = E({
+      get: () => w.modelValue ?? D.value,
+      set: (s) => {
+        D.value = s, M("update:modelValue", s);
+      }
+    }), r = b(!1), e = b();
+    function n() {
+      w.disabled || (r.value = !0);
+    }
+    function i() {
+      r.value = !1;
+    }
+    function p() {
+      r.value ? i() : n();
+    }
+    function B(s) {
+      m.value = s, M("change", s), i();
+    }
+    function g() {
+      m.value = "", M("clear");
+    }
+    function $(s) {
+      e.value && !e.value.contains(s.target) && i();
+    }
+    return G(() => document.addEventListener("click", $)), H(() => document.removeEventListener("click", $)), (s, V) => (o(), u(
+      "div",
+      {
+        ref_key: "wrapperRef",
+        ref: e,
+        class: Y(["ui-date-picker", { "is-disabled": s.disabled }])
+      },
+      [
+        a(
+          "div",
+          {
+            class: "ui-date-picker__trigger",
+            onClick: p,
+            onKeydown: J(p, ["enter"])
+          },
+          [
+            a("input", {
+              class: "ui-date-picker__inner",
+              value: m.value,
+              placeholder: s.placeholder,
+              disabled: s.disabled,
+              readonly: ""
+            }, null, 8, re),
+            s.clearable && m.value ? (o(), u("span", {
+              key: 0,
+              class: "ui-date-picker__clear",
+              onClick: L(g, ["stop"])
+            }, "×")) : y("v-if", !0)
+          ],
+          32
+          /* NEED_HYDRATION */
+        ),
+        y(" @click.stop：面板内部点击不冒泡到 document，避免内部节点因视图切换被移除时误触发「点击外部关闭」 "),
+        r.value ? (o(), O(ce, {
+          key: 0,
+          "model-value": m.value,
+          onSelect: B,
+          onClick: V[0] || (V[0] = L(() => {
+          }, ["stop"]))
+        }, null, 8, ["model-value"])) : y("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), pe = {
+  name: "UiDatePicker",
+  install(c) {
+    c.component("UiDatePicker", de);
+  }
+};
+export {
+  de as DatePicker,
+  pe as DatePickerPlugin,
+  X as datePickerEmits,
+  Q as datePickerProps,
+  de as default
+};

package/dist/packages/components/__tests__/loading.spec.d.ts

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

package/dist/packages/components/badge/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Badge } from './src/badge.vue';
+
+export declare const BadgePlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Badge };
+export default Badge;
+export * from './src/badge';

package/dist/packages/components/badge/src/badge.d.ts

@@ -0,0 +1,25 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const badgeProps: {
+    readonly value: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly isDot: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly hidden: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "danger";
+    };
+};
+export type BadgeProps = ExtractPropTypes<typeof badgeProps>;

package/dist/packages/components/breadcrumb/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as Breadcrumb } from './src/breadcrumb.vue';
+import { default as BreadcrumbItem } from './src/breadcrumb-item.vue';
+
+export declare const BreadcrumbPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Breadcrumb, BreadcrumbItem };
+export default Breadcrumb;
+export * from './src/breadcrumb';
+export * from './src/breadcrumb-item';

package/dist/packages/components/breadcrumb/src/breadcrumb-item.d.ts

@@ -0,0 +1,13 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const breadcrumbItemProps: {
+    readonly to: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly replace: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>;

package/dist/packages/components/breadcrumb/src/breadcrumb.d.ts

@@ -0,0 +1,10 @@
+import { ExtractPropTypes, InjectionKey } from 'vue';
+
+export declare const breadcrumbProps: {
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "/";
+    };
+};
+export type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>;
+export declare const breadcrumbSeparatorKey: InjectionKey<string>;

package/dist/packages/components/button/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Button } from './src/button.vue';
+
+export declare const ButtonPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Button };
+export default Button;
+export * from './src/button';

package/dist/packages/components/button/src/button.d.ts

@@ -0,0 +1,25 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const buttonProps: {
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "default";
+    };
+    readonly size: {
+        readonly type: StringConstructor;
+        readonly default: "medium";
+    };
+    readonly plain: BooleanConstructor;
+    readonly round: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly loading: BooleanConstructor;
+    /** 原生 button 的 type，默认 button（避免误触发表单提交） */
+    readonly 'native-type': {
+        readonly type: StringConstructor;
+        readonly default: "button";
+    };
+};
+export declare const buttonEmits: {
+    click: (e: MouseEvent) => boolean;
+};
+export type ButtonProps = ExtractPropTypes<typeof buttonProps>;

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

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as DatePicker } from './src/date-picker.vue';
+
+export declare const DatePickerPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { DatePicker };
+export default DatePicker;
+export * from './src/date-picker';

package/dist/packages/components/date-picker/src/date-panel.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (date: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string;
+}>>> & Readonly<{
+    onSelect?: ((date: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/packages/components/date-picker/src/date-picker.d.ts

@@ -0,0 +1,20 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const datePickerProps: {
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择日期";
+    };
+    readonly disabled: BooleanConstructor;
+    readonly clearable: BooleanConstructor;
+};
+export declare const datePickerEmits: {
+    'update:modelValue': (val: string) => boolean;
+    change: (val: string) => boolean;
+    clear: () => boolean;
+};
+export type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;

package/dist/packages/components/date-picker/src/date-picker.vue.d.ts

@@ -0,0 +1,37 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择日期";
+    };
+    readonly disabled: BooleanConstructor;
+    readonly clearable: BooleanConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (val: string) => void;
+    change: (val: string) => void;
+    clear: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择日期";
+    };
+    readonly disabled: BooleanConstructor;
+    readonly clearable: BooleanConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    onChange?: ((val: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+    readonly modelValue: string;
+    readonly placeholder: string;
+    readonly clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/packages/components/descriptions/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as Descriptions } from './src/descriptions.vue';
+import { default as DescriptionsItem } from './src/descriptions-item.vue';
+
+export declare const DescriptionsPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Descriptions, DescriptionsItem };
+export default Descriptions;
+export * from './src/descriptions';
+export * from './src/descriptions-item';

package/dist/packages/components/descriptions/src/descriptions-item.d.ts

@@ -0,0 +1,13 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const descriptionsItemProps: {
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly span: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+};
+export type DescriptionsItemProps = ExtractPropTypes<typeof descriptionsItemProps>;

package/dist/packages/components/descriptions/src/descriptions.d.ts

@@ -0,0 +1,17 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const descriptionsProps: {
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly column: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly border: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type DescriptionsProps = ExtractPropTypes<typeof descriptionsProps>;

package/dist/packages/components/divider/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Divider } from './src/divider.vue';
+
+export declare const DividerPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Divider };
+export default Divider;
+export * from './src/divider';

package/dist/packages/components/divider/src/divider.d.ts

@@ -0,0 +1,20 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const dividerProps: {
+    /** 分割线方向 */
+    readonly direction: {
+        readonly type: StringConstructor;
+        readonly default: "horizontal";
+    };
+    /** 文案在分割线上的位置 */
+    readonly contentPosition: {
+        readonly type: StringConstructor;
+        readonly default: "center";
+    };
+    /** 是否使用虚线 */
+    readonly dashed: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type DividerProps = ExtractPropTypes<typeof dividerProps>;