@ccn-ui-kit/form 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"),V=Symbol("ui-form"),T={model:{type:Object,default:void 0},rules:{type:Object,default:()=>({})},labelWidth:{type:[Number,String],default:90},labelPosition:{type:String,default:"right"},inline:Boolean,disabled:Boolean,validateOnChange:{type:Boolean,default:!0}},D={submit:(v,o)=>typeof v=="boolean"},I=t.defineComponent({name:"UiForm",__name:"form",props:T,emits:D,setup(v,{expose:o,emit:n}){const s=v,b=n,$=t.reactive({}),g=t.computed(()=>s.model?t.reactive(s.model):$),h={};let _=!1;function E(){if(_||!s.model)return;const i=Object.keys(s.model);if(i.length){for(const r of i)h[r]=s.model[r];_=!0}}t.watch(()=>s.model,E,{immediate:!0});const p=new Set;function q(i){p.add(i)}function M(i){p.delete(i)}function w(i,r){const l=i.getProp();l&&(r[l]=i.getErrors())}async function B(i){let r=!0;const l={};return await Promise.all([...p].map(async c=>{await c.validate("submit")||(r=!1,w(c,l))})),i==null||i(r,l),r}async function A(i,r){let l=!0;const c={},f=i!=null&&i.length?[...p].filter(y=>y.getProp()&&i.includes(y.getProp())):[...p];return await Promise.all(f.map(async y=>{await y.validate("submit")||(l=!1,w(y,c))})),r==null||r(l,c),l}function k(i){i in g.value&&(g.value[i]=i in h?h[i]:void 0)}function O(){for(const i of p)i.resetField()}function N(i){for(const r of p)(!(i!=null&&i.length)||r.getProp()&&i.includes(r.getProp()))&&r.clearValidate()}async function P(){const i=await B();b("submit",i,g.value)}const S=t.ref();function F(i){var l,c;const r=(l=S.value)==null?void 0:l.querySelector(`[data-prop="${i}"]`);if(r){r.scrollIntoView({block:"center"});const f=r.querySelector("input, textarea, select, [tabindex]");(c=f==null?void 0:f.focus)==null||c.call(f)}}const R={model:g,rules:t.computed(()=>s.rules),labelWidth:t.computed(()=>s.labelWidth),labelPosition:t.computed(()=>s.labelPosition),inline:t.computed(()=>s.inline),disabled:t.computed(()=>s.disabled),validateOnChange:t.computed(()=>s.validateOnChange),addField:q,removeField:M,resetField:k,clearValidate:N,validateField:A};return t.provide(V,R),o({validate:B,validateField:A,resetFields:O,clearValidate:N,scrollToField:F}),(i,r)=>(t.openBlock(),t.createElementBlock("form",{ref_key:"formRef",ref:S,class:t.normalizeClass(["ui-form",{"is-inline":i.inline}]),novalidate:"",onSubmit:t.withModifiers(P,["prevent"])},[t.renderSlot(i.$slots,"default",{model:g.value})],34))}}),C={prop:{type:String,default:""},label:{type:String,default:""},labelWidth:{type:[Number,String],default:void 0},labelPosition:{type:String,default:void 0},required:Boolean,rules:{type:[Object,Array],default:void 0},error:{type:String,default:""},showMessage:{type:Boolean,default:!0},disabled:Boolean},z=["data-prop"],K={key:0,class:"ui-form-item__error"},L=t.defineComponent({name:"UiFormItem",__name:"form-item",props:C,setup(v){const o=v,n=t.inject(V,void 0),s=t.computed(()=>o.labelPosition??(n==null?void 0:n.labelPosition.value)??"right"),b=t.computed(()=>o.labelWidth??(n==null?void 0:n.labelWidth.value)),$=t.computed(()=>o.disabled??(n==null?void 0:n.disabled.value)),g=t.computed(()=>{if(s.value!=="top"&&b.value!==void 0)return{width:typeof b.value=="number"?`${b.value}px`:b.value}}),h=t.computed(()=>n==null?void 0:n.model.value);function _(){var e;return o.prop?(e=h.value)==null?void 0:e[o.prop]:void 0}function E(){var d;const e=[],a=o.prop?(d=n==null?void 0:n.rules.value)==null?void 0:d[o.prop]:void 0;return a&&e.push(...Array.isArray(a)?a:[a]),o.rules&&e.push(...Array.isArray(o.rules)?o.rules:[o.rules]),o.required&&!e.some(m=>m.required)&&e.push({required:!0}),e}function p(e,a){return e.filter(d=>d.trigger?(Array.isArray(d.trigger)?d.trigger:[d.trigger]).includes(a):a==="change")}const q=t.computed(()=>o.required||E().some(e=>e.required)),M=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,w=/^(https?:\/\/|ftp:\/\/)?[\w-]+(\.[\w-]+)+([/?].*)?$/i,B={string:e=>typeof e=="string",number:e=>typeof e=="number"||typeof e=="string"&&e.trim()!==""&&!Number.isNaN(Number(e)),boolean:e=>typeof e=="boolean",array:e=>Array.isArray(e),date:e=>e instanceof Date||typeof e=="string"&&!Number.isNaN(Date.parse(e)),email:e=>M.test(String(e??"")),url:e=>w.test(String(e??""))},A={number:"需为数字",array:"需为数组",date:"需为日期",email:"邮箱格式不正确",url:"URL 格式不正确"};function k(e){return e==null||e===""}function O(e){return typeof e=="number"?e:typeof e=="string"||Array.isArray(e)?e.length:0}async function N(e,a,d,m){if(e.required&&k(a))return e.message||`${m||d}不能为空`;if(!k(a)){if(e.type){const u=B[e.type];if(u&&!u(a))return e.message||A[e.type]||"格式不正确"}if(e.min!==void 0||e.max!==void 0){const u=O(a);if(e.min!==void 0&&u<e.min)return e.message||`${m||d}不能小于 ${e.min}`;if(e.max!==void 0&&u>e.max)return e.message||`${m||d}不能大于 ${e.max}`}if(e.pattern&&!e.pattern.test(String(a)))return e.message||"格式不正确";if(e.validator){let u;try{u=e.validator(a,h.value??{}),u instanceof Promise&&(u=await u)}catch{return e.message||"校验不通过"}if(typeof u=="string")return u;if(u===!1)return e.message||"校验不通过"}}}const P=t.ref([]),S=t.ref(""),F=t.computed(()=>o.error||S.value),R=t.computed(()=>F.value!==""),i=t.computed(()=>[`is-label-${s.value}`,{"is-required":q.value,"is-error":R.value,"is-disabled":$.value}]);function r(e){P.value=e,S.value=e[0]??""}function l(){P.value=[],S.value=""}async function c(e="submit"){if(!o.prop)return!0;const a=E(),d=e==="submit"?a:p(a,e);if(d.length===0)return!0;const m=[];for(const u of d){const j=await N(u,_(),o.prop,o.label);j&&m.push(j)}return m.length?r(m):l(),m.length===0}function f(){(n==null?void 0:n.validateOnChange.value)!==!1&&c("change")}function y(){(n==null?void 0:n.validateOnChange.value)!==!1&&c("blur")}function U(){o.prop&&(n==null||n.resetField(o.prop)),l()}const W={getProp:()=>o.prop,validate:c,resetField:U,clearValidate:l,getErrors:()=>[...P.value]};return t.onMounted(()=>n==null?void 0:n.addField(W)),t.onBeforeUnmount(()=>n==null?void 0:n.removeField(W)),(e,a)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["ui-form-item",i.value]),"data-prop":e.prop||void 0},[e.label?(t.openBlock(),t.createElementBlock("label",{key:0,class:"ui-form-item__label",style:t.normalizeStyle(g.value)},t.toDisplayString(e.label),5)):t.createCommentVNode("v-if",!0),t.createElementVNode("div",{class:"ui-form-item__content",onChangeCapture:f,onBlurCapture:y},[t.renderSlot(e.$slots,"default"),t.createVNode(t.Transition,{name:"ui-form-fade"},{default:t.withCtx(()=>[e.showMessage&&F.value?(t.openBlock(),t.createElementBlock("p",K,t.toDisplayString(F.value),1)):t.createCommentVNode("v-if",!0)]),_:1})],32)],10,z))}}),Y={name:"UiForm",install(v){v.component("UiForm",I),v.component("UiFormItem",L)}};exports.Form=I;exports.FormItem=L;exports.FormPlugin=Y;exports.default=I;exports.formContextKey=V;exports.formEmits=D;exports.formItemProps=C;exports.formProps=T;

