@ccn-ui-kit/rich-editor 0.1.2

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),b={modelValue:{type:String,default:void 0},placeholder:{type:String,default:"请输入内容"},disabled:Boolean,minHeight:{type:[Number,String],default:120},toolbar:{type:Array,default:void 0}},v={"update:modelValue":r=>typeof r=="string",input:r=>typeof r=="string",change:r=>typeof r=="string",focus:()=>!0,blur:()=>!0},M={class:"ui-rich-editor__toolbar",role:"toolbar","aria-label":"格式工具栏"},H={key:0,class:"ui-rich-editor__divider","aria-hidden":"true"},R=["disabled","title","aria-pressed","onClick"],P=["contenteditable","data-placeholder"],p=t.defineComponent({__name:"rich-editor",props:b,emits:v,setup(r,{emit:E}){const i=r,s=E,m=[{key:"bold",group:0,command:"bold",state:"bold",label:"B",title:"加粗"},{key:"italic",group:0,command:"italic",state:"italic",label:"I",title:"斜体"},{key:"underline",group:0,command:"underline",state:"underline",label:"U",title:"下划线"},{key:"strike",group:0,command:"strikeThrough",state:"strikeThrough",label:"S",title:"删除线"},{key:"header",group:1,command:"formatBlock",value:"H2",state:"formatBlock",label:"H2",title:"二级标题"},{key:"paragraph",group:1,command:"formatBlock",value:"P",state:"formatBlock",label:"P",title:"正文"},{key:"ul",group:2,command:"insertUnorderedList",state:"insertUnorderedList",label:"列表",title:"无序列表"},{key:"ol",group:2,command:"insertOrderedList",state:"insertOrderedList",label:"编号",title:"有序列表"},{key:"align-left",group:3,command:"justifyLeft",state:"justifyLeft",label:"左",title:"左对齐"},{key:"align-center",group:3,command:"justifyCenter",state:"justifyCenter",label:"中",title:"居中对齐"},{key:"align-right",group:3,command:"justifyRight",state:"justifyRight",label:"右",title:"右对齐"},{key:"link",group:4,command:"createLink",label:"链接",title:"插入链接",type:"link"},{key:"image",group:4,command:"insertImage",label:"图片",title:"插入图片",type:"image"},{key:"undo",group:5,command:"undo",label:"撤销",title:"撤销"},{key:"redo",group:5,command:"redo",label:"重做",title:"重做"},{key:"clear",group:5,command:"removeFormat",label:"清除",title:"清除格式"}],f=t.ref(i.modelValue??""),a=t.ref(null),d=t.ref(new Set),g=t.ref(!0),B=t.computed(()=>i.toolbar?m.filter(e=>i.toolbar.includes(e.key)):m),_=t.computed(()=>{const e=[];for(const o of B.value)e[o.group]||(e[o.group]=[]),e[o.group].push(o);return e.filter(o=>o.length>0)}),L=t.computed(()=>{const e=i.minHeight;return{minHeight:typeof e=="number"?`${e}px`:e}});function y(){var o;const e=((o=a.value)==null?void 0:o.innerHTML)??"";f.value=e,s("update:modelValue",e),s("input",e),h()}function S(e){const o=a.value;if(!(!o||i.disabled)){if(o.focus(),e.type==="link"){const n=window.prompt("请输入链接地址","https://");n&&document.execCommand("createLink",!1,n)}else if(e.type==="image"){const n=window.prompt("请输入图片地址");n&&document.execCommand("insertImage",!1,n)}else document.execCommand(e.command,!1,e.value);y(),l()}}function l(){const e=a.value;if(!e||document.activeElement!==e){d.value=new Set;return}const o=new Set;for(const n of m)if(n.state)if(n.state==="formatBlock"){const c=String(document.queryCommandValue("formatBlock")||"").toLowerCase();c==="h2"?o.add("header"):c==="p"&&o.add("paragraph")}else C(n.state)&&o.add(n.key);d.value=o}function C(e){try{return document.queryCommandState(e)}catch{return!1}}function h(){const e=a.value;e&&(g.value=e.innerText.trim()==="")}function k(){const e=a.value;if(!e)return;const o=i.modelValue??f.value;e.innerHTML!==o&&(e.innerHTML=o),h()}function T(){y(),l()}function V(){s("focus"),l()}function w(){var e;s("change",((e=a.value)==null?void 0:e.innerHTML)??""),s("blur"),l()}return t.onMounted(()=>{k(),document.addEventListener("selectionchange",l)}),t.onBeforeUnmount(()=>{document.removeEventListener("selectionchange",l)}),t.watch(()=>i.modelValue,k),(e,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["ui-rich-editor",{"is-disabled":e.disabled}])},[t.createElementVNode("div",M,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(_.value,(n,c)=>(t.openBlock(),t.createElementBlock(t.Fragment,{key:c},[c>0?(t.openBlock(),t.createElementBlock("span",H)):t.createCommentVNode("v-if",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n,u=>(t.openBlock(),t.createElementBlock("button",{key:u.key,type:"button",class:t.normalizeClass(["ui-rich-editor__tool",{"is-active":d.value.has(u.key)}]),disabled:e.disabled,title:u.title,"aria-pressed":u.state?d.value.has(u.key):void 0,onMousedown:o[0]||(o[0]=t.withModifiers(()=>{},["prevent"])),onClick:F=>S(u)},t.toDisplayString(u.label),43,R))),128))],64))),128))]),t.createElementVNode("div",{ref_key:"editorRef",ref:a,class:t.normalizeClass(["ui-rich-editor__content",{"is-empty":g.value}]),contenteditable:!e.disabled,"data-placeholder":e.placeholder,style:t.normalizeStyle(L.value),onInput:T,onFocus:V,onBlur:w,onKeyup:l,onMouseup:l},null,46,P)],2))}}),j={name:"UiRichEditor",install(r){r.component("UiRichEditor",p)}};exports.RichEditor=p;exports.RichEditorPlugin=j;exports.default=p;exports.richEditorEmits=v;exports.richEditorProps=b;

