@ccn-ui-kit/select 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,Number,Array],default:void 0},options:{type:Array,default:()=>[]},placeholder:{type:String,default:"请选择"},disabled:Boolean,clearable:Boolean,multiple:Boolean,filterable:Boolean},M={"update:modelValue":s=>!0,change:s=>!0,clear:()=>!0,"visible-change":s=>typeof s=="boolean"},H=["aria-expanded","aria-disabled","tabindex"],$=["value","placeholder"],K=["onClick"],j=["value","placeholder"],q={key:1,class:"ui-select__selected is-placeholder"},G={class:"ui-select__suffix"},J={key:0,class:"ui-select__list"},Q=["aria-selected","onMouseenter","onClick"],W={class:"ui-select__item-label"},X={key:0,class:"ui-select__item-check"},Y={key:1,class:"ui-select__empty"},B=e.defineComponent({__name:"select",props:D,emits:M,setup(s,{emit:F}){const o=s,d=F,E=e.ref(o.modelValue),p=e.ref(),w=e.ref(),b=e.ref(),i=e.ref(!1),u=e.ref(""),c=e.ref(-1),C=e.ref(!1),a=e.computed({get:()=>o.modelValue??E.value,set:l=>{E.value=l,d("update:modelValue",l)}}),m=e.computed(()=>{if(o.multiple){const l=Array.isArray(a.value)?a.value:[];return o.options.filter(t=>l.includes(t.value))}return o.options.filter(l=>l.value===a.value)}),k=e.computed(()=>{var l;return((l=m.value[0])==null?void 0:l.label)??""}),T=e.computed(()=>o.multiple?(Array.isArray(a.value)?a.value:[]).length>0:a.value!==void 0&&a.value!==null&&a.value!==""),h=e.computed(()=>{if(!o.filterable||!u.value.trim())return o.options;const l=u.value.trim().toLowerCase();return o.options.filter(t=>t.label.toLowerCase().includes(l))}),I=e.computed(()=>o.filterable?o.multiple?u.value:u.value||(i.value?"":k.value):"");function V(l){u.value=l.target.value,c.value=-1,i.value||v()}function R(){o.disabled||(i.value?i.value=!1:v())}function v(){o.disabled||i.value||(i.value=!0,e.nextTick(N))}function N(){const l=p.value,t=w.value;if(!l||!t)return;const n=l.getBoundingClientRect(),r=t.clientHeight||0,g=window.innerHeight-n.bottom,U=n.top;C.value=r>0&&g<r&&U>g}function f(){i.value&&N()}function S(){var l;o.filterable&&((l=b.value)==null||l.focus())}function A(l){if(!(o.disabled||l.disabled)){if(o.multiple){const t=Array.isArray(a.value)?[...a.value]:[],n=t.indexOf(l.value);n>=0?t.splice(n,1):t.push(l.value),a.value=t,e.nextTick(S)}else a.value=l.value,i.value=!1;d("change",a.value)}}function z(l){if(o.disabled||l.disabled)return;const t=Array.isArray(a.value)?[...a.value]:[],n=t.indexOf(l.value);n>=0&&(t.splice(n,1),a.value=t,d("change",a.value))}function O(){a.value=o.multiple?[]:void 0,d("change",a.value),d("clear")}function _(l){return o.multiple?(Array.isArray(a.value)?a.value:[]).includes(l.value):a.value===l.value}function P(l){if(!o.disabled)switch(l.key){case"ArrowDown":l.preventDefault(),i.value?L(1):v();break;case"ArrowUp":l.preventDefault(),i.value&&L(-1);break;case"Enter":if(l.preventDefault(),i.value){const t=h.value[c.value];t&&A(t)}else v();break;case"Escape":i.value&&(l.preventDefault(),i.value=!1);break}}function L(l){const t=h.value;if(!t.length)return;let n=c.value;for(let r=0;r<t.length;r++)if(n=(n+l+t.length)%t.length,!t[n].disabled){c.value=n;return}}function y(l){!p.value||p.value.contains(l.target)||(i.value=!1)}function x(l){var n;const t=l.relatedTarget;t instanceof Node&&((n=p.value)!=null&&n.contains(t))||(i.value=!1)}return e.watch(i,l=>{l?(document.addEventListener("mousedown",y),window.addEventListener("resize",f),document.addEventListener("scroll",f,!0),e.nextTick(S)):(document.removeEventListener("mousedown",y),window.removeEventListener("resize",f),document.removeEventListener("scroll",f,!0),u.value="",c.value=-1),d("visible-change",l)}),e.onBeforeUnmount(()=>{document.removeEventListener("mousedown",y),window.removeEventListener("resize",f),document.removeEventListener("scroll",f,!0)}),(l,t)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:p,class:e.normalizeClass(["ui-select",{"is-disabled":l.disabled,"is-open":i.value,"is-multiple":l.multiple,"is-up":C.value}]),onKeydown:P,onFocusout:x},[e.createCommentVNode(" 触发器：点击展开，展示选中内容 "),e.createElementVNode("div",{class:"ui-select__trigger",role:"combobox","aria-haspopup":"listbox","aria-expanded":i.value,"aria-disabled":l.disabled||void 0,tabindex:l.disabled?-1:0,onClick:R},[e.createCommentVNode(" 单选：可搜索时用输入框承载过滤词，否则用文案展示 "),l.multiple?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createCommentVNode(" 多选：标签 + 可选搜索框 "),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,n=>(e.openBlock(),e.createElementBlock("span",{key:String(n.value),class:"ui-select__tag"},[e.createTextVNode(e.toDisplayString(n.label)+" ",1),e.createElementVNode("span",{class:"ui-select__tag-close","aria-hidden":"true",onClick:e.withModifiers(r=>z(n),["stop"])},"×",8,K)]))),128)),l.filterable?(e.openBlock(),e.createElementBlock("input",{key:0,ref_key:"filterInputRef",ref:b,class:"ui-select__filter",value:u.value,placeholder:m.value.length?"":l.placeholder,onInput:V,onFocus:v,onClick:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,40,j)):e.createCommentVNode("v-if",!0),!l.filterable&&!m.value.length?(e.openBlock(),e.createElementBlock("span",q,e.toDisplayString(l.placeholder),1)):e.createCommentVNode("v-if",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.filterable?(e.openBlock(),e.createElementBlock("input",{key:0,ref_key:"filterInputRef",ref:b,class:"ui-select__filter",value:I.value,placeholder:k.value||l.placeholder,onInput:V,onFocus:v,onClick:t[0]||(t[0]=e.withModifiers(()=>{},["stop"]))},null,40,$)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["ui-select__selected",{"is-placeholder":!k.value}])},e.toDisplayString(k.value||l.placeholder),3))],64)),e.createCommentVNode(" 后缀：清除按钮 + 箭头 "),e.createElementVNode("span",G,[l.clearable&&T.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"ui-select__clear","aria-hidden":"true",onClick:e.withModifiers(O,["stop"])},"×")):e.createCommentVNode("v-if",!0),t[3]||(t[3]=e.createElementVNode("span",{class:"ui-select__arrow","aria-hidden":"true"},"▾",-1))])],8,H),e.createCommentVNode(" 下拉面板 "),e.createVNode(e.Transition,{name:"ui-select-fade"},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"panelRef",ref:w,class:"ui-select__panel",role:"listbox"},[h.value.length?(e.openBlock(),e.createElementBlock("ul",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(n,r)=>(e.openBlock(),e.createElementBlock("li",{key:String(n.value),role:"option","aria-selected":_(n),class:e.normalizeClass(["ui-select__item",{"is-selected":_(n),"is-disabled":n.disabled,"is-highlighted":r===c.value}]),onMouseenter:g=>c.value=r,onMousedown:t[2]||(t[2]=e.withModifiers(()=>{},["prevent"])),onClick:g=>A(n)},[e.createElementVNode("span",W,e.toDisplayString(n.label),1),_(n)?(e.openBlock(),e.createElementBlock("span",X,"✓")):e.createCommentVNode("v-if",!0)],42,Q))),128))])):(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(l.options.length?"无匹配数据":"暂无数据"),1))],512)):e.createCommentVNode("v-if",!0)]),_:1})],34))}}),Z={name:"UiSelect",install(s){s.component("UiSelect",B)}};exports.Select=B;exports.SelectPlugin=Z;exports.default=B;exports.selectEmits=M;exports.selectProps=D;