package/dist/index.js

@@ -0,0 +1,315 @@
+import { defineComponent as K, reactive as D, computed as s, watch as C, ref as k, provide as J, openBlock as q, createElementBlock as R, withModifiers as Q, normalizeClass as Y, renderSlot as G, inject as X, onMounted as Z, onBeforeUnmount as x, normalizeStyle as ee, toDisplayString as L, createCommentVNode as z, createElementVNode as te, createVNode as ie, Transition as ne, withCtx as re } from "vue";
+const H = Symbol("ui-form"), ae = {
+  /** 表单数据（字段值都挂在这个对象上） */
+  model: { type: Object, default: void 0 },
+  /** 校验规则：{ prop: rule | rule[] } */
+  rules: { type: Object, default: () => ({}) },
+  /** 标签宽度，number(px) 或 string */
+  labelWidth: { type: [Number, String], default: 90 },
+  /** 标签位置 */
+  labelPosition: { type: String, default: "right" },
+  /** 行内布局（表单项水平排列） */
+  inline: Boolean,
+  /** 整表禁用（提供到上下文，样式级生效，子控件可自行消费） */
+  disabled: Boolean,
+  /** 字段 change / blur 时是否立即校验对应 trigger 的规则 */
+  validateOnChange: { type: Boolean, default: !0 }
+}, oe = {
+  /** 原生提交（先做整表校验），参数为是否校验通过 */
+  submit: (v, n) => typeof v == "boolean"
+}, se = /* @__PURE__ */ K({
+  name: "UiForm",
+  __name: "form",
+  props: ae,
+  emits: oe,
+  setup(v, { expose: n, emit: i }) {
+    const l = v, b = i, M = D({}), g = s(
+      () => l.model ? D(l.model) : M
+    ), h = {};
+    let _ = !1;
+    function w() {
+      if (_ || !l.model) return;
+      const t = Object.keys(l.model);
+      if (t.length) {
+        for (const r of t) h[r] = l.model[r];
+        _ = !0;
+      }
+    }
+    C(() => l.model, w, { immediate: !0 });
+    const p = /* @__PURE__ */ new Set();
+    function O(t) {
+      p.add(t);
+    }
+    function V(t) {
+      p.delete(t);
+    }
+    function E(t, r) {
+      const o = t.getProp();
+      o && (r[o] = t.getErrors());
+    }
+    async function A(t) {
+      let r = !0;
+      const o = {};
+      return await Promise.all(
+        [...p].map(async (c) => {
+          await c.validate("submit") || (r = !1, E(c, o));
+        })
+      ), t == null || t(r, o), r;
+    }
+    async function $(t, r) {
+      let o = !0;
+      const c = {}, m = t != null && t.length ? [...p].filter((y) => y.getProp() && t.includes(y.getProp())) : [...p];
+      return await Promise.all(
+        m.map(async (y) => {
+          await y.validate("submit") || (o = !1, E(y, c));
+        })
+      ), r == null || r(o, c), o;
+    }
+    function B(t) {
+      t in g.value && (g.value[t] = t in h ? h[t] : void 0);
+    }
+    function I() {
+      for (const t of p) t.resetField();
+    }
+    function N(t) {
+      for (const r of p)
+        (!(t != null && t.length) || r.getProp() && t.includes(r.getProp())) && r.clearValidate();
+    }
+    async function F() {
+      const t = await A();
+      b("submit", t, g.value);
+    }
+    const S = k();
+    function P(t) {
+      var o, c;
+      const r = (o = S.value) == null ? void 0 : o.querySelector(`[data-prop="${t}"]`);
+      if (r) {
+        r.scrollIntoView({ block: "center" });
+        const m = r.querySelector("input, textarea, select, [tabindex]");
+        (c = m == null ? void 0 : m.focus) == null || c.call(m);
+      }
+    }
+    const U = {
+      model: g,
+      rules: s(() => l.rules),
+      labelWidth: s(() => l.labelWidth),
+      labelPosition: s(() => l.labelPosition),
+      inline: s(() => l.inline),
+      disabled: s(() => l.disabled),
+      validateOnChange: s(() => l.validateOnChange),
+      addField: O,
+      removeField: V,
+      resetField: B,
+      clearValidate: N,
+      validateField: $
+    };
+    return J(H, U), n({ validate: A, validateField: $, resetFields: I, clearValidate: N, scrollToField: P }), (t, r) => (q(), R(
+      "form",
+      {
+        ref_key: "formRef",
+        ref: S,
+        class: Y(["ui-form", { "is-inline": t.inline }]),
+        novalidate: "",
+        onSubmit: Q(F, ["prevent"])
+      },
+      [
+        G(t.$slots, "default", { model: g.value })
+      ],
+      34
+      /* CLASS, NEED_HYDRATION */
+    ));
+  }
+}), le = {
+  /** 字段名（对应 form 的 model 上的 key）；留空则仅做布局分组，不参与校验 */
+  prop: { type: String, default: "" },
+  /** 标签文案 */
+  label: { type: String, default: "" },
+  /** 标签宽度（覆盖 form 级 labelWidth） */
+  labelWidth: { type: [Number, String], default: void 0 },
+  /** 标签位置（覆盖 form 级 labelPosition） */
+  labelPosition: { type: String, default: void 0 },
+  /** 便捷必填标记，等价于 rules: [{ required: true }] */
+  required: Boolean,
+  /** 校验规则（与 form 级同 prop 规则合并，item 级优先） */
+  rules: { type: [Object, Array], default: void 0 },
+  /** 外部受控错误信息，设置后直接展示 */
+  error: { type: String, default: "" },
+  /** 是否显示校验错误提示 */
+  showMessage: { type: Boolean, default: !0 },
+  /** 单独禁用 */
+  disabled: Boolean
+}, ue = ["data-prop"], de = {
+  key: 0,
+  class: "ui-form-item__error"
+}, ce = /* @__PURE__ */ K({
+  name: "UiFormItem",
+  __name: "form-item",
+  props: le,
+  setup(v) {
+    const n = v, i = X(H, void 0), l = s(() => n.labelPosition ?? (i == null ? void 0 : i.labelPosition.value) ?? "right"), b = s(() => n.labelWidth ?? (i == null ? void 0 : i.labelWidth.value)), M = s(() => n.disabled ?? (i == null ? void 0 : i.disabled.value)), g = s(() => {
+      if (l.value !== "top" && b.value !== void 0)
+        return { width: typeof b.value == "number" ? `${b.value}px` : b.value };
+    }), h = s(() => i == null ? void 0 : i.model.value);
+    function _() {
+      var e;
+      return n.prop ? (e = h.value) == null ? void 0 : e[n.prop] : void 0;
+    }
+    function w() {
+      var d;
+      const e = [], a = n.prop ? (d = i == null ? void 0 : i.rules.value) == null ? void 0 : d[n.prop] : void 0;
+      return a && e.push(...Array.isArray(a) ? a : [a]), n.rules && e.push(...Array.isArray(n.rules) ? n.rules : [n.rules]), n.required && !e.some((f) => f.required) && e.push({ required: !0 }), e;
+    }
+    function p(e, a) {
+      return e.filter((d) => d.trigger ? (Array.isArray(d.trigger) ? d.trigger : [d.trigger]).includes(a) : a === "change");
+    }
+    const O = s(() => n.required || w().some((e) => e.required)), V = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, E = /^(https?:\/\/|ftp:\/\/)?[\w-]+(\.[\w-]+)+([/?].*)?$/i, A = {
+      string: (e) => typeof e == "string",
+      number: (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)),
+      boolean: (e) => typeof e == "boolean",
+      array: (e) => Array.isArray(e),
+      date: (e) => e instanceof Date || typeof e == "string" && !Number.isNaN(Date.parse(e)),
+      email: (e) => V.test(String(e ?? "")),
+      url: (e) => E.test(String(e ?? ""))
+    }, $ = {
+      number: "需为数字",
+      array: "需为数组",
+      date: "需为日期",
+      email: "邮箱格式不正确",
+      url: "URL 格式不正确"
+    };
+    function B(e) {
+      return e == null || e === "";
+    }
+    function I(e) {
+      return typeof e == "number" ? e : typeof e == "string" || Array.isArray(e) ? e.length : 0;
+    }
+    async function N(e, a, d, f) {
+      if (e.required && B(a))
+        return e.message || `${f || d}不能为空`;
+      if (!B(a)) {
+        if (e.type) {
+          const u = A[e.type];
+          if (u && !u(a))
+            return e.message || $[e.type] || "格式不正确";
+        }
+        if (e.min !== void 0 || e.max !== void 0) {
+          const u = I(a);
+          if (e.min !== void 0 && u < e.min)
+            return e.message || `${f || d}不能小于 ${e.min}`;
+          if (e.max !== void 0 && u > e.max)
+            return e.message || `${f || d}不能大于 ${e.max}`;
+        }
+        if (e.pattern && !e.pattern.test(String(a)))
+          return e.message || "格式不正确";
+        if (e.validator) {
+          let u;
+          try {
+            u = e.validator(a, h.value ?? {}), u instanceof Promise && (u = await u);
+          } catch {
+            return e.message || "校验不通过";
+          }
+          if (typeof u == "string") return u;
+          if (u === !1) return e.message || "校验不通过";
+        }
+      }
+    }
+    const F = k([]), S = k(""), P = s(() => n.error || S.value), U = s(() => P.value !== ""), t = s(() => [
+      `is-label-${l.value}`,
+      {
+        "is-required": O.value,
+        "is-error": U.value,
+        "is-disabled": M.value
+      }
+    ]);
+    function r(e) {
+      F.value = e, S.value = e[0] ?? "";
+    }
+    function o() {
+      F.value = [], S.value = "";
+    }
+    async function c(e = "submit") {
+      if (!n.prop) return !0;
+      const a = w(), d = e === "submit" ? a : p(a, e);
+      if (d.length === 0) return !0;
+      const f = [];
+      for (const u of d) {
+        const T = await N(u, _(), n.prop, n.label);
+        T && f.push(T);
+      }
+      return f.length ? r(f) : o(), f.length === 0;
+    }
+    function m() {
+      (i == null ? void 0 : i.validateOnChange.value) !== !1 && c("change");
+    }
+    function y() {
+      (i == null ? void 0 : i.validateOnChange.value) !== !1 && c("blur");
+    }
+    function W() {
+      n.prop && (i == null || i.resetField(n.prop)), o();
+    }
+    const j = {
+      getProp: () => n.prop,
+      validate: c,
+      resetField: W,
+      clearValidate: o,
+      getErrors: () => [...F.value]
+    };
+    return Z(() => i == null ? void 0 : i.addField(j)), x(() => i == null ? void 0 : i.removeField(j)), (e, a) => (q(), R("div", {
+      class: Y(["ui-form-item", t.value]),
+      "data-prop": e.prop || void 0
+    }, [
+      e.label ? (q(), R(
+        "label",
+        {
+          key: 0,
+          class: "ui-form-item__label",
+          style: ee(g.value)
+        },
+        L(e.label),
+        5
+        /* TEXT, STYLE */
+      )) : z("v-if", !0),
+      te(
+        "div",
+        {
+          class: "ui-form-item__content",
+          onChangeCapture: m,
+          onBlurCapture: y
+        },
+        [
+          G(e.$slots, "default"),
+          ie(ne, { name: "ui-form-fade" }, {
+            default: re(() => [
+              e.showMessage && P.value ? (q(), R(
+                "p",
+                de,
+                L(P.value),
+                1
+                /* TEXT */
+              )) : z("v-if", !0)
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ],
+        32
+        /* NEED_HYDRATION */
+      )
+    ], 10, ue));
+  }
+}), me = {
+  name: "UiForm",
+  install(v) {
+    v.component("UiForm", se), v.component("UiFormItem", ce);
+  }
+};
+export {
+  se as Form,
+  ce as FormItem,
+  me as FormPlugin,
+  se as default,
+  H as formContextKey,
+  oe as formEmits,
+  le as formItemProps,
+  ae as formProps
+};

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