package/dist/index.js

@@ -0,0 +1,195 @@
+import { defineComponent as U, ref as p, computed as y, onMounted as F, onBeforeUnmount as I, watch as P, openBlock as u, createElementBlock as s, normalizeClass as g, createElementVNode as S, Fragment as h, renderList as C, createCommentVNode as O, withModifiers as q, toDisplayString as x, normalizeStyle as N } from "vue";
+const z = {
+  /** 富文本 HTML 内容（v-model） */
+  modelValue: { type: String, default: void 0 },
+  /** 空内容时的占位文案 */
+  placeholder: { type: String, default: "请输入内容" },
+  /** 是否禁用 */
+  disabled: Boolean,
+  /** 编辑区最小高度：数字按 px，字符串作为 CSS 长度 */
+  minHeight: { type: [Number, String], default: 120 },
+  /** 工具栏按钮子集（key 见 Tool 配置）；缺省展示全部 */
+  toolbar: { type: Array, default: void 0 }
+}, $ = {
+  "update:modelValue": (n) => typeof n == "string",
+  /** 内容变化时触发 */
+  input: (n) => typeof n == "string",
+  /** 失焦时触发（提交值） */
+  change: (n) => typeof n == "string",
+  focus: () => !0,
+  blur: () => !0
+}, A = {
+  class: "ui-rich-editor__toolbar",
+  role: "toolbar",
+  "aria-label": "格式工具栏"
+}, D = {
+  key: 0,
+  class: "ui-rich-editor__divider",
+  "aria-hidden": "true"
+}, K = ["disabled", "title", "aria-pressed", "onClick"], G = ["contenteditable", "data-placeholder"], J = /* @__PURE__ */ U({
+  __name: "rich-editor",
+  props: z,
+  emits: $,
+  setup(n, { emit: E }) {
+    const r = n, d = E, f = [
+      { key: "bold", group: 0, command: "bold", state: "bold", label: "B", title: "加粗" },
+      { key: "italic", group: 0, command: "italic", state: "italic", label: "I", title: "斜体" },
+      { key: "underline", group: 0, command: "underline", state: "underline", label: "U", title: "下划线" },
+      { key: "strike", group: 0, command: "strikeThrough", state: "strikeThrough", label: "S", title: "删除线" },
+      { key: "header", group: 1, command: "formatBlock", value: "H2", state: "formatBlock", label: "H2", title: "二级标题" },
+      { key: "paragraph", group: 1, command: "formatBlock", value: "P", state: "formatBlock", label: "P", title: "正文" },
+      { key: "ul", group: 2, command: "insertUnorderedList", state: "insertUnorderedList", label: "列表", title: "无序列表" },
+      { key: "ol", group: 2, command: "insertOrderedList", state: "insertOrderedList", label: "编号", title: "有序列表" },
+      { key: "align-left", group: 3, command: "justifyLeft", state: "justifyLeft", label: "左", title: "左对齐" },
+      { key: "align-center", group: 3, command: "justifyCenter", state: "justifyCenter", label: "中", title: "居中对齐" },
+      { key: "align-right", group: 3, command: "justifyRight", state: "justifyRight", label: "右", title: "右对齐" },
+      { key: "link", group: 4, command: "createLink", label: "链接", title: "插入链接", type: "link" },
+      { key: "image", group: 4, command: "insertImage", label: "图片", title: "插入图片", type: "image" },
+      { key: "undo", group: 5, command: "undo", label: "撤销", title: "撤销" },
+      { key: "redo", group: 5, command: "redo", label: "重做", title: "重做" },
+      { key: "clear", group: 5, command: "removeFormat", label: "清除", title: "清除格式" }
+    ], b = p(r.modelValue ?? ""), a = p(null), m = p(/* @__PURE__ */ new Set()), k = p(!0), B = y(() => r.toolbar ? f.filter((e) => r.toolbar.includes(e.key)) : f), T = y(() => {
+      const e = [];
+      for (const t of B.value)
+        e[t.group] || (e[t.group] = []), e[t.group].push(t);
+      return e.filter((t) => t.length > 0);
+    }), w = y(() => {
+      const e = r.minHeight;
+      return { minHeight: typeof e == "number" ? `${e}px` : e };
+    });
+    function v() {
+      var t;
+      const e = ((t = a.value) == null ? void 0 : t.innerHTML) ?? "";
+      b.value = e, d("update:modelValue", e), d("input", e), L();
+    }
+    function V(e) {
+      const t = a.value;
+      if (!(!t || r.disabled)) {
+        if (t.focus(), e.type === "link") {
+          const o = window.prompt("请输入链接地址", "https://");
+          o && document.execCommand("createLink", !1, o);
+        } else if (e.type === "image") {
+          const o = window.prompt("请输入图片地址");
+          o && document.execCommand("insertImage", !1, o);
+        } else
+          document.execCommand(e.command, !1, e.value);
+        v(), i();
+      }
+    }
+    function i() {
+      const e = a.value;
+      if (!e || document.activeElement !== e) {
+        m.value = /* @__PURE__ */ new Set();
+        return;
+      }
+      const t = /* @__PURE__ */ new Set();
+      for (const o of f)
+        if (o.state)
+          if (o.state === "formatBlock") {
+            const c = String(document.queryCommandValue("formatBlock") || "").toLowerCase();
+            c === "h2" ? t.add("header") : c === "p" && t.add("paragraph");
+          } else H(o.state) && t.add(o.key);
+      m.value = t;
+    }
+    function H(e) {
+      try {
+        return document.queryCommandState(e);
+      } catch {
+        return !1;
+      }
+    }
+    function L() {
+      const e = a.value;
+      e && (k.value = e.innerText.trim() === "");
+    }
+    function _() {
+      const e = a.value;
+      if (!e) return;
+      const t = r.modelValue ?? b.value;
+      e.innerHTML !== t && (e.innerHTML = t), L();
+    }
+    function M() {
+      v(), i();
+    }
+    function R() {
+      d("focus"), i();
+    }
+    function j() {
+      var e;
+      d("change", ((e = a.value) == null ? void 0 : e.innerHTML) ?? ""), d("blur"), i();
+    }
+    return F(() => {
+      _(), document.addEventListener("selectionchange", i);
+    }), I(() => {
+      document.removeEventListener("selectionchange", i);
+    }), P(() => r.modelValue, _), (e, t) => (u(), s(
+      "div",
+      {
+        class: g(["ui-rich-editor", { "is-disabled": e.disabled }])
+      },
+      [
+        S("div", A, [
+          (u(!0), s(
+            h,
+            null,
+            C(T.value, (o, c) => (u(), s(
+              h,
+              { key: c },
+              [
+                c > 0 ? (u(), s("span", D)) : O("v-if", !0),
+                (u(!0), s(
+                  h,
+                  null,
+                  C(o, (l) => (u(), s("button", {
+                    key: l.key,
+                    type: "button",
+                    class: g(["ui-rich-editor__tool", { "is-active": m.value.has(l.key) }]),
+                    disabled: e.disabled,
+                    title: l.title,
+                    "aria-pressed": l.state ? m.value.has(l.key) : void 0,
+                    onMousedown: t[0] || (t[0] = q(() => {
+                    }, ["prevent"])),
+                    onClick: (Q) => V(l)
+                  }, x(l.label), 43, K))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        S("div", {
+          ref_key: "editorRef",
+          ref: a,
+          class: g(["ui-rich-editor__content", { "is-empty": k.value }]),
+          contenteditable: !e.disabled,
+          "data-placeholder": e.placeholder,
+          style: N(w.value),
+          onInput: M,
+          onFocus: R,
+          onBlur: j,
+          onKeyup: i,
+          onMouseup: i
+        }, null, 46, G)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), X = {
+  name: "UiRichEditor",
+  install(n) {
+    n.component("UiRichEditor", J);
+  }
+};
+export {
+  J as RichEditor,
+  X as RichEditorPlugin,
+  J as default,
+  $ as richEditorEmits,
+  z as richEditorProps
+};

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