package/dist/index.js

@@ -0,0 +1,342 @@
+import { defineComponent as W, ref as c, computed as b, watch as X, nextTick as I, onBeforeUnmount as Y, openBlock as s, createElementBlock as u, normalizeClass as R, createCommentVNode as r, createElementVNode as g, Fragment as L, withModifiers as y, toDisplayString as k, renderList as z, createTextVNode as Z, createVNode as ee, Transition as le, withCtx as te } from "vue";
+const ae = {
+  /** 选中值（v-model）。multiple 时为数组 */
+  modelValue: {
+    type: [String, Number, Array],
+    default: void 0
+  },
+  /** 选项列表 */
+  options: {
+    type: Array,
+    default: () => []
+  },
+  /** 空状态占位文案 */
+  placeholder: { type: String, default: "请选择" },
+  /** 是否禁用 */
+  disabled: Boolean,
+  /** 是否显示清除按钮 */
+  clearable: Boolean,
+  /** 是否多选 */
+  multiple: Boolean,
+  /** 是否可输入过滤 */
+  filterable: Boolean
+}, ne = {
+  "update:modelValue": (d) => !0,
+  /** 选中值变化时触发（单选为值，多选为数组） */
+  change: (d) => !0,
+  /** 点击清除按钮触发 */
+  clear: () => !0,
+  /** 下拉面板显隐变化 */
+  "visible-change": (d) => typeof d == "boolean"
+}, ie = ["aria-expanded", "aria-disabled", "tabindex"], se = ["value", "placeholder"], ue = ["onClick"], re = ["value", "placeholder"], oe = {
+  key: 1,
+  class: "ui-select__selected is-placeholder"
+}, ce = { class: "ui-select__suffix" }, de = {
+  key: 0,
+  class: "ui-select__list"
+}, ve = ["aria-selected", "onMouseenter", "onClick"], fe = { class: "ui-select__item-label" }, pe = {
+  key: 0,
+  class: "ui-select__item-check"
+}, me = {
+  key: 1,
+  class: "ui-select__empty"
+}, he = /* @__PURE__ */ W({
+  __name: "select",
+  props: ae,
+  emits: ne,
+  setup(d, { emit: H }) {
+    const n = d, p = H, D = c(n.modelValue), _ = c(), F = c(), V = c(), i = c(!1), v = c(""), f = c(-1), T = c(!1), a = b({
+      get: () => n.modelValue ?? D.value,
+      set: (e) => {
+        D.value = e, p("update:modelValue", e);
+      }
+    }), w = b(() => {
+      if (n.multiple) {
+        const e = Array.isArray(a.value) ? a.value : [];
+        return n.options.filter((l) => e.includes(l.value));
+      }
+      return n.options.filter((e) => e.value === a.value);
+    }), C = b(() => {
+      var e;
+      return ((e = w.value[0]) == null ? void 0 : e.label) ?? "";
+    }), P = b(() => n.multiple ? (Array.isArray(a.value) ? a.value : []).length > 0 : a.value !== void 0 && a.value !== null && a.value !== ""), A = b(() => {
+      if (!n.filterable || !v.value.trim()) return n.options;
+      const e = v.value.trim().toLowerCase();
+      return n.options.filter((l) => l.label.toLowerCase().includes(e));
+    }), $ = b(() => n.filterable ? n.multiple ? v.value : v.value || (i.value ? "" : C.value) : "");
+    function N(e) {
+      v.value = e.target.value, f.value = -1, i.value || m();
+    }
+    function K() {
+      n.disabled || (i.value ? i.value = !1 : m());
+    }
+    function m() {
+      n.disabled || i.value || (i.value = !0, I(M));
+    }
+    function M() {
+      const e = _.value, l = F.value;
+      if (!e || !l) return;
+      const t = e.getBoundingClientRect(), o = l.clientHeight || 0, E = window.innerHeight - t.bottom, Q = t.top;
+      T.value = o > 0 && E < o && Q > E;
+    }
+    function h() {
+      i.value && M();
+    }
+    function O() {
+      var e;
+      n.filterable && ((e = V.value) == null || e.focus());
+    }
+    function U(e) {
+      if (!(n.disabled || e.disabled)) {
+        if (n.multiple) {
+          const l = Array.isArray(a.value) ? [...a.value] : [], t = l.indexOf(e.value);
+          t >= 0 ? l.splice(t, 1) : l.push(e.value), a.value = l, I(O);
+        } else
+          a.value = e.value, i.value = !1;
+        p("change", a.value);
+      }
+    }
+    function j(e) {
+      if (n.disabled || e.disabled) return;
+      const l = Array.isArray(a.value) ? [...a.value] : [], t = l.indexOf(e.value);
+      t >= 0 && (l.splice(t, 1), a.value = l, p("change", a.value));
+    }
+    function q() {
+      a.value = n.multiple ? [] : void 0, p("change", a.value), p("clear");
+    }
+    function S(e) {
+      return n.multiple ? (Array.isArray(a.value) ? a.value : []).includes(e.value) : a.value === e.value;
+    }
+    function G(e) {
+      if (!n.disabled)
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault(), i.value ? x(1) : m();
+            break;
+          case "ArrowUp":
+            e.preventDefault(), i.value && x(-1);
+            break;
+          case "Enter":
+            if (e.preventDefault(), i.value) {
+              const l = A.value[f.value];
+              l && U(l);
+            } else
+              m();
+            break;
+          case "Escape":
+            i.value && (e.preventDefault(), i.value = !1);
+            break;
+        }
+    }
+    function x(e) {
+      const l = A.value;
+      if (!l.length) return;
+      let t = f.value;
+      for (let o = 0; o < l.length; o++)
+        if (t = (t + e + l.length) % l.length, !l[t].disabled) {
+          f.value = t;
+          return;
+        }
+    }
+    function B(e) {
+      !_.value || _.value.contains(e.target) || (i.value = !1);
+    }
+    function J(e) {
+      var t;
+      const l = e.relatedTarget;
+      l instanceof Node && ((t = _.value) != null && t.contains(l)) || (i.value = !1);
+    }
+    return X(i, (e) => {
+      e ? (document.addEventListener("mousedown", B), window.addEventListener("resize", h), document.addEventListener("scroll", h, !0), I(O)) : (document.removeEventListener("mousedown", B), window.removeEventListener("resize", h), document.removeEventListener("scroll", h, !0), v.value = "", f.value = -1), p("visible-change", e);
+    }), Y(() => {
+      document.removeEventListener("mousedown", B), window.removeEventListener("resize", h), document.removeEventListener("scroll", h, !0);
+    }), (e, l) => (s(), u(
+      "div",
+      {
+        ref_key: "rootRef",
+        ref: _,
+        class: R(["ui-select", { "is-disabled": e.disabled, "is-open": i.value, "is-multiple": e.multiple, "is-up": T.value }]),
+        onKeydown: G,
+        onFocusout: J
+      },
+      [
+        r(" 触发器：点击展开，展示选中内容 "),
+        g("div", {
+          class: "ui-select__trigger",
+          role: "combobox",
+          "aria-haspopup": "listbox",
+          "aria-expanded": i.value,
+          "aria-disabled": e.disabled || void 0,
+          tabindex: e.disabled ? -1 : 0,
+          onClick: K
+        }, [
+          r(" 单选：可搜索时用输入框承载过滤词，否则用文案展示 "),
+          e.multiple ? (s(), u(
+            L,
+            { key: 1 },
+            [
+              r(" 多选：标签 + 可选搜索框 "),
+              (s(!0), u(
+                L,
+                null,
+                z(w.value, (t) => (s(), u("span", {
+                  key: String(t.value),
+                  class: "ui-select__tag"
+                }, [
+                  Z(
+                    k(t.label) + " ",
+                    1
+                    /* TEXT */
+                  ),
+                  g("span", {
+                    class: "ui-select__tag-close",
+                    "aria-hidden": "true",
+                    onClick: y((o) => j(t), ["stop"])
+                  }, "×", 8, ue)
+                ]))),
+                128
+                /* KEYED_FRAGMENT */
+              )),
+              e.filterable ? (s(), u("input", {
+                key: 0,
+                ref_key: "filterInputRef",
+                ref: V,
+                class: "ui-select__filter",
+                value: v.value,
+                placeholder: w.value.length ? "" : e.placeholder,
+                onInput: N,
+                onFocus: m,
+                onClick: l[1] || (l[1] = y(() => {
+                }, ["stop"]))
+              }, null, 40, re)) : r("v-if", !0),
+              !e.filterable && !w.value.length ? (s(), u(
+                "span",
+                oe,
+                k(e.placeholder),
+                1
+                /* TEXT */
+              )) : r("v-if", !0)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : (s(), u(
+            L,
+            { key: 0 },
+            [
+              e.filterable ? (s(), u("input", {
+                key: 0,
+                ref_key: "filterInputRef",
+                ref: V,
+                class: "ui-select__filter",
+                value: $.value,
+                placeholder: C.value || e.placeholder,
+                onInput: N,
+                onFocus: m,
+                onClick: l[0] || (l[0] = y(() => {
+                }, ["stop"]))
+              }, null, 40, se)) : (s(), u(
+                "span",
+                {
+                  key: 1,
+                  class: R(["ui-select__selected", { "is-placeholder": !C.value }])
+                },
+                k(C.value || e.placeholder),
+                3
+                /* TEXT, CLASS */
+              ))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )),
+          r(" 后缀：清除按钮 + 箭头 "),
+          g("span", ce, [
+            e.clearable && P.value ? (s(), u("span", {
+              key: 0,
+              class: "ui-select__clear",
+              "aria-hidden": "true",
+              onClick: y(q, ["stop"])
+            }, "×")) : r("v-if", !0),
+            l[3] || (l[3] = g(
+              "span",
+              {
+                class: "ui-select__arrow",
+                "aria-hidden": "true"
+              },
+              "▾",
+              -1
+              /* CACHED */
+            ))
+          ])
+        ], 8, ie),
+        r(" 下拉面板 "),
+        ee(le, { name: "ui-select-fade" }, {
+          default: te(() => [
+            i.value ? (s(), u(
+              "div",
+              {
+                key: 0,
+                ref_key: "panelRef",
+                ref: F,
+                class: "ui-select__panel",
+                role: "listbox"
+              },
+              [
+                A.value.length ? (s(), u("ul", de, [
+                  (s(!0), u(
+                    L,
+                    null,
+                    z(A.value, (t, o) => (s(), u("li", {
+                      key: String(t.value),
+                      role: "option",
+                      "aria-selected": S(t),
+                      class: R(["ui-select__item", { "is-selected": S(t), "is-disabled": t.disabled, "is-highlighted": o === f.value }]),
+                      onMouseenter: (E) => f.value = o,
+                      onMousedown: l[2] || (l[2] = y(() => {
+                      }, ["prevent"])),
+                      onClick: (E) => U(t)
+                    }, [
+                      g(
+                        "span",
+                        fe,
+                        k(t.label),
+                        1
+                        /* TEXT */
+                      ),
+                      S(t) ? (s(), u("span", pe, "✓")) : r("v-if", !0)
+                    ], 42, ve))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])) : (s(), u(
+                  "div",
+                  me,
+                  k(e.options.length ? "无匹配数据" : "暂无数据"),
+                  1
+                  /* TEXT */
+                ))
+              ],
+              512
+              /* NEED_PATCH */
+            )) : r("v-if", !0)
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ],
+      34
+      /* CLASS, NEED_HYDRATION */
+    ));
+  }
+}), _e = {
+  name: "UiSelect",
+  install(d) {
+    d.component("UiSelect", he);
+  }
+};
+export {
+  he as Select,
+  _e as SelectPlugin,
+  he as default,
+  ne as selectEmits,
+  ae as selectProps
+};

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-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/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>;

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

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

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

@@ -0,0 +1,20 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const dropdownItemProps: {
+    /** 点击时通过 command 事件回传的标识 */
+    readonly command: {
+        readonly type: [StringConstructor, NumberConstructor, ObjectConstructor, BooleanConstructor];
+        readonly default: undefined;
+    };
+    /** 是否禁用 */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 是否显示上方分隔线 */
+    readonly divided: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;

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

@@ -0,0 +1,46 @@
+import { ExtractPropTypes, InjectionKey } from 'vue';
+
+export declare const dropdownProps: {
+    /** 触发方式：hover | click | contextmenu */
+    readonly trigger: {
+        readonly type: StringConstructor;
+        readonly default: "hover";
+    };
+    /** 面板弹出位置 */
+    readonly placement: {
+        readonly type: StringConstructor;
+        readonly default: "bottom-start";
+    };
+    /** 点击菜单项后是否自动关闭 */
+    readonly hideOnClick: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** hover 打开延迟（ms） */
+    readonly showTimeout: {
+        readonly type: NumberConstructor;
+        readonly default: 150;
+    };
+    /** hover 关闭延迟（ms） */
+    readonly hideTimeout: {
+        readonly type: NumberConstructor;
+        readonly default: 150;
+    };
+    /** 是否禁用 */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export declare const dropdownEmits: {
+    /** 点击菜单项触发，参数为该项的 command */
+    command: (_command: unknown) => boolean;
+    /** 面板显隐变化 */
+    'visible-change': (_visible: boolean) => boolean;
+};
+export type DropdownProps = ExtractPropTypes<typeof dropdownProps>;
+/** 提供给 DropdownItem 的上下文 */
+export interface DropdownContext {
+    handleItemClick: (command: unknown) => void;
+}
+export declare const dropdownContextKey: InjectionKey<DropdownContext>;