@ccn-ui-kit/table 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"),z={name:{type:String,required:!0},size:{type:[Number,String],default:16},color:{type:String,default:""},spin:Boolean},b={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 V(s){return s in b}const S={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},w=["innerHTML"],k=e.defineComponent({__name:"icon",props:z,setup(s){const i=s,c=e.computed(()=>V(i.name)?b[i.name]:""),y=e.computed(()=>({fontSize:typeof i.size=="number"?`${i.size}px`:i.size,...i.color?{color:i.color}:{}}));return(d,r)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["ui-icon",{"is-spin":d.spin}]),style:e.normalizeStyle(y.value),role:"img"},[(e.openBlock(),e.createElementBlock("svg",S,[e.createElementVNode("g",{innerHTML:c.value},null,8,w)]))],6))}}),f={data:{type:Array,default:()=>[]},columns:{type:Array,default:()=>[]},stripe:Boolean,border:Boolean,size:{type:String,default:"medium"},emptyText:{type:String,default:"暂无数据"}},_={"sort-change":s=>!0},H={class:"ui-table__inner"},L={class:"ui-table__head"},N=["aria-sort"],T=["onClick"],C={class:"ui-table__sort-label"},$={class:"ui-table__sort-icons"},A={key:2},D={class:"ui-table__body"},P={key:0},F=["colspan"],q=["innerHTML"],j={key:2},u=e.defineComponent({__name:"table",props:f,emits:_,setup(s,{emit:i}){const c=s,y=i,d=e.useSlots(),r=e.ref({column:null,prop:"",order:null}),h=e.computed(()=>{const{prop:t,order:l}=r.value;if(!t||!l)return c.data;const n=l==="ascending"?1:-1;return[...c.data].sort((a,o)=>{const p=a[t],g=o[t];return p===g?0:p>g?n:-n})});function B(t){return t.width?{width:typeof t.width=="number"?`${t.width}px`:t.width}:void 0}function m(t,l){return l.prop?t[l.prop]:""}function x(t){return!!t&&!!d[t]}function M(t){if(!t.sortable||!t.prop)return;let l;r.value.prop!==t.prop?l="ascending":l=r.value.order==="ascending"?"descending":null,r.value={column:t,prop:t.prop,order:l},y("sort-change",{column:t,prop:t.prop,order:l})}function v(t,l){return r.value.order===t&&r.value.prop===l.prop}function E(t){if(!(r.value.prop!==t.prop||!r.value.order))return r.value.order}return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ui-table",[`ui-table--${t.size}`,{"is-striped":t.stripe,"is-bordered":t.border}]])},[e.createElementVNode("table",H,[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,(n,a)=>(e.openBlock(),e.createElementBlock("col",{key:a,style:e.normalizeStyle(B(n))},null,4))),128))]),e.createElementVNode("thead",L,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,(n,a)=>(e.openBlock(),e.createElementBlock("th",{key:a,class:e.normalizeClass(["ui-table__cell",[`is-${n.align||"left"}`,{"is-sortable":n.sortable}]]),"aria-sort":E(n)},[x(n.headerSlot)?e.renderSlot(t.$slots,n.headerSlot,{column:n,index:a},void 0,void 0,0):n.sortable?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"ui-table__sort-btn",onClick:o=>M(n)},[e.createElementVNode("span",C,e.toDisplayString(n.label),1),e.createElementVNode("span",$,[e.createVNode(e.unref(k),{name:"chevron-up",size:12,class:e.normalizeClass({"is-active":v("ascending",n)})},null,8,["class"]),e.createVNode(e.unref(k),{name:"chevron-down",size:12,class:e.normalizeClass({"is-active":v("descending",n)})},null,8,["class"])])],8,T)):(e.openBlock(),e.createElementBlock("span",A,e.toDisplayString(n.label),1))],10,N))),128))])]),e.createElementVNode("tbody",D,[h.value.length===0?(e.openBlock(),e.createElementBlock("tr",P,[e.createElementVNode("td",{class:"ui-table__empty",colspan:t.columns.length||1},[e.renderSlot(t.$slots,"empty",{},()=>[e.createTextVNode(e.toDisplayString(t.emptyText),1)])],8,F)])):e.createCommentVNode("v-if",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(n,a)=>(e.openBlock(),e.createElementBlock("tr",{key:a},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,(o,p)=>(e.openBlock(),e.createElementBlock("td",{key:p,class:e.normalizeClass(["ui-table__cell",`is-${o.align||"left"}`])},[x(o.slot)?e.renderSlot(t.$slots,o.slot,{row:n,column:o,index:a},void 0,void 0,0):o.formatter?(e.openBlock(),e.createElementBlock("span",{key:1,innerHTML:o.formatter(n,o,m(n,o),a)},null,8,q)):(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(m(n,o)),1))],2))),128))]))),128))])])],2))}}),U={name:"UiTable",install(s){s.component("UiTable",u)}};exports.Table=u;exports.TablePlugin=U;exports.default=u;exports.tableEmits=_;exports.tableProps=f;

