@dt-frames/ui 3.0.1 → 4.0.1

package/dist/es/components/modal/src/types/modal.d.ts

@@ -0,0 +1,246 @@
+import { Component, Ref, VNode } from 'vue';
+import { ButtonTypes } from '../../../form';
+type ModalProps = {
+    /**
+     * 权限前缀
+     */
+    authPrefix?: string;
+    /**
+     * 加载状态
+     */
+    loading?: Ref<boolean> | boolean;
+    /**
+     * 弹框是否展示
+     */
+    open?: boolean;
+    /**
+     * 标题
+     */
+    title?: string | number | Ref<string> | Ref<number> | (() => string | number) | VNode | Component;
+    /**
+     * 对话框的宽度，默认值为 50%
+     */
+    width?: string | number;
+    /**
+     * 是否为全屏 Dialog
+     * @default false
+     */
+    fullscreen?: boolean;
+    /**
+     * 是否显示定位
+     */
+    showReposition?: boolean;
+    /**
+     * dialog CSS 中的 margin-top 值
+     * @default '15vh'
+     */
+    top?: string;
+    /**
+     * 是否需要遮罩层
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * 是否允许穿透遮罩层 modal 属性必须为 false
+     * @default false
+     */
+    modalPenetrable?: boolean;
+    /**
+     * 遮罩的自定义类名
+     */
+    modalClass?: string;
+    /**
+     * header 部分的自定义 class 名
+     */
+    headerClass?: string;
+    /**
+     * body 部分的自定义 class 名
+     */
+    bodyClass?: string;
+    /**
+     * footer 部分的自定义 class 名
+     */
+    footerClass?: string;
+    /**
+     * Dialog 自身是否插入至 body 元素上。 嵌套的 Dialog 必须指定该属性并赋值为 true
+     * @default false
+     */
+    appendToBody?: boolean;
+    /**
+     * Dialog 挂载到哪个 DOM 元素 将覆盖 append-to-body
+     * @default 'body'
+     * @type 'CSSSelector' | 'HTMLElement'
+     */
+    appendTo?: HTMLElement | string;
+    /**
+     * 是否在 Dialog 出现时将 body 滚动锁定
+     * @default true
+     */
+    lockScroll?: boolean;
+    /**
+     * dialog 打开的延时时间，单位毫秒
+     * @default 0
+     */
+    openDelay?: number;
+    /**
+     * dialog 关闭的延时时间，单位毫秒
+     * @default 0
+     */
+    closeDelay?: number;
+    /**
+     * 是否可以通过点击 modal 关闭 Dialog
+     * @default true
+     */
+    closeOnClickModal?: boolean;
+    /**
+     * 是否可以通过按下 ESC 关闭 Dialog
+     * @default true
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * 是否显示关闭按钮
+     * @default true
+     */
+    showClose?: boolean;
+    /**
+     * 关闭前的回调，会暂停 Dialog 的关闭. 回调函数内执行 done 参数方法的时候才是真正关闭对话框的时候.
+     */
+    beforeClose?: (done: () => void) => void;
+    /**
+     * 为 Dialog 启用可拖拽功能
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * 拖动范围可以超出可视区
+     * @default false
+     */
+    overflow?: boolean;
+    /**
+     * 是否让 Dialog 的 header 和 footer 部分居中排列
+     * @default false
+     */
+    center?: boolean;
+    /**
+     * 是否水平垂直对齐对话框
+     * @default false
+     */
+    alignCenter?: boolean;
+    /**
+     * 当关闭 Dialog 时，销毁其中的元素
+     * @defafult false
+     */
+    destroyOnClose?: boolean;
+    /**
+     * 自定义关闭图标，默认 Close
+     */
+    closeIcon?: string | Component;
+    /**
+     * 和原生的 CSS 的 z-index 相同，改变 z 轴的顺序
+     */
+    zIndex?: number;
+    /**
+     * 对话框动画的自定义过渡配置。 可以是一个字符串（过渡名称），也可以是一个包含 Vue 过渡属性的对象。
+     * @default 'dialog-fade'
+     */
+    transition?: string;
+    /**
+     * 是否显示确认按钮
+     * @default true
+     */
+    showConfirmButton?: boolean;
+    /**
+     * 是否显示取消按钮
+     * @default true
+     */
+    showCancelButton?: boolean;
+    /**
+     * 是否显示全屏按钮
+     * @default true
+     */
+    showFullScreenButton?: boolean;
+    /**
+     * 弹框右下角操作按钮
+     */
+    footerButtons?: ButtonTypes[];
+    /**
+     * 对话框标题的内容；会替换标题部分，但不会移除关闭按钮。
+     */
+    headerSlot?: () => VNode | Component;
+    /**
+     * Dialog 按钮操作区的内容
+     */
+    footerSlot?: () => VNode | Component;
+    /**
+     * 切换全屏
+     */
+    onFullscreen?: (fullscreen: boolean) => void;
+    /**
+     * Dialog 打开的回调
+     */
+    onOpen?: () => void;
+    /**
+     * Dialog 打开动画结束时的回调
+     */
+    onOpened?: () => void;
+    /**
+     * Dialog 关闭的回调
+     */
+    onClose?: () => void;
+    /**
+     * Dialog 关闭动画结束时的回调
+     */
+    onClosed?: (param?: any) => void;
+    /**
+     * 输入焦点聚焦在 Dialog 内容时的回调
+     */
+    onOpenAutoFocus?: () => void;
+    /**
+     * 输入焦点从 Dialog 内容失焦时的回调
+     */
+    onCloseAutoFocus?: () => void;
+    /**
+     * 保存数据
+     */
+    onSave?: (data?: any) => void;
+};
+type ModalMethods = {
+    /**
+     * 获取当前 Dialog 的属性
+     */
+    getModalProps?: () => ModalProps;
+    /**
+     * 设置当前 Dialog 的属性
+     */
+    setModalProps: (props: Partial<ModalProps>) => void;
+    /**
+     * 弹框位置重置
+     */
+    resetPosition?: () => void;
+};
+type ReturnMethods = ModalMethods & {
+    /**
+     * 打开弹框
+     * @params row 向弹框中传入的参数
+     * @param afterClose 弹框关闭后的回调
+     */
+    openModal: (row?: any, afterClose?: (data?: any) => void) => void;
+    /**
+     * 关闭弹框
+     */
+    closeModal: () => void;
+};
+type ReturnInnerMethods = ModalMethods & {
+    /**
+     * 从内部关闭弹框
+     */
+    closeModal: (data?: any) => void;
+    /**
+     * 设置loading状态
+     */
+    setLoading: (loading: boolean) => void;
+};
+type RegisterFn = (modalMethods: ModalMethods, uuid?: string) => void;
+type UseModalReturnType = [RegisterFn, ReturnMethods, Ref<boolean>];
+type UseModalInnerReturnType = [RegisterFn, ReturnInnerMethods];
+export type { ModalProps, UseModalReturnType, UseModalInnerReturnType, ModalMethods, ReturnInnerMethods };

