@ccn-ui-kit/steps 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={active:{type:Number,default:0},direction:{type:String,default:"horizontal"},processStatus:{type:String,default:"process"},finishStatus:{type:String,default:"finish"},alignCenter:Boolean},p=Symbol("ui-steps"),y=e.defineComponent({__name:"steps",props:d,setup(l){const i=l,t=e.ref([]);function s(n){t.value.includes(n)||t.value.push(n)}function o(n){const r=t.value.indexOf(n);r!==-1&&t.value.splice(r,1)}return e.provide(p,{steps:t,active:e.toRef(i,"active"),direction:e.toRef(i,"direction"),processStatus:e.toRef(i,"processStatus"),finishStatus:e.toRef(i,"finishStatus"),alignCenter:e.toRef(i,"alignCenter"),registerStep:s,unregisterStep:o}),(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ui-steps",[`is-${n.direction}`,{"is-align-center":n.alignCenter}]])},[e.renderSlot(n.$slots,"default")],2))}}),m={name:{type:String,required:!0},size:{type:[Number,String],default:16},color:{type:String,default:""},spin:Boolean},h={search:'<circle cx="11" cy="11" r="8" /><line x1="21" y1="21" x2="16.65" y2="16.65" />',plus:'<line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" />',minus:'<line x1="5" y1="12" x2="19" y2="12" />',close:'<line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" />',check:'<polyline points="20 6 9 17 4 12" />',loading:'<path d="M21 12a9 9 0 1 1-6.219-8.56" />',refresh:'<polyline points="23 4 23 10 17 10" /><polyline points="1 20 1 14 7 14" /><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" />',edit:'<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" /><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />',delete:'<polyline points="3 6 5 6 21 6" /><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="11" x2="14" y2="17" />',download:'<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" y1="15" x2="12" y2="3" />',upload:'<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="17 8 12 3 7 8" /><line x1="12" y1="3" x2="12" y2="15" />',setting:'<circle cx="12" cy="12" r="3" /><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" />',user:'<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" /><circle cx="12" cy="7" r="4" />',home:'<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /><polyline points="9 22 9 12 15 12 15 22" />',calendar:'<rect x="3" y="4" width="18" height="18" rx="2" ry="2" /><line x1="16" y1="2" x2="16" y2="6" /><line x1="8" y1="2" x2="8" y2="6" /><line x1="3" y1="10" x2="21" y2="10" />',clock:'<circle cx="12" cy="12" r="10" /><polyline points="12 6 12 12 16 14" />',star:'<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />',heart:'<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />',message:'<path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" />',bell:'<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" /><path d="M13.73 21a2 2 0 0 1-3.46 0" />',mail:'<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" /><polyline points="22,6 12,13 2,6" />',eye:'<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" /><circle cx="12" cy="12" r="3" />',lock:'<rect x="3" y="11" width="18" height="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" />',link:'<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />',"arrow-up":'<line x1="12" y1="19" x2="12" y2="5" /><polyline points="5 12 12 5 19 12" />',"arrow-down":'<line x1="12" y1="5" x2="12" y2="19" /><polyline points="19 12 12 19 5 12" />',"arrow-left":'<line x1="19" y1="12" x2="5" y2="12" /><polyline points="12 19 5 12 12 5" />',"arrow-right":'<line x1="5" y1="12" x2="19" y2="12" /><polyline points="12 5 19 12 12 19" />',"chevron-up":'<polyline points="18 15 12 9 6 15" />',"chevron-down":'<polyline points="6 9 12 15 18 9" />',"chevron-left":'<polyline points="15 18 9 12 15 6" />',"chevron-right":'<polyline points="9 18 15 12 9 6" />',more:'<circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" /><circle cx="5" cy="12" r="1" />',menu:'<line x1="3" y1="12" x2="21" y2="12" /><line x1="3" y1="6" x2="21" y2="6" /><line x1="3" y1="18" x2="21" y2="18" />',filter:'<polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" />',copy:'<rect x="9" y="9" width="13" height="13" rx="2" ry="2" /><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />',"external-link":'<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" /><polyline points="15 3 21 3 21 9" /><line x1="10" y1="14" x2="21" y2="3" />',zap:'<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />',"log-out":'<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" /><polyline points="16 17 21 12 16 7" /><line x1="21" y1="12" x2="9" y2="12" />',grid:'<rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" /><rect x="14" y="14" width="7" height="7" /><rect x="3" y="14" width="7" height="7" />',info:'<circle cx="12" cy="12" r="10" /><line x1="12" y1="16" x2="12" y2="12" /><line x1="12" y1="8" x2="12.01" y2="8" />',success:'<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" /><polyline points="22 4 12 14.01 9 11.01" />',warning:'<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" /><line x1="12" y1="9" x2="12" y2="13" /><line x1="12" y1="17" x2="12.01" y2="17" />',error:'<circle cx="12" cy="12" r="10" /><line x1="15" y1="9" x2="9" y2="15" /><line x1="9" y1="9" x2="15" y2="15" />',question:'<circle cx="12" cy="12" r="10" /><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" /><line x1="12" y1="17" x2="12.01" y2="17" />',"plus-circle":'<circle cx="12" cy="12" r="10" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="8" y1="12" x2="16" y2="12" />'};function f(l){return l in h}const g={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},_=["innerHTML"],S=e.defineComponent({__name:"icon",props:m,setup(l){const i=l,t=e.computed(()=>f(i.name)?h[i.name]:""),s=e.computed(()=>({fontSize:typeof i.size=="number"?`${i.size}px`:i.size,...i.color?{color:i.color}:{}}));return(o,n)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["ui-icon",{"is-spin":o.spin}]),style:e.normalizeStyle(s.value),role:"img"},[(e.openBlock(),e.createElementBlock("svg",g,[e.createElementVNode("g",{innerHTML:t.value},null,8,_)]))],6))}}),x={title:{type:String,default:""},description:{type:String,default:""},icon:{type:String,default:""},status:{type:String,default:void 0},disabled:Boolean},k={class:"ui-step__head"},M={class:"ui-step__icon"},B={key:1,class:"ui-step__icon-mark"},z={key:2,class:"ui-step__icon-mark"},w={key:3,class:"ui-step__icon-index"},V={key:0,class:"ui-step__line"},C={class:"ui-step__main"},E={class:"ui-step__title"},H={key:0,class:"ui-step__description"},v=e.defineComponent({__name:"step",props:x,setup(l){const i=l,t=e.inject(p),s=e.reactive({status:i.status,disabled:i.disabled});t==null||t.registerStep(s),e.onBeforeUnmount(()=>t==null?void 0:t.unregisterStep(s));const o=e.computed(()=>t?t.steps.value.indexOf(s):-1),n=e.computed(()=>t?o.value===t.steps.value.length-1:!0),r=e.computed(()=>(t==null?void 0:t.direction.value)??"horizontal"),c=e.computed(()=>i.status?i.status:t?o.value<t.active.value?t.finishStatus.value:o.value===t.active.value?t.processStatus.value:"wait":"wait");return(a,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ui-step",[`is-${c.value}`,`is-${r.value}`,{"is-disabled":a.disabled,"is-last":n.value}]])},[e.createElementVNode("div",k,[e.createElementVNode("div",M,[e.renderSlot(a.$slots,"icon",{},()=>[a.icon?(e.openBlock(),e.createBlock(e.unref(S),{key:0,name:a.icon},null,8,["name"])):c.value==="finish"?(e.openBlock(),e.createElementBlock("span",B,"✓")):c.value==="error"?(e.openBlock(),e.createElementBlock("span",z,"✕")):(e.openBlock(),e.createElementBlock("span",w,e.toDisplayString(o.value+1),1))])]),n.value?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("div",V,[...u[0]||(u[0]=[e.createElementVNode("div",{class:"ui-step__line-inner"},null,-1)])]))]),e.createElementVNode("div",C,[e.createElementVNode("div",E,e.toDisplayString(a.title),1),a.description?(e.openBlock(),e.createElementBlock("div",H,e.toDisplayString(a.description),1)):e.createCommentVNode("v-if",!0)])],2))}}),b={name:"UiSteps",install(l){l.component("UiSteps",y),l.component("UiStep",v)}};exports.Step=v;exports.Steps=y;exports.StepsPlugin=b;exports.default=y;exports.stepProps=x;exports.stepsContextKey=p;exports.stepsProps=d;

package/dist/index.js

@@ -0,0 +1,236 @@
+import { defineComponent as x, ref as M, provide as k, toRef as u, openBlock as s, createElementBlock as l, normalizeClass as v, renderSlot as _, computed as p, normalizeStyle as w, createElementVNode as c, inject as z, reactive as H, onBeforeUnmount as V, createBlock as b, unref as L, toDisplayString as h, createCommentVNode as g } from "vue";
+const C = {
+  /** 当前激活步骤下标（0 起，-1 表示全部处于等待） */
+  active: { type: Number, default: 0 },
+  /** 排列方向 */
+  direction: { type: String, default: "horizontal" },
+  /** 当前激活步骤的状态 */
+  processStatus: { type: String, default: "process" },
+  /** 已走过步骤的状态 */
+  finishStatus: { type: String, default: "finish" },
+  /** 垂直方向时标题与描述是否居中 */
+  alignCenter: Boolean
+}, m = Symbol("ui-steps"), B = /* @__PURE__ */ x({
+  __name: "steps",
+  props: C,
+  setup(n) {
+    const i = n, e = M([]);
+    function o(t) {
+      e.value.includes(t) || e.value.push(t);
+    }
+    function a(t) {
+      const y = e.value.indexOf(t);
+      y !== -1 && e.value.splice(y, 1);
+    }
+    return k(m, {
+      steps: e,
+      active: u(i, "active"),
+      direction: u(i, "direction"),
+      processStatus: u(i, "processStatus"),
+      finishStatus: u(i, "finishStatus"),
+      alignCenter: u(i, "alignCenter"),
+      registerStep: o,
+      unregisterStep: a
+    }), (t, y) => (s(), l(
+      "div",
+      {
+        class: v(["ui-steps", [`is-${t.direction}`, { "is-align-center": t.alignCenter }]])
+      },
+      [
+        _(t.$slots, "default")
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), $ = {
+  // 图标名称，见 ./icons 注册表
+  name: { type: String, required: !0 },
+  // 尺寸：数字按 px 处理，字符串作为 CSS 长度（如 '1.5em'）
+  size: { type: [Number, String], default: 16 },
+  // 颜色：缺省时继承 currentColor
+  color: { type: String, default: "" },
+  // 是否旋转（用于 loading 等图标）
+  spin: Boolean
+}, S = {
+  search: '<circle cx="11" cy="11" r="8" /><line x1="21" y1="21" x2="16.65" y2="16.65" />',
+  plus: '<line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" />',
+  minus: '<line x1="5" y1="12" x2="19" y2="12" />',
+  close: '<line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" />',
+  check: '<polyline points="20 6 9 17 4 12" />',
+  loading: '<path d="M21 12a9 9 0 1 1-6.219-8.56" />',
+  refresh: '<polyline points="23 4 23 10 17 10" /><polyline points="1 20 1 14 7 14" /><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" />',
+  edit: '<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" /><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />',
+  delete: '<polyline points="3 6 5 6 21 6" /><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="11" x2="14" y2="17" />',
+  download: '<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" y1="15" x2="12" y2="3" />',
+  upload: '<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="17 8 12 3 7 8" /><line x1="12" y1="3" x2="12" y2="15" />',
+  setting: '<circle cx="12" cy="12" r="3" /><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" />',
+  user: '<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" /><circle cx="12" cy="7" r="4" />',
+  home: '<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /><polyline points="9 22 9 12 15 12 15 22" />',
+  calendar: '<rect x="3" y="4" width="18" height="18" rx="2" ry="2" /><line x1="16" y1="2" x2="16" y2="6" /><line x1="8" y1="2" x2="8" y2="6" /><line x1="3" y1="10" x2="21" y2="10" />',
+  clock: '<circle cx="12" cy="12" r="10" /><polyline points="12 6 12 12 16 14" />',
+  star: '<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />',
+  heart: '<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />',
+  message: '<path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" />',
+  bell: '<path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" /><path d="M13.73 21a2 2 0 0 1-3.46 0" />',
+  mail: '<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" /><polyline points="22,6 12,13 2,6" />',
+  eye: '<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" /><circle cx="12" cy="12" r="3" />',
+  lock: '<rect x="3" y="11" width="18" height="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" />',
+  link: '<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />',
+  "arrow-up": '<line x1="12" y1="19" x2="12" y2="5" /><polyline points="5 12 12 5 19 12" />',
+  "arrow-down": '<line x1="12" y1="5" x2="12" y2="19" /><polyline points="19 12 12 19 5 12" />',
+  "arrow-left": '<line x1="19" y1="12" x2="5" y2="12" /><polyline points="12 19 5 12 12 5" />',
+  "arrow-right": '<line x1="5" y1="12" x2="19" y2="12" /><polyline points="12 5 19 12 12 19" />',
+  "chevron-up": '<polyline points="18 15 12 9 6 15" />',
+  "chevron-down": '<polyline points="6 9 12 15 18 9" />',
+  "chevron-left": '<polyline points="15 18 9 12 15 6" />',
+  "chevron-right": '<polyline points="9 18 15 12 9 6" />',
+  more: '<circle cx="12" cy="12" r="1" /><circle cx="19" cy="12" r="1" /><circle cx="5" cy="12" r="1" />',
+  menu: '<line x1="3" y1="12" x2="21" y2="12" /><line x1="3" y1="6" x2="21" y2="6" /><line x1="3" y1="18" x2="21" y2="18" />',
+  filter: '<polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" />',
+  copy: '<rect x="9" y="9" width="13" height="13" rx="2" ry="2" /><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />',
+  "external-link": '<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" /><polyline points="15 3 21 3 21 9" /><line x1="10" y1="14" x2="21" y2="3" />',
+  zap: '<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />',
+  "log-out": '<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" /><polyline points="16 17 21 12 16 7" /><line x1="21" y1="12" x2="9" y2="12" />',
+  grid: '<rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" /><rect x="14" y="14" width="7" height="7" /><rect x="3" y="14" width="7" height="7" />',
+  info: '<circle cx="12" cy="12" r="10" /><line x1="12" y1="16" x2="12" y2="12" /><line x1="12" y1="8" x2="12.01" y2="8" />',
+  success: '<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" /><polyline points="22 4 12 14.01 9 11.01" />',
+  warning: '<path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" /><line x1="12" y1="9" x2="12" y2="13" /><line x1="12" y1="17" x2="12.01" y2="17" />',
+  error: '<circle cx="12" cy="12" r="10" /><line x1="15" y1="9" x2="9" y2="15" /><line x1="9" y1="9" x2="15" y2="15" />',
+  question: '<circle cx="12" cy="12" r="10" /><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" /><line x1="12" y1="17" x2="12.01" y2="17" />',
+  "plus-circle": '<circle cx="12" cy="12" r="10" /><line x1="12" y1="8" x2="12" y2="16" /><line x1="8" y1="12" x2="16" y2="12" />'
+};
+function A(n) {
+  return n in S;
+}
+const N = {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, U = ["innerHTML"], P = /* @__PURE__ */ x({
+  __name: "icon",
+  props: $,
+  setup(n) {
+    const i = n, e = p(() => A(i.name) ? S[i.name] : ""), o = p(() => ({
+      fontSize: typeof i.size == "number" ? `${i.size}px` : i.size,
+      ...i.color ? { color: i.color } : {}
+    }));
+    return (a, t) => (s(), l(
+      "span",
+      {
+        class: v(["ui-icon", { "is-spin": a.spin }]),
+        style: w(o.value),
+        role: "img"
+      },
+      [
+        (s(), l("svg", N, [
+          c("g", { innerHTML: e.value }, null, 8, U)
+        ]))
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), j = {
+  /** 步骤标题 */
+  title: { type: String, default: "" },
+  /** 步骤描述 */
+  description: { type: String, default: "" },
+  /** 自定义图标名（复用 Icon 组件） */
+  icon: { type: String, default: "" },
+  /** 覆盖由父级 active 推断出的状态 */
+  status: { type: String, default: void 0 },
+  /** 是否禁用 */
+  disabled: Boolean
+}, q = { class: "ui-step__head" }, E = { class: "ui-step__icon" }, O = {
+  key: 1,
+  class: "ui-step__icon-mark"
+}, T = {
+  key: 2,
+  class: "ui-step__icon-mark"
+}, D = {
+  key: 3,
+  class: "ui-step__icon-index"
+}, K = {
+  key: 0,
+  class: "ui-step__line"
+}, R = { class: "ui-step__main" }, F = { class: "ui-step__title" }, G = {
+  key: 0,
+  class: "ui-step__description"
+}, I = /* @__PURE__ */ x({
+  __name: "step",
+  props: j,
+  setup(n) {
+    const i = n, e = z(m), o = H({ status: i.status, disabled: i.disabled });
+    e == null || e.registerStep(o), V(() => e == null ? void 0 : e.unregisterStep(o));
+    const a = p(() => e ? e.steps.value.indexOf(o) : -1), t = p(() => e ? a.value === e.steps.value.length - 1 : !0), y = p(() => (e == null ? void 0 : e.direction.value) ?? "horizontal"), d = p(() => i.status ? i.status : e ? a.value < e.active.value ? e.finishStatus.value : a.value === e.active.value ? e.processStatus.value : "wait" : "wait");
+    return (r, f) => (s(), l(
+      "div",
+      {
+        class: v(["ui-step", [`is-${d.value}`, `is-${y.value}`, { "is-disabled": r.disabled, "is-last": t.value }]])
+      },
+      [
+        c("div", q, [
+          c("div", E, [
+            _(r.$slots, "icon", {}, () => [
+              r.icon ? (s(), b(L(P), {
+                key: 0,
+                name: r.icon
+              }, null, 8, ["name"])) : d.value === "finish" ? (s(), l("span", O, "✓")) : d.value === "error" ? (s(), l("span", T, "✕")) : (s(), l(
+                "span",
+                D,
+                h(a.value + 1),
+                1
+                /* TEXT */
+              ))
+            ])
+          ]),
+          t.value ? g("v-if", !0) : (s(), l("div", K, [...f[0] || (f[0] = [
+            c(
+              "div",
+              { class: "ui-step__line-inner" },
+              null,
+              -1
+              /* CACHED */
+            )
+          ])]))
+        ]),
+        c("div", R, [
+          c(
+            "div",
+            F,
+            h(r.title),
+            1
+            /* TEXT */
+          ),
+          r.description ? (s(), l(
+            "div",
+            G,
+            h(r.description),
+            1
+            /* TEXT */
+          )) : g("v-if", !0)
+        ])
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), Q = {
+  name: "UiSteps",
+  install(n) {
+    n.component("UiSteps", B), n.component("UiStep", I);
+  }
+};
+export {
+  I as Step,
+  B as Steps,
+  Q as StepsPlugin,
+  B as default,
+  j as stepProps,
+  m as stepsContextKey,
+  C as stepsProps
+};

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