@ctc-front/components-ui-next 0.1.3 → 0.1.4

package/README.md

@@ -6,6 +6,8 @@
 
 - `CtcDialog`、`CtcDrawer`、`CtcFlex`
 - 配置化 `CtcTable`：多级表头、插槽、render 函数、受控分页、行合并
+- Element Plus 原生表格属性类型、滚动方法与 `elTableRef` 原生实例入口
+- `app.use(CtcComponentsUi, options)` 团队默认配置
 - Element Plus 浅色/深色主题兼容
 
 ## 安装
@@ -23,10 +25,7 @@ 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')
+createApp(App).use(ElementPlus).use(CtcComponentsUi).mount('#app')
 ```
 
 如果宿主使用 Element Plus 按需加载，请改用包含 Element Plus 基础样式的入口：
@@ -73,4 +72,4 @@ document.documentElement.classList.toggle('dark', isDark)
 
 ## 版本说明
 
-当前为 `0.1.3`，适用于 Vue 3 项目。Vue 2 / Element UI 项目请继续使用原组件库。
+当前为 `0.1.4`，适用于 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,contentFill:{type:Boolean,default:!1},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--content-fill":o.contentFill,"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={key:0,class:`ctc-table__pagination`},O=(0,e.defineComponent)({name:`CtcTable`,inheritAttrs:!1,__name:`index`,props:{autoHeight:{type:Boolean,default:!1},columns:{default:()=>[]},currentPage:{default:1},data:{default:()=>[]},height:{},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!==`height`&&e!==`spanMethod`))),f=(0,e.computed)(()=>{if(typeof a.height==`string`||typeof a.height==`number`)return a.height}),p=(0,e.computed)(()=>a.autoHeight&&f.value===void 0),m=(0,e.computed)(()=>f.value??(p.value?`100%`:void 0)),h=(0,e.computed)(()=>{if(typeof s.spanMethod==`function`)return s.spanMethod;if(a.merge.length!==0)return E(a.data,a.merge)});function g(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`,{class:(0,e.normalizeClass)([`ctc-table`,{"ctc-table--auto-height":p.value}])},[(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,height:m.value,"span-method":h.value,onCurrentChange:g}),(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`,`height`,`span-method`])),[[(0,e.unref)(t.vLoading),a.loading]]),a.pagination?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,D,[(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)],2))}}),k=[p,b,x,O],A={install(e){k.forEach(t=>{e.component(t.name??``,t)})}};exports.CtcComponentsUi=A,exports.default=A,exports.CtcDialog=p,exports.CtcDrawer=b,exports.CtcFlex=x,exports.CtcTable=O;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let e=require("vue"),t=require("element-plus");var n=Symbol(`CtcComponentsUiConfig`);function r(){return(0,e.inject)(n,{})}var i=(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`})]))}}),a=(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`})]))}}),o=(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 s(t,n){let r=(0,e.computed)(()=>t.fullscreen??!1);function i(){n(`update:fullscreen`,!r.value)}return{isFullscreen:r,toggleFullscreen:i}}function c(e,t,n){return Math.min(Math.max(e,t),n)}function l(t,n){let r=(0,e.ref)(!1),i=(0,e.ref)({}),a=()=>{};function o(){a(),a=()=>{}}function s(e){if(!t.resizable||e.button!==0)return;let s=e.currentTarget.closest(`.ctc-dialog`);if(!s)return;e.preventDefault(),o();let l=s.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(c(l.width+e.clientX-m,u,f)),a=Math.round(c(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 _(){o()}window.addEventListener(`pointermove`,g),window.addEventListener(`pointerup`,_,{once:!0}),a=()=>{window.removeEventListener(`pointermove`,g),window.removeEventListener(`pointerup`,_)}}return(0,e.onBeforeUnmount)(o),{isResized:r,resizeStyle:i,startResize:s}}var u={class:`ctc-dialog__header-content`},d={class:`ctc-dialog__title`},f={class:`ctc-dialog__header-actions`},p=[`aria-label`,`title`],m={class:`ctc-dialog__content`},h=(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:{type:Boolean,default:void 0},closeOnPressEscape:Boolean,contentFill:{type:Boolean,default:!1},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(n,{emit:c}){let h=n,g=c,_=(0,e.useAttrs)(),v=(0,e.useSlots)(),y=r(),{isFullscreen:b,toggleFullscreen:x}=s(h,g),{isResized:S,resizeStyle:C,startResize:w}=l(h,g),T=(0,e.computed)(()=>b.value?{}:C.value),E=(0,e.computed)(()=>S.value&&!b.value),D=(0,e.computed)(()=>h.closeOnClickModal??y.dialog?.closeOnClickModal??!1);function O(e){g(`update:modelValue`,e)}function k(){if(h.beforeClose){h.beforeClose(e=>{e||g(`update:modelValue`,!1)});return}g(`update:modelValue`,!1)}return(r,s)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.ElDialog),(0,e.mergeProps)((0,e.unref)(_),{class:[`ctc-dialog`,{"ctc-dialog--content-fill":n.contentFill,"ctc-dialog--resizable":n.resizable,"ctc-dialog--resized":E.value}],style:T.value,"model-value":n.modelValue,fullscreen:(0,e.unref)(b),title:n.title,width:n.width,"align-center":n.alignCenter,"append-to":n.appendTo,"before-close":n.beforeClose,"close-delay":n.closeDelay,"close-on-click-modal":D.value,"close-on-press-escape":n.closeOnPressEscape,"destroy-on-close":n.destroyOnClose,draggable:n.draggable,"lock-scroll":n.lockScroll,modal:n.modal,"modal-class":n.modalClass,"open-delay":n.openDelay,overflow:n.overflow,"show-close":!1,top:n.top,"trap-focus":n.trapFocus,"z-index":n.zIndex,"header-class":`ctc-dialog__header`,"body-class":`ctc-dialog__body`,"footer-class":`ctc-dialog__footer`,"onUpdate:modelValue":O,onOpen:s[2]||=e=>g(`open`),onOpened:s[3]||=e=>g(`opened`),onClose:s[4]||=e=>g(`close`),onClosed:s[5]||=e=>g(`closed`)}),(0,e.createSlots)({header:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,u,[(0,e.renderSlot)(r.$slots,`header`,{},()=>[(0,e.createElementVNode)(`span`,d,(0,e.toDisplayString)(n.title),1)])]),(0,e.createElementVNode)(`div`,f,[n.showFullscreen?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:0,class:`ctc-dialog__fullscreen-toggle`,type:`button`,"aria-label":(0,e.unref)(b)?`退出全屏`:`全屏显示`,title:(0,e.unref)(b)?`退出全屏`:`全屏显示`,"data-ctc-fullscreen-toggle":``,onClick:s[0]||=(...t)=>(0,e.unref)(x)&&(0,e.unref)(x)(...t)},[(0,e.createVNode)((0,e.unref)(t.ElIcon),{"aria-hidden":`true`},{default:(0,e.withCtx)(()=>[(0,e.unref)(b)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(o),{key:0})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a),{key:1}))]),_:1})],8,p)):(0,e.createCommentVNode)(``,!0),n.showClose?((0,e.openBlock)(),(0,e.createElementBlock)(`button`,{key:1,class:`ctc-dialog__close`,type:`button`,"aria-label":`关闭弹窗`,title:`关闭`,"data-ctc-close":``,onClick:k},[(0,e.createVNode)((0,e.unref)(t.ElIcon),{"aria-hidden":`true`},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i))]),_:1})])):(0,e.createCommentVNode)(``,!0)])]),default:(0,e.withCtx)(()=>[(0,e.createElementVNode)(`div`,m,[(0,e.renderSlot)(r.$slots,`default`)]),n.resizable&&!(0,e.unref)(b)?((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)(w)&&(0,e.unref)(w)(...t)},null,32)):(0,e.createCommentVNode)(``,!0)]),_:2},[(0,e.unref)(v).footer?{name:`footer`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$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`]))}}),g={class:`ctc-drawer__header-content`},_={class:`ctc-drawer__title`},v={class:`ctc-drawer__header-actions`},y=[`aria-label`,`title`],b={class:`ctc-drawer__content`},x={key:0,class:`ctc-drawer__footer`},S=(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(n,{emit:r}){let c=n,l=r,u=(0,e.useAttrs)(),d=(0,e.useSlots)(),{isFullscreen:f,toggleFullscreen:p}=s(c,l),m=(0,e.computed)(()=>f.value?`100%`:c.size);function h(e){l(`update:modelValue`,e)}function S(){if(c.beforeClose){c.beforeClose(e=>{e||l(`update:modelValue`,!1)});return}l(`update:modelValue`,!1)}return(r,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":n.modelValue,"append-to":n.appendTo,"before-close":n.beforeClose,"close-on-click-modal":n.closeOnClickModal,"close-on-press-escape":n.closeOnPressEscape,"destroy-on-close":n.destroyOnClose,direction:n.direction,"lock-scroll":n.lockScroll,modal:n.modal,"modal-class":n.modalClass,"show-close":!1,size:m.value,"z-index":n.zIndex,"header-class":`ctc-drawer__header`,"body-class":`ctc-drawer__body`,"onUpdate:modelValue":h,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`,g,[(0,e.renderSlot)(r.$slots,`header`,{},()=>[(0,e.createElementVNode)(`span`,_,(0,e.toDisplayString)(n.title),1)])]),(0,e.createElementVNode)(`div`,v,[n.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)(o),{key:0})):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(a),{key:1}))]),_:1})],8,y)):(0,e.createCommentVNode)(``,!0),n.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)(i))]),_: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`,b,[(0,e.renderSlot)(r.$slots,`default`)]),(0,e.unref)(d).footer?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,x,[(0,e.renderSlot)(r.$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`]))}}),C=(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))}}),w=new Set([`selection`,`index`,`expand`]),T=new Map,E=(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;let n=T.get(t);return n||(n=t.replace(/\[(?:'([^']*)'|"([^"]*)"|([^\]]+))\]/g,`.$1$2$3`).split(`.`).filter(Boolean),T.set(t,n)),n.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?w.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 D(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 O(e,t,n){return n.every(n=>Object.is(D(e,n),D(t,n)))}function k(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&&O(e[r-1],o,a.by))return{rowspan:0,colspan:0};let s=1;for(;r+s<e.length&&O(o,e[r+s],a.by);)s+=1;return{rowspan:s,colspan:1}}}var A={key:0,class:`ctc-table__pagination`},j=(0,e.defineComponent)({name:`CtcTable`,inheritAttrs:!1,__name:`index`,props:{autoHeight:{type:Boolean,default:!1},columns:{default:()=>[]},currentPage:{default:1},data:{default:()=>[]},height:{},loading:{type:Boolean,default:!1},merge:{default:()=>[]},pageSize:{},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:i,emit:a}){let o=n,s=a,c=(0,e.useAttrs)(),l=(0,e.useSlots)(),u=r(),d=(0,e.useTemplateRef)(`tableRef`),f=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(`.`)),p=(0,e.computed)(()=>{let e=Object.fromEntries(Object.entries(c).filter(([e])=>!f.has(e)&&e!==`height`&&e!==`spanMethod`)),t={};return!(`border`in c)&&u.table?.border!==void 0&&(t.border=u.table.border),!(`stripe`in c)&&u.table?.stripe!==void 0&&(t.stripe=u.table.stripe),{...t,...e}}),m=(0,e.computed)(()=>o.pageSize??u.table?.pageSize??10),h=(0,e.computed)(()=>({...u.table?.paginationProps,...o.paginationProps})),g=(0,e.computed)(()=>{if(typeof o.height==`string`||typeof o.height==`number`)return o.height}),_=(0,e.computed)(()=>o.autoHeight&&g.value===void 0),v=(0,e.computed)(()=>g.value??(_.value?`100%`:void 0)),y=(0,e.computed)(()=>{if(typeof c.spanMethod==`function`)return c.spanMethod;if(o.merge.length!==0)return k(o.data,o.merge)});function b(e,t){s(`current-change`,e,t)}return i({elTableRef:d,clearSelection:()=>d.value?.clearSelection(),toggleRowSelection:(e,t)=>d.value?.toggleRowSelection(e,t),toggleAllSelection:()=>d.value?.toggleAllSelection(),toggleRowExpansion:(e,t)=>d.value?.toggleRowExpansion(e,t),setCurrentRow:e=>d.value?.setCurrentRow(e),clearSort:()=>d.value?.clearSort(),clearFilter:e=>d.value?.clearFilter(e),doLayout:()=>d.value?.doLayout(),sort:(e,t)=>d.value?.sort(e,t),scrollTo:(e,t)=>d.value?.scrollTo(e,t),setScrollTop:e=>d.value?.setScrollTop(e),setScrollLeft:e=>d.value?.setScrollLeft(e)}),(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:(0,e.normalizeClass)([`ctc-table`,{"ctc-table--auto-height":_.value}])},[(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.ElTable),(0,e.mergeProps)({ref_key:`tableRef`,ref:d},p.value,{data:o.data,height:v.value,"span-method":y.value,onCurrentChange:b}),(0,e.createSlots)({default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(o.columns,(t,n)=>((0,e.openBlock)(),(0,e.createBlock)(E,{key:t.prop??t.property??t.label??n,column:t,slots:(0,e.unref)(l)},null,8,[`column`,`slots`]))),128))]),_:2},[(0,e.unref)(l).empty?{name:`empty`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`empty`)]),key:`0`}:void 0,(0,e.unref)(l).append?{name:`append`,fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,`append`)]),key:`1`}:void 0]),1040,[`data`,`height`,`span-method`])),[[(0,e.unref)(t.vLoading),o.loading]]),o.pagination?((0,e.openBlock)(),(0,e.createElementBlock)(`div`,A,[(0,e.createVNode)((0,e.unref)(t.ElPagination),(0,e.mergeProps)(h.value,{"current-page":o.currentPage,"page-size":m.value,total:o.total,"onUpdate:currentPage":r[0]||=e=>s(`update:currentPage`,e),"onUpdate:pageSize":r[1]||=e=>s(`update:pageSize`,e),onCurrentChange:r[2]||=e=>s(`page-change`,e),onSizeChange:r[3]||=e=>s(`page-size-change`,e),onPrevClick:r[4]||=e=>s(`prev-click`,e),onNextClick:r[5]||=e=>s(`next-click`,e)}),null,16,[`current-page`,`page-size`,`total`]),(0,e.renderSlot)(n.$slots,`pagination`)])):(0,e.createCommentVNode)(``,!0)],2))}}),M=[h,S,C,j],N={install(e,t={}){e.provide(n,t),M.forEach(t=>{e.component(t.name??``,t)})}};exports.CtcComponentsUi=N,exports.default=N,exports.CtcDialog=h,exports.CtcDrawer=S,exports.CtcFlex=C,exports.CtcTable=j;