package/dist/es/components/modal/src/types/modal.ts

@@ -0,0 +1,265 @@
+import type { Component, Ref, VNode } from 'vue'
+import type { ButtonTypes } from '../../../form'
+
+type ModalProps = {
+	/**
+	 * 权限前缀
+	 */
+	authPrefix?: string
+	/**
+	 * 加载状态
+	 */
+	loading?: Ref<boolean> | boolean
+	/**
+	 * 弹框是否展示
+	 */
+	open?: boolean
+	/**
+	 * 标题
+	 */
+	title?:
+		| string
+		| number
+		| Ref<string>
+		| Ref<number>
+		| (() => string | number)
+		| VNode
+		| Component
+	/**
+	 * 对话框的宽度，默认值为 50%
+	 */
+	width?: string | number
+	/**
+	 * 是否为全屏 Dialog
+	 * @default false
+	 */
+	fullscreen?: boolean
+	/**
+	 * 是否显示定位
+	 */
+	showReposition?: boolean
+	/**
+	 * dialog CSS 中的 margin-top 值
+	 * @default '15vh'
+	 */
+	top?: string
+	/**
+	 * 是否需要遮罩层
+	 * @default true
+	 */
+	modal?: boolean
+	/**
+	 * 是否允许穿透遮罩层 modal 属性必须为 false
+	 * @default false
+	 */
+	modalPenetrable?: boolean
+	/**
+	 * 遮罩的自定义类名
+	 */
+	modalClass?: string
+	/**
+	 * header 部分的自定义 class 名
+	 */
+	headerClass?: string
+	/**
+	 * body 部分的自定义 class 名
+	 */
+	bodyClass?: string
+	/**
+	 * footer 部分的自定义 class 名
+	 */
+	footerClass?: string
+	/**
+	 * Dialog 自身是否插入至 body 元素上。 嵌套的 Dialog 必须指定该属性并赋值为 true
+	 * @default false
+	 */
+	appendToBody?: boolean
+	/**
+	 * Dialog 挂载到哪个 DOM 元素 将覆盖 append-to-body
+	 * @default 'body'
+	 * @type 'CSSSelector' | 'HTMLElement'
+	 */
+	appendTo?: HTMLElement | string
+	/**
+	 * 是否在 Dialog 出现时将 body 滚动锁定
+	 * @default true
+	 */
+	lockScroll?: boolean
+	/**
+	 * dialog 打开的延时时间，单位毫秒
+	 * @default 0
+	 */
+	openDelay?: number
+	/**
+	 * dialog 关闭的延时时间，单位毫秒
+	 * @default 0
+	 */
+	closeDelay?: number
+	/**
+	 * 是否可以通过点击 modal 关闭 Dialog
+	 * @default true
+	 */
+	closeOnClickModal?: boolean
+	/**
+	 * 是否可以通过按下 ESC 关闭 Dialog
+	 * @default true
+	 */
+	closeOnPressEscape?: boolean
+	/**
+	 * 是否显示关闭按钮
+	 * @default true
+	 */
+	showClose?: boolean
+	/**
+	 * 关闭前的回调，会暂停 Dialog 的关闭. 回调函数内执行 done 参数方法的时候才是真正关闭对话框的时候.
+	 */
+	beforeClose?: (done: () => void) => void
+	/**
+	 * 为 Dialog 启用可拖拽功能
+	 * @default false
+	 */
+	draggable?: boolean
+	/**
+	 * 拖动范围可以超出可视区
+	 * @default false
+	 */
+	overflow?: boolean
+	/**
+	 * 是否让 Dialog 的 header 和 footer 部分居中排列
+	 * @default false
+	 */
+	center?: boolean
+	/**
+	 * 是否水平垂直对齐对话框
+	 * @default false
+	 */
+	alignCenter?: boolean
+	/**
+	 * 当关闭 Dialog 时，销毁其中的元素
+	 * @defafult false
+	 */
+	destroyOnClose?: boolean
+	/**
+	 * 自定义关闭图标，默认 Close
+	 */
+	closeIcon?: string | Component
+	/**
+	 * 和原生的 CSS 的 z-index 相同，改变 z 轴的顺序
+	 */
+	zIndex?: number
+	/**
+	 * 对话框动画的自定义过渡配置。 可以是一个字符串（过渡名称），也可以是一个包含 Vue 过渡属性的对象。
+	 * @default 'dialog-fade'
+	 */
+	transition?: string
+	/**
+	 * 是否显示确认按钮
+	 * @default true
+	 */
+	showConfirmButton?: boolean
+	/**
+	 * 是否显示取消按钮
+	 * @default true
+	 */
+	showCancelButton?: boolean
+	/**
+	 * 是否显示全屏按钮
+	 * @default true
+	 */
+	showFullScreenButton?: boolean
+	/**
+	 * 弹框右下角操作按钮
+	 */
+	footerButtons?: ButtonTypes[]
+	/**
+	 * 对话框标题的内容；会替换标题部分，但不会移除关闭按钮。
+	 */
+	headerSlot?: () => VNode | Component
+	/**
+	 * Dialog 按钮操作区的内容
+	 */
+	footerSlot?: () => VNode | Component
+	/**
+	 * 切换全屏
+	 */
+	onFullscreen?: (fullscreen: boolean) => void
+	/**
+	 * Dialog 打开的回调
+	 */
+	onOpen?: () => void
+	/**
+	 * Dialog 打开动画结束时的回调
+	 */
+	onOpened?: () => void
+	/**
+	 * Dialog 关闭的回调
+	 */
+	onClose?: () => void
+	/**
+	 * Dialog 关闭动画结束时的回调
+	 */
+	onClosed?: (param?: any) => void
+	/**
+	 * 输入焦点聚焦在 Dialog 内容时的回调
+	 */
+	onOpenAutoFocus?: () => void
+	/**
+	 * 输入焦点从 Dialog 内容失焦时的回调
+	 */
+	onCloseAutoFocus?: () => void
+	/**
+	 * 保存数据
+	 */
+	onSave?: (data?: any) => void
+}
+
+type ModalMethods = {
+	/**
+	 * 获取当前 Dialog 的属性
+	 */
+	getModalProps?: () => ModalProps
+	/**
+	 * 设置当前 Dialog 的属性
+	 */
+	setModalProps: (props: Partial<ModalProps>) => void
+	/**
+	 * 弹框位置重置
+	 */
+	resetPosition?: () => void
+}
+
+type ReturnMethods = ModalMethods & {
+	/**
+	 * 打开弹框
+	 * @params row 向弹框中传入的参数
+	 * @param afterClose 弹框关闭后的回调
+	 */
+	openModal: (row?: any, afterClose?: (data?: any) => void) => void
+	/**
+	 * 关闭弹框
+	 */
+	closeModal: () => void
+}
+
+type ReturnInnerMethods = ModalMethods & {
+	/**
+	 * 从内部关闭弹框
+	 */
+	closeModal: (data?: any) => void
+	/**
+	 * 设置loading状态
+	 */
+	setLoading: (loading: boolean) => void
+}
+
+type RegisterFn = (modalMethods: ModalMethods, uuid?: string) => void
+type UseModalReturnType = [RegisterFn, ReturnMethods, Ref<boolean>]
+type UseModalInnerReturnType = [RegisterFn, ReturnInnerMethods]
+
+export type {
+	ModalProps,
+	UseModalReturnType,
+	UseModalInnerReturnType,
+	ModalMethods,
+	ReturnInnerMethods
+}

