@ccn-ui-kit/popconfirm 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"),A={type:{type:String,default:"default"},size:{type:String,default:"medium"},plain:Boolean,round:Boolean,disabled:Boolean,loading:Boolean,"native-type":{type:String,default:"button"}},U={click:s=>s instanceof MouseEvent},H=["type","disabled"],j={key:0,class:"ui-button__loading"},x=e.defineComponent({__name:"button",props:A,emits:U,setup(s,{emit:k}){const n=s,f=k;function m(i){n.loading||n.disabled||f("click",i)}return(i,r)=>(e.openBlock(),e.createElementBlock("button",{type:i.nativeType,class:e.normalizeClass(["ui-button",`ui-button--${i.type}`,`ui-button--${i.size}`,{"is-plain":i.plain,"is-round":i.round,"is-disabled":i.disabled}]),disabled:i.disabled,onClick:m},[i.loading?(e.openBlock(),e.createElementBlock("span",j)):e.createCommentVNode("v-if",!0),e.renderSlot(i.$slots,"default")],10,H))}}),P={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},confirmText:{type:String,default:"确定"},cancelText:{type:String,default:"取消"},confirmButtonType:{type:String,default:"primary"},placement:{type:String,default:"top"},width:{type:[Number,String],default:180},trigger:{type:String,default:"click"},disabled:Boolean},z={"update:modelValue":s=>typeof s=="boolean",confirm:()=>!0,cancel:()=>!0,"visible-change":s=>typeof s=="boolean"},q={class:"ui-popconfirm__body"},G={class:"ui-popconfirm__footer"},a=8,S=e.defineComponent({__name:"popconfirm",props:P,emits:z,setup(s,{emit:k}){const n=s,f=k,m=e.ref(),i=e.ref(),r=e.ref(n.modelValue),C=e.ref({}),T=e.ref(n.placement);let h=null,w=null;const N=e.computed(()=>typeof n.width=="number"?`${n.width}px`:n.width);e.watch(()=>n.modelValue,o=>{r.value=o}),e.watch(r,o=>{o!==n.modelValue&&f("update:modelValue",o),f("visible-change",o),o?(document.addEventListener("mousedown",_),window.addEventListener("scroll",d,!0),window.addEventListener("resize",d),e.nextTick(d)):(document.removeEventListener("mousedown",_),window.removeEventListener("scroll",d,!0),window.removeEventListener("resize",d))},{immediate:!0}),e.watch(()=>n.placement,o=>{T.value=o,r.value&&e.nextTick(d)});function d(){const o=m.value,p=i.value;if(!o||!p)return;const t=o.getBoundingClientRect(),c=p.offsetWidth,u=p.offsetHeight,B=window.innerWidth,E=window.innerHeight;let[l,b="center"]=n.placement.split("-");l==="top"&&t.top-u-a<0&&t.bottom+u+a<=E?l="bottom":l==="bottom"&&t.bottom+u+a>E&&t.top-u-a>=0?l="top":l==="left"&&t.left-c-a<0&&t.right+c+a<=B?l="right":l==="right"&&t.right+c+a>B&&t.left-c-a>=0&&(l="left"),T.value=b==="center"?l:`${l}-${b}`;const D={start:t.left,center:t.left+t.width/2-c/2,end:t.right-c},W={start:t.top,center:t.top+t.height/2-u/2,end:t.bottom-u};let v,g;l==="top"||l==="bottom"?(g=D[b],v=l==="top"?t.top-u-a:t.bottom+a,g=Math.min(Math.max(g,0),Math.max(0,B-c))):(v=W[b],g=l==="left"?t.left-c-a:t.right+a,v=Math.min(Math.max(v,0),Math.max(0,E-u))),C.value={top:`${v}px`,left:`${g}px`,minWidth:N.value}}function y(){h&&window.clearTimeout(h),w&&window.clearTimeout(w),h=null,w=null}function $(){n.disabled||(y(),r.value=!r.value)}function V(){n.trigger!=="hover"||n.disabled||(y(),h=window.setTimeout(()=>r.value=!0,150))}function M(){n.trigger==="hover"&&(y(),w=window.setTimeout(()=>r.value=!1,150))}function _(o){var t,c;const p=o.target;(t=m.value)!=null&&t.contains(p)||(c=i.value)!=null&&c.contains(p)||(r.value=!1)}function L(){r.value=!1,f("confirm")}function R(){r.value=!1,f("cancel")}return e.onBeforeUnmount(()=>{document.removeEventListener("mousedown",_),window.removeEventListener("scroll",d,!0),window.removeEventListener("resize",d),y()}),(o,p)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:m,class:"ui-popconfirm",onMouseenter:V,onMouseleave:M},[e.createElementVNode("div",{class:e.normalizeClass(["ui-popconfirm__trigger",{"is-disabled":o.disabled}]),onClick:$},[e.renderSlot(o.$slots,"default")],2),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"ui-popconfirm-fade"},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popperRef",ref:i,class:e.normalizeClass(["ui-popconfirm__popper",`is-${T.value}`]),style:e.normalizeStyle(C.value),role:"tooltip",onMouseenter:V,onMouseleave:M},[e.createElementVNode("div",q,[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),e.createElementVNode("div",G,[e.createVNode(e.unref(x),{size:"small",onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.cancelText),1)]),_:1}),e.createVNode(e.unref(x),{size:"small",type:o.confirmButtonType,onClick:L},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.confirmText),1)]),_:1},8,["type"])])],38)):e.createCommentVNode("v-if",!0)]),_:3})]))],544))}}),O={name:"UiPopconfirm",install(s){s.component("UiPopconfirm",S)}};exports.Popconfirm=S;exports.PopconfirmPlugin=O;exports.default=S;exports.popconfirmEmits=z;exports.popconfirmProps=P;