package/dist/index.js

@@ -0,0 +1,303 @@
+import { defineComponent as L, computed as f, openBlock as n, createElementBlock as l, normalizeStyle as T, normalizeClass as y, createElementVNode as p, useSlots as N, ref as E, Fragment as h, renderList as x, renderSlot as b, toDisplayString as v, createVNode as H, unref as V, createTextVNode as q, createCommentVNode as D } from "vue";
+const P = {
+  // 图标名称，见 ./icons 注册表
+  name: { type: String, required: !0 },
+  // 尺寸：数字按 px 处理，字符串作为 CSS 长度（如 '1.5em'）
+  size: { type: [Number, String], default: 16 },
+  // 颜色：缺省时继承 currentColor
+  color: { type: String, default: "" },
+  // 是否旋转（用于 loading 等图标）
+  spin: Boolean
+}, $ = {
+  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 U(c) {
+  return c in $;
+}
+const j = {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, F = ["innerHTML"], S = /* @__PURE__ */ L({
+  __name: "icon",
+  props: P,
+  setup(c) {
+    const s = c, d = f(() => U(s.name) ? $[s.name] : ""), m = f(() => ({
+      fontSize: typeof s.size == "number" ? `${s.size}px` : s.size,
+      ...s.color ? { color: s.color } : {}
+    }));
+    return (g, r) => (n(), l(
+      "span",
+      {
+        class: y(["ui-icon", { "is-spin": g.spin }]),
+        style: T(m.value),
+        role: "img"
+      },
+      [
+        (n(), l("svg", j, [
+          p("g", { innerHTML: d.value }, null, 8, F)
+        ]))
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), W = {
+  /** 表格数据 */
+  data: {
+    type: Array,
+    default: () => []
+  },
+  /** 列配置 */
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  /** 斑马纹行 */
+  stripe: Boolean,
+  /** 纵向边框线 */
+  border: Boolean,
+  /** 尺寸：large / medium / small */
+  size: { type: String, default: "medium" },
+  /** 空数据文案 */
+  emptyText: { type: String, default: "暂无数据" }
+}, G = {
+  /** 排序状态变化：order 为 ascending / descending / null（取消排序） */
+  "sort-change": (c) => !0
+}, J = { class: "ui-table__inner" }, K = { class: "ui-table__head" }, O = ["aria-sort"], Q = ["onClick"], R = { class: "ui-table__sort-label" }, X = { class: "ui-table__sort-icons" }, Y = { key: 2 }, Z = { class: "ui-table__body" }, I = { key: 0 }, e1 = ["colspan"], t1 = ["innerHTML"], n1 = { key: 2 }, l1 = /* @__PURE__ */ L({
+  __name: "table",
+  props: W,
+  emits: G,
+  setup(c, { emit: s }) {
+    const d = c, m = s, g = N(), r = E({
+      column: null,
+      prop: "",
+      order: null
+    }), _ = f(() => {
+      const { prop: e, order: i } = r.value;
+      if (!e || !i) return d.data;
+      const t = i === "ascending" ? 1 : -1;
+      return [...d.data].sort((o, a) => {
+        const u = o[e], w = a[e];
+        return u === w ? 0 : u > w ? t : -t;
+      });
+    });
+    function A(e) {
+      return e.width ? { width: typeof e.width == "number" ? `${e.width}px` : e.width } : void 0;
+    }
+    function M(e, i) {
+      return i.prop ? e[i.prop] : "";
+    }
+    function k(e) {
+      return !!e && !!g[e];
+    }
+    function B(e) {
+      if (!e.sortable || !e.prop) return;
+      let i;
+      r.value.prop !== e.prop ? i = "ascending" : i = r.value.order === "ascending" ? "descending" : null, r.value = { column: e, prop: e.prop, order: i }, m("sort-change", { column: e, prop: e.prop, order: i });
+    }
+    function z(e, i) {
+      return r.value.order === e && r.value.prop === i.prop;
+    }
+    function C(e) {
+      if (!(r.value.prop !== e.prop || !r.value.order))
+        return r.value.order;
+    }
+    return (e, i) => (n(), l(
+      "div",
+      {
+        class: y(["ui-table", [`ui-table--${e.size}`, { "is-striped": e.stripe, "is-bordered": e.border }]])
+      },
+      [
+        p("table", J, [
+          p("colgroup", null, [
+            (n(!0), l(
+              h,
+              null,
+              x(e.columns, (t, o) => (n(), l(
+                "col",
+                {
+                  key: o,
+                  style: T(A(t))
+                },
+                null,
+                4
+                /* STYLE */
+              ))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          p("thead", K, [
+            p("tr", null, [
+              (n(!0), l(
+                h,
+                null,
+                x(e.columns, (t, o) => (n(), l("th", {
+                  key: o,
+                  class: y(["ui-table__cell", [`is-${t.align || "left"}`, { "is-sortable": t.sortable }]]),
+                  "aria-sort": C(t)
+                }, [
+                  k(t.headerSlot) ? b(e.$slots, t.headerSlot, {
+                    column: t,
+                    index: o
+                  }, void 0, void 0, 0) : t.sortable ? (n(), l("button", {
+                    key: 1,
+                    type: "button",
+                    class: "ui-table__sort-btn",
+                    onClick: (a) => B(t)
+                  }, [
+                    p(
+                      "span",
+                      R,
+                      v(t.label),
+                      1
+                      /* TEXT */
+                    ),
+                    p("span", X, [
+                      H(V(S), {
+                        name: "chevron-up",
+                        size: 12,
+                        class: y({ "is-active": z("ascending", t) })
+                      }, null, 8, ["class"]),
+                      H(V(S), {
+                        name: "chevron-down",
+                        size: 12,
+                        class: y({ "is-active": z("descending", t) })
+                      }, null, 8, ["class"])
+                    ])
+                  ], 8, Q)) : (n(), l(
+                    "span",
+                    Y,
+                    v(t.label),
+                    1
+                    /* TEXT */
+                  ))
+                ], 10, O))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ]),
+          p("tbody", Z, [
+            _.value.length === 0 ? (n(), l("tr", I, [
+              p("td", {
+                class: "ui-table__empty",
+                colspan: e.columns.length || 1
+              }, [
+                b(e.$slots, "empty", {}, () => [
+                  q(
+                    v(e.emptyText),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ], 8, e1)
+            ])) : D("v-if", !0),
+            (n(!0), l(
+              h,
+              null,
+              x(_.value, (t, o) => (n(), l("tr", { key: o }, [
+                (n(!0), l(
+                  h,
+                  null,
+                  x(e.columns, (a, u) => (n(), l(
+                    "td",
+                    {
+                      key: u,
+                      class: y(["ui-table__cell", `is-${a.align || "left"}`])
+                    },
+                    [
+                      k(a.slot) ? b(e.$slots, a.slot, {
+                        row: t,
+                        column: a,
+                        index: o
+                      }, void 0, void 0, 0) : a.formatter ? (n(), l("span", {
+                        key: 1,
+                        innerHTML: a.formatter(t, a, M(t, a), o)
+                      }, null, 8, t1)) : (n(), l(
+                        "span",
+                        n1,
+                        v(M(t, a)),
+                        1
+                        /* TEXT */
+                      ))
+                    ],
+                    2
+                    /* CLASS */
+                  ))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ])
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), a1 = {
+  name: "UiTable",
+  install(c) {
+    c.component("UiTable", l1);
+  }
+};
+export {
+  l1 as Table,
+  a1 as TablePlugin,
+  l1 as default,
+  G as tableEmits,
+  W as tableProps
+};

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