package/dist/es/components/modal/styles/index.scss

@@ -0,0 +1,8 @@
+.el-dialog.is-fullscreen {
+	display: flex;
+	flex-direction: column;
+
+	.el-dialog__body {
+		flex: 1;
+	}
+}

package/dist/es/components/table/index.d.ts

@@ -0,0 +1,9 @@
+import { SFCWithInstall } from '../../utils/withInstall';
+import { default as Table } from './src/index';
+import { PaginationType } from './src/types/pagination';
+import { ColumnType, RowKey, SortState, SortBy, TableInsType, TableSetting, TableType, SortOrder, TableRowAction, CellFormat } from './src/types/table';
+import { useTable } from './src/hooks/useTable';
+import { default as TableHeader } from './src/components/TableHeader';
+declare const DtTable: SFCWithInstall<typeof Table>;
+export { DtTable, DtTable as default, useTable, TableHeader };
+export type { TableType, TableInsType, RowKey, PaginationType, ColumnType, SortState, SortBy, SortOrder, TableSetting, TableRowAction, CellFormat };

package/dist/es/components/table/index.mjs

@@ -0,0 +1 @@
+import{withInstall as ze}from"../../utils/withInstall";import{defineComponent as V,ref as R,unref as e,watch as X,createBlock as L,openBlock as m,withCtx as b,createVNode as S,mergeProps as xe,provide as $e,inject as Ke,reactive as Ne,createTextVNode as ne,toDisplayString as H,createElementBlock as A,Fragment as F,renderList as le,createCommentVNode as D,computed as j,watchEffect as Oe,createElementVNode as W,normalizeClass as de,nextTick as Ue,renderSlot as ye,isRef as Ve,resolveDirective as Fe,withDirectives as pe,normalizeStyle as Me,h as ae,toRaw as je,createSlots as Ee,normalizeProps as He,guardReactiveProps as We,onUnmounted as Xe}from"vue";import{ElConfigProvider as Ge,ElPagination as qe,ElCheckbox as Y,ElDivider as Se,ElRow as Qe,ElCol as Ye,ElDropdown as fe,ElButton as ie,ElDropdownMenu as ve,ElDropdownItem as se,ElCheckboxGroup as Je,ElTooltip as we,ElAutoResizer as Ze,ElTableV2 as et,ElEmpty as tt}from"element-plus";import{i18n as Pe,$t as O,isArray as nt,isNullOrUnDef as Re,isBoolean as be,isObject as ue,getLocal as Ie,CacheKey as Le,isFunction as me,getValueByCode as lt,isString as ot,error as at}from"@dt-frames/core";import{omit as st,cloneDeep as re,takeRight as rt,isArray as Ce,isEqual as it}from"lodash-es";import{UiDownload as ct,UiGrid1 as ut,UiDrag as dt,UiCloseLeft as ft,UiCloseRight as ht,UiFullscreenShrink as gt,UiFullscreenExpand as pt,UiSearch as mt,UiPlus as Ct,UiDelete as Ae,UiLoading as xt,UiSetting as yt,UiEdit as vt}from"@dt-frames/icons";import{FormButtons as wt}from"../form";import{useModal as St,DtModal as bt,useModalOut as _t}from"../modal";import kt from"sortablejs";import J from"../icon";import{useFullscreen as Ot}from"@vueuse/core";import{useAppStore as he}from"../../stores/app.store";import{tryOnBeforeMount as Et}from"@vueuse/shared";const Pt=V({__name:"Pagination",props:{size:{},background:{type:Boolean},pageSize:{default:20},defaultPageSize:{},total:{},pageCount:{},pagerCount:{},currentPage:{default:1},defaultCurrentPage:{},layout:{},pageSizes:{},appendSizeTo:{},popperClass:{},popperStyle:{},prevText:{},prevIcon:{},nextText:{},nextIcon:{},disabled:{type:Boolean},hideOnSinglePage:{type:Boolean},small:{type:Boolean}},emits:["query"],setup(C,{expose:s,emit:u}){const c=C,h=u,r=R(c.pageSize),f=R(c.currentPage);function t(a,i){r.value=i,f.value=a,h("query")}return s({getPagination:()=>({pageSize:e(r),currentPage:e(f)})}),X(()=>c.pageSize,a=>{r.value=a}),X(()=>c.currentPage,a=>{f.value=a}),(a,i)=>{var g;return m(),L(e(Ge),{locale:((g=e(Pe).global.messages.value)==null?void 0:g[e(Pe).global.locale.value])??{}},{default:b(()=>[S(e(qe),xe({"page-size":r.value,"onUpdate:pageSize":i[0]||(i[0]=N=>r.value=N),"current-page":f.value,"onUpdate:currentPage":i[1]||(i[1]=N=>f.value=N)},e(st)(c,["pageSize","currentPage"]),{onChange:t}),null,16,["page-size","current-page"])]),_:1},8,["locale"])}}}),Be=Symbol("dt-page");function Rt(C){$e(Be,C)}function ge(){return Ke(Be)}const Nt=V({__name:"DownloadCtrl",setup(C){const s=Ne({indeterminate:!1,checkAll:!1}),[u,{closeModal:c}]=St({title:O("COMMON.SETTING_EXPORT_COLUMN","导出列设置"),width:"60%",onSave:()=>{c([...h.value.filter(f=>f.show)])}},f=>{h.value=f.map(t=>({...t,show:!t.hidden}))}),h=R([]),r=f=>{var t;(t=h.value)==null||t.map(a=>a.show=f.target.checked)};return X(()=>e(h),f=>{if(nt(f)){let t=f.filter(a=>a.show).length;Object.assign(s,{checkAll:t===f.length,indeterminate:t!==f.length&&t>0})}},{deep:!0}),(f,t)=>(m(),L(e(bt),{onRegister:e(u)},{default:b(()=>[S(e(Y),{modelValue:s.checkAll,"onUpdate:modelValue":t[0]||(t[0]=a=>s.checkAll=a),indeterminate:s.indeterminate,onChange:r},{default:b(()=>[ne(H(e(O)("COMMON.SELECT_ALL","全选")),1)]),_:1},8,["modelValue","indeterminate"]),S(e(Se),{"border-style":"dashed",class:"my-2!"}),S(e(Qe),null,{default:b(()=>[(m(!0),A(F,null,le(h.value,a=>(m(),L(e(Ye),{span:8,class:"pr-2"},{default:b(()=>[S(e(Y),{modelValue:a.show,"onUpdate:modelValue":i=>a.show=i},{default:b(()=>[ne(H(a.title),1)]),_:2},1032,["modelValue","onUpdate:modelValue"])]),_:2},1024))),256))]),_:1})]),_:1},8,["onRegister"]))}}),Mt=V({__name:"Download",props:{download:{}},setup(C){const s=ge(),[u,{openModal:c},h]=_t(),r=R(),f=t=>{r.value=t;const{onDownload:a,columns:i=[]}=e(s.getProps),g=["INDEX","CHECKBOX","RADIO","ACTION"],N=i.filter(y=>!g.includes(y.flag));c(N,y=>{a==null||a({type:t,columns:e(y),rows:e(s.source)})})};return(t,a)=>(m(),A(F,null,[S(e(fe),null,{dropdown:b(()=>[S(e(ve),null,{default:b(()=>[t.download.includes("current")?(m(),L(e(se),{key:0,onClick:a[0]||(a[0]=i=>f("current"))},{default:b(()=>[ne(H(e(O)("COMMON.EXPORT_CURRENT_PAGE","导出当前页")),1)]),_:1})):D("",!0),t.download.includes("select")?(m(),L(e(se),{key:1,onClick:a[1]||(a[1]=i=>f("select"))},{default:b(()=>[ne(H(e(O)("COMMON.EXPORT_SELECT_COLUMN","导出选中列")),1)]),_:1})):D("",!0),t.download.includes("all")?(m(),L(e(se),{key:2,onClick:a[2]||(a[2]=i=>f("all"))},{default:b(()=>[ne(H(e(O)("COMMON.EXPORT_ALL","导出所有列")),1)]),_:1})):D("",!0)]),_:1})]),default:b(()=>[S(e(ie),{title:e(O)("COMMON.DOWNLOAD","下载"),icon:e(ct),circle:"",style:{outline:"none",fontSize:"18px"}},null,8,["title","icon"])]),_:1}),e(h)?(m(),L(Nt,{key:0,onRegister:e(u)},null,8,["onRegister"])):D("",!0)],64))}}),It={class:"p-3 rounder-md"},Lt={class:"flex"},At=V({__name:"Column",emits:["columns-change"],setup(C,{emit:s}){const u=s,c=R(null),h=R(!1),r=R(!1),f=ge();let t;const a=Ne({checkAll:!0,checkedList:[],defaultCheckList:[]}),i=R([]),g=R([]),N=R([]),y=()=>f.getColumns({ignoreIndex:!0,ignoreAction:!0}).reduce((n,o)=>(n.push({label:o.title,value:o.dataKey||o.title,...o}),n),[]),T=j(()=>{let n=i.value.length,o=a.checkedList.length;return e(h)&&o--,o>0&&o<n});function M(n){if(!n){t=null;return}Ue(()=>{const o=e(c);if(!o)return;const l=o==null?void 0:o.$el;l&&(t=kt.create(e(l),{animation:500,delay:400,delayOnTouchOnly:!0,handle:".drag-icon ",onEnd:x=>{const{oldIndex:w,newIndex:I}=x;if(Re(w)||Re(I)||w===I)return;const _=re(g.value);w>I?(_.splice(I,0,_[w]),_.splice(w+1,1)):(_.splice(I+1,0,_[w]),_.splice(w,1)),g.value=_,d(_.map(z=>z.value).filter(z=>a.checkedList.includes(z)))}}),t.toArray())})}function G(n){const o=g.value.length;a.checkAll=n.length===o;const l=e(g).map(x=>x.value);n.sort((x,w)=>l.indexOf(x)-l.indexOf(w)),d(n)}function Z(n){f.setProps({showIndexColumn:n})}function oe(n){f.setProps({showCheckboxColumn:n})}function ee(n){const o=i.value.map(l=>l.value);n?(a.checkedList=o,d(o)):(a.checkedList=[],d([]))}function p(n,o){var I;if(!a.checkedList.includes(n.dataKey))return;const l=y(),x=n.fixed===o?!1:o,w=l.findIndex(_=>_.dataKey===n.dataKey);w!==-1&&(l[w].fixed=x),n.fixed=x,x&&!n.width&&(n.width=100),(I=f.setColumnsByDataIndex)==null||I.call(f,n.dataKey,{fixed:x}),d(l)}function d(n){f.setColumns(n);const o=e(g).map(l=>{const x=n.findIndex(w=>w===l.value||typeof w!="string"&&w.dataKey===l.value)!==-1;return{dataIndex:l.value,fixed:l.fixed,visable:x}});u("columns-change",o)}function v(){const n=y(),o=f.getColumns({ignoreAction:!0}).map(l=>l.hidden?"":l.dataKey||l.title).filter(Boolean);i.value.length?e(i).forEach(l=>{var x;return l.fixed===((x=n.find(w=>w.dataKey===l.dataKey))==null?void 0:x.fixed)}):(i.value=n,g.value=n,N.value=re(n),a.defaultCheckList=o),a.isInit=!0,a.checkedList=o}return Oe(()=>{const n=f.getColumns();n&&n.length&&v()}),Oe(()=>{const n=e(f.getProps);h.value=!!n.showIndexColumn,r.value=!!n.showCheckboxColumn}),(n,o)=>(m(),L(e(fe),{trigger:"click",onVisibleChange:M},{dropdown:b(()=>[W("div",It,[W("div",Lt,[S(e(Y),{modelValue:a.checkAll,"onUpdate:modelValue":o[0]||(o[0]=l=>a.checkAll=l),indeterminate:T.value,label:e(O)("COMMON.COLUMN_SHOW","列展示"),onChange:ee},null,8,["modelValue","indeterminate","label"]),S(e(Y),{modelValue:h.value,"onUpdate:modelValue":o[1]||(o[1]=l=>h.value=l),label:e(O)("COMMON.INDEX","序列号"),onChange:Z},null,8,["modelValue","label"]),S(e(Y),{modelValue:r.value,"onUpdate:modelValue":o[2]||(o[2]=l=>r.value=l),label:e(O)("COMMON.CHECKBOX","复选框"),onChange:oe},null,8,["modelValue","label"])]),S(e(Je),{modelValue:a.checkedList,"onUpdate:modelValue":o[3]||(o[3]=l=>a.checkedList=l),onChange:o[4]||(o[4]=l=>G(l)),ref_key:"columnListRef",ref:c},{default:b(()=>[(m(!0),A(F,null,le(i.value,l=>(m(),A("div",{key:l.value,class:"flex pt-1 pr-4 pb-2 items-center text-[#555] h-9 cursor-pointer"},[S(e(J),{icon:e(dt),size:16,class:"drag-icon mr-1"},null,8,["icon"]),S(e(Y),{label:l.label,value:l.value,class:"flex-1"},null,8,["label","value"]),S(e(we),{placement:"bottom",content:e(O)("COMMON.FIXED_TO_LEFT","固定到左侧")},{default:b(()=>[S(e(J),{icon:e(ft),size:16,class:de({"cursor-not-allowed opacity-50":!a.checkedList.includes(l.value),"el-tabs__item.is-active":l.fixed==="left"}),onClick:x=>p(l,"left")},null,8,["icon","class","onClick"])]),_:2},1032,["content"]),S(e(Se),{direction:"vertical",class:"h-4!"}),S(e(we),{placement:"bottom",content:e(O)("COMMON.FIXED_TO_LEFT","固定到左侧")},{default:b(()=>[S(e(J),{icon:e(ht),size:16,class:de({"cursor-not-allowed opacity-50":!a.checkedList.includes(l.value),"el-tabs__item.is-active":l.fixed==="right"}),onClick:x=>p(l,"right")},null,8,["icon","class","onClick"])]),_:2},1032,["content"])]))),128))]),_:1},8,["modelValue"])])]),default:b(()=>[S(e(ie),{title:e(O)("COMMON.COLUMN_SETTING","列控制"),icon:e(ut),circle:"",style:{fontSize:"22px"}},null,8,["title","icon"])]),_:1}))}}),Bt=V({__name:"Fullscreen",setup(C){const s=ge(),u=R(null),{toggle:c,isFullscreen:h}=Ot(u);return X(()=>s.tableElRef.value,r=>{const f=t=>{var a;if(!t||!t.parentNode)return null;((a=t.parentNode.className)==null?void 0:a.indexOf("dt-layout-content"))!==-1?u.value=t.parentNode:f(t.parentNode)};f(r.$el)}),(r,f)=>(m(),L(e(ie),{title:e(h)?e(O)("COMMON.CANCEL_FULLSCREEN","取消全屏"):e(O)("COMMON.FULLSCREEN","全屏"),icon:e(h)?e(gt):e(pt),circle:"",onClick:e(c),style:{fontSize:"16px"}},null,8,["title","icon","onClick"]))}}),Dt=V({__name:"Search",props:{defaultShowSearch:{type:Boolean}},setup(C){const s=C,u=ge(),c=R(s.defaultShowSearch),h=()=>{var r;c.value=!c.value,(r=u==null?void 0:u.setShowSearch)==null||r.call(u,c.value)};return(r,f)=>(m(),L(e(ie),{title:e(O)("COMMON.SHOW_SEARCH","搜索"),icon:e(mt),circle:"",type:c.value?"primary":"default",onClick:h},null,8,["title","icon","type"]))}}),Tt={class:"flex gap-2"},zt=V({__name:"index",props:{tableSetting:{type:[Object,Boolean]},defaultShowSearch:{type:Boolean}},setup(C){const s=C,u=j(()=>({search:!0,download:["current","select","all"],setting:!0,fullscreen:!0,...be(s.tableSetting)&&s.tableSetting===!0?{}:s.tableSetting}));return(c,h)=>{var r;return m(),A("div",Tt,[u.value.search?(m(),L(Dt,{key:0,defaultShowSearch:c.defaultShowSearch},null,8,["defaultShowSearch"])):D("",!0),(r=u.value.download)!=null&&r.length?(m(),L(Mt,{key:1,download:u.value.download},null,8,["download"])):D("",!0),u.value.setting?(m(),L(At,{key:2,setting:u.value},null,8,["setting"])):D("",!0),u.value.fullscreen?(m(),L(Bt,{key:3})):D("",!0)])}}}),$t={class:"flex flex-row justify-between py-2"},Kt={class:"flex flex-row flex-1 gap-3"},Ut=V({__name:"TableHeader",props:{toolbar:{},tableSetting:{type:[Object,Boolean]},authPrefix:{},onAdd:{},onDeletes:{},defaultShowSearch:{type:Boolean}},setup(C){const s=C,u=j(()=>s.toolbar?s.toolbar:[{label:O("COMMON.ADD","新增"),preIcon:Ct,type:"primary",auth:s.authPrefix?s.authPrefix+"add":"",onClick:s==null?void 0:s.onAdd},{label:O("COMMON.DELETE","删除"),preIcon:Ae,auth:s.authPrefix?s.authPrefix+"delete":"",onClick:()=>{var c;return(c=s==null?void 0:s.onDeletes)==null?void 0:c.call(s)}}]);return(c,h)=>(m(),A("div",$t,[W("div",Kt,[ye(c.$slots,"toolbarBefore"),S(e(wt),{buttonList:u.value},null,8,["buttonList"]),ye(c.$slots,"toolbarAfter")]),c.tableSetting?(m(),L(zt,{key:0,tableSetting:c.tableSetting,defaultShowSearch:c.defaultShowSearch},null,8,["tableSetting","defaultShowSearch"])):D("",!0)]))}}),Vt={class:"el-loading-mask flex flex-col justify-center items-center",style:{color:"var(--el-color-primary)","--el-mask-color":"rgba(255, 255, 255, 0.4)"}},Ft={class:"mt-2"},jt=V({__name:"TableLoading",setup(C){return(s,u)=>(m(),A("div",Vt,[S(e(J),{icon:e(xt),class:"is-loading",size:26},null,8,["icon"]),W("p",Ft,H(e(O)("COMMON.LOADING","加载中...")),1)]))}});function Ht(C){const s=R(!1);return X(()=>{var u;return(u=e(C))==null?void 0:u.loading},u=>{Ve(u)?s.value=e(u):ue(u)&&(s.value=e(u.onQueryPage)??!1)},{deep:!0}),{getLoading:j(()=>e(s)),setLoading:u=>{s.value=u}}}function Wt(C){const s=R(),u=j(()=>{var i,g,N;const{showPagination:r}=e(C);if(!r)return!1;const{defaultPageSize:f=20,pageSizeOptions:t=[]}=((N=(g=(i=he())==null?void 0:i.appConf)==null?void 0:g.ui)==null?void 0:N.table)??{};return{currentPage:1,pageSize:f,defaultPageSize:f,pageSizes:t,layout:"total, prev, pager, next, sizes, jumper",...{pageSize:f,currentPage:1},...e(s)}});function c(r){const f=e(u);s.value={...f,...r}}function h(){return e(u)}return{getPaginationInfo:u,setPagination:c,getPagination:h}}const Xt={key:0,class:"dt-table-action-btn inline-block"},Gt={key:0},qt={class:"text-13 opacity-80"},Qt={class:"dt-table-action-btn w-8 flex items-center justify-center"},Yt={class:"text-13 opacity-90"},Jt=V({__name:"TableAction",props:{fixed:{default:"right"},expand:{type:Boolean,default:!1},expandNum:{},width:{default:70},btns:{},record:{},index:{},authPrefix:{}},setup(C){const s=C,u=R([]),{appConf:c}=he(),h=j(()=>{var i,g;return s.expandNum||((g=(i=c==null?void 0:c.ui)==null?void 0:i.table)==null?void 0:g.expandNum)||0}),r=i=>{const{authPrefix:g}=s;return i&&i.includes(":")?i:g&&i?`${g}:${i}`:i??""},f=j(()=>{if(!e(h))return!1;let i=Ie(Le.AUTHS)??[],g=e(u).length-e(h);return rt(e(u),g).filter(y=>y.ifShow?y.auth?i.includes(r(y.auth)):!0:!1).length}),t=(i,g)=>me(i.label)?i.label(g):i.label;function a(i){var g;me(i.onClick)&&((g=i.onClick)==null||g.call(i,s.record,s.index))}return X(()=>[e(s.btns),e(s.record)],([i])=>{u.value=i.map(g=>({...g,ifShow:be(g.show)?g.show:me(g.show)?g.show(s.record):!0,icon:g.preIcon,label:()=>t(g,s.record)}))},{immediate:!0,deep:!0}),(i,g)=>{const N=Fe("auth");return s.expand?(m(),A("div",{key:0,class:de([h.value?"dt-expand-has-collapse":"","dt-table-action flex items-center gap-2"])},[(m(!0),A(F,null,le(u.value,(y,T)=>(m(),A(F,{key:T},[y.ifShow&&h.value?(m(),A(F,{key:0},[T<h.value?(m(),A(F,{key:0},[T!==0?(m(),L(e(Se),{key:0,direction:"vertical",style:{margin:0}})):D("",!0),pe((m(),L(e(ie),{text:"",type:"primary",class:"px-2!",onClick:M=>a(y)},{default:b(()=>[ne(H(y.label()),1)]),_:2},1032,["onClick"])),[[N,r(y.auth)]])],64)):D("",!0),T>=h.value&&T===u.value.length-1?(m(),L(e(fe),{key:1,trigger:"click"},{dropdown:b(()=>[S(e(ve),{class:"flex flex-col"},{default:b(()=>[(m(!0),A(F,null,le(u.value,(M,G)=>(m(),A(F,null,[G>=h.value&&M.ifShow?pe((m(),A("span",Gt,[S(e(se),{onClick:Z=>a(M)},{default:b(()=>[W("span",qt,H(M.label()),1)]),_:2},1032,["onClick"])])),[[N,r(M.auth)]]):D("",!0)],64))),256))]),_:1})]),default:b(()=>[f.value?(m(),A("span",Xt," 更多 ")):D("",!0)]),_:1})):D("",!0)],64)):D("",!0),y.ifShow&&!h.value?(m(),L(e(we),{key:1,placement:"bottom",content:y.label()},{default:b(()=>[W("span",Qt,[S(e(J),{icon:y.icon,size:y.iconSize||16,color:y.color,class:"cursor-pointer",style:Me({color:y.color||"var(--el-color-primary)"}),onClick:M=>a(y)},null,8,["icon","size","color","style","onClick"])])]),_:2},1032,["content"])):D("",!0)],64))),128))],2)):(m(),L(e(fe),{key:1,trigger:"click"},{dropdown:b(()=>[S(e(ve),{class:"flex flex-col"},{default:b(()=>[(m(!0),A(F,null,le(u.value,y=>pe((m(),A("span",null,[y.ifShow?(m(),L(e(se),{key:0,onClick:T=>a(y)},{default:b(()=>[S(e(J),{icon:y.icon,size:y.iconSize||24,color:y.color,class:"text-base opacity-90 pr-2",onClick:T=>a(y)},null,8,["icon","size","color","onClick"]),W("span",Yt,H(y.label()),1)]),_:2},1032,["onClick"])):D("",!0)])),[[N,r(y.auth)]])),256))]),_:1})]),default:b(()=>[S(e(J),{icon:e(yt),class:"cursor-pointer",size:16},null,8,["icon"])]),_:1}))}}});function Zt({propsRef:C,paginationRef:s,tableElRef:u}){const{appConf:c}=he(),h=R(e(C).columns??[]);let r=e(C).columns??[];const f=j(()=>{const p=re(e(h));return p.forEach(d=>{var v;d.format&&!d.cellRenderer&&(v=d.format)!=null&&v.dict&&(d.cellRenderer=({cellData:n})=>ae("span",{class:"dict"},lt(n,d.format.dict)))}),T(C,s,p),M(C,p),Z(C,p),p});function t(p=[]){const d=[],v=[],n=[];for(const o of p)if(!o.hidden){if(o.fixed==="left"||o.fixed===!0){d.push(o);continue}if(o.fixed==="right"){v.push(o);continue}n.push(o)}return[...d,...n,...v]}function a(){var I;const{resizable:p=!0,minResizeWidth:d=40,maxResizeWidth:v=700}=e(C),n=(I=e(u))==null?void 0:I.$el;if(!n)return;const o=n.offsetWidth;let l=0,x=0;h.value.forEach(_=>{_.width?l+=_.width:x++});const w=Math.max((o-l)/x,100);h.value.forEach(_=>{Object.assign(_,{width:_.width??w,resizable:_.resizable??p,minWidth:_.minWidth??d,maxWidth:_.maxWidth??v})})}const i=j(()=>{const p=t(e(f));return re(p).filter(v=>v.hidden!==!0).map(v=>v)});function g(p){const{ignoreIndex:d,ignoreAction:v,sort:n}=p||{};let o=je(e(f));return d&&(o=o.filter(l=>l.flag!=="INDEX")),v&&(o=o.filter(l=>l.flag!=="ACTION")),n&&(o=t(o)),o}function N(p=[]){const d=re(p);if(!Ce(d)||!d.length){h.value=[];return}const v=r.map(n=>n.dataKey);if(!ot(d[0]))h.value=d;else{const n=d,o=[];r.forEach(l=>{o.push({...l,show:!0,hidden:!n.includes(l.dataKey||l.key)})}),it(v,d)||o.sort((l,x)=>n.indexOf(l.dataKey)-n.indexOf(x.dataKey)),h.value=o,r=[...o]}}function y(p,d){!p||!d||(r.forEach(v=>{v.dataKey===p&&Object.assign(v,d)}),h.value=[...r])}function T(p,d,v){const{showIndexColumn:n}=e(p);let o=!1;if(v.forEach(()=>{const x=v.findIndex(w=>w.flag==="INDEX");n?o=x===-1:!n&&x!==-1&&v.splice(x,1)}),!o)return;const l=v.some(x=>x.fixed==="left");v.unshift({flag:"INDEX",width:60,title:O("COMMON.COLUMN_NUMBER","序号"),align:"center",cellRenderer:({rowIndex:x})=>{var z,k;const w=e(d);if(be(w))return`${x+1}`;const{currentPage:I=1,pageSize:_=((k=(z=c.ui)==null?void 0:z.table)==null?void 0:k.defaultPageSize)??20}=w;return((I<1?1:I)-1)*_+x+1},...l?{fixed:"left"}:{}})}function M(p,d){var w,I,_,z,k,E,$;const v=[{label:O("COMMON.EDIT","编辑"),preIcon:vt,onClick:P=>{var B,U;(U=(B=e(p))==null?void 0:B.onEdit)==null||U.call(B,P)}},{label:O("COMMON.DELETE","删除"),preIcon:Ae,onClick:P=>{var B,U;(U=(B=e(p))==null?void 0:B.onDelete)==null||U.call(B,P)}}],{operations:n=v,expandActions:o=!1,authPrefix:l}=e(p);if(!n||ue(n)&&!((w=n==null?void 0:n.btns)!=null&&w.length)||Ce(n)&&!n.length)return;if(d.findIndex(P=>P.flag==="ACTION")===-1){const P=ue(n)?{expand:(_=(I=c==null?void 0:c.ui)==null?void 0:I.table)==null?void 0:_.expandActions,btns:v,...n}:Ce(n)?{expand:(k=(z=c==null?void 0:c.ui)==null?void 0:z.table)==null?void 0:k.expandActions,btns:n}:{},B=P.expand?P.expand:o,U=(ue(n)?n==null?void 0:n.expandNum:($=(E=c==null?void 0:c.ui)==null?void 0:E.table)==null?void 0:$.expandNum)||null,q=Ie(Le.AUTHS)||[],_e=K=>K&&K.includes(":")?K:l&&K?`${l}:${K}`:K??"",De=()=>{var ce;let K=0;if(B)if(U){let ke=!1;((P==null?void 0:P.btns)??[]).forEach((Q,Te)=>{Te<U&&(Q.auth&&q.includes(_e(Q.auth))||!Q.auth)?K+=Q.label.length*14+20:(Q.auth&&q.includes(_e(Q.auth))||!Q.auth)&&(ke=!0)}),K+=(ke?36:0)+30}else K=(((ce=P.btns)==null?void 0:ce.length)??0)*32+20;else K=80;return K},te={fixed:"right",title:O("COMMON.ACTIONS","操作"),align:"center",width:De(),...P,expand:B||P.expand,flag:"ACTION"};d.push({...te,cellRenderer:({rowData:K,rowIndex:ce})=>ae(Jt,{authPrefix:l??"",index:ce,record:K,fixed:te.fixed,expand:te.expand,expandNum:te.expandNum,width:te.width,btns:te.btns})})}}const G=({value:p,intermediate:d=!1,onChange:v})=>ae(Y,{onChange:v,modelValue:p,indeterminate:d});function Z(p,d){const{showCheckboxColumn:v}=e(p);let n=!1;if(d.forEach(()=>{const l=d.findIndex(x=>x.flag==="CHECKBOX");v?n=l===-1:!v&&l!==-1&&d.splice(l,1)}),!n)return;const o=d.some(l=>l.fixed==="left");d.unshift({key:"selection",flag:"CHECKBOX",width:50,title:O("COMMON.COLUMN_NUMBER","序号"),align:"center",cellRenderer:({rowData:l})=>{const x=w=>l.checked=w;return ae(G,{value:l.checked,onChange:x})},headerCellRenderer:()=>{var _,z,k;const{data:l}=e(p);if(!((_=e(l))!=null&&_.length))return null;const x=E=>{var $;return($=e(l))==null?void 0:$.forEach(P=>P.checked=E)},w=(z=e(l))==null?void 0:z.every(E=>E.checked),I=(k=e(l))==null?void 0:k.some(E=>E.checked);return ae(G,{value:w||!1,intermediate:I&&!w,onChange:x})},...o?{fixed:"left"}:{}})}function oe(){return r}function ee(){const p={};return e(r).forEach(d=>{d.sortable&&d.dataKey&&(p[d.dataKey]="desc")}),p}return X(()=>C.value.columns,p=>{p&&(h.value=p,r=p.filter(d=>!d.flag)??[],setTimeout(()=>{a()}))},{immediate:!0}),{getViewColumns:i,getSortState:ee,getColumns:g,setColumns:N,setColumnsByDataIndex:y,getCacheColumns:oe}}function en({props:C,setPagination:s,clearSelectedRowKeys:u}){const c=R();X(()=>e(C).data,t=>{c.value=e(t)||[]},{immediate:!0,deep:!0});function h({pagination:t,sorter:a}){const{onTableChange:i,clearSelectOnPageChange:g}=e(C);return s(t),i==null?void 0:i({pagination:t,sorter:a})}function r(t){var g;if(!((g=c.value)!=null&&g.length))return;const a=e(C).rowKey??"id";return(N=>{let y;return N.some(function T(M){return Reflect.has(M,a)&&M[a]===t?(y=M,!0):(M==null?void 0:M.children)&&M.children.some(T)}),y})(c.value)}function f(t,a){const i=r(t);return i&&Object.assign(i,a),i}return{source:c,handleTableChange:h,updateRow:f,findRowByKey:r}}function tn(){function C(){}return{clearSelectedRowKeys:C}}const nn={class:"dt-table h-full w-full flex flex-col overflow-hidden"},ln={class:"flex-1 h-full overflow-hidden"},on=V({__name:"index",props:{authPrefix:{},onTableChange:{},onAdd:{},onEdit:{},onDelete:{},onDeletes:{},onDownload:{},onQueryById:{},setShowSearch:{},registerInstance:{},defaultShowSearch:{type:Boolean,default:!0},clickToSelectRow:{type:Boolean},clearSelectOnPageChange:{type:Boolean},resizable:{type:Boolean},minResizeWidth:{},maxResizeWidth:{},showIndexColumn:{type:Boolean},showCheckboxColumn:{type:Boolean},expandActions:{type:Boolean},bordered:{type:Boolean},stripe:{type:Boolean},showPagination:{type:Boolean,default:!0},pagination:{},loading:{},toolbar:{},operations:{},tableSetting:{type:[Object,Boolean]},cache:{},estimatedRowHeight:{},headerClass:{},headerProps:{},headerCellProps:{},headerHeight:{},footerHeight:{},rowClass:{},rowKey:{default:"id"},rowProps:{},rowHeight:{},rowEventHandlers:{},cellProps:{},columns:{},data:{},dataGetter:{},fixedData:{},expandColumnKey:{},expandedRowKeys:{},defaultExpandedRowKeys:{},class:{},fixed:{type:Boolean},width:{},height:{},maxHeight:{},indentSize:{},hScrollbarSize:{},vScrollbarSize:{},scrollbarAlwaysOn:{type:Boolean},sortBy:{},sortState:{},onColumnSort:{},onExpandedRowsChange:{},onEndReached:{},onScroll:{},onRowsRendered:{},onRowExpand:{}},emits:["register"],setup(C,{emit:s}){const u=s,c=C,h=R(null),r=R({}),{appConf:f}=he(),t=j(()=>{var k;return{...c,...((k=f.ui)==null?void 0:k.table)??{},...e(r)}}),{getLoading:a,setLoading:i}=Ht(t),{getPaginationInfo:g,setPagination:N,getPagination:y}=Wt(t),{clearSelectedRowKeys:T}=tn(),{source:M,handleTableChange:G,updateRow:Z,findRowByKey:oe}=en({props:t,setPagination:N,clearSelectedRowKeys:T}),ee=R();function p(){var k;G({pagination:(k=ee.value)==null?void 0:k.getPagination(),sorter:e(d)})}const d=R({}),v=({key:k,order:E})=>{d.value[k]=E,p()};function n(k){r.value={...e(r),...e(k)}}const{getViewColumns:o,getSortState:l,getColumns:x,setColumns:w,setColumnsByDataIndex:I,getCacheColumns:_}=Zt({propsRef:t,paginationRef:g,tableElRef:h}),z={setProps:n,setLoading:i,getColumns:x,setColumns:w,setColumnsByDataIndex:I,getCacheColumns:_,clearSelectedRowKeys:T,findRowByKey:oe,updateRow:Z,getPagination:y,setPagination:N};return Et(()=>{var k,E;u("register",z),(E=(k=e(t))==null?void 0:k.registerInstance)==null||E.call(k,z,"table"),d.value=l()}),Rt({...z,setShowSearch:k=>{var E,$;return($=(E=e(t))==null?void 0:E.setShowSearch)==null?void 0:$.call(E,k)},tableElRef:h,getProps:t,source:M}),(k,E)=>(m(),A("div",nn,[S(Ut,{toolbars:t.value.toolbar,"table-setting":t.value.tableSetting||!1,authPrefix:t.value.authPrefix,defaultShowSearch:t.value.defaultShowSearch,onAdd:t.value.onAdd,onDeletes:()=>{var $,P,B,U;return(U=(B=t.value).onDeletes)==null?void 0:U.call(B,((P=($=e(M))==null?void 0:$.filter(q=>q.checked))==null?void 0:P.map(q=>(q==null?void 0:q[k.rowKey])??""))??[],"multi")}},Ee({_:2},[le(Object.keys(k.$slots),$=>({name:$,fn:b(P=>[ye(k.$slots,$,He(We(P||{})))])}))]),1032,["toolbars","table-setting","authPrefix","defaultShowSearch","onAdd","onDeletes"]),W("div",ln,[W("div",{style:Me({height:`calc(100% - ${e(g)?40:0}px)`,color:"var(--el-text-color-regular)"})},[S(e(Ze),null,{default:b(({height:$,width:P})=>[S(e(et),xe({ref_key:"tableElRef",ref:h},t.value,{"sort-state":d.value,"onUpdate:sortState":E[0]||(E[0]=B=>d.value=B),columns:e(o),data:e(M)||[],"header-class":`${t.value.headerClass??""}`,width:P,height:$,onColumnSort:E[1]||(E[1]=B=>v(B)),class:{"border-table":t.value.bordered,"striped-table":t.value.stripe}}),Ee({empty:b(()=>[S(e(tt),{description:e(O)("UI.EMPTY_DATA","暂无数据~~")},null,8,["description"])]),_:2},[e(a)?{name:"overlay",fn:b(()=>[S(jt)]),key:"0"}:void 0]),1040,["sort-state","columns","data","header-class","width","height","class"])]),_:1})],4),e(g)?(m(),A("div",{key:0,class:de(["py-2 pr-1 h-10 flex justify-end",{"dt-border-pagination":t.value.bordered}])},[S(Pt,xe({ref_key:"paginationEl",ref:ee},e(g),{onQuery:p}),null,16)],2)):D("",!0)])]))}});function yn(C){const s=R(null),u=R(!1);let c;function h(t){e(u)&&t===e(s)||(s.value=t,u.value=!0,c==null||c(),c=X(()=>C,()=>{C&&t.setProps(C)},{immediate:!0,deep:!0}),Xe(()=>{s.value=null,u.value=null}))}function r(){const t=e(s);return t||at("没有table表单实例"),t}return[h,{setProps:t=>r().setProps(t),setLoading:t=>r().setLoading(t),clearSelectedRowKeys:()=>r().clearSelectedRowKeys(),getSelectRows:()=>r().getSelectRows(),getSelectedRowKeys:()=>r().getSelectedRowKeys(),setSelectedRowKeys:t=>r().setSelectedRowKeys(t),getColumns:t=>r().getColumns(t),setColumns:t=>r().setColumns(t),setColumnsByDataIndex:(t,a)=>r().setColumnsByDataIndex(t,a),getCacheColumns:()=>r().getCacheColumns(),findRowByKey:t=>r().findRowByKey(t),updateRow:(t,a)=>r().updateRow(t,a),getPagination:()=>r().getPagination(),setPagination:t=>r().setPagination(t)}]}const vn=ze(on);export{vn as DtTable,Ut as TableHeader,vn as default,yn as useTable};

