@ctc-front/components-ui-next 0.1.0 → 0.1.1

package/README.md

@@ -0,0 +1,68 @@
+# @ctc-front/components-ui-next
+
+面向公司 Web 业务系统的 Vue 3 + TypeScript + Element Plus 团队组件库。
+
+当前版本提供：
+
+- `CtcDialog`、`CtcDrawer`、`CtcFlex`
+- 配置化 `CtcTable`：多级表头、插槽、render 函数、受控分页、行合并
+- Element Plus 浅色/深色主题兼容
+
+## 安装
+
+```bash
+pnpm add @ctc-front/components-ui-next element-plus vue
+```
+
+## 使用
+
+```ts
+import { createApp } from 'vue'
+import ElementPlus from 'element-plus'
+import '@ctc-front/components-ui-next/style.css'
+import CtcComponentsUi from '@ctc-front/components-ui-next'
+import App from './App.vue'
+
+createApp(App)
+  .use(ElementPlus)
+  .use(CtcComponentsUi)
+  .mount('#app')
+```
+
+也可以按组件导入：
+
+```ts
+import { CtcDialog, CtcTable } from '@ctc-front/components-ui-next'
+```
+
+## CtcTable 行合并
+
+每个字段可以配置独立的连续分组规则：
+
+```vue
+<CtcTable
+  :columns="columns"
+  :data="rows"
+  :merge="[
+    { prop: 'enterpriseName', by: ['enterpriseId'] },
+    { prop: 'regionName', by: ['enterpriseId', 'regionCode'] },
+  ]"
+  border
+/>
+```
+
+只有相邻行的 `by` 字段全部相同，目标列才会纵向合并。`selection`、`index`、`expand` 特殊列不参与配置合并；原生 `span-method` 传入后优先使用。当前版本暂不支持横向合并。
+
+## 主题
+
+组件会跟随宿主 Element Plus 的主题变量。深色模式按 Element Plus 方式配置：
+
+```ts
+document.documentElement.classList.toggle('dark', isDark)
+```
+
+详细属性、插槽、分页和主题说明见[在线文档](./docs/guide/getting-started.md)。
+
+## 版本说明
+
+当前为 `0.1.1`，适用于 Vue 3 项目。Vue 2 / Element UI 项目请继续使用原组件库。

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let e=require("vue"),t=require("element-plus");var n=(0,e.defineComponent)({name:`Close`,__name:`close`,setup(t){return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[(0,e.createElementVNode)(`path`,{fill:`currentColor`,d:`M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z`})]))}}),r=(0,e.defineComponent)({name:`FullScreen`,__name:`full-screen`,setup(t){return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[(0,e.createElementVNode)(`path`,{fill:`currentColor`,d:`m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z`})]))}}),i=(0,e.defineComponent)({name:`Minus`,__name:`minus`,setup(t){return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[(0,e.createElementVNode)(`path`,{fill:`currentColor`,d:`M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64`})]))}});function a(t,n){let r=(0,e.computed)(()=>t.fullscreen??!1);function i(){n(`update:fullscreen`,!r.value)}return{isFullscreen:r,toggleFullscreen:i}}function o(e,t,n){return Math.min(Math.max(e,t),n)}function s(t,n){let r=(0,e.ref)(!1),i=(0,e.ref)({}),a=()=>{};function s(){a(),a=()=>{}}function c(e){if(!t.resizable||e.button!==0)return;let c=e.currentTarget.closest(`.ctc-dialog`);if(!c)return;e.preventDefault(),s();let l=c.getBoundingClientRect(),u=t.minWidth??400,d=t.minHeight??240,f=Math.max(u,window.innerWidth-l.left-32),p=Math.max(d,window.innerHeight-l.top-32),m=e.clientX,h=e.clientY;function g(e){let t=Math.round(o(l.width+e.clientX-m,u,f)),a=Math.round(o(l.height+e.clientY-h,d,p));r.value=!0,i.value={height:`${a}px`,width:`${t}px`},n(`resize`,{width:t,height:a})}function _(){s()}window.addEventListener(`pointermove`,g),window.addEventListener(`pointerup`,_,{once:!0}),a=()=>{window.removeEventListener(`pointermove`,g),window.removeEventListener(`pointerup`,_)}}return(0,e.onBeforeUnmount)(s),{isResized:r,resizeStyle:i,startResize:c}}var c={class:`ctc-dialog__header-content`},l={class:`ctc-dialog__title`},u={class:`ctc-dialog__header-actions`},d=[`aria-label`,`title`],f={class:`ctc-dialog__content`},p=(0,e.defineComponent)({name:`CtcDialog`,inheritAttrs:!1,__name:`index`,props:{modelValue:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showFullscreen:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},minWidth:{type:Number,default:400},minHeight:{type:Number,default:240},title:{type:String,default:``},width:{type:[String,Number],default:`640px`},alignCenter:Boolean,appendTo:{type:[String,Object],default:void 0},beforeClose:{type:Function,default:void 0},closeDelay:Number,closeOnClickModal:Boolean,closeOnPressEscape:Boolean,destroyOnClose:Boolean,draggable:Boolean,lockScroll:Boolean,modal:{type:Boolean,default:!0},modalClass:{type:[String,Array,Object],default:void 0},openDelay:Number,overflow:Boolean,showClose:{type:Boolean,default:!0},top:String,trapFocus:Boolean,zIndex:Number},emits:[`update:modelValue`,`update:fullscreen`,`resize`,`open`,`opened`,`close`,`closed`],setup(o,{emit:p}){let m=o,h=p,g=(0,e.useAttrs)(),_=(0,e.useSlots)(),{isFullscreen:v,toggleFullscreen:y}=a(m,h),{isResized:b,resizeStyle:x,startResize:S}=s(m,h),C=(0,e.computed)(()=>v.value?{}:x.value),w=(0,e.computed)(()=>b.value&&!v.value);function T(e){h(`update:modelValue`,e)}function E(){if(m.beforeClose){m.beforeClose(e=>{e||h(`update:modelValue`,!1)});return}h(`update:modelValue`,!1)}return(a,s)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.ElDialog),(0,e.mergeProps)((0,e.unref)(g),{class:[`ctc-dialog`,{"ctc-dialog--resizable":o.resizable,"ctc-dialog--resized":w.value}],style:C.value,"model-value":o.modelValue,fullscreen:(0,e.unref)(v),title:o.title,width:o.width,"align-center":o.alignCenter,"append-to":o.appendTo,"before-close":o.beforeClose,"close-delay":o.closeDelay,"close-on-click-modal":o.closeOnClickModal,"close-on-press-escape":o.closeOnPressEscape,"destroy-on-close":o.destroyOnClose,draggable:o.draggable,"lock-scroll":o.lockScroll,modal:o.modal,"modal-class":o.modalClass,"open-delay":o.openDelay,overflow:o.overflow,"show-close":!1,top:o.top,"trap-focus":o.trapFocus,"z-index":o.zIndex,"header-class":`ctc-dialog__header`,"body-class":`ctc-dialog__body`,"footer-class":`ctc-dialog__footer`,"onUpdate:modelValue":T,onOpen:s[2]||=e=>h(`open`),onOpened:s[3]||=e=>h(`opened`),onClose:s[4]||=e=>h(`close`),onClosed:s[5]||=e=>h(`closed`)}),(0,e.createSlots)({header:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,c,[(0,e.renderSlot)(a.$slots,`header`,{},()=>[(0,e.createElementVNode)(`span`,l,(0,e.toDisplayString)(o.title),1)])]),(0,e.createElementVNode)(`div`,u,[o.showFullscreen?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,class:`ctc-dialog__fullscreen-toggle`,type:`button`,"aria-label":(0,e.unref)(v)?`退出全屏`:`全屏显示`,title:(0,e.unref)(v)?`退出全屏`:`全屏显示`,"data-ctc-fullscreen-toggle":``,onClick:s[0]||=(...t)=>(0,e.unref)(y)&&(0,e.unref)(y)(...t)},[(0,e.createVNode)((0,e.unref)(t.ElIcon),{"aria-hidden":`true`},{default:(0,e.withCtx)(()=>[(0,e.unref)(v)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i),{key:0})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(r),{key:1}))]),_:1})],8,d)):(0,e.createCommentVNode)(``,!0),o.showClose?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,class:`ctc-dialog__close`,type:`button`,"aria-label":`关闭弹窗`,title:`关闭`,"data-ctc-close":``,onClick:E},[(0,e.createVNode)((0,e.unref)(t.ElIcon),{"aria-hidden":`true`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n))]),_:1})])):(0,e.createCommentVNode)(``,!0)])]),default:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,f,[(0,e.renderSlot)(a.$slots,`default`)]),o.resizable&&!(0,e.unref)(v)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:`ctc-dialog__resize-handle`,"aria-hidden":`true`,"data-ctc-resize-handle":``,onPointerdown:s[1]||=(...t)=>(0,e.unref)(S)&&(0,e.unref)(S)(...t)},null,32)):(0,e.createCommentVNode)(``,!0)]),_:2},[(0,e.unref)(_).footer?{name:`footer`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,`footer`)]),key:`0`}:void 0]),1040,[`class`,`style`,`model-value`,`fullscreen`,`title`,`width`,`align-center`,`append-to`,`before-close`,`close-delay`,`close-on-click-modal`,`close-on-press-escape`,`destroy-on-close`,`draggable`,`lock-scroll`,`modal`,`modal-class`,`open-delay`,`overflow`,`top`,`trap-focus`,`z-index`]))}}),m={class:`ctc-drawer__header-content`},h={class:`ctc-drawer__title`},g={class:`ctc-drawer__header-actions`},_=[`aria-label`,`title`],v={class:`ctc-drawer__content`},y={key:0,class:`ctc-drawer__footer`},b=(0,e.defineComponent)({name:`CtcDrawer`,inheritAttrs:!1,__name:`index`,props:{modelValue:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showFullscreen:{type:Boolean,default:!1},title:{type:String,default:``},size:{type:[String,Number],default:`480px`},direction:{type:String,default:`rtl`},appendTo:{type:[String,Object],default:void 0},beforeClose:{type:Function,default:void 0},closeOnClickModal:Boolean,closeOnPressEscape:Boolean,destroyOnClose:Boolean,lockScroll:Boolean,modal:{type:Boolean,default:!0},modalClass:{type:[String,Array,Object],default:void 0},showClose:{type:Boolean,default:!0},zIndex:Number},emits:[`update:modelValue`,`update:fullscreen`,`open`,`opened`,`close`,`closed`],setup(o,{emit:s}){let c=o,l=s,u=(0,e.useAttrs)(),d=(0,e.useSlots)(),{isFullscreen:f,toggleFullscreen:p}=a(c,l),b=(0,e.computed)(()=>f.value?`100%`:c.size);function x(e){l(`update:modelValue`,e)}function S(){if(c.beforeClose){c.beforeClose(e=>{e||l(`update:modelValue`,!1)});return}l(`update:modelValue`,!1)}return(a,s)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.ElDrawer),(0,e.mergeProps)((0,e.unref)(u),{class:[`ctc-drawer`,{"is-fullscreen":(0,e.unref)(f)}],"model-value":o.modelValue,"append-to":o.appendTo,"before-close":o.beforeClose,"close-on-click-modal":o.closeOnClickModal,"close-on-press-escape":o.closeOnPressEscape,"destroy-on-close":o.destroyOnClose,direction:o.direction,"lock-scroll":o.lockScroll,modal:o.modal,"modal-class":o.modalClass,"show-close":!1,size:b.value,"z-index":o.zIndex,"header-class":`ctc-drawer__header`,"body-class":`ctc-drawer__body`,"onUpdate:modelValue":x,onOpen:s[1]||=e=>l(`open`),onOpened:s[2]||=e=>l(`opened`),onClose:s[3]||=e=>l(`close`),onClosed:s[4]||=e=>l(`closed`)}),{header:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,m,[(0,e.renderSlot)(a.$slots,`header`,{},()=>[(0,e.createElementVNode)(`span`,h,(0,e.toDisplayString)(o.title),1)])]),(0,e.createElementVNode)(`div`,g,[o.showFullscreen?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,class:`ctc-drawer__fullscreen-toggle`,type:`button`,"aria-label":(0,e.unref)(f)?`退出全屏`:`全屏显示`,title:(0,e.unref)(f)?`退出全屏`:`全屏显示`,"data-ctc-fullscreen-toggle":``,onClick:s[0]||=(...t)=>(0,e.unref)(p)&&(0,e.unref)(p)(...t)},[(0,e.createVNode)((0,e.unref)(t.ElIcon),{"aria-hidden":`true`},{default:(0,e.withCtx)(()=>[(0,e.unref)(f)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i),{key:0})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(r),{key:1}))]),_:1})],8,_)):(0,e.createCommentVNode)(``,!0),o.showClose?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,class:`ctc-drawer__close`,type:`button`,"aria-label":`关闭抽屉`,title:`关闭`,"data-ctc-close":``,onClick:S},[(0,e.createVNode)((0,e.unref)(t.ElIcon),{"aria-hidden":`true`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n))]),_:1})])):(0,e.createCommentVNode)(``,!0)])]),default:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`ctc-drawer__layout`,{"has-footer":(0,e.unref)(d).footer}])},[(0,e.createElementVNode)(`div`,v,[(0,e.renderSlot)(a.$slots,`default`)]),(0,e.unref)(d).footer?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,y,[(0,e.renderSlot)(a.$slots,`footer`)])):(0,e.createCommentVNode)(``,!0)],2)]),_:3},16,[`class`,`model-value`,`append-to`,`before-close`,`close-on-click-modal`,`close-on-press-escape`,`destroy-on-close`,`direction`,`lock-scroll`,`modal`,`modal-class`,`size`,`z-index`]))}}),x=(0,e.defineComponent)({name:`CtcFlex`,__name:`index`,props:{direction:{default:`column`},fill:{type:Boolean,default:!1},grow:{default:1},justify:{default:`flex-start`},align:{default:`stretch`},gap:{default:0},scroll:{type:[Boolean,String],default:!1}},setup(t){let n=t,r=(0,e.computed)(()=>{let e={alignItems:n.align,flexDirection:n.direction,justifyContent:n.justify};return n.gap!==0&&n.gap!==``&&(e.gap=typeof n.gap==`number`?`${n.gap}px`:n.gap),n.fill&&(e.flex=n.grow),n.direction===`column`?e.minHeight=`0`:e.minWidth=`0`,n.scroll===`x`?(e.overflowX=`auto`,e.overflowY=`hidden`):n.scroll===`y`?(e.overflowX=`hidden`,e.overflowY=`auto`):n.scroll&&(e.overflow=`auto`),e});return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`ctc-flex`,style:(0,e.normalizeStyle)(r.value)},[(0,e.renderSlot)(t.$slots,`default`)],4))}}),S=[p,b,x],C={install(e){S.forEach(t=>{e.component(t.name??``,t)})}};exports.CtcComponentsUi=C,exports.default=C,exports.CtcDialog=p,exports.CtcDrawer=b,exports.CtcFlex=x;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let e=require("vue"),t=require("element-plus");var n=(0,e.defineComponent)({name:`Close`,__name:`close`,setup(t){return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[(0,e.createElementVNode)(`path`,{fill:`currentColor`,d:`M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z`})]))}}),r=(0,e.defineComponent)({name:`FullScreen`,__name:`full-screen`,setup(t){return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[(0,e.createElementVNode)(`path`,{fill:`currentColor`,d:`m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z`})]))}}),i=(0,e.defineComponent)({name:`Minus`,__name:`minus`,setup(t){return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 1024 1024`},[(0,e.createElementVNode)(`path`,{fill:`currentColor`,d:`M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64`})]))}});function a(t,n){let r=(0,e.computed)(()=>t.fullscreen??!1);function i(){n(`update:fullscreen`,!r.value)}return{isFullscreen:r,toggleFullscreen:i}}function o(e,t,n){return Math.min(Math.max(e,t),n)}function s(t,n){let r=(0,e.ref)(!1),i=(0,e.ref)({}),a=()=>{};function s(){a(),a=()=>{}}function c(e){if(!t.resizable||e.button!==0)return;let c=e.currentTarget.closest(`.ctc-dialog`);if(!c)return;e.preventDefault(),s();let l=c.getBoundingClientRect(),u=t.minWidth??400,d=t.minHeight??240,f=Math.max(u,window.innerWidth-l.left-32),p=Math.max(d,window.innerHeight-l.top-32),m=e.clientX,h=e.clientY;function g(e){let t=Math.round(o(l.width+e.clientX-m,u,f)),a=Math.round(o(l.height+e.clientY-h,d,p));r.value=!0,i.value={height:`${a}px`,width:`${t}px`},n(`resize`,{width:t,height:a})}function _(){s()}window.addEventListener(`pointermove`,g),window.addEventListener(`pointerup`,_,{once:!0}),a=()=>{window.removeEventListener(`pointermove`,g),window.removeEventListener(`pointerup`,_)}}return(0,e.onBeforeUnmount)(s),{isResized:r,resizeStyle:i,startResize:c}}var c={class:`ctc-dialog__header-content`},l={class:`ctc-dialog__title`},u={class:`ctc-dialog__header-actions`},d=[`aria-label`,`title`],f={class:`ctc-dialog__content`},p=(0,e.defineComponent)({name:`CtcDialog`,inheritAttrs:!1,__name:`index`,props:{modelValue:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showFullscreen:{type:Boolean,default:!1},resizable:{type:Boolean,default:!1},minWidth:{type:Number,default:400},minHeight:{type:Number,default:240},title:{type:String,default:``},width:{type:[String,Number],default:`640px`},alignCenter:Boolean,appendTo:{type:[String,Object],default:void 0},beforeClose:{type:Function,default:void 0},closeDelay:Number,closeOnClickModal:Boolean,closeOnPressEscape:Boolean,destroyOnClose:Boolean,draggable:Boolean,lockScroll:Boolean,modal:{type:Boolean,default:!0},modalClass:{type:[String,Array,Object],default:void 0},openDelay:Number,overflow:Boolean,showClose:{type:Boolean,default:!0},top:String,trapFocus:Boolean,zIndex:Number},emits:[`update:modelValue`,`update:fullscreen`,`resize`,`open`,`opened`,`close`,`closed`],setup(o,{emit:p}){let m=o,h=p,g=(0,e.useAttrs)(),_=(0,e.useSlots)(),{isFullscreen:v,toggleFullscreen:y}=a(m,h),{isResized:b,resizeStyle:x,startResize:S}=s(m,h),C=(0,e.computed)(()=>v.value?{}:x.value),w=(0,e.computed)(()=>b.value&&!v.value);function T(e){h(`update:modelValue`,e)}function E(){if(m.beforeClose){m.beforeClose(e=>{e||h(`update:modelValue`,!1)});return}h(`update:modelValue`,!1)}return(a,s)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.ElDialog),(0,e.mergeProps)((0,e.unref)(g),{class:[`ctc-dialog`,{"ctc-dialog--resizable":o.resizable,"ctc-dialog--resized":w.value}],style:C.value,"model-value":o.modelValue,fullscreen:(0,e.unref)(v),title:o.title,width:o.width,"align-center":o.alignCenter,"append-to":o.appendTo,"before-close":o.beforeClose,"close-delay":o.closeDelay,"close-on-click-modal":o.closeOnClickModal,"close-on-press-escape":o.closeOnPressEscape,"destroy-on-close":o.destroyOnClose,draggable:o.draggable,"lock-scroll":o.lockScroll,modal:o.modal,"modal-class":o.modalClass,"open-delay":o.openDelay,overflow:o.overflow,"show-close":!1,top:o.top,"trap-focus":o.trapFocus,"z-index":o.zIndex,"header-class":`ctc-dialog__header`,"body-class":`ctc-dialog__body`,"footer-class":`ctc-dialog__footer`,"onUpdate:modelValue":T,onOpen:s[2]||=e=>h(`open`),onOpened:s[3]||=e=>h(`opened`),onClose:s[4]||=e=>h(`close`),onClosed:s[5]||=e=>h(`closed`)}),(0,e.createSlots)({header:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,c,[(0,e.renderSlot)(a.$slots,`header`,{},()=>[(0,e.createElementVNode)(`span`,l,(0,e.toDisplayString)(o.title),1)])]),(0,e.createElementVNode)(`div`,u,[o.showFullscreen?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,class:`ctc-dialog__fullscreen-toggle`,type:`button`,"aria-label":(0,e.unref)(v)?`退出全屏`:`全屏显示`,title:(0,e.unref)(v)?`退出全屏`:`全屏显示`,"data-ctc-fullscreen-toggle":``,onClick:s[0]||=(...t)=>(0,e.unref)(y)&&(0,e.unref)(y)(...t)},[(0,e.createVNode)((0,e.unref)(t.ElIcon),{"aria-hidden":`true`},{default:(0,e.withCtx)(()=>[(0,e.unref)(v)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i),{key:0})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(r),{key:1}))]),_:1})],8,d)):(0,e.createCommentVNode)(``,!0),o.showClose?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,class:`ctc-dialog__close`,type:`button`,"aria-label":`关闭弹窗`,title:`关闭`,"data-ctc-close":``,onClick:E},[(0,e.createVNode)((0,e.unref)(t.ElIcon),{"aria-hidden":`true`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n))]),_:1})])):(0,e.createCommentVNode)(``,!0)])]),default:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,f,[(0,e.renderSlot)(a.$slots,`default`)]),o.resizable&&!(0,e.unref)(v)?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{key:0,class:`ctc-dialog__resize-handle`,"aria-hidden":`true`,"data-ctc-resize-handle":``,onPointerdown:s[1]||=(...t)=>(0,e.unref)(S)&&(0,e.unref)(S)(...t)},null,32)):(0,e.createCommentVNode)(``,!0)]),_:2},[(0,e.unref)(_).footer?{name:`footer`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,`footer`)]),key:`0`}:void 0]),1040,[`class`,`style`,`model-value`,`fullscreen`,`title`,`width`,`align-center`,`append-to`,`before-close`,`close-delay`,`close-on-click-modal`,`close-on-press-escape`,`destroy-on-close`,`draggable`,`lock-scroll`,`modal`,`modal-class`,`open-delay`,`overflow`,`top`,`trap-focus`,`z-index`]))}}),m={class:`ctc-drawer__header-content`},h={class:`ctc-drawer__title`},g={class:`ctc-drawer__header-actions`},_=[`aria-label`,`title`],v={class:`ctc-drawer__content`},y={key:0,class:`ctc-drawer__footer`},b=(0,e.defineComponent)({name:`CtcDrawer`,inheritAttrs:!1,__name:`index`,props:{modelValue:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showFullscreen:{type:Boolean,default:!1},title:{type:String,default:``},size:{type:[String,Number],default:`480px`},direction:{type:String,default:`rtl`},appendTo:{type:[String,Object],default:void 0},beforeClose:{type:Function,default:void 0},closeOnClickModal:Boolean,closeOnPressEscape:Boolean,destroyOnClose:Boolean,lockScroll:Boolean,modal:{type:Boolean,default:!0},modalClass:{type:[String,Array,Object],default:void 0},showClose:{type:Boolean,default:!0},zIndex:Number},emits:[`update:modelValue`,`update:fullscreen`,`open`,`opened`,`close`,`closed`],setup(o,{emit:s}){let c=o,l=s,u=(0,e.useAttrs)(),d=(0,e.useSlots)(),{isFullscreen:f,toggleFullscreen:p}=a(c,l),b=(0,e.computed)(()=>f.value?`100%`:c.size);function x(e){l(`update:modelValue`,e)}function S(){if(c.beforeClose){c.beforeClose(e=>{e||l(`update:modelValue`,!1)});return}l(`update:modelValue`,!1)}return(a,s)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.ElDrawer),(0,e.mergeProps)((0,e.unref)(u),{class:[`ctc-drawer`,{"is-fullscreen":(0,e.unref)(f)}],"model-value":o.modelValue,"append-to":o.appendTo,"before-close":o.beforeClose,"close-on-click-modal":o.closeOnClickModal,"close-on-press-escape":o.closeOnPressEscape,"destroy-on-close":o.destroyOnClose,direction:o.direction,"lock-scroll":o.lockScroll,modal:o.modal,"modal-class":o.modalClass,"show-close":!1,size:b.value,"z-index":o.zIndex,"header-class":`ctc-drawer__header`,"body-class":`ctc-drawer__body`,"onUpdate:modelValue":x,onOpen:s[1]||=e=>l(`open`),onOpened:s[2]||=e=>l(`opened`),onClose:s[3]||=e=>l(`close`),onClosed:s[4]||=e=>l(`closed`)}),{header:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,m,[(0,e.renderSlot)(a.$slots,`header`,{},()=>[(0,e.createElementVNode)(`span`,h,(0,e.toDisplayString)(o.title),1)])]),(0,e.createElementVNode)(`div`,g,[o.showFullscreen?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,class:`ctc-drawer__fullscreen-toggle`,type:`button`,"aria-label":(0,e.unref)(f)?`退出全屏`:`全屏显示`,title:(0,e.unref)(f)?`退出全屏`:`全屏显示`,"data-ctc-fullscreen-toggle":``,onClick:s[0]||=(...t)=>(0,e.unref)(p)&&(0,e.unref)(p)(...t)},[(0,e.createVNode)((0,e.unref)(t.ElIcon),{"aria-hidden":`true`},{default:(0,e.withCtx)(()=>[(0,e.unref)(f)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i),{key:0})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(r),{key:1}))]),_:1})],8,_)):(0,e.createCommentVNode)(``,!0),o.showClose?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,class:`ctc-drawer__close`,type:`button`,"aria-label":`关闭抽屉`,title:`关闭`,"data-ctc-close":``,onClick:S},[(0,e.createVNode)((0,e.unref)(t.ElIcon),{"aria-hidden":`true`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(n))]),_:1})])):(0,e.createCommentVNode)(``,!0)])]),default:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)([`ctc-drawer__layout`,{"has-footer":(0,e.unref)(d).footer}])},[(0,e.createElementVNode)(`div`,v,[(0,e.renderSlot)(a.$slots,`default`)]),(0,e.unref)(d).footer?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,y,[(0,e.renderSlot)(a.$slots,`footer`)])):(0,e.createCommentVNode)(``,!0)],2)]),_:3},16,[`class`,`model-value`,`append-to`,`before-close`,`close-on-click-modal`,`close-on-press-escape`,`destroy-on-close`,`direction`,`lock-scroll`,`modal`,`modal-class`,`size`,`z-index`]))}}),x=(0,e.defineComponent)({name:`CtcFlex`,__name:`index`,props:{direction:{default:`column`},fill:{type:Boolean,default:!1},grow:{default:1},justify:{default:`flex-start`},align:{default:`stretch`},gap:{default:0},scroll:{type:[Boolean,String],default:!1}},setup(t){let n=t,r=(0,e.computed)(()=>{let e={alignItems:n.align,flexDirection:n.direction,justifyContent:n.justify};return n.gap!==0&&n.gap!==``&&(e.gap=typeof n.gap==`number`?`${n.gap}px`:n.gap),n.fill&&(e.flex=n.grow),n.direction===`column`?e.minHeight=`0`:e.minWidth=`0`,n.scroll===`x`?(e.overflowX=`auto`,e.overflowY=`hidden`):n.scroll===`y`?(e.overflowX=`hidden`,e.overflowY=`auto`):n.scroll&&(e.overflow=`auto`),e});return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`ctc-flex`,style:(0,e.normalizeStyle)(r.value)},[(0,e.renderSlot)(t.$slots,`default`)],4))}}),S=new Set([`selection`,`index`,`expand`]),C=(0,e.defineComponent)({name:`CtcTableColumn`,props:{column:{type:Object,required:!0},slots:{type:Object,required:!0}},setup(n){let r=e=>e.slot??e.prop,i=(e,t)=>{if(t)return t.replace(/\[(?:'([^']*)'|"([^"]*)"|([^\]]+))\]/g,`.$1$2$3`).split(`.`).filter(Boolean).reduce((e,t)=>{if(!(typeof e!=`object`||!e))return e[t]},e)},a=(e,t)=>{let a=r(e),o=a?n.slots[a]:void 0;if(o)return o({...t,config:e});if(e.renderCell)return e.renderCell(t);if(e.formatter){let n=i(t.row,e.prop??e.property);return e.formatter(t.row,t.column,n,t.$index)}},o=(e,t)=>{let r=e.headerSlot?n.slots[e.headerSlot]:void 0;return r?r({...t,config:e}):e.renderHeader?.(t)},s=r=>{let{children:i,slot:c,headerSlot:l,renderCell:u,renderHeader:d,formatter:f,...p}=r,m=!!i?.length,h=c??r.prop,g=!!(h&&n.slots[h]||u||f),_=!!(l&&n.slots[l]||d),v=r.type?S.has(r.type):!1;return(0,e.h)(t.ElTableColumn,p,{default:m?()=>i?.map(s):g&&!v?e=>a(r,e):void 0,header:_?e=>o(r,e):void 0})};return()=>s(n.column)}});function w(e,t){return t.replace(/\[(?:'([^']*)'|"([^"]*)"|([^\]]+))\]/g,`.$1$2$3`).split(`.`).filter(Boolean).reduce((e,t)=>{if(!(typeof e!=`object`||!e))return e[t]},e)}function T(e,t,n){return n.every(n=>Object.is(w(e,n),w(t,n)))}function E(e,t){let n=new Map(t.filter(e=>e.prop&&e.by.length>0).map(e=>[e.prop,e]));return({column:t,rowIndex:r})=>{if(t.type===`selection`||t.type===`index`||t.type===`expand`)return;let i=t.property,a=i?n.get(i):void 0;if(!a)return;let o=e[r];if(!o)return;if(r>0&&T(e[r-1],o,a.by))return{rowspan:0,colspan:0};let s=1;for(;r+s<e.length&&T(o,e[r+s],a.by);)s+=1;return{rowspan:s,colspan:1}}}var D={class:`ctc-table`},O={key:0,class:`ctc-table__pagination`},k=(0,e.defineComponent)({name:`CtcTable`,inheritAttrs:!1,__name:`index`,props:{columns:{default:()=>[]},currentPage:{default:1},data:{default:()=>[]},loading:{type:Boolean,default:!1},merge:{default:()=>[]},pageSize:{default:10},pagination:{type:Boolean,default:!1},paginationProps:{default:()=>({})},total:{default:0}},emits:[`update:currentPage`,`update:pageSize`,`current-change`,`page-change`,`page-size-change`,`prev-click`,`next-click`],setup(n,{expose:r,emit:i}){let a=n,o=i,s=(0,e.useAttrs)(),c=(0,e.useSlots)(),l=(0,e.useTemplateRef)(`tableRef`),u=new Set(`currentPage.pageSize.total.layout.pageSizes.pagerCount.background.disabled.hideOnSinglePage.small.prevText.nextText.prevIcon.nextIcon.popperClass.popperStyle.teleported.appendSizeTo.pageCount.defaultCurrentPage.defaultPageSize.onUpdate:currentPage.onUpdate:pageSize.onCurrentChange.onSizeChange.onPrevClick.onNextClick`.split(`.`)),d=(0,e.computed)(()=>Object.fromEntries(Object.entries(s).filter(([e])=>!u.has(e)&&e!==`spanMethod`))),f=(0,e.computed)(()=>{if(typeof s.spanMethod==`function`)return s.spanMethod;if(a.merge.length!==0)return E(a.data,a.merge)});function p(e,t){o(`current-change`,e,t)}return r({clearSelection:()=>l.value?.clearSelection(),toggleRowSelection:(e,t)=>l.value?.toggleRowSelection(e,t),toggleAllSelection:()=>l.value?.toggleAllSelection(),toggleRowExpansion:(e,t)=>l.value?.toggleRowExpansion(e,t),setCurrentRow:e=>l.value?.setCurrentRow(e),clearSort:()=>l.value?.clearSort(),clearFilter:e=>l.value?.clearFilter(e),doLayout:()=>l.value?.doLayout(),sort:(e,t)=>l.value?.sort(e,t)}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,D,[(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.ElTable),(0,e.mergeProps)({ref_key:`tableRef`,ref:l},d.value,{data:a.data,"span-method":f.value,onCurrentChange:p}),(0,e.createSlots)({default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(a.columns,(t,n)=>((0,e.openBlock)(),(0,e.createBlock)(C,{key:t.prop??t.property??t.label??n,column:t,slots:(0,e.unref)(c)},null,8,[`column`,`slots`]))),128))]),_:2},[(0,e.unref)(c).empty?{name:`empty`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`empty`)]),key:`0`}:void 0,(0,e.unref)(c).append?{name:`append`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`append`)]),key:`1`}:void 0]),1040,[`data`,`span-method`])),[[(0,e.unref)(t.vLoading),a.loading]]),a.pagination?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,O,[(0,e.createVNode)((0,e.unref)(t.ElPagination),(0,e.mergeProps)(a.paginationProps,{"current-page":a.currentPage,"page-size":a.pageSize,total:a.total,"onUpdate:currentPage":r[0]||=e=>o(`update:currentPage`,e),"onUpdate:pageSize":r[1]||=e=>o(`update:pageSize`,e),onCurrentChange:r[2]||=e=>o(`page-change`,e),onSizeChange:r[3]||=e=>o(`page-size-change`,e),onPrevClick:r[4]||=e=>o(`prev-click`,e),onNextClick:r[5]||=e=>o(`next-click`,e)}),null,16,[`current-page`,`page-size`,`total`]),(0,e.renderSlot)(n.$slots,`pagination`)])):(0,e.createCommentVNode)(``,!0)]))}}),A=[p,b,x,k],j={install(e){A.forEach(t=>{e.component(t.name??``,t)})}};exports.CtcComponentsUi=j,exports.default=j,exports.CtcDialog=p,exports.CtcDrawer=b,exports.CtcFlex=x,exports.CtcTable=k;

package/dist/index.d.ts

@@ -1,13 +1,13 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
-import { DialogBeforeCloseFn } from 'element-plus';
-import { DialogProps } from 'element-plus';
-import { DrawerProps } from 'element-plus';
+import { EmitsOptions } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { Plugin as Plugin_2 } from 'vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
+import { VNode } from 'vue';
+import { VNodeChild } from 'vue';
 
 declare const __VLS_component: DefineComponent<ExtractPropTypes<    {
 modelValue: {
@@ -167,9 +167,13 @@ minWidth: number;
 width: string | number;
 overflow: boolean;
 title: string;
+modelValue: boolean;
+fullscreen: boolean;
+showFullscreen: boolean;
+resizable: boolean;
 alignCenter: boolean;
 appendTo: string | HTMLElement;
-beforeClose: DialogBeforeCloseFn;
+beforeClose: CtcDialogBeforeClose;
 closeOnClickModal: boolean;
 closeOnPressEscape: boolean;
 destroyOnClose: boolean;
@@ -179,10 +183,6 @@ modal: boolean;
 modalClass: string | Record<string, any> | unknown[];
 showClose: boolean;
 trapFocus: boolean;
-modelValue: boolean;
-fullscreen: boolean;
-resizable: boolean;
-showFullscreen: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_2: DefineComponent<ExtractPropTypes<    {
@@ -303,8 +303,11 @@ onClosed?: (() => any) | undefined;
 direction: "ltr" | "rtl" | "ttb" | "btt";
 title: string;
 size: string | number;
+modelValue: boolean;
+fullscreen: boolean;
+showFullscreen: boolean;
 appendTo: string | HTMLElement;
-beforeClose: DialogBeforeCloseFn;
+beforeClose: CtcDialogBeforeClose;
 closeOnClickModal: boolean;
 closeOnPressEscape: boolean;
 destroyOnClose: boolean;
@@ -312,9 +315,6 @@ lockScroll: boolean;
 modal: boolean;
 modalClass: string | Record<string, any> | unknown[];
 showClose: boolean;
-modelValue: boolean;
-fullscreen: boolean;
-showFullscreen: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_3: DefineComponent<CtcFlexProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CtcFlexProps> & Readonly<{}>, {
@@ -388,25 +388,55 @@ export default CtcComponentsUi;
 
 export declare const CtcDialog: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
-export declare type CtcDialogBeforeClose = DialogBeforeCloseFn;
+export declare type CtcDialogBeforeClose = (done: (cancel?: boolean) => void) => void;
 
-export declare interface CtcDialogProps extends DialogForwardedProps {
+export declare interface CtcDialogProps {
+    alignCenter?: boolean;
+    appendTo?: string | HTMLElement;
+    beforeClose?: CtcDialogBeforeClose;
+    closeDelay?: number;
+    closeOnClickModal?: boolean;
+    closeOnPressEscape?: boolean;
+    destroyOnClose?: boolean;
+    draggable?: boolean;
+    lockScroll?: boolean;
+    modal?: boolean;
+    modalClass?: string | string[] | Record<string, unknown>;
     modelValue?: boolean;
     fullscreen?: boolean;
     minHeight?: number;
     minWidth?: number;
+    openDelay?: number;
+    overflow?: boolean;
     resizable?: boolean;
     showFullscreen?: boolean;
+    showClose?: boolean;
     title?: string;
+    top?: string;
+    trapFocus?: boolean;
+    width?: string | number;
+    zIndex?: number;
 }
 
 export declare const CtcDrawer: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
-export declare interface CtcDrawerProps extends DrawerForwardedProps {
+export declare interface CtcDrawerProps {
+    appendTo?: string | HTMLElement;
+    beforeClose?: (done: (cancel?: boolean) => void) => void;
+    closeOnClickModal?: boolean;
+    closeOnPressEscape?: boolean;
+    destroyOnClose?: boolean;
+    direction?: 'btt' | 'ltr' | 'rtl' | 'ttb';
     modelValue?: boolean;
     fullscreen?: boolean;
+    lockScroll?: boolean;
+    modal?: boolean;
+    modalClass?: string | string[] | Record<string, unknown>;
+    showClose?: boolean;
     showFullscreen?: boolean;
+    size?: string | number;
     title?: string;
+    zIndex?: number;
 }
 
 export declare const CtcFlex: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
@@ -425,8 +455,159 @@ export declare interface CtcFlexProps {
 
 export declare type CtcFlexScroll = boolean | 'x' | 'y';
 
-declare type DialogForwardedProps = Pick<DialogProps, 'alignCenter' | 'appendTo' | 'beforeClose' | 'closeDelay' | 'closeOnClickModal' | 'closeOnPressEscape' | 'destroyOnClose' | 'draggable' | 'lockScroll' | 'modal' | 'modalClass' | 'openDelay' | 'overflow' | 'showClose' | 'top' | 'trapFocus' | 'width' | 'zIndex'>;
+export declare const CtcTable: CtcTableComponent;
+
+export declare interface CtcTableCellScope<Row extends object = Record<string, unknown>> {
+    row: Row;
+    column: CtcTableColumnContext;
+    $index: number;
+}
+
+export declare interface CtcTableColumn<Row extends object = Record<string, unknown>> {
+    label?: string;
+    prop?: string;
+    property?: string;
+    type?: 'selection' | 'index' | 'expand';
+    className?: string;
+    labelClassName?: string;
+    width?: string | number;
+    minWidth?: string | number;
+    sortable?: boolean | 'custom';
+    sortMethod?: (a: Row, b: Row) => number;
+    sortBy?: string | string[] | ((row: Row, index: number, array?: Row[]) => string);
+    resizable?: boolean;
+    columnKey?: string;
+    align?: 'left' | 'center' | 'right';
+    headerAlign?: 'left' | 'center' | 'right';
+    showOverflowTooltip?: boolean | CtcTableOverflowTooltipOptions;
+    tooltipFormatter?: (scope: CtcTableTooltipFormatterScope<Row>) => VNode | string;
+    fixed?: boolean | 'left' | 'right';
+    selectable?: (row: Row, index: number) => boolean;
+    reserveSelection?: boolean;
+    filters?: Array<{
+        text: string;
+        value: string;
+    }>;
+    filterMethod?: (value: string, row: Row, column: CtcTableColumnContext) => void;
+    filterPlacement?: string;
+    filterMultiple?: boolean;
+    filterClassName?: string;
+    index?: number | ((index: number) => number);
+    sortOrders?: Array<'ascending' | 'descending' | null>;
+    children?: CtcTableColumn<Row>[];
+    slot?: string;
+    headerSlot?: string;
+    formatter?: (row: Row, column: CtcTableColumnContext, cellValue: unknown, index: number) => string;
+    renderCell?: (scope: CtcTableCellScope<Row>) => VNodeChild;
+    renderHeader?: (scope: CtcTableHeaderScope) => VNodeChild;
+}
+
+declare interface CtcTableColumnContext {
+    label?: string;
+    property?: string;
+    type?: string;
+    [key: string]: unknown;
+}
+
+declare type CtcTableComponent = DefineComponent<CtcTablePublicProps, CtcTableInstance, {}, {}, {}, {}, {}, CtcTableEmits>;
+
+declare type CtcTableEmits = {
+    'update:currentPage': (value: number) => void;
+    'update:pageSize': (value: number) => void;
+    'current-change': (currentRow: Record<string, unknown> | null, oldCurrentRow: Record<string, unknown> | null) => void;
+    'next-click': (value: number) => void;
+    'prev-click': (value: number) => void;
+    'page-change': (value: number) => void;
+    'page-size-change': (value: number) => void;
+} & EmitsOptions;
+
+export declare interface CtcTableHeaderScope {
+    column: CtcTableColumnContext;
+    $index: number;
+}
+
+export declare interface CtcTableInstance {
+    clearSelection: () => void;
+    toggleRowSelection: (row: Record<string, unknown>, selected?: boolean) => void;
+    toggleAllSelection: () => void;
+    toggleRowExpansion: (row: Record<string, unknown>, expanded?: boolean) => void;
+    setCurrentRow: (row?: Record<string, unknown>) => void;
+    clearSort: () => void;
+    clearFilter: (columnKey?: string) => void;
+    doLayout: () => void;
+    sort: (prop: string, order: 'ascending' | 'descending') => void;
+}
 
-declare type DrawerForwardedProps = Pick<DrawerProps, 'appendTo' | 'beforeClose' | 'closeOnClickModal' | 'closeOnPressEscape' | 'destroyOnClose' | 'direction' | 'lockScroll' | 'modal' | 'modalClass' | 'showClose' | 'size' | 'zIndex'>;
+export declare interface CtcTableMergeRule {
+    prop: string;
+    by: string[];
+}
+
+declare interface CtcTableOverflowTooltipOptions {
+    appendTo?: string | HTMLElement;
+    effect?: 'dark' | 'light';
+    enterable?: boolean;
+    hideAfter?: number;
+    offset?: number;
+    placement?: string;
+    popperClass?: string;
+    showAfter?: number;
+    [key: string]: unknown;
+}
+
+export declare interface CtcTablePaginationProps {
+    background?: boolean;
+    disabled?: boolean;
+    hideOnSinglePage?: boolean;
+    layout?: string;
+    nextText?: string;
+    pageCount?: number;
+    pagerCount?: number;
+    pageSizes?: number[];
+    popperClass?: string;
+    prevText?: string;
+    size?: 'default' | 'large' | 'small';
+    small?: boolean;
+    [key: string]: unknown;
+}
+
+export declare interface CtcTableProps<Row extends object = Record<string, unknown>> {
+    columns?: CtcTableColumn<Row>[];
+    currentPage?: number;
+    data?: Row[];
+    loading?: boolean;
+    merge?: CtcTableMergeRule[];
+    pageSize?: number;
+    pagination?: boolean;
+    paginationProps?: CtcTablePaginationProps;
+    total?: number;
+}
+
+declare interface CtcTablePublicProps<Row extends object = Record<string, unknown>> extends CtcTableProps<Row> {
+    border?: boolean;
+    rowKey?: string | ((row: Row) => string | number);
+    spanMethod?: CtcTableSpanMethod<Row>;
+    [attribute: string]: unknown;
+}
+
+export declare interface CtcTableSpanContext<Row extends object = Record<string, unknown>> {
+    row: Row;
+    column: CtcTableColumnContext;
+    rowIndex: number;
+    columnIndex: number;
+}
+
+export declare type CtcTableSpanMethod<Row extends object = Record<string, unknown>> = (context: CtcTableSpanContext<Row>) => CtcTableSpanResult | undefined;
+
+export declare type CtcTableSpanResult = {
+    rowspan: number;
+    colspan: number;
+} | [rowspan: number, colspan: number];
+
+declare interface CtcTableTooltipFormatterScope<Row extends object = Record<string, unknown>> {
+    row: Row;
+    column: CtcTableColumnContext;
+    cellValue: unknown;
+}
 
 export { }

package/dist/index.js

@@ -1,38 +1,38 @@
-import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createSlots as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, useSlots as v, withCtx as y } from "vue";
-import { ElDialog as b, ElDrawer as x, ElIcon as S } from "element-plus";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createVNode as s, defineComponent as c, h as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useAttrs as b, useSlots as x, useTemplateRef as S, withCtx as C, withDirectives as w } from "vue";
+import { ElDialog as T, ElDrawer as E, ElIcon as D, ElPagination as O, ElTable as k, ElTableColumn as A, vLoading as j } from "element-plus";
 //#region node_modules/.pnpm/@element-plus+icons-vue@2.3.2_vue@3.5.41_typescript@5.8.3_/node_modules/@element-plus/icons-vue/dist/index.js
-var C = /* @__PURE__ */ s({
+var M = /* @__PURE__ */ c({
 	name: "Close",
 	__name: "close",
 	setup(e) {
-		return (e, t) => (f(), r("svg", {
+		return (e, t) => (m(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
-		}, [i("path", {
+		}, [a("path", {
 			fill: "currentColor",
 			d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
 		})]));
 	}
-}), w = /* @__PURE__ */ s({
+}), N = /* @__PURE__ */ c({
 	name: "FullScreen",
 	__name: "full-screen",
 	setup(e) {
-		return (e, t) => (f(), r("svg", {
+		return (e, t) => (m(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
-		}, [i("path", {
+		}, [a("path", {
 			fill: "currentColor",
 			d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
 		})]));
 	}
-}), T = /* @__PURE__ */ s({
+}), P = /* @__PURE__ */ c({
 	name: "Minus",
 	__name: "minus",
 	setup(e) {
-		return (e, t) => (f(), r("svg", {
+		return (e, t) => (m(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
-		}, [i("path", {
+		}, [a("path", {
 			fill: "currentColor",
 			d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64"
 		})]));
@@ -40,8 +40,8 @@ var C = /* @__PURE__ */ s({
 });
 //#endregion
 //#region src/components/dialog/src/useFullscreen.ts
-function E(t, n) {
-	let r = e(() => t.fullscreen ?? !1);
+function F(e, n) {
+	let r = t(() => e.fullscreen ?? !1);
 	function i() {
 		n("update:fullscreen", !r.value);
 	}
@@ -52,11 +52,11 @@ function E(t, n) {
 }
 //#endregion
 //#region src/components/dialog/src/useResizable.ts
-function D(e, t, n) {
+function I(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function O(e, t) {
-	let n = p(!1), r = p({}), i = () => {};
+function L(e, t) {
+	let n = h(!1), r = h({}), i = () => {};
 	function a() {
 		i(), i = () => {};
 	}
@@ -67,7 +67,7 @@ function O(e, t) {
 		o.preventDefault(), a();
 		let c = s.getBoundingClientRect(), l = e.minWidth ?? 400, u = e.minHeight ?? 240, d = Math.max(l, window.innerWidth - c.left - 32), f = Math.max(u, window.innerHeight - c.top - 32), p = o.clientX, m = o.clientY;
 		function h(e) {
-			let i = Math.round(D(c.width + e.clientX - p, l, d)), a = Math.round(D(c.height + e.clientY - m, u, f));
+			let i = Math.round(I(c.width + e.clientX - p, l, d)), a = Math.round(I(c.height + e.clientY - m, u, f));
 			n.value = !0, r.value = {
 				height: `${a}px`,
 				width: `${i}px`
@@ -83,7 +83,7 @@ function O(e, t) {
 			window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", g);
 		};
 	}
-	return d(a), {
+	return p(a), {
 		isResized: n,
 		resizeStyle: r,
 		startResize: o
@@ -91,7 +91,7 @@ function O(e, t) {
 }
 //#endregion
 //#region src/components/dialog/src/index.vue?vue&type=script&setup=true&lang.ts
-var k = { class: "ctc-dialog__header-content" }, A = { class: "ctc-dialog__title" }, j = { class: "ctc-dialog__header-actions" }, M = ["aria-label", "title"], N = { class: "ctc-dialog__content" }, P = /* @__PURE__ */ s({
+var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title" }, B = { class: "ctc-dialog__header-actions" }, V = ["aria-label", "title"], H = { class: "ctc-dialog__content" }, U = /* @__PURE__ */ c({
 	name: "CtcDialog",
 	inheritAttrs: !1,
 	__name: "index",
@@ -174,90 +174,90 @@ var k = { class: "ctc-dialog__header-content" }, A = { class: "ctc-dialog__title
 		"close",
 		"closed"
 	],
-	setup(s, { emit: l }) {
-		let u = s, d = l, p = _(), x = v(), { isFullscreen: D, toggleFullscreen: P } = E(u, d), { isResized: F, resizeStyle: I, startResize: L } = O(u, d), R = e(() => D.value ? {} : I.value), z = e(() => F.value && !D.value);
-		function B(e) {
+	setup(e, { emit: c }) {
+		let l = e, d = c, f = b(), p = x(), { isFullscreen: h, toggleFullscreen: g } = F(l, d), { isResized: S, resizeStyle: w, startResize: E } = L(l, d), O = t(() => h.value ? {} : w.value), k = t(() => S.value && !h.value);
+		function A(e) {
 			d("update:modelValue", e);
 		}
-		function V() {
-			if (u.beforeClose) {
-				u.beforeClose((e) => {
+		function j() {
+			if (l.beforeClose) {
+				l.beforeClose((e) => {
 					e || d("update:modelValue", !1);
 				});
 				return;
 			}
 			d("update:modelValue", !1);
 		}
-		return (e, l) => (f(), t(g(b), c(g(p), {
+		return (t, c) => (m(), n(y(T), u(y(f), {
 			class: ["ctc-dialog", {
-				"ctc-dialog--resizable": s.resizable,
-				"ctc-dialog--resized": z.value
+				"ctc-dialog--resizable": e.resizable,
+				"ctc-dialog--resized": k.value
 			}],
-			style: R.value,
-			"model-value": s.modelValue,
-			fullscreen: g(D),
-			title: s.title,
-			width: s.width,
-			"align-center": s.alignCenter,
-			"append-to": s.appendTo,
-			"before-close": s.beforeClose,
-			"close-delay": s.closeDelay,
-			"close-on-click-modal": s.closeOnClickModal,
-			"close-on-press-escape": s.closeOnPressEscape,
-			"destroy-on-close": s.destroyOnClose,
-			draggable: s.draggable,
-			"lock-scroll": s.lockScroll,
-			modal: s.modal,
-			"modal-class": s.modalClass,
-			"open-delay": s.openDelay,
-			overflow: s.overflow,
+			style: O.value,
+			"model-value": e.modelValue,
+			fullscreen: y(h),
+			title: e.title,
+			width: e.width,
+			"align-center": e.alignCenter,
+			"append-to": e.appendTo,
+			"before-close": e.beforeClose,
+			"close-delay": e.closeDelay,
+			"close-on-click-modal": e.closeOnClickModal,
+			"close-on-press-escape": e.closeOnPressEscape,
+			"destroy-on-close": e.destroyOnClose,
+			draggable: e.draggable,
+			"lock-scroll": e.lockScroll,
+			modal: e.modal,
+			"modal-class": e.modalClass,
+			"open-delay": e.openDelay,
+			overflow: e.overflow,
 			"show-close": !1,
-			top: s.top,
-			"trap-focus": s.trapFocus,
-			"z-index": s.zIndex,
+			top: e.top,
+			"trap-focus": e.trapFocus,
+			"z-index": e.zIndex,
 			"header-class": "ctc-dialog__header",
 			"body-class": "ctc-dialog__body",
 			"footer-class": "ctc-dialog__footer",
-			"onUpdate:modelValue": B,
-			onOpen: l[2] ||= (e) => d("open"),
-			onOpened: l[3] ||= (e) => d("opened"),
-			onClose: l[4] ||= (e) => d("close"),
-			onClosed: l[5] ||= (e) => d("closed")
-		}), a({
-			header: y(() => [i("div", k, [m(e.$slots, "header", {}, () => [i("span", A, h(s.title), 1)])]), i("div", j, [s.showFullscreen ? (f(), r("button", {
+			"onUpdate:modelValue": A,
+			onOpen: c[2] ||= (e) => d("open"),
+			onOpened: c[3] ||= (e) => d("opened"),
+			onClose: c[4] ||= (e) => d("close"),
+			onClosed: c[5] ||= (e) => d("closed")
+		}), o({
+			header: C(() => [a("div", R, [_(t.$slots, "header", {}, () => [a("span", z, v(e.title), 1)])]), a("div", B, [e.showFullscreen ? (m(), i("button", {
 				key: 0,
 				class: "ctc-dialog__fullscreen-toggle",
 				type: "button",
-				"aria-label": g(D) ? "退出全屏" : "全屏显示",
-				title: g(D) ? "退出全屏" : "全屏显示",
+				"aria-label": y(h) ? "退出全屏" : "全屏显示",
+				title: y(h) ? "退出全屏" : "全屏显示",
 				"data-ctc-fullscreen-toggle": "",
-				onClick: l[0] ||= (...e) => g(P) && g(P)(...e)
-			}, [o(g(S), { "aria-hidden": "true" }, {
-				default: y(() => [g(D) ? (f(), t(g(T), { key: 0 })) : (f(), t(g(w), { key: 1 }))]),
+				onClick: c[0] ||= (...e) => y(g) && y(g)(...e)
+			}, [s(y(D), { "aria-hidden": "true" }, {
+				default: C(() => [y(h) ? (m(), n(y(P), { key: 0 })) : (m(), n(y(N), { key: 1 }))]),
 				_: 1
-			})], 8, M)) : n("", !0), s.showClose ? (f(), r("button", {
+			})], 8, V)) : r("", !0), e.showClose ? (m(), i("button", {
 				key: 1,
 				class: "ctc-dialog__close",
 				type: "button",
 				"aria-label": "关闭弹窗",
 				title: "关闭",
 				"data-ctc-close": "",
-				onClick: V
-			}, [o(g(S), { "aria-hidden": "true" }, {
-				default: y(() => [o(g(C))]),
+				onClick: j
+			}, [s(y(D), { "aria-hidden": "true" }, {
+				default: C(() => [s(y(M))]),
 				_: 1
-			})])) : n("", !0)])]),
-			default: y(() => [i("div", N, [m(e.$slots, "default")]), s.resizable && !g(D) ? (f(), r("div", {
+			})])) : r("", !0)])]),
+			default: C(() => [a("div", H, [_(t.$slots, "default")]), e.resizable && !y(h) ? (m(), i("div", {
 				key: 0,
 				class: "ctc-dialog__resize-handle",
 				"aria-hidden": "true",
 				"data-ctc-resize-handle": "",
-				onPointerdown: l[1] ||= (...e) => g(L) && g(L)(...e)
-			}, null, 32)) : n("", !0)]),
+				onPointerdown: c[1] ||= (...e) => y(E) && y(E)(...e)
+			}, null, 32)) : r("", !0)]),
 			_: 2
-		}, [g(x).footer ? {
+		}, [y(p).footer ? {
 			name: "footer",
-			fn: y(() => [m(e.$slots, "footer")]),
+			fn: C(() => [_(t.$slots, "footer")]),
 			key: "0"
 		} : void 0]), 1040, [
 			"class",
@@ -284,10 +284,10 @@ var k = { class: "ctc-dialog__header-content" }, A = { class: "ctc-dialog__title
 			"z-index"
 		]));
 	}
-}), F = { class: "ctc-drawer__header-content" }, I = { class: "ctc-drawer__title" }, L = { class: "ctc-drawer__header-actions" }, R = ["aria-label", "title"], z = { class: "ctc-drawer__content" }, B = {
+}), W = { class: "ctc-drawer__header-content" }, G = { class: "ctc-drawer__title" }, K = { class: "ctc-drawer__header-actions" }, q = ["aria-label", "title"], ee = { class: "ctc-drawer__content" }, te = {
 	key: 0,
 	class: "ctc-drawer__footer"
-}, V = /* @__PURE__ */ s({
+}, J = /* @__PURE__ */ c({
 	name: "CtcDrawer",
 	inheritAttrs: !1,
 	__name: "index",
@@ -354,67 +354,67 @@ var k = { class: "ctc-dialog__header-content" }, A = { class: "ctc-dialog__title
 		"close",
 		"closed"
 	],
-	setup(a, { emit: s }) {
-		let u = a, d = s, p = _(), b = v(), { isFullscreen: D, toggleFullscreen: O } = E(u, d), k = e(() => D.value ? "100%" : u.size);
-		function A(e) {
-			d("update:modelValue", e);
+	setup(e, { emit: o }) {
+		let c = e, l = o, f = b(), p = x(), { isFullscreen: h, toggleFullscreen: g } = F(c, l), S = t(() => h.value ? "100%" : c.size);
+		function w(e) {
+			l("update:modelValue", e);
 		}
-		function j() {
-			if (u.beforeClose) {
-				u.beforeClose((e) => {
-					e || d("update:modelValue", !1);
+		function T() {
+			if (c.beforeClose) {
+				c.beforeClose((e) => {
+					e || l("update:modelValue", !1);
 				});
 				return;
 			}
-			d("update:modelValue", !1);
+			l("update:modelValue", !1);
 		}
-		return (e, s) => (f(), t(g(x), c(g(p), {
-			class: ["ctc-drawer", { "is-fullscreen": g(D) }],
-			"model-value": a.modelValue,
-			"append-to": a.appendTo,
-			"before-close": a.beforeClose,
-			"close-on-click-modal": a.closeOnClickModal,
-			"close-on-press-escape": a.closeOnPressEscape,
-			"destroy-on-close": a.destroyOnClose,
-			direction: a.direction,
-			"lock-scroll": a.lockScroll,
-			modal: a.modal,
-			"modal-class": a.modalClass,
+		return (t, o) => (m(), n(y(E), u(y(f), {
+			class: ["ctc-drawer", { "is-fullscreen": y(h) }],
+			"model-value": e.modelValue,
+			"append-to": e.appendTo,
+			"before-close": e.beforeClose,
+			"close-on-click-modal": e.closeOnClickModal,
+			"close-on-press-escape": e.closeOnPressEscape,
+			"destroy-on-close": e.destroyOnClose,
+			direction: e.direction,
+			"lock-scroll": e.lockScroll,
+			modal: e.modal,
+			"modal-class": e.modalClass,
 			"show-close": !1,
-			size: k.value,
-			"z-index": a.zIndex,
+			size: S.value,
+			"z-index": e.zIndex,
 			"header-class": "ctc-drawer__header",
 			"body-class": "ctc-drawer__body",
-			"onUpdate:modelValue": A,
-			onOpen: s[1] ||= (e) => d("open"),
-			onOpened: s[2] ||= (e) => d("opened"),
-			onClose: s[3] ||= (e) => d("close"),
-			onClosed: s[4] ||= (e) => d("closed")
+			"onUpdate:modelValue": w,
+			onOpen: o[1] ||= (e) => l("open"),
+			onOpened: o[2] ||= (e) => l("opened"),
+			onClose: o[3] ||= (e) => l("close"),
+			onClosed: o[4] ||= (e) => l("closed")
 		}), {
-			header: y(() => [i("div", F, [m(e.$slots, "header", {}, () => [i("span", I, h(a.title), 1)])]), i("div", L, [a.showFullscreen ? (f(), r("button", {
+			header: C(() => [a("div", W, [_(t.$slots, "header", {}, () => [a("span", G, v(e.title), 1)])]), a("div", K, [e.showFullscreen ? (m(), i("button", {
 				key: 0,
 				class: "ctc-drawer__fullscreen-toggle",
 				type: "button",
-				"aria-label": g(D) ? "退出全屏" : "全屏显示",
-				title: g(D) ? "退出全屏" : "全屏显示",
+				"aria-label": y(h) ? "退出全屏" : "全屏显示",
+				title: y(h) ? "退出全屏" : "全屏显示",
 				"data-ctc-fullscreen-toggle": "",
-				onClick: s[0] ||= (...e) => g(O) && g(O)(...e)
-			}, [o(g(S), { "aria-hidden": "true" }, {
-				default: y(() => [g(D) ? (f(), t(g(T), { key: 0 })) : (f(), t(g(w), { key: 1 }))]),
+				onClick: o[0] ||= (...e) => y(g) && y(g)(...e)
+			}, [s(y(D), { "aria-hidden": "true" }, {
+				default: C(() => [y(h) ? (m(), n(y(P), { key: 0 })) : (m(), n(y(N), { key: 1 }))]),
 				_: 1
-			})], 8, R)) : n("", !0), a.showClose ? (f(), r("button", {
+			})], 8, q)) : r("", !0), e.showClose ? (m(), i("button", {
 				key: 1,
 				class: "ctc-drawer__close",
 				type: "button",
 				"aria-label": "关闭抽屉",
 				title: "关闭",
 				"data-ctc-close": "",
-				onClick: j
-			}, [o(g(S), { "aria-hidden": "true" }, {
-				default: y(() => [o(g(C))]),
+				onClick: T
+			}, [s(y(D), { "aria-hidden": "true" }, {
+				default: C(() => [s(y(M))]),
 				_: 1
-			})])) : n("", !0)])]),
-			default: y(() => [i("div", { class: l(["ctc-drawer__layout", { "has-footer": g(b).footer }]) }, [i("div", z, [m(e.$slots, "default")]), g(b).footer ? (f(), r("div", B, [m(e.$slots, "footer")])) : n("", !0)], 2)]),
+			})])) : r("", !0)])]),
+			default: C(() => [a("div", { class: d(["ctc-drawer__layout", { "has-footer": y(p).footer }]) }, [a("div", ee, [_(t.$slots, "default")]), y(p).footer ? (m(), i("div", te, [_(t.$slots, "footer")])) : r("", !0)], 2)]),
 			_: 3
 		}, 16, [
 			"class",
@@ -432,7 +432,7 @@ var k = { class: "ctc-dialog__header-content" }, A = { class: "ctc-dialog__title
 			"z-index"
 		]));
 	}
-}), H = /* @__PURE__ */ s({
+}), Y = /* @__PURE__ */ c({
 	name: "CtcFlex",
 	__name: "index",
 	props: {
@@ -450,8 +450,8 @@ var k = { class: "ctc-dialog__header-content" }, A = { class: "ctc-dialog__title
 			default: !1
 		}
 	},
-	setup(t) {
-		let n = t, i = e(() => {
+	setup(e) {
+		let n = e, r = t(() => {
 			let e = {
 				alignItems: n.align,
 				flexDirection: n.direction,
@@ -459,19 +459,189 @@ var k = { class: "ctc-dialog__header-content" }, A = { class: "ctc-dialog__title
 			};
 			return n.gap !== 0 && n.gap !== "" && (e.gap = typeof n.gap == "number" ? `${n.gap}px` : n.gap), n.fill && (e.flex = n.grow), n.direction === "column" ? e.minHeight = "0" : e.minWidth = "0", n.scroll === "x" ? (e.overflowX = "auto", e.overflowY = "hidden") : n.scroll === "y" ? (e.overflowX = "hidden", e.overflowY = "auto") : n.scroll && (e.overflow = "auto"), e;
 		});
-		return (e, t) => (f(), r("div", {
+		return (e, t) => (m(), i("div", {
 			class: "ctc-flex",
-			style: u(i.value)
-		}, [m(e.$slots, "default")], 4));
+			style: f(r.value)
+		}, [_(e.$slots, "default")], 4));
+	}
+}), ne = /* @__PURE__ */ new Set([
+	"selection",
+	"index",
+	"expand"
+]), re = c({
+	name: "CtcTableColumn",
+	props: {
+		column: {
+			type: Object,
+			required: !0
+		},
+		slots: {
+			type: Object,
+			required: !0
+		}
+	},
+	setup(e) {
+		let t = (e) => e.slot ?? e.prop, n = (e, t) => {
+			if (t) return t.replace(/\[(?:'([^']*)'|"([^"]*)"|([^\]]+))\]/g, ".$1$2$3").split(".").filter(Boolean).reduce((e, t) => {
+				if (!(typeof e != "object" || !e)) return e[t];
+			}, e);
+		}, r = (r, i) => {
+			let a = t(r), o = a ? e.slots[a] : void 0;
+			if (o) return o({
+				...i,
+				config: r
+			});
+			if (r.renderCell) return r.renderCell(i);
+			if (r.formatter) {
+				let e = n(i.row, r.prop ?? r.property);
+				return r.formatter(i.row, i.column, e, i.$index);
+			}
+		}, i = (t, n) => {
+			let r = t.headerSlot ? e.slots[t.headerSlot] : void 0;
+			return r ? r({
+				...n,
+				config: t
+			}) : t.renderHeader?.(n);
+		}, a = (t) => {
+			let { children: n, slot: o, headerSlot: s, renderCell: c, renderHeader: u, formatter: d, ...f } = t, p = !!n?.length, m = o ?? t.prop, h = !!(m && e.slots[m] || c || d), g = !!(s && e.slots[s] || u), _ = t.type ? ne.has(t.type) : !1;
+			return l(A, f, {
+				default: p ? () => n?.map(a) : h && !_ ? (e) => r(t, e) : void 0,
+				header: g ? (e) => i(t, e) : void 0
+			});
+		};
+		return () => a(e.column);
+	}
+});
+//#endregion
+//#region src/components/table/src/merge.ts
+function X(e, t) {
+	return t.replace(/\[(?:'([^']*)'|"([^"]*)"|([^\]]+))\]/g, ".$1$2$3").split(".").filter(Boolean).reduce((e, t) => {
+		if (!(typeof e != "object" || !e)) return e[t];
+	}, e);
+}
+function Z(e, t, n) {
+	return n.every((n) => Object.is(X(e, n), X(t, n)));
+}
+function ie(e, t) {
+	let n = new Map(t.filter((e) => e.prop && e.by.length > 0).map((e) => [e.prop, e]));
+	return ({ column: t, rowIndex: r }) => {
+		if (t.type === "selection" || t.type === "index" || t.type === "expand") return;
+		let i = t.property, a = i ? n.get(i) : void 0;
+		if (!a) return;
+		let o = e[r];
+		if (!o) return;
+		if (r > 0 && Z(e[r - 1], o, a.by)) return {
+			rowspan: 0,
+			colspan: 0
+		};
+		let s = 1;
+		for (; r + s < e.length && Z(o, e[r + s], a.by);) s += 1;
+		return {
+			rowspan: s,
+			colspan: 1
+		};
+	};
+}
+//#endregion
+//#region src/components/table/src/index.vue?vue&type=script&setup=true&lang.ts
+var ae = { class: "ctc-table" }, oe = {
+	key: 0,
+	class: "ctc-table__pagination"
+}, Q = /* @__PURE__ */ c({
+	name: "CtcTable",
+	inheritAttrs: !1,
+	__name: "index",
+	props: {
+		columns: { default: () => [] },
+		currentPage: { default: 1 },
+		data: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		merge: { default: () => [] },
+		pageSize: { default: 10 },
+		pagination: {
+			type: Boolean,
+			default: !1
+		},
+		paginationProps: { default: () => ({}) },
+		total: { default: 0 }
+	},
+	emits: [
+		"update:currentPage",
+		"update:pageSize",
+		"current-change",
+		"page-change",
+		"page-size-change",
+		"prev-click",
+		"next-click"
+	],
+	setup(a, { expose: c, emit: l }) {
+		let d = a, f = l, p = b(), h = x(), v = S("tableRef"), T = /* @__PURE__ */ new Set(/* @__PURE__ */ "currentPage.pageSize.total.layout.pageSizes.pagerCount.background.disabled.hideOnSinglePage.small.prevText.nextText.prevIcon.nextIcon.popperClass.popperStyle.teleported.appendSizeTo.pageCount.defaultCurrentPage.defaultPageSize.onUpdate:currentPage.onUpdate:pageSize.onCurrentChange.onSizeChange.onPrevClick.onNextClick".split(".")), E = t(() => Object.fromEntries(Object.entries(p).filter(([e]) => !T.has(e) && e !== "spanMethod"))), D = t(() => {
+			if (typeof p.spanMethod == "function") return p.spanMethod;
+			if (d.merge.length !== 0) return ie(d.data, d.merge);
+		});
+		function A(e, t) {
+			f("current-change", e, t);
+		}
+		return c({
+			clearSelection: () => v.value?.clearSelection(),
+			toggleRowSelection: (e, t) => v.value?.toggleRowSelection(e, t),
+			toggleAllSelection: () => v.value?.toggleAllSelection(),
+			toggleRowExpansion: (e, t) => v.value?.toggleRowExpansion(e, t),
+			setCurrentRow: (e) => v.value?.setCurrentRow(e),
+			clearSort: () => v.value?.clearSort(),
+			clearFilter: (e) => v.value?.clearFilter(e),
+			doLayout: () => v.value?.doLayout(),
+			sort: (e, t) => v.value?.sort(e, t)
+		}), (t, a) => (m(), i("div", ae, [w((m(), n(y(k), u({
+			ref_key: "tableRef",
+			ref: v
+		}, E.value, {
+			data: d.data,
+			"span-method": D.value,
+			onCurrentChange: A
+		}), o({
+			default: C(() => [(m(!0), i(e, null, g(d.columns, (e, t) => (m(), n(re, {
+				key: e.prop ?? e.property ?? e.label ?? t,
+				column: e,
+				slots: y(h)
+			}, null, 8, ["column", "slots"]))), 128))]),
+			_: 2
+		}, [y(h).empty ? {
+			name: "empty",
+			fn: C(() => [_(t.$slots, "empty")]),
+			key: "0"
+		} : void 0, y(h).append ? {
+			name: "append",
+			fn: C(() => [_(t.$slots, "append")]),
+			key: "1"
+		} : void 0]), 1040, ["data", "span-method"])), [[y(j), d.loading]]), d.pagination ? (m(), i("div", oe, [s(y(O), u(d.paginationProps, {
+			"current-page": d.currentPage,
+			"page-size": d.pageSize,
+			total: d.total,
+			"onUpdate:currentPage": a[0] ||= (e) => f("update:currentPage", e),
+			"onUpdate:pageSize": a[1] ||= (e) => f("update:pageSize", e),
+			onCurrentChange: a[2] ||= (e) => f("page-change", e),
+			onSizeChange: a[3] ||= (e) => f("page-size-change", e),
+			onPrevClick: a[4] ||= (e) => f("prev-click", e),
+			onNextClick: a[5] ||= (e) => f("next-click", e)
+		}), null, 16, [
+			"current-page",
+			"page-size",
+			"total"
+		]), _(t.$slots, "pagination")])) : r("", !0)]));
 	}
-}), U = [
-	P,
-	V,
-	H
-], W = { install(e) {
-	U.forEach((t) => {
+}), se = [
+	U,
+	J,
+	Y,
+	Q
+], $ = { install(e) {
+	se.forEach((t) => {
 		e.component(t.name ?? "", t);
 	});
 } };
 //#endregion
-export { W as CtcComponentsUi, W as default, P as CtcDialog, V as CtcDrawer, H as CtcFlex };
+export { $ as CtcComponentsUi, $ as default, U as CtcDialog, J as CtcDrawer, Y as CtcFlex, Q as CtcTable };

package/dist/style.css

@@ -1,2 +1,2 @@
-:root:not(.dark):not([data-ctc-theme]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=light]{--ctc-color-primary:#1f5eff;--ctc-color-primary-hover:#356fff;--ctc-color-primary-active:#1749c6;--ctc-color-primary-light-3:#5a87ff;--ctc-color-primary-light-5:#7da4ff;--ctc-color-primary-light-7:#a5c0ff;--ctc-color-primary-light-8:#bdcfff;--ctc-color-primary-light-9:#dce7ff;--ctc-color-page:#f8f8f8;--ctc-color-surface:#fff;--ctc-color-surface-elevated:#fff;--ctc-color-fill:#f3f5f9;--ctc-color-fill-light:#f7f8fb;--ctc-color-text:#2e3544;--ctc-color-text-secondary:#667085;--ctc-color-text-placeholder:#98a2b3;--ctc-color-border:#dbdfe7;--ctc-color-border-light:#e9ecf2;--ctc-color-mask:#1118277a;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}html.dark:not([data-ctc-theme=light]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]){--ctc-color-primary:#4d7dff;--ctc-color-primary-hover:#6993ff;--ctc-color-primary-active:#3569e8;--ctc-color-primary-light-3:#6e94ff;--ctc-color-primary-light-5:#91aeff;--ctc-color-primary-light-7:#b1c5ff;--ctc-color-primary-light-8:#c5d4ff;--ctc-color-primary-light-9:#dde7ff;--ctc-color-page:#071326;--ctc-color-surface:#0e1d33;--ctc-color-surface-elevated:#142541;--ctc-color-fill:#1a2c48;--ctc-color-fill-light:#203552;--ctc-color-text:#f2f6ff;--ctc-color-text-secondary:#b6c2d9;--ctc-color-text-placeholder:#7f90ad;--ctc-color-border:#263955;--ctc-color-border-light:#304762;--ctc-color-mask:#000612b8;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}[data-ctc-theme-mode=inherit]{--ctc-color-primary:var(--el-color-primary);--ctc-color-primary-hover:var(--el-color-primary-light-3);--ctc-color-primary-active:var(--el-color-primary-dark-2);--ctc-color-page:var(--el-bg-color-page);--ctc-color-surface:var(--el-bg-color);--ctc-color-surface-elevated:var(--el-bg-color-overlay);--ctc-color-fill:var(--el-fill-color);--ctc-color-fill-light:var(--el-fill-color-light);--ctc-color-text:var(--el-text-color-primary);--ctc-color-text-secondary:var(--el-text-color-regular);--ctc-color-text-placeholder:var(--el-text-color-placeholder);--ctc-color-border:var(--el-border-color);--ctc-color-border-light:var(--el-border-color-light);--ctc-color-mask:var(--el-mask-color);--ctc-radius-small:var(--el-border-radius-small);--ctc-radius-base:var(--el-border-radius-base);--ctc-radius-large:8px;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px}.el-overlay{--el-overlay-color-lighter:var(--ctc-color-mask)}.ctc-dialog{--el-dialog-bg-color:var(--ctc-color-surface);--el-dialog-padding-primary:0;background:var(--ctc-color-surface);border:1px solid var(--ctc-color-border-light);border-radius:var(--ctc-radius-base);position:relative;overflow:hidden;box-shadow:0 18px 48px #0f172a29}.ctc-dialog.is-fullscreen{border-radius:0}.ctc-dialog__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;line-height:1;display:flex}.ctc-dialog__header-content{align-items:center;gap:var(--ctc-space-2);flex:1;min-width:0;display:flex}.ctc-dialog__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-dialog__fullscreen-toggle,.ctc-dialog__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-dialog__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-dialog__fullscreen-toggle{font-size:16px}.ctc-dialog__fullscreen-toggle:hover,.ctc-dialog__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-dialog__close{font-size:22px;font-weight:300;line-height:1}.ctc-dialog__body{box-sizing:border-box;max-height:calc(100vh - 144px);padding:0;overflow:auto}.ctc-dialog--resized{flex-direction:column;display:flex}.ctc-dialog--resized .ctc-dialog__body{flex:1;min-height:0;max-height:none}.ctc-dialog__content{box-sizing:border-box;padding:var(--ctc-space-6)}.ctc-dialog__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);justify-content:flex-end;align-items:center;display:flex}.ctc-dialog__resize-handle{cursor:nwse-resize;touch-action:none;z-index:1;width:18px;height:18px;position:absolute;bottom:0;right:0}.ctc-dialog__resize-handle:before{background:linear-gradient(135deg, transparent 0 46%, var(--ctc-color-border) 47% 53%, transparent 54% 100%);content:"";position:absolute;inset:4px}.ctc-drawer{--el-drawer-bg-color:var(--ctc-color-surface);background:var(--ctc-color-surface);color:var(--ctc-color-text)}.ctc-drawer.is-fullscreen{width:100%;height:100%}.ctc-drawer__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;display:flex}.ctc-drawer__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-drawer__header-content{flex:1;align-items:center;min-width:0;display:flex}.ctc-drawer__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-drawer__fullscreen-toggle,.ctc-drawer__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-drawer__fullscreen-toggle:hover,.ctc-drawer__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-drawer__fullscreen-toggle{font-size:16px}.ctc-drawer__close{font-size:22px;font-weight:300;line-height:1}.ctc-drawer__body{box-sizing:border-box;padding:0;overflow:hidden}.ctc-drawer__layout{flex-direction:column;height:100%;min-height:0;display:flex}.ctc-drawer__content{box-sizing:border-box;min-height:0;padding:var(--ctc-space-6);flex:1;overflow:auto}.ctc-drawer__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.ctc-flex{box-sizing:border-box;display:flex}
+:root:not(.dark):not([data-ctc-theme]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=light]{--ctc-color-primary:#1f5eff;--ctc-color-primary-hover:#356fff;--ctc-color-primary-active:#1749c6;--ctc-color-primary-light-3:#5a87ff;--ctc-color-primary-light-5:#7da4ff;--ctc-color-primary-light-7:#a5c0ff;--ctc-color-primary-light-8:#bdcfff;--ctc-color-primary-light-9:#dce7ff;--ctc-color-page:#f8f8f8;--ctc-color-surface:#fff;--ctc-color-surface-elevated:#fff;--ctc-color-fill:#f3f5f9;--ctc-color-fill-light:#f7f8fb;--ctc-color-text:#2e3544;--ctc-color-text-secondary:#667085;--ctc-color-text-placeholder:#98a2b3;--ctc-color-border:#dbdfe7;--ctc-color-border-light:#e9ecf2;--ctc-color-mask:#1118277a;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}html.dark:not([data-ctc-theme=light]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]){--ctc-color-primary:#4d7dff;--ctc-color-primary-hover:#6993ff;--ctc-color-primary-active:#3569e8;--ctc-color-primary-light-3:#6e94ff;--ctc-color-primary-light-5:#91aeff;--ctc-color-primary-light-7:#b1c5ff;--ctc-color-primary-light-8:#c5d4ff;--ctc-color-primary-light-9:#dde7ff;--ctc-color-page:#071326;--ctc-color-surface:#0e1d33;--ctc-color-surface-elevated:#142541;--ctc-color-fill:#1a2c48;--ctc-color-fill-light:#203552;--ctc-color-text:#f2f6ff;--ctc-color-text-secondary:#b6c2d9;--ctc-color-text-placeholder:#7f90ad;--ctc-color-border:#263955;--ctc-color-border-light:#304762;--ctc-color-mask:#000612b8;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}[data-ctc-theme-mode=inherit]{--ctc-color-primary:var(--el-color-primary);--ctc-color-primary-hover:var(--el-color-primary-light-3);--ctc-color-primary-active:var(--el-color-primary-dark-2);--ctc-color-page:var(--el-bg-color-page);--ctc-color-surface:var(--el-bg-color);--ctc-color-surface-elevated:var(--el-bg-color-overlay);--ctc-color-fill:var(--el-fill-color);--ctc-color-fill-light:var(--el-fill-color-light);--ctc-color-text:var(--el-text-color-primary);--ctc-color-text-secondary:var(--el-text-color-regular);--ctc-color-text-placeholder:var(--el-text-color-placeholder);--ctc-color-border:var(--el-border-color);--ctc-color-border-light:var(--el-border-color-light);--ctc-color-mask:var(--el-mask-color);--ctc-radius-small:var(--el-border-radius-small);--ctc-radius-base:var(--el-border-radius-base);--ctc-radius-large:8px;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px}.el-overlay{--el-overlay-color-lighter:var(--ctc-color-mask)}.ctc-dialog{--el-dialog-bg-color:var(--ctc-color-surface);--el-dialog-padding-primary:0;background:var(--ctc-color-surface);border:1px solid var(--ctc-color-border-light);border-radius:var(--ctc-radius-base);position:relative;overflow:hidden;box-shadow:0 18px 48px #0f172a29}.ctc-dialog.is-fullscreen{border-radius:0}.ctc-dialog__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;line-height:1;display:flex}.ctc-dialog__header-content{align-items:center;gap:var(--ctc-space-2);flex:1;min-width:0;display:flex}.ctc-dialog__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-dialog__fullscreen-toggle,.ctc-dialog__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-dialog__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-dialog__fullscreen-toggle{font-size:16px}.ctc-dialog__fullscreen-toggle:hover,.ctc-dialog__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-dialog__close{font-size:22px;font-weight:300;line-height:1}.ctc-dialog__body{box-sizing:border-box;max-height:calc(100vh - 144px);padding:0;overflow:auto}.ctc-dialog--resized{flex-direction:column;display:flex}.ctc-dialog--resized .ctc-dialog__body{flex:1;min-height:0;max-height:none}.ctc-dialog__content{box-sizing:border-box;padding:var(--ctc-space-6)}.ctc-dialog__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);justify-content:flex-end;align-items:center;display:flex}.ctc-dialog__resize-handle{cursor:nwse-resize;touch-action:none;z-index:1;width:18px;height:18px;position:absolute;bottom:0;right:0}.ctc-dialog__resize-handle:before{background:linear-gradient(135deg, transparent 0 46%, var(--ctc-color-border) 47% 53%, transparent 54% 100%);content:"";position:absolute;inset:4px}.ctc-drawer{--el-drawer-bg-color:var(--ctc-color-surface);background:var(--ctc-color-surface);color:var(--ctc-color-text)}.ctc-drawer.is-fullscreen{width:100%;height:100%}.ctc-drawer__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;display:flex}.ctc-drawer__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-drawer__header-content{flex:1;align-items:center;min-width:0;display:flex}.ctc-drawer__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-drawer__fullscreen-toggle,.ctc-drawer__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-drawer__fullscreen-toggle:hover,.ctc-drawer__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-drawer__fullscreen-toggle{font-size:16px}.ctc-drawer__close{font-size:22px;font-weight:300;line-height:1}.ctc-drawer__body{box-sizing:border-box;padding:0;overflow:hidden}.ctc-drawer__layout{flex-direction:column;height:100%;min-height:0;display:flex}.ctc-drawer__content{box-sizing:border-box;min-height:0;padding:var(--ctc-space-6);flex:1;overflow:auto}.ctc-drawer__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.ctc-flex{box-sizing:border-box;display:flex}.ctc-table{--el-table-bg-color:var(--ctc-color-surface);--el-table-tr-bg-color:var(--ctc-color-surface);--el-table-header-bg-color:var(--ctc-color-fill-light);--el-table-border-color:var(--ctc-color-border-light);--el-table-row-hover-bg-color:var(--ctc-color-fill);--el-table-current-row-bg-color:var(--ctc-color-fill);--el-table-header-text-color:var(--ctc-color-text);--el-table-text-color:var(--ctc-color-text-secondary);background:var(--ctc-color-surface);color:var(--ctc-color-text)}.ctc-table .el-table{background:var(--ctc-color-surface)}.ctc-table .el-table__inner-wrapper:before{background-color:var(--ctc-color-border-light)}.ctc-table .el-table th.el-table__cell{background:var(--ctc-color-fill-light);color:var(--ctc-color-text);font-weight:600}.ctc-table .el-table td.el-table__cell,.ctc-table .el-table tr{background:var(--ctc-color-surface)}.ctc-table .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background:var(--ctc-color-fill)}.ctc-table__pagination{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;align-items:center;gap:var(--ctc-space-3);min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-5);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=640px){.ctc-table__pagination{flex-direction:column;justify-content:center;align-items:flex-start}}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctc-front/components-ui-next",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "CTC Vue 3 + Element Plus 团队组件库",
   "license": "UNLICENSED",
   "type": "module",
@@ -22,24 +22,37 @@
     "**/*.css",
     "**/*.scss"
   ],
+  "scripts": {
+    "preinstall": "npx only-allow pnpm",
+    "dev": "vite",
+    "build": "vite build",
+    "type-check": "vue-tsc --noEmit -p tsconfig.app.json",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs"
+  },
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",
     "element-plus": "^2.14.1",
     "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@eslint/js": "^10.0.1",
     "@element-plus/icons-vue": "^2.3.1",
+    "@eslint/js": "^10.0.1",
     "@tsconfig/node24": "^24.0.4",
     "@types/node": "^24.12.4",
     "@vitejs/plugin-vue": "^6.0.6",
+    "@vitejs/plugin-vue-jsx": "^5.1.6",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.9.1",
     "element-plus": "^2.14.1",
     "eslint": "^10.2.1",
     "eslint-plugin-vue": "^10.8.0",
-    "jsdom": "^29.0.2",
     "jiti": "^2.6.1",
+    "jsdom": "^29.0.2",
     "prettier": "^3.6.2",
     "sass-embedded": "^1.100.0",
     "typescript": "~5.8.3",
@@ -56,16 +69,5 @@
     "node": ">=22.0.0 <24.0.0",
     "pnpm": ">=11.0.0"
   },
-  "scripts": {
-    "preinstall": "npx only-allow pnpm",
-    "dev": "vite",
-    "build": "vite build",
-    "type-check": "vue-tsc --noEmit -p tsconfig.app.json",
-    "lint": "eslint .",
-    "format": "prettier --write .",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs"
-  }
-}
+  "packageManager": "pnpm@11.0.0"
+}