package/dist/index.js

@@ -0,0 +1,241 @@
+import { defineComponent as G, openBlock as h, createElementBlock as T, normalizeClass as P, createCommentVNode as j, renderSlot as N, ref as g, computed as Q, watch as M, nextTick as U, onBeforeUnmount as X, createElementVNode as $, createBlock as Y, Teleport as Z, createVNode as z, Transition as ee, withCtx as L, normalizeStyle as te, createTextVNode as V, toDisplayString as x, unref as D } from "vue";
+const oe = {
+  type: { type: String, default: "default" },
+  size: { type: String, default: "medium" },
+  plain: Boolean,
+  round: Boolean,
+  disabled: Boolean,
+  loading: Boolean,
+  /** 原生 button 的 type，默认 button（避免误触发表单提交） */
+  "native-type": { type: String, default: "button" }
+}, ne = {
+  click: (a) => a instanceof MouseEvent
+}, ie = ["type", "disabled"], le = {
+  key: 0,
+  class: "ui-button__loading"
+}, H = /* @__PURE__ */ G({
+  __name: "button",
+  props: oe,
+  emits: ne,
+  setup(a, { emit: k }) {
+    const o = a, p = k;
+    function f(n) {
+      o.loading || o.disabled || p("click", n);
+    }
+    return (n, l) => (h(), T("button", {
+      type: n.nativeType,
+      class: P([
+        "ui-button",
+        `ui-button--${n.type}`,
+        `ui-button--${n.size}`,
+        { "is-plain": n.plain, "is-round": n.round, "is-disabled": n.disabled }
+      ]),
+      disabled: n.disabled,
+      onClick: f
+    }, [
+      n.loading ? (h(), T("span", le)) : j("v-if", !0),
+      N(n.$slots, "default")
+    ], 10, ie));
+  }
+}), re = {
+  /** 是否显示（v-model） */
+  modelValue: { type: Boolean, default: !1 },
+  /** 提示文案，也可用 #title 插槽自定义 */
+  title: { type: String, default: "" },
+  /** 确认按钮文案 */
+  confirmText: { type: String, default: "确定" },
+  /** 取消按钮文案 */
+  cancelText: { type: String, default: "取消" },
+  /** 确认按钮类型 */
+  confirmButtonType: { type: String, default: "primary" },
+  /** 面板弹出位置 */
+  placement: { type: String, default: "top" },
+  /** 面板基础宽度（min-width）：内容更长时随按钮/文案自适应变宽 */
+  width: { type: [Number, String], default: 180 },
+  /** 触发方式：click | hover */
+  trigger: { type: String, default: "click" },
+  /** 是否禁用 */
+  disabled: Boolean
+}, ae = {
+  "update:modelValue": (a) => typeof a == "boolean",
+  /** 点击确认 */
+  confirm: () => !0,
+  /** 点击取消 */
+  cancel: () => !0,
+  /** 面板显隐变化 */
+  "visible-change": (a) => typeof a == "boolean"
+}, se = { class: "ui-popconfirm__body" }, ue = { class: "ui-popconfirm__footer" }, r = 8, de = /* @__PURE__ */ G({
+  __name: "popconfirm",
+  props: re,
+  emits: ae,
+  setup(a, { emit: k }) {
+    const o = a, p = k, f = g(), n = g(), l = g(o.modelValue), R = g({}), B = g(o.placement);
+    let w = null, b = null;
+    const q = Q(
+      () => typeof o.width == "number" ? `${o.width}px` : o.width
+    );
+    M(
+      () => o.modelValue,
+      (t) => {
+        l.value = t;
+      }
+    ), M(l, (t) => {
+      t !== o.modelValue && p("update:modelValue", t), p("visible-change", t), t ? (document.addEventListener("mousedown", E), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), U(u)) : (document.removeEventListener("mousedown", E), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u));
+    }, { immediate: !0 }), M(
+      () => o.placement,
+      (t) => {
+        B.value = t, l.value && U(u);
+      }
+    );
+    function u() {
+      const t = f.value, c = n.value;
+      if (!t || !c) return;
+      const e = t.getBoundingClientRect(), s = c.offsetWidth, d = c.offsetHeight, S = window.innerWidth, C = window.innerHeight;
+      let [i, _ = "center"] = o.placement.split("-");
+      i === "top" && e.top - d - r < 0 && e.bottom + d + r <= C ? i = "bottom" : i === "bottom" && e.bottom + d + r > C && e.top - d - r >= 0 ? i = "top" : i === "left" && e.left - s - r < 0 && e.right + s + r <= S ? i = "right" : i === "right" && e.right + s + r > S && e.left - s - r >= 0 && (i = "left"), B.value = _ === "center" ? i : `${i}-${_}`;
+      const K = {
+        start: e.left,
+        center: e.left + e.width / 2 - s / 2,
+        end: e.right - s
+      }, O = {
+        start: e.top,
+        center: e.top + e.height / 2 - d / 2,
+        end: e.bottom - d
+      };
+      let m, v;
+      i === "top" || i === "bottom" ? (v = K[_], m = i === "top" ? e.top - d - r : e.bottom + r, v = Math.min(Math.max(v, 0), Math.max(0, S - s))) : (m = O[_], v = i === "left" ? e.left - s - r : e.right + r, m = Math.min(Math.max(m, 0), Math.max(0, C - d))), R.value = {
+        top: `${m}px`,
+        left: `${v}px`,
+        minWidth: q.value
+      };
+    }
+    function y() {
+      w && window.clearTimeout(w), b && window.clearTimeout(b), w = null, b = null;
+    }
+    function F() {
+      o.disabled || (y(), l.value = !l.value);
+    }
+    function W() {
+      o.trigger !== "hover" || o.disabled || (y(), w = window.setTimeout(() => l.value = !0, 150));
+    }
+    function A() {
+      o.trigger === "hover" && (y(), b = window.setTimeout(() => l.value = !1, 150));
+    }
+    function E(t) {
+      var e, s;
+      const c = t.target;
+      (e = f.value) != null && e.contains(c) || (s = n.value) != null && s.contains(c) || (l.value = !1);
+    }
+    function I() {
+      l.value = !1, p("confirm");
+    }
+    function J() {
+      l.value = !1, p("cancel");
+    }
+    return X(() => {
+      document.removeEventListener("mousedown", E), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u), y();
+    }), (t, c) => (h(), T(
+      "div",
+      {
+        ref_key: "rootRef",
+        ref: f,
+        class: "ui-popconfirm",
+        onMouseenter: W,
+        onMouseleave: A
+      },
+      [
+        $(
+          "div",
+          {
+            class: P(["ui-popconfirm__trigger", { "is-disabled": t.disabled }]),
+            onClick: F
+          },
+          [
+            N(t.$slots, "default")
+          ],
+          2
+          /* CLASS */
+        ),
+        (h(), Y(Z, { to: "body" }, [
+          z(ee, { name: "ui-popconfirm-fade" }, {
+            default: L(() => [
+              l.value ? (h(), T(
+                "div",
+                {
+                  key: 0,
+                  ref_key: "popperRef",
+                  ref: n,
+                  class: P(["ui-popconfirm__popper", `is-${B.value}`]),
+                  style: te(R.value),
+                  role: "tooltip",
+                  onMouseenter: W,
+                  onMouseleave: A
+                },
+                [
+                  $("div", se, [
+                    N(t.$slots, "title", {}, () => [
+                      V(
+                        x(t.title),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ]),
+                  $("div", ue, [
+                    z(D(H), {
+                      size: "small",
+                      onClick: J
+                    }, {
+                      default: L(() => [
+                        V(
+                          x(t.cancelText),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    z(D(H), {
+                      size: "small",
+                      type: t.confirmButtonType,
+                      onClick: I
+                    }, {
+                      default: L(() => [
+                        V(
+                          x(t.confirmText),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["type"])
+                  ])
+                ],
+                38
+                /* CLASS, STYLE, NEED_HYDRATION */
+              )) : j("v-if", !0)
+            ]),
+            _: 3
+            /* FORWARDED */
+          })
+        ]))
+      ],
+      544
+      /* NEED_HYDRATION, NEED_PATCH */
+    ));
+  }
+}), pe = {
+  name: "UiPopconfirm",
+  install(a) {
+    a.component("UiPopconfirm", de);
+  }
+};
+export {
+  de as Popconfirm,
+  pe as PopconfirmPlugin,
+  de as default,
+  ae as popconfirmEmits,
+  re as popconfirmProps
+};

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

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

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

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

@@ -0,0 +1,45 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { FormItemRules, FormLabelPosition } from './form';
+
+export declare const formItemProps: {
+    /** 字段名（对应 form 的 model 上的 key）；留空则仅做布局分组，不参与校验 */
+    readonly prop: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 标签文案 */
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 标签宽度（覆盖 form 级 labelWidth） */
+    readonly labelWidth: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: undefined;
+    };
+    /** 标签位置（覆盖 form 级 labelPosition） */
+    readonly labelPosition: {
+        readonly type: PropType<FormLabelPosition>;
+        readonly default: undefined;
+    };
+    /** 便捷必填标记，等价于 rules: [{ required: true }] */
+    readonly required: BooleanConstructor;
+    /** 校验规则（与 form 级同 prop 规则合并，item 级优先） */
+    readonly rules: {
+        readonly type: PropType<FormItemRules>;
+        readonly default: undefined;
+    };
+    /** 外部受控错误信息，设置后直接展示 */
+    readonly error: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 是否显示校验错误提示 */
+    readonly showMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 单独禁用 */
+    readonly disabled: BooleanConstructor;
+};
+export type FormItemProps = ExtractPropTypes<typeof formItemProps>;