package/dist/es/components/table/src/components/Pagination.d.ts

@@ -0,0 +1,15 @@
+import { PaginationType } from '../types/pagination';
+declare const _default: import('vue').DefineComponent<PaginationType, {
+    getPagination: () => {
+        pageSize: number;
+        currentPage: number;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    query: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<PaginationType> & Readonly<{
+    onQuery?: ((...args: any[]) => any) | undefined;
+}>, {
+    pageSize: number;
+    currentPage: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/es/components/table/src/components/TableAction.d.ts

@@ -0,0 +1,18 @@
+import { Recordable } from '@dt-frames/core';
+import { ButtonTypes } from '../../../form';
+type __VLS_Props = {
+    fixed?: 'left' | 'right';
+    expand?: boolean;
+    expandNum?: number;
+    width: number;
+    btns: ButtonTypes[];
+    record: Recordable;
+    index: number;
+    authPrefix: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fixed: "left" | "right";
+    width: number;
+    expand: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/es/components/table/src/components/TableHeader.d.ts

@@ -0,0 +1,28 @@
+import { ButtonTypes } from '../../../form';
+import { TableSetting } from '../types/table';
+type __VLS_Props = {
+    toolbar?: ButtonTypes[];
+    tableSetting?: TableSetting | boolean;
+    authPrefix?: string;
+    onAdd?: () => void;
+    onDeletes?: () => void;
+    defaultShowSearch?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        toolbarBefore?(_: {}): any;
+        toolbarAfter?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/table/src/components/TableLoading.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;