package/dist/index.d.ts

@@ -6,6 +6,8 @@ import { ExtractPropTypes } from 'vue';
 import { Plugin as Plugin_2 } from 'vue';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
+import { TableInstance } from 'element-plus';
+import { TableProps } from 'element-plus';
 import { VNode } from 'vue';
 import { VNodeChild } from 'vue';
 
@@ -52,7 +54,10 @@ type: PropType<CtcDialogBeforeClose>;
 default: undefined;
 };
 closeDelay: NumberConstructor;
-closeOnClickModal: BooleanConstructor;
+closeOnClickModal: {
+type: BooleanConstructor;
+default: undefined;
+};
 closeOnPressEscape: BooleanConstructor;
 contentFill: {
 type: BooleanConstructor;
@@ -132,7 +137,10 @@ type: PropType<CtcDialogBeforeClose>;
 default: undefined;
 };
 closeDelay: NumberConstructor;
-closeOnClickModal: BooleanConstructor;
+closeOnClickModal: {
+type: BooleanConstructor;
+default: undefined;
+};
 closeOnPressEscape: BooleanConstructor;
 contentFill: {
 type: BooleanConstructor;
@@ -170,6 +178,7 @@ onClose?: (() => any) | undefined;
 onOpened?: (() => any) | undefined;
 onClosed?: (() => any) | undefined;
 }>, {
+appendTo: string | HTMLElement;
 minHeight: number;
 minWidth: number;
 width: string | number;
@@ -180,7 +189,6 @@ fullscreen: boolean;
 showFullscreen: boolean;
 resizable: boolean;
 alignCenter: boolean;
-appendTo: string | HTMLElement;
 beforeClose: CtcDialogBeforeClose;
 closeOnClickModal: boolean;
 closeOnPressEscape: boolean;
@@ -309,13 +317,13 @@ onClose?: (() => any) | undefined;
 onOpened?: (() => any) | undefined;
 onClosed?: (() => any) | undefined;
 }>, {
+appendTo: string | HTMLElement;
+size: string | number;
 direction: "ltr" | "rtl" | "ttb" | "btt";
 title: string;
-size: string | number;
 modelValue: boolean;
 fullscreen: boolean;
 showFullscreen: boolean;
-appendTo: string | HTMLElement;
 beforeClose: CtcDialogBeforeClose;
 closeOnClickModal: boolean;
 closeOnPressEscape: boolean;
@@ -391,10 +399,22 @@ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     };
 };
 
-declare const CtcComponentsUi: Plugin_2;
+declare const CtcComponentsUi: Plugin_2<[options?: CtcComponentsUiOptions]>;
 export { CtcComponentsUi }
 export default CtcComponentsUi;
 
+export declare interface CtcComponentsUiOptions {
+    table?: {
+        border?: boolean;
+        stripe?: boolean;
+        pageSize?: number;
+        paginationProps?: Partial<CtcTablePaginationProps>;
+    };
+    dialog?: {
+        closeOnClickModal?: boolean;
+    };
+}
+
 export declare const CtcDialog: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 export declare type CtcDialogBeforeClose = (done: (cancel?: boolean) => void) => void;
@@ -536,23 +556,17 @@ export declare interface CtcTableHeaderScope {
     $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;
-}
+export declare type CtcTableInstance = Pick<TableInstance, 'clearSelection' | 'toggleRowSelection' | 'toggleAllSelection' | 'toggleRowExpansion' | 'setCurrentRow' | 'clearSort' | 'clearFilter' | 'doLayout' | 'sort' | 'scrollTo' | 'setScrollTop' | 'setScrollLeft'> & {
+    elTableRef: TableInstance | undefined;
+};
 
 export declare interface CtcTableMergeRule {
     prop: string;
     by: string[];
 }
 
+declare type CtcTableNativeProps = Omit<TableProps<never>, keyof CtcTableProps | 'rowKey' | 'spanMethod'>;
+
 declare interface CtcTableOverflowTooltipOptions {
     appendTo?: string | HTMLElement;
     effect?: 'dark' | 'light';
@@ -595,8 +609,7 @@ export declare interface CtcTableProps<Row extends object = Record<string, unkno
     total?: number;
 }
 
-declare interface CtcTablePublicProps<Row extends object = Record<string, unknown>> extends CtcTableProps<Row> {
-    border?: boolean;
+declare interface CtcTablePublicProps<Row extends object = Record<string, unknown>> extends CtcTableProps<Row>, CtcTableNativeProps {
     rowKey?: string | ((row: Row) => string | number);
     spanMethod?: CtcTableSpanMethod<Row>;
     [attribute: string]: unknown;

package/dist/index.js

@@ -1,11 +1,17 @@
-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";
+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, inject as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, useSlots as S, useTemplateRef as C, withCtx as w, withDirectives as T } from "vue";
+import { ElDialog as E, ElDrawer as D, ElIcon as O, ElPagination as k, ElTable as A, ElTableColumn as j, vLoading as M } from "element-plus";
+//#region src/config.ts
+var N = Symbol("CtcComponentsUiConfig");
+function P() {
+	return u(N, {});
+}
+//#endregion
 //#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 M = /* @__PURE__ */ c({
+var F = /* @__PURE__ */ c({
 	name: "Close",
 	__name: "close",
 	setup(e) {
-		return (e, t) => (m(), i("svg", {
+		return (e, t) => (h(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
 		}, [a("path", {
@@ -13,11 +19,11 @@ var M = /* @__PURE__ */ c({
 			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"
 		})]));
 	}
-}), N = /* @__PURE__ */ c({
+}), I = /* @__PURE__ */ c({
 	name: "FullScreen",
 	__name: "full-screen",
 	setup(e) {
-		return (e, t) => (m(), i("svg", {
+		return (e, t) => (h(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
 		}, [a("path", {
@@ -25,11 +31,11 @@ var M = /* @__PURE__ */ c({
 			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"
 		})]));
 	}
-}), P = /* @__PURE__ */ c({
+}), L = /* @__PURE__ */ c({
 	name: "Minus",
 	__name: "minus",
 	setup(e) {
-		return (e, t) => (m(), i("svg", {
+		return (e, t) => (h(), i("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 1024 1024"
 		}, [a("path", {
@@ -40,7 +46,7 @@ var M = /* @__PURE__ */ c({
 });
 //#endregion
 //#region src/components/dialog/src/useFullscreen.ts
-function F(e, n) {
+function R(e, n) {
 	let r = t(() => e.fullscreen ?? !1);
 	function i() {
 		n("update:fullscreen", !r.value);
@@ -52,11 +58,11 @@ function F(e, n) {
 }
 //#endregion
 //#region src/components/dialog/src/useResizable.ts
-function I(e, t, n) {
+function z(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function L(e, t) {
-	let n = h(!1), r = h({}), i = () => {};
+function ee(e, t) {
+	let n = g(!1), r = g({}), i = () => {};
 	function a() {
 		i(), i = () => {};
 	}
@@ -67,7 +73,7 @@ function L(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(I(c.width + e.clientX - p, l, d)), a = Math.round(I(c.height + e.clientY - m, u, f));
+			let i = Math.round(z(c.width + e.clientX - p, l, d)), a = Math.round(z(c.height + e.clientY - m, u, f));
 			n.value = !0, r.value = {
 				height: `${a}px`,
 				width: `${i}px`
@@ -83,7 +89,7 @@ function L(e, t) {
 			window.removeEventListener("pointermove", h), window.removeEventListener("pointerup", g);
 		};
 	}
-	return p(a), {
+	return m(a), {
 		isResized: n,
 		resizeStyle: r,
 		startResize: o
@@ -91,7 +97,7 @@ function L(e, t) {
 }
 //#endregion
 //#region src/components/dialog/src/index.vue?vue&type=script&setup=true&lang.ts
-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({
+var B = { class: "ctc-dialog__header-content" }, te = { class: "ctc-dialog__title" }, ne = { class: "ctc-dialog__header-actions" }, re = ["aria-label", "title"], ie = { class: "ctc-dialog__content" }, V = /* @__PURE__ */ c({
 	name: "CtcDialog",
 	inheritAttrs: !1,
 	__name: "index",
@@ -138,7 +144,10 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			default: void 0
 		},
 		closeDelay: Number,
-		closeOnClickModal: Boolean,
+		closeOnClickModal: {
+			type: Boolean,
+			default: void 0
+		},
 		closeOnPressEscape: Boolean,
 		contentFill: {
 			type: Boolean,
@@ -179,35 +188,35 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 		"closed"
 	],
 	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);
+		let l = e, u = c, f = x(), p = S(), m = P(), { isFullscreen: g, toggleFullscreen: _ } = R(l, u), { isResized: C, resizeStyle: T, startResize: D } = ee(l, u), k = t(() => g.value ? {} : T.value), A = t(() => C.value && !g.value), j = t(() => l.closeOnClickModal ?? m.dialog?.closeOnClickModal ?? !1);
+		function M(e) {
+			u("update:modelValue", e);
 		}
-		function j() {
+		function N() {
 			if (l.beforeClose) {
 				l.beforeClose((e) => {
-					e || d("update:modelValue", !1);
+					e || u("update:modelValue", !1);
 				});
 				return;
 			}
-			d("update:modelValue", !1);
+			u("update:modelValue", !1);
 		}
-		return (t, c) => (m(), n(y(T), u(y(f), {
+		return (t, c) => (h(), n(b(E), d(b(f), {
 			class: ["ctc-dialog", {
 				"ctc-dialog--content-fill": e.contentFill,
 				"ctc-dialog--resizable": e.resizable,
-				"ctc-dialog--resized": k.value
+				"ctc-dialog--resized": A.value
 			}],
-			style: O.value,
+			style: k.value,
 			"model-value": e.modelValue,
-			fullscreen: y(h),
+			fullscreen: b(g),
 			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-click-modal": j.value,
 			"close-on-press-escape": e.closeOnPressEscape,
 			"destroy-on-close": e.destroyOnClose,
 			draggable: e.draggable,
@@ -223,46 +232,46 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			"header-class": "ctc-dialog__header",
 			"body-class": "ctc-dialog__body",
 			"footer-class": "ctc-dialog__footer",
-			"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")
+			"onUpdate:modelValue": M,
+			onOpen: c[2] ||= (e) => u("open"),
+			onOpened: c[3] ||= (e) => u("opened"),
+			onClose: c[4] ||= (e) => u("close"),
+			onClosed: c[5] ||= (e) => u("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", {
+			header: w(() => [a("div", B, [v(t.$slots, "header", {}, () => [a("span", te, y(e.title), 1)])]), a("div", ne, [e.showFullscreen ? (h(), i("button", {
 				key: 0,
 				class: "ctc-dialog__fullscreen-toggle",
 				type: "button",
-				"aria-label": y(h) ? "退出全屏" : "全屏显示",
-				title: y(h) ? "退出全屏" : "全屏显示",
+				"aria-label": b(g) ? "退出全屏" : "全屏显示",
+				title: b(g) ? "退出全屏" : "全屏显示",
 				"data-ctc-fullscreen-toggle": "",
-				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 }))]),
+				onClick: c[0] ||= (...e) => b(_) && b(_)(...e)
+			}, [s(b(O), { "aria-hidden": "true" }, {
+				default: w(() => [b(g) ? (h(), n(b(L), { key: 0 })) : (h(), n(b(I), { key: 1 }))]),
 				_: 1
-			})], 8, V)) : r("", !0), e.showClose ? (m(), i("button", {
+			})], 8, re)) : r("", !0), e.showClose ? (h(), i("button", {
 				key: 1,
 				class: "ctc-dialog__close",
 				type: "button",
 				"aria-label": "关闭弹窗",
 				title: "关闭",
 				"data-ctc-close": "",
-				onClick: j
-			}, [s(y(D), { "aria-hidden": "true" }, {
-				default: C(() => [s(y(M))]),
+				onClick: N
+			}, [s(b(O), { "aria-hidden": "true" }, {
+				default: w(() => [s(b(F))]),
 				_: 1
 			})])) : r("", !0)])]),
-			default: C(() => [a("div", H, [_(t.$slots, "default")]), e.resizable && !y(h) ? (m(), i("div", {
+			default: w(() => [a("div", ie, [v(t.$slots, "default")]), e.resizable && !b(g) ? (h(), i("div", {
 				key: 0,
 				class: "ctc-dialog__resize-handle",
 				"aria-hidden": "true",
 				"data-ctc-resize-handle": "",
-				onPointerdown: c[1] ||= (...e) => y(E) && y(E)(...e)
+				onPointerdown: c[1] ||= (...e) => b(D) && b(D)(...e)
 			}, null, 32)) : r("", !0)]),
 			_: 2
-		}, [y(p).footer ? {
+		}, [b(p).footer ? {
 			name: "footer",
-			fn: C(() => [_(t.$slots, "footer")]),
+			fn: w(() => [v(t.$slots, "footer")]),
 			key: "0"
 		} : void 0]), 1040, [
 			"class",
@@ -289,10 +298,10 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			"z-index"
 		]));
 	}
-}), 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 = {
+}), ae = { class: "ctc-drawer__header-content" }, oe = { class: "ctc-drawer__title" }, H = { class: "ctc-drawer__header-actions" }, U = ["aria-label", "title"], W = { class: "ctc-drawer__content" }, G = {
 	key: 0,
 	class: "ctc-drawer__footer"
-}, J = /* @__PURE__ */ c({
+}, K = /* @__PURE__ */ c({
 	name: "CtcDrawer",
 	inheritAttrs: !1,
 	__name: "index",
@@ -360,8 +369,8 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 		"closed"
 	],
 	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) {
+		let c = e, l = o, u = x(), p = S(), { isFullscreen: m, toggleFullscreen: g } = R(c, l), _ = t(() => m.value ? "100%" : c.size);
+		function C(e) {
 			l("update:modelValue", e);
 		}
 		function T() {
@@ -373,8 +382,8 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			}
 			l("update:modelValue", !1);
 		}
-		return (t, o) => (m(), n(y(E), u(y(f), {
-			class: ["ctc-drawer", { "is-fullscreen": y(h) }],
+		return (t, o) => (h(), n(b(D), d(b(u), {
+			class: ["ctc-drawer", { "is-fullscreen": b(m) }],
 			"model-value": e.modelValue,
 			"append-to": e.appendTo,
 			"before-close": e.beforeClose,
@@ -386,28 +395,28 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			modal: e.modal,
 			"modal-class": e.modalClass,
 			"show-close": !1,
-			size: S.value,
+			size: _.value,
 			"z-index": e.zIndex,
 			"header-class": "ctc-drawer__header",
 			"body-class": "ctc-drawer__body",
-			"onUpdate:modelValue": w,
+			"onUpdate:modelValue": C,
 			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: C(() => [a("div", W, [_(t.$slots, "header", {}, () => [a("span", G, v(e.title), 1)])]), a("div", K, [e.showFullscreen ? (m(), i("button", {
+			header: w(() => [a("div", ae, [v(t.$slots, "header", {}, () => [a("span", oe, y(e.title), 1)])]), a("div", H, [e.showFullscreen ? (h(), i("button", {
 				key: 0,
 				class: "ctc-drawer__fullscreen-toggle",
 				type: "button",
-				"aria-label": y(h) ? "退出全屏" : "全屏显示",
-				title: y(h) ? "退出全屏" : "全屏显示",
+				"aria-label": b(m) ? "退出全屏" : "全屏显示",
+				title: b(m) ? "退出全屏" : "全屏显示",
 				"data-ctc-fullscreen-toggle": "",
-				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 }))]),
+				onClick: o[0] ||= (...e) => b(g) && b(g)(...e)
+			}, [s(b(O), { "aria-hidden": "true" }, {
+				default: w(() => [b(m) ? (h(), n(b(L), { key: 0 })) : (h(), n(b(I), { key: 1 }))]),
 				_: 1
-			})], 8, q)) : r("", !0), e.showClose ? (m(), i("button", {
+			})], 8, U)) : r("", !0), e.showClose ? (h(), i("button", {
 				key: 1,
 				class: "ctc-drawer__close",
 				type: "button",
@@ -415,11 +424,11 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 				title: "关闭",
 				"data-ctc-close": "",
 				onClick: T
-			}, [s(y(D), { "aria-hidden": "true" }, {
-				default: C(() => [s(y(M))]),
+			}, [s(b(O), { "aria-hidden": "true" }, {
+				default: w(() => [s(b(F))]),
 				_: 1
 			})])) : 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)]),
+			default: w(() => [a("div", { class: f(["ctc-drawer__layout", { "has-footer": b(p).footer }]) }, [a("div", W, [v(t.$slots, "default")]), b(p).footer ? (h(), i("div", G, [v(t.$slots, "footer")])) : r("", !0)], 2)]),
 			_: 3
 		}, 16, [
 			"class",
@@ -437,7 +446,7 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 			"z-index"
 		]));
 	}
-}), Y = /* @__PURE__ */ c({
+}), q = /* @__PURE__ */ c({
 	name: "CtcFlex",
 	__name: "index",
 	props: {
@@ -464,16 +473,16 @@ var R = { class: "ctc-dialog__header-content" }, z = { 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) => (m(), i("div", {
+		return (e, t) => (h(), i("div", {
 			class: "ctc-flex",
-			style: f(r.value)
-		}, [_(e.$slots, "default")], 4));
+			style: p(r.value)
+		}, [v(e.$slots, "default")], 4));
 	}
-}), ne = /* @__PURE__ */ new Set([
+}), se = /* @__PURE__ */ new Set([
 	"selection",
 	"index",
 	"expand"
-]), re = c({
+]), J = /* @__PURE__ */ new Map(), Y = c({
 	name: "CtcTableColumn",
 	props: {
 		column: {
@@ -487,7 +496,9 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 	},
 	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 (!t) return;
+			let n = J.get(t);
+			return n || (n = t.replace(/\[(?:'([^']*)'|"([^"]*)"|([^\]]+))\]/g, ".$1$2$3").split(".").filter(Boolean), J.set(t, n)), n.reduce((e, t) => {
 				if (!(typeof e != "object" || !e)) return e[t];
 			}, e);
 		}, r = (r, i) => {
@@ -508,8 +519,8 @@ var R = { class: "ctc-dialog__header-content" }, z = { class: "ctc-dialog__title
 				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, {
+			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 ? se.has(t.type) : !1;
+			return l(j, f, {
 				default: p ? () => n?.map(a) : h && !_ ? (e) => r(t, e) : void 0,
 				header: g ? (e) => i(t, e) : void 0
 			});
@@ -527,7 +538,7 @@ function X(e, t) {
 function Z(e, t, n) {
 	return n.every((n) => Object.is(X(e, n), X(t, n)));
 }
-function ie(e, t) {
+function ce(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;
@@ -549,7 +560,7 @@ function ie(e, t) {
 }
 //#endregion
 //#region src/components/table/src/index.vue?vue&type=script&setup=true&lang.ts
-var ae = {
+var le = {
 	key: 0,
 	class: "ctc-table__pagination"
 }, Q = /* @__PURE__ */ c({
@@ -570,7 +581,7 @@ var ae = {
 			default: !1
 		},
 		merge: { default: () => [] },
-		pageSize: { default: 10 },
+		pageSize: {},
 		pagination: {
 			type: Boolean,
 			default: !1
@@ -588,56 +599,69 @@ var ae = {
 		"next-click"
 	],
 	setup(a, { expose: c, emit: l }) {
-		let f = a, p = l, h = b(), v = x(), T = S("tableRef"), E = /* @__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(".")), D = t(() => Object.fromEntries(Object.entries(h).filter(([e]) => !E.has(e) && e !== "height" && e !== "spanMethod"))), A = t(() => {
-			if (typeof f.height == "string" || typeof f.height == "number") return f.height;
-		}), M = t(() => f.autoHeight && A.value === void 0), N = t(() => A.value ?? (M.value ? "100%" : void 0)), P = t(() => {
-			if (typeof h.spanMethod == "function") return h.spanMethod;
-			if (f.merge.length !== 0) return ie(f.data, f.merge);
+		let u = a, p = l, m = x(), g = S(), y = P(), E = C("tableRef"), D = /* @__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(".")), O = t(() => {
+			let e = Object.fromEntries(Object.entries(m).filter(([e]) => !D.has(e) && e !== "height" && e !== "spanMethod")), t = {};
+			return !("border" in m) && y.table?.border !== void 0 && (t.border = y.table.border), !("stripe" in m) && y.table?.stripe !== void 0 && (t.stripe = y.table.stripe), {
+				...t,
+				...e
+			};
+		}), j = t(() => u.pageSize ?? y.table?.pageSize ?? 10), N = t(() => ({
+			...y.table?.paginationProps,
+			...u.paginationProps
+		})), F = t(() => {
+			if (typeof u.height == "string" || typeof u.height == "number") return u.height;
+		}), I = t(() => u.autoHeight && F.value === void 0), L = t(() => F.value ?? (I.value ? "100%" : void 0)), R = t(() => {
+			if (typeof m.spanMethod == "function") return m.spanMethod;
+			if (u.merge.length !== 0) return ce(u.data, u.merge);
 		});
-		function F(e, t) {
+		function z(e, t) {
 			p("current-change", e, t);
 		}
 		return c({
-			clearSelection: () => T.value?.clearSelection(),
-			toggleRowSelection: (e, t) => T.value?.toggleRowSelection(e, t),
-			toggleAllSelection: () => T.value?.toggleAllSelection(),
-			toggleRowExpansion: (e, t) => T.value?.toggleRowExpansion(e, t),
-			setCurrentRow: (e) => T.value?.setCurrentRow(e),
-			clearSort: () => T.value?.clearSort(),
-			clearFilter: (e) => T.value?.clearFilter(e),
-			doLayout: () => T.value?.doLayout(),
-			sort: (e, t) => T.value?.sort(e, t)
-		}), (t, a) => (m(), i("div", { class: d(["ctc-table", { "ctc-table--auto-height": M.value }]) }, [w((m(), n(y(k), u({
+			elTableRef: E,
+			clearSelection: () => E.value?.clearSelection(),
+			toggleRowSelection: (e, t) => E.value?.toggleRowSelection(e, t),
+			toggleAllSelection: () => E.value?.toggleAllSelection(),
+			toggleRowExpansion: (e, t) => E.value?.toggleRowExpansion(e, t),
+			setCurrentRow: (e) => E.value?.setCurrentRow(e),
+			clearSort: () => E.value?.clearSort(),
+			clearFilter: (e) => E.value?.clearFilter(e),
+			doLayout: () => E.value?.doLayout(),
+			sort: (e, t) => E.value?.sort(e, t),
+			scrollTo: (e, t) => E.value?.scrollTo(e, t),
+			setScrollTop: (e) => E.value?.setScrollTop(e),
+			setScrollLeft: (e) => E.value?.setScrollLeft(e)
+		}), (t, a) => (h(), i("div", { class: f(["ctc-table", { "ctc-table--auto-height": I.value }]) }, [T((h(), n(b(A), d({
 			ref_key: "tableRef",
-			ref: T
-		}, D.value, {
-			data: f.data,
-			height: N.value,
-			"span-method": P.value,
-			onCurrentChange: F
+			ref: E
+		}, O.value, {
+			data: u.data,
+			height: L.value,
+			"span-method": R.value,
+			onCurrentChange: z
 		}), o({
-			default: C(() => [(m(!0), i(e, null, g(f.columns, (e, t) => (m(), n(re, {
+			default: w(() => [(h(!0), i(e, null, _(u.columns, (e, t) => (h(), n(Y, {
 				key: e.prop ?? e.property ?? e.label ?? t,
 				column: e,
-				slots: y(v)
+				slots: b(g)
 			}, null, 8, ["column", "slots"]))), 128))]),
 			_: 2
-		}, [y(v).empty ? {
+		}, [b(g).empty ? {
 			name: "empty",
-			fn: C(() => [_(t.$slots, "empty")]),
+			fn: w(() => [v(t.$slots, "empty")]),
 			key: "0"
-		} : void 0, y(v).append ? {
+		} : void 0, b(g).append ? {
 			name: "append",
-			fn: C(() => [_(t.$slots, "append")]),
+			fn: w(() => [v(t.$slots, "append")]),
 			key: "1"
 		} : void 0]), 1040, [
 			"data",
 			"height",
 			"span-method"
-		])), [[y(j), f.loading]]), f.pagination ? (m(), i("div", ae, [s(y(O), u(f.paginationProps, {
-			"current-page": f.currentPage,
-			"page-size": f.pageSize,
-			total: f.total,
+		])), [[b(M), u.loading]]), u.pagination ? (h(), i("div", le, [s(b(k), d(N.value, {
+			"current-page": u.currentPage,
+			"page-size": j.value,
+			total: u.total,
 			"onUpdate:currentPage": a[0] ||= (e) => p("update:currentPage", e),
 			"onUpdate:pageSize": a[1] ||= (e) => p("update:pageSize", e),
 			onCurrentChange: a[2] ||= (e) => p("page-change", e),
@@ -648,17 +672,17 @@ var ae = {
 			"current-page",
 			"page-size",
 			"total"
-		]), _(t.$slots, "pagination")])) : r("", !0)], 2));
+		]), v(t.$slots, "pagination")])) : r("", !0)], 2));
 	}
-}), oe = [
-	U,
-	J,
-	Y,
+}), ue = [
+	V,
+	K,
+	q,
 	Q
-], $ = { install(e) {
-	oe.forEach((t) => {
+], $ = { install(e, t = {}) {
+	e.provide(N, t), ue.forEach((t) => {
 		e.component(t.name ?? "", t);
 	});
 } };
 //#endregion
-export { $ as CtcComponentsUi, $ as default, U as CtcDialog, J as CtcDrawer, Y as CtcFlex, Q as CtcTable };
+export { $ as CtcComponentsUi, $ as default, V as CtcDialog, K as CtcDrawer, q as CtcFlex, Q as CtcTable };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctc-front/components-ui-next",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "CTC Vue 3 + Element Plus 团队组件库",
   "license": "UNLICENSED",
   "type": "module",
@@ -68,6 +68,9 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs"
+    "docs:build": "vitepress build docs",
+    "version:check": "node scripts/check-release.mjs",
+    "release:check": "pnpm version:check && pnpm type-check && pnpm lint && pnpm test && pnpm docs:build && pnpm build",
+    "release:tag-check": "node scripts/check-release.mjs --tag"
   }
 }