@rdeam/qui 2.0.0

package/es/components/table/src/components/TableColumn.vue.d.ts

@@ -0,0 +1,15 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    column: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    column: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    column: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/components/table/src/components/TableColumn.vue.mjs

@@ -0,0 +1,7 @@
+import TableColumn_vue_vue_type_script_setup_true_lang_default from "./TableColumn.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/table/src/components/TableColumn.vue
+var TableColumn_default = TableColumn_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TableColumn_default as default };
+
+//# sourceMappingURL=TableColumn.vue.mjs.map

package/es/components/table/src/components/TableColumn.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumn.vue.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/components/TableColumn.vue"],"sourcesContent":["<template>\r\n  <component :is=\"renderColumn(column)\"></component>\r\n</template>\r\n\r\n<script lang=\"tsx\" setup>\r\nimport { useSlots, Fragment, computed } from 'vue'\r\nimport { ElMessage, ElTableColumn, ElIcon } from 'element-plus'\r\nimport { CopyDocument } from '@element-plus/icons-vue'\r\n\r\ndefineProps({\r\n  column: {\r\n    type: Object,\r\n    default: () => ({}),\r\n  },\r\n})\r\n\r\nconst slots: any = useSlots()\r\nconst formatEnum = (column: any, row: any) => {\r\n  if (Array.isArray(column.enum)) {\r\n    const target = column.enum.find((e: any) => e.value === row[column.prop])\r\n    return target?.label || '--'\r\n  } else {\r\n    return column.enum[row[column.prop]] || '--'\r\n  }\r\n}\r\n\r\n// 辅助函数：转义 HTML 特殊字符\r\nfunction escapeHtml(unsafe: string) {\r\n  return unsafe\r\n    .replace(/&/g, '&amp;')\r\n    .replace(/</g, '&lt;')\r\n    .replace(/>/g, '&gt;')\r\n    .replace(/\"/g, '&quot;')\r\n    .replace(/'/g, '&#039;')\r\n}\r\n\r\nconst copyTextToClipboard = (copyData = '') => {\r\n  // 对 copyData 进行转义处理，防止 XSS 攻击\r\n  const escapedCopyData = escapeHtml(copyData)\r\n\r\n  try {\r\n    const input = document.createElement('input')\r\n    input.value = escapedCopyData\r\n    document.body.appendChild(input)\r\n    input.select()\r\n\r\n    // 使用现代 API 替代 document.execCommand\r\n    if (navigator.clipboard) {\r\n      navigator.clipboard\r\n        .writeText(escapedCopyData)\r\n        .then(() => {\r\n          ElMessage({\r\n            type: 'success',\r\n            message: '复制成功',\r\n          })\r\n        })\r\n        .catch((err) => {\r\n          console.error('Failed to copy text: ', err)\r\n          ElMessage({\r\n            type: 'error',\r\n            message: '复制失败',\r\n          })\r\n        })\r\n    }\r\n    document.body.removeChild(input)\r\n  } catch (error) {\r\n    console.error('Error during copy operation: ', error)\r\n  }\r\n}\r\n\r\n// 渲染表格数据\r\nconst renderCellData = (item: any, scope: any) => {\r\n  return item.formatText\r\n    ? item.formatText(scope.row)\r\n    : item.enum\r\n      ? formatEnum(item, scope.row)\r\n      : item.prop && scope.row[item.prop] === ''\r\n        ? '--'\r\n        : (scope.row[item.prop] ?? '--')\r\n}\r\n\r\n// 复制\r\nconst getCopyText = (column: any, scope: any): string => {\r\n  try {\r\n    // 如果设置了 copyText\r\n    if (column.copyText !== undefined) {\r\n      // 如果是字符串直接返回\r\n      if (typeof column.copyText === 'string') {\r\n        return column.copyText\r\n      }\r\n      // 如果是函数则执行并返回结果\r\n      if (typeof column.copyText === 'function') {\r\n        const result = column.copyText(scope.row)\r\n        return String(result || '--')\r\n      }\r\n    }\r\n\r\n    // 如果有 prop 属性，则获取对应的值\r\n    if (column.prop && scope.row) {\r\n      const value = scope.row[column.prop]\r\n      // 使用 nullish 运算符，只有值为 null 或 undefined 时才返回 '--'\r\n      return value ?? '--'\r\n    }\r\n\r\n    return '--'\r\n  } catch (error) {\r\n    console.warn('获取复制文本时出错:', error)\r\n    return '--'\r\n  }\r\n}\r\n\r\nconst copyRender = (column: any, scope: any) => {\r\n  return (\r\n    <ElIcon\r\n      class=\"cursor-pointer copy-icon-color\"\r\n      onClick={() => {\r\n        copyTextToClipboard(getCopyText(column, scope))\r\n      }}\r\n    >\r\n      <CopyDocument />\r\n    </ElIcon>\r\n  )\r\n}\r\n\r\nconst getRenderStrategy = computed(() => {\r\n  return (column: any) => {\r\n    // 预先确定渲染策略\r\n    if (column._children) {\r\n      return {\r\n        type: 'children',\r\n        render: () => column._children.map((child: any) => renderColumn(child)),\r\n      }\r\n    }\r\n\r\n    if (column.copy) {\r\n      return {\r\n        type: 'copy',\r\n        render: (scope: any) => {\r\n          const content = column.render\r\n            ? column.render\r\n            : column.prop && slots[column.prop]\r\n              ? slots[column.prop]\r\n              : (scope: any) => renderCellData(column, scope)\r\n\r\n          return (\r\n            <div class=\"flex items-center gap-2\">\r\n              {copyRender(column, scope)}\r\n              {content(scope)}\r\n            </div>\r\n          )\r\n        },\r\n      }\r\n    }\r\n\r\n    if (column.render) {\r\n      return {\r\n        type: 'custom',\r\n        render: column.render,\r\n      }\r\n    }\r\n\r\n    if (column.prop && slots[column.prop]) {\r\n      return {\r\n        type: 'slot',\r\n        render: slots[column.prop],\r\n      }\r\n    }\r\n\r\n    return {\r\n      type: 'default',\r\n      render: (scope: any) => renderCellData(column, scope),\r\n    }\r\n  }\r\n})\r\n\r\nconst getColumnClassName = computed(() => {\r\n  return (column: any) => ({\r\n    'sort-cell-td': column.sortable && column.align === 'right',\r\n    'action-td': column.prop === 'action',\r\n    [column?.className || '']: !!column?.className,\r\n  })\r\n})\r\n\r\nconst renderColumn = (column: any) => {\r\n  return (\r\n    <Fragment>\r\n      {\r\n        <ElTableColumn\r\n          showOverflowTooltip={column.showOverflowTooltip ?? column.prop !== 'action'}\r\n          {...column}\r\n          class={getColumnClassName.value(column)}\r\n        >\r\n          {{\r\n            default: (scope: any) => {\r\n              const strategy = getRenderStrategy.value(column)\r\n              return strategy.render(scope)\r\n            },\r\n            header: () => {\r\n              if (column.headerRender) return column.headerRender(column)\r\n              if (slots[`${column.prop}Header`]) return slots[`${column.prop}Header`]!({ row: column })\r\n              return column.label\r\n            },\r\n          }}\r\n        </ElTableColumn>\r\n      }\r\n    </Fragment>\r\n  )\r\n}\r\n</script>\r\n"],"mappings":""}

package/es/components/table/src/components/TableColumn.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,132 @@
+import { Fragment, computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, useSlots } from "vue";
+import { ElIcon, ElMessage, ElTableColumn } from "element-plus";
+import { CopyDocument } from "@element-plus/icons-vue";
+//#region packages/components/table/src/components/TableColumn.vue?vue&type=script&setup=true&lang.tsx
+var TableColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TableColumn",
+	props: { column: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(__props) {
+		const slots = useSlots();
+		const formatEnum = (column, row) => {
+			if (Array.isArray(column.enum)) {
+				const target = column.enum.find((e) => e.value === row[column.prop]);
+				return (target === null || target === void 0 ? void 0 : target.label) || "--";
+			} else return column.enum[row[column.prop]] || "--";
+		};
+		function escapeHtml(unsafe) {
+			return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+		}
+		const copyTextToClipboard = (copyData = "") => {
+			const escapedCopyData = escapeHtml(copyData);
+			try {
+				const input = document.createElement("input");
+				input.value = escapedCopyData;
+				document.body.appendChild(input);
+				input.select();
+				if (navigator.clipboard) navigator.clipboard.writeText(escapedCopyData).then(() => {
+					ElMessage({
+						type: "success",
+						message: "复制成功"
+					});
+				}).catch((err) => {
+					console.error("Failed to copy text: ", err);
+					ElMessage({
+						type: "error",
+						message: "复制失败"
+					});
+				});
+				document.body.removeChild(input);
+			} catch (error) {
+				console.error("Error during copy operation: ", error);
+			}
+		};
+		const renderCellData = (item, scope) => {
+			var _scope$row$item$prop;
+			return item.formatText ? item.formatText(scope.row) : item.enum ? formatEnum(item, scope.row) : item.prop && scope.row[item.prop] === "" ? "--" : (_scope$row$item$prop = scope.row[item.prop]) !== null && _scope$row$item$prop !== void 0 ? _scope$row$item$prop : "--";
+		};
+		const getCopyText = (column, scope) => {
+			try {
+				if (column.copyText !== void 0) {
+					if (typeof column.copyText === "string") return column.copyText;
+					if (typeof column.copyText === "function") {
+						const result = column.copyText(scope.row);
+						return String(result || "--");
+					}
+				}
+				if (column.prop && scope.row) {
+					const value = scope.row[column.prop];
+					return value !== null && value !== void 0 ? value : "--";
+				}
+				return "--";
+			} catch (error) {
+				console.warn("获取复制文本时出错:", error);
+				return "--";
+			}
+		};
+		const copyRender = (column, scope) => {
+			return createVNode(ElIcon, {
+				"class": "cursor-pointer copy-icon-color",
+				"onClick": () => {
+					copyTextToClipboard(getCopyText(column, scope));
+				}
+			}, { default: () => [createVNode(CopyDocument, null, null)] });
+		};
+		const getRenderStrategy = computed(() => {
+			return (column) => {
+				if (column._children) return {
+					type: "children",
+					render: () => column._children.map((child) => renderColumn(child))
+				};
+				if (column.copy) return {
+					type: "copy",
+					render: (scope) => {
+						const content = column.render ? column.render : column.prop && slots[column.prop] ? slots[column.prop] : (scope) => renderCellData(column, scope);
+						return createVNode("div", { "class": "flex items-center gap-2" }, [copyRender(column, scope), content(scope)]);
+					}
+				};
+				if (column.render) return {
+					type: "custom",
+					render: column.render
+				};
+				if (column.prop && slots[column.prop]) return {
+					type: "slot",
+					render: slots[column.prop]
+				};
+				return {
+					type: "default",
+					render: (scope) => renderCellData(column, scope)
+				};
+			};
+		});
+		const getColumnClassName = computed(() => {
+			return (column) => ({
+				"sort-cell-td": column.sortable && column.align === "right",
+				"action-td": column.prop === "action",
+				[(column === null || column === void 0 ? void 0 : column.className) || ""]: !!(column === null || column === void 0 ? void 0 : column.className)
+			});
+		});
+		const renderColumn = (column) => {
+			var _column$showOverflowT;
+			return createVNode(Fragment, null, [createVNode(ElTableColumn, mergeProps({ "showOverflowTooltip": (_column$showOverflowT = column.showOverflowTooltip) !== null && _column$showOverflowT !== void 0 ? _column$showOverflowT : column.prop !== "action" }, column, { "class": getColumnClassName.value(column) }), {
+				default: (scope) => {
+					return getRenderStrategy.value(column).render(scope);
+				},
+				header: () => {
+					if (column.headerRender) return column.headerRender(column);
+					if (slots[`${column.prop}Header`]) return slots[`${column.prop}Header`]({ row: column });
+					return column.label;
+				}
+			})]);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(renderColumn(__props.column)));
+		};
+	}
+});
+//#endregion
+export { TableColumn_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TableColumn.vue_vue_type_script_setup_true_lang.mjs.map

package/es/components/table/src/components/TableColumn.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumn.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/components/TableColumn.vue"],"sourcesContent":["<template>\r\n  <component :is=\"renderColumn(column)\"></component>\r\n</template>\r\n\r\n<script lang=\"tsx\" setup>\r\nimport { useSlots, Fragment, computed } from 'vue'\r\nimport { ElMessage, ElTableColumn, ElIcon } from 'element-plus'\r\nimport { CopyDocument } from '@element-plus/icons-vue'\r\n\r\ndefineProps({\r\n  column: {\r\n    type: Object,\r\n    default: () => ({}),\r\n  },\r\n})\r\n\r\nconst slots: any = useSlots()\r\nconst formatEnum = (column: any, row: any) => {\r\n  if (Array.isArray(column.enum)) {\r\n    const target = column.enum.find((e: any) => e.value === row[column.prop])\r\n    return target?.label || '--'\r\n  } else {\r\n    return column.enum[row[column.prop]] || '--'\r\n  }\r\n}\r\n\r\n// 辅助函数：转义 HTML 特殊字符\r\nfunction escapeHtml(unsafe: string) {\r\n  return unsafe\r\n    .replace(/&/g, '&amp;')\r\n    .replace(/</g, '&lt;')\r\n    .replace(/>/g, '&gt;')\r\n    .replace(/\"/g, '&quot;')\r\n    .replace(/'/g, '&#039;')\r\n}\r\n\r\nconst copyTextToClipboard = (copyData = '') => {\r\n  // 对 copyData 进行转义处理，防止 XSS 攻击\r\n  const escapedCopyData = escapeHtml(copyData)\r\n\r\n  try {\r\n    const input = document.createElement('input')\r\n    input.value = escapedCopyData\r\n    document.body.appendChild(input)\r\n    input.select()\r\n\r\n    // 使用现代 API 替代 document.execCommand\r\n    if (navigator.clipboard) {\r\n      navigator.clipboard\r\n        .writeText(escapedCopyData)\r\n        .then(() => {\r\n          ElMessage({\r\n            type: 'success',\r\n            message: '复制成功',\r\n          })\r\n        })\r\n        .catch((err) => {\r\n          console.error('Failed to copy text: ', err)\r\n          ElMessage({\r\n            type: 'error',\r\n            message: '复制失败',\r\n          })\r\n        })\r\n    }\r\n    document.body.removeChild(input)\r\n  } catch (error) {\r\n    console.error('Error during copy operation: ', error)\r\n  }\r\n}\r\n\r\n// 渲染表格数据\r\nconst renderCellData = (item: any, scope: any) => {\r\n  return item.formatText\r\n    ? item.formatText(scope.row)\r\n    : item.enum\r\n      ? formatEnum(item, scope.row)\r\n      : item.prop && scope.row[item.prop] === ''\r\n        ? '--'\r\n        : (scope.row[item.prop] ?? '--')\r\n}\r\n\r\n// 复制\r\nconst getCopyText = (column: any, scope: any): string => {\r\n  try {\r\n    // 如果设置了 copyText\r\n    if (column.copyText !== undefined) {\r\n      // 如果是字符串直接返回\r\n      if (typeof column.copyText === 'string') {\r\n        return column.copyText\r\n      }\r\n      // 如果是函数则执行并返回结果\r\n      if (typeof column.copyText === 'function') {\r\n        const result = column.copyText(scope.row)\r\n        return String(result || '--')\r\n      }\r\n    }\r\n\r\n    // 如果有 prop 属性，则获取对应的值\r\n    if (column.prop && scope.row) {\r\n      const value = scope.row[column.prop]\r\n      // 使用 nullish 运算符，只有值为 null 或 undefined 时才返回 '--'\r\n      return value ?? '--'\r\n    }\r\n\r\n    return '--'\r\n  } catch (error) {\r\n    console.warn('获取复制文本时出错:', error)\r\n    return '--'\r\n  }\r\n}\r\n\r\nconst copyRender = (column: any, scope: any) => {\r\n  return (\r\n    <ElIcon\r\n      class=\"cursor-pointer copy-icon-color\"\r\n      onClick={() => {\r\n        copyTextToClipboard(getCopyText(column, scope))\r\n      }}\r\n    >\r\n      <CopyDocument />\r\n    </ElIcon>\r\n  )\r\n}\r\n\r\nconst getRenderStrategy = computed(() => {\r\n  return (column: any) => {\r\n    // 预先确定渲染策略\r\n    if (column._children) {\r\n      return {\r\n        type: 'children',\r\n        render: () => column._children.map((child: any) => renderColumn(child)),\r\n      }\r\n    }\r\n\r\n    if (column.copy) {\r\n      return {\r\n        type: 'copy',\r\n        render: (scope: any) => {\r\n          const content = column.render\r\n            ? column.render\r\n            : column.prop && slots[column.prop]\r\n              ? slots[column.prop]\r\n              : (scope: any) => renderCellData(column, scope)\r\n\r\n          return (\r\n            <div class=\"flex items-center gap-2\">\r\n              {copyRender(column, scope)}\r\n              {content(scope)}\r\n            </div>\r\n          )\r\n        },\r\n      }\r\n    }\r\n\r\n    if (column.render) {\r\n      return {\r\n        type: 'custom',\r\n        render: column.render,\r\n      }\r\n    }\r\n\r\n    if (column.prop && slots[column.prop]) {\r\n      return {\r\n        type: 'slot',\r\n        render: slots[column.prop],\r\n      }\r\n    }\r\n\r\n    return {\r\n      type: 'default',\r\n      render: (scope: any) => renderCellData(column, scope),\r\n    }\r\n  }\r\n})\r\n\r\nconst getColumnClassName = computed(() => {\r\n  return (column: any) => ({\r\n    'sort-cell-td': column.sortable && column.align === 'right',\r\n    'action-td': column.prop === 'action',\r\n    [column?.className || '']: !!column?.className,\r\n  })\r\n})\r\n\r\nconst renderColumn = (column: any) => {\r\n  return (\r\n    <Fragment>\r\n      {\r\n        <ElTableColumn\r\n          showOverflowTooltip={column.showOverflowTooltip ?? column.prop !== 'action'}\r\n          {...column}\r\n          class={getColumnClassName.value(column)}\r\n        >\r\n          {{\r\n            default: (scope: any) => {\r\n              const strategy = getRenderStrategy.value(column)\r\n              return strategy.render(scope)\r\n            },\r\n            header: () => {\r\n              if (column.headerRender) return column.headerRender(column)\r\n              if (slots[`${column.prop}Header`]) return slots[`${column.prop}Header`]!({ row: column })\r\n              return column.label\r\n            },\r\n          }}\r\n        </ElTableColumn>\r\n      }\r\n    </Fragment>\r\n  )\r\n}\r\n</script>\r\n"],"mappings":"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"}

package/es/components/table/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Table from './table.vue.js';
+export type TableInstance = InstanceType<typeof Table>;

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

@@ -0,0 +1,84 @@
+import type { ExtractPropTypes } from 'vue';
+import type { PaginationProps } from 'element-plus';
+import type { EmptyProps } from '../../empty/index.js';
+export interface ColumnsItemProps {
+    label?: string;
+    prop?: string;
+    hide?: (row?: any) => boolean;
+    copy?: (row?: any) => boolean;
+    copyText?: string | Function;
+    [propsName: string]: any;
+}
+type CanWrite<T> = {
+    -readonly [K in keyof T]?: T[K];
+};
+export interface ShowHideFieldsInterface {
+    showHideFields: string[] | {
+        fields: string[];
+        showFields: string[];
+    };
+}
+export interface setColumnsProps {
+    label: string;
+    prop: string;
+    checked: boolean;
+    disabled: boolean;
+}
+export interface UpdatePageParams {
+    currentPage?: number;
+    pageSize?: number;
+}
+export declare const tableProps: {
+    tableData: import("../../../utils/index.js").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
+    columns: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => ColumnsItemProps[]) | (() => ColumnsItemProps[]) | (((new (...args: any[]) => ColumnsItemProps[]) | (() => ColumnsItemProps[])) | null)[], unknown, unknown, () => never[], boolean>;
+    requestApi: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, null, boolean>;
+    requestAuto: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    requestLoadingHide: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    tableActionIsCallApi: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    dataKey: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    dataCallback: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, null, boolean>;
+    requestParams: import("../../../utils/index.js").EpPropFinalized<(ObjectConstructor | FunctionConstructor)[], unknown, unknown, () => {}, boolean>;
+    paginationHide: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    paginationHideAuto: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    paginationOptions: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => CanWrite<PaginationProps>) | (() => CanWrite<PaginationProps>) | (((new (...args: any[]) => CanWrite<PaginationProps>) | (() => CanWrite<PaginationProps>)) | null)[], unknown, unknown, () => {}, boolean>;
+    total: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    pageSizes: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | (((new (...args: any[]) => number[]) | (() => number[])) | null)[], unknown, unknown, () => number[], boolean>;
+    layout: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    pageSize: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    currentPage: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    pageLimit: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    currentPageKey: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    pageSizeKey: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    tableChange: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, null, boolean>;
+    defaultSort: import("../../../utils/index.js").EpPropFinalized<(ObjectConstructor | FunctionConstructor)[], unknown, unknown, null, boolean>;
+    sortFormat: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, null, boolean>;
+    dataUpdateAfter: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, () => {}, boolean>;
+    cellEmptyText: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    headerbgHide: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    loading: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    toolBar: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    showHideFields: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => ShowHideFieldsInterface) | (() => ShowHideFieldsInterface) | (((new (...args: any[]) => ShowHideFieldsInterface) | (() => ShowHideFieldsInterface)) | null)[], unknown, unknown, null, boolean>;
+    tableKey: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    emptyOptions: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => {
+        desc: string;
+        size: string;
+        largeSize: Record<string, any>;
+        smallSize: Record<string, any>;
+        miniSize: Record<string, any>;
+        hidesc: boolean;
+        hideImg: boolean;
+    } & {}) | (() => EmptyProps) | (((new (...args: any[]) => {
+        desc: string;
+        size: string;
+        largeSize: Record<string, any>;
+        smallSize: Record<string, any>;
+        miniSize: Record<string, any>;
+        hidesc: boolean;
+        hideImg: boolean;
+    } & {}) | (() => EmptyProps)) | null)[], unknown, unknown, () => {
+        size: string;
+    }, boolean>;
+};
+export declare const tableEmits: string[];
+export type TableProps = ExtractPropTypes<typeof tableProps>;
+export {};

package/es/components/table/src/table.mjs

@@ -0,0 +1,139 @@
+import { buildProps } from "../../../utils/vue/props/runtime.mjs";
+//#region packages/components/table/src/table.ts
+var tableProps = buildProps({
+	tableData: {
+		type: Array,
+		default: () => []
+	},
+	columns: {
+		type: Array,
+		default: () => [],
+		required: true
+	},
+	requestApi: {
+		type: Function,
+		default: null
+	},
+	requestAuto: {
+		type: Boolean,
+		default: true
+	},
+	requestLoadingHide: {
+		type: Boolean,
+		default: false
+	},
+	tableActionIsCallApi: {
+		type: Boolean,
+		default: true
+	},
+	dataKey: {
+		type: String,
+		default: "items"
+	},
+	dataCallback: {
+		type: Function,
+		default: null
+	},
+	requestParams: {
+		type: [Object, Function],
+		default: () => ({})
+	},
+	paginationHide: {
+		type: Boolean,
+		default: false
+	},
+	paginationHideAuto: {
+		type: Boolean,
+		default: true
+	},
+	paginationOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	total: {
+		type: Number,
+		default: 0
+	},
+	pageSizes: {
+		type: Array,
+		default: () => [
+			10,
+			30,
+			50,
+			100
+		]
+	},
+	layout: {
+		type: String,
+		default: "total, sizes, prev, pager, next, jumper"
+	},
+	pageSize: {
+		type: Number,
+		default: 10
+	},
+	currentPage: {
+		type: Number,
+		default: 1
+	},
+	pageLimit: {
+		type: Number,
+		default: 1
+	},
+	currentPageKey: {
+		type: String,
+		default: "page"
+	},
+	pageSizeKey: {
+		type: String,
+		default: "size"
+	},
+	tableChange: {
+		type: Function,
+		default: null
+	},
+	defaultSort: {
+		type: [Function, Object],
+		default: null
+	},
+	sortFormat: {
+		type: Function,
+		default: null
+	},
+	dataUpdateAfter: {
+		type: Function,
+		default: () => ({})
+	},
+	cellEmptyText: {
+		type: String,
+		default: "--"
+	},
+	headerbgHide: {
+		type: Boolean,
+		default: false
+	},
+	loading: {
+		type: Boolean,
+		default: false
+	},
+	toolBar: {
+		type: Boolean,
+		default: false
+	},
+	showHideFields: {
+		type: [Object, Array],
+		default: null
+	},
+	tableKey: {
+		type: String,
+		default: ""
+	},
+	emptyOptions: {
+		type: Object,
+		default: () => ({ size: "small" })
+	}
+});
+var tableEmits = ["on-table"];
+//#endregion
+export { tableEmits, tableProps };
+
+//# sourceMappingURL=table.mjs.map

package/es/components/table/src/table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../packages/components/table/src/table.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue'\nimport type { PaginationProps } from 'element-plus'\nimport { buildProps } from '@hd-custom/utils'\nimport type { EmptyProps } from '@hd-custom/components/empty'\n\nexport interface ColumnsItemProps {\n  label?: string\n  prop?: string\n  hide?: (row?: any) => boolean\n  copy?: (row?: any) => boolean\n  copyText?: string | Function\n  [propsName: string]: any\n}\ntype CanWrite<T> = {\n  -readonly [K in keyof T]?: T[K]\n}\n\nexport interface ShowHideFieldsInterface {\n  showHideFields: string[] | { fields: string[]; showFields: string[] }\n}\n\nexport interface setColumnsProps {\n  label: string\n  prop: string\n  checked: boolean\n  disabled: boolean\n}\n\nexport interface UpdatePageParams {\n  currentPage?: number\n  pageSize?: number\n}\n\nexport const tableProps = buildProps({\n  tableData: {\n    type: Array,\n    default: () => [],\n  },\n  columns: {\n    type: Array as PropType<ColumnsItemProps[]>,\n    default: () => [],\n    required: true,\n  },\n  requestApi: {\n    type: Function,\n    default: null,\n  },\n  requestAuto: {\n    type: Boolean,\n    default: true,\n  },\n  requestLoadingHide: {\n    type: Boolean,\n    default: false,\n  },\n  tableActionIsCallApi: {\n    type: Boolean,\n    default: true,\n  },\n  dataKey: {\n    type: String,\n    default: 'items',\n  },\n  dataCallback: {\n    type: Function,\n    default: null,\n  },\n  requestParams: {\n    type: [Object, Function],\n    default: () => ({}),\n  },\n  paginationHide: {\n    // 是否隐藏分页组件\n    type: Boolean,\n    default: false,\n  },\n  paginationHideAuto: {\n    type: Boolean,\n    default: true,\n  },\n  paginationOptions: {\n    type: Object as PropType<CanWrite<PaginationProps>>,\n    default: () => ({}),\n  },\n  total: {\n    type: Number,\n    default: 0,\n  },\n  pageSizes: {\n    type: Array as PropType<number[]>,\n    default: () => [10, 30, 50, 100],\n  },\n  layout: {\n    type: String,\n    default: 'total, sizes, prev, pager, next, jumper',\n  },\n  pageSize: {\n    type: Number,\n    default: 10,\n  },\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageLimit: {\n    type: Number,\n    default: 1,\n  },\n  currentPageKey: {\n    type: String,\n    default: 'page',\n  },\n  pageSizeKey: {\n    type: String,\n    default: 'size',\n  },\n  tableChange: {\n    type: Function,\n    default: null,\n  },\n  defaultSort: {\n    type: [Function, Object],\n    default: null,\n  },\n  sortFormat: {\n    type: Function,\n    default: null,\n  },\n  dataUpdateAfter: {\n    type: Function,\n    default: () => ({}),\n  },\n  cellEmptyText: {\n    type: String,\n    default: '--',\n  },\n  headerbgHide: {\n    type: Boolean,\n    default: false,\n  },\n  loading: {\n    type: Boolean,\n    default: false,\n  },\n  toolBar: {\n    type: Boolean,\n    default: false,\n  },\n  showHideFields: {\n    type: [Object, Array] as PropType<ShowHideFieldsInterface>,\n    default: null,\n  },\n  tableKey: {\n    type: String,\n    default: '',\n  },\n  emptyOptions: {\n    type: Object as PropType<EmptyProps>,\n    default: () => ({\n      size: 'small',\n    }),\n  },\n})\n\nexport const tableEmits = ['on-table']\n\nexport type TableProps = ExtractPropTypes<typeof tableProps>\n"],"mappings":";;AAiCA,IAAa,aAAa,WAAW;CACnC,WAAW;EACT,MAAM;EACN,eAAe,EAAE;EAClB;CACD,SAAS;EACP,MAAM;EACN,eAAe,EAAE;EACjB,UAAU;EACX;CACD,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,aAAa;EACX,MAAM;EACN,SAAS;EACV;CACD,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;CACD,sBAAsB;EACpB,MAAM;EACN,SAAS;EACV;CACD,SAAS;EACP,MAAM;EACN,SAAS;EACV;CACD,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACD,eAAe;EACb,MAAM,CAAC,QAAQ,SAAS;EACxB,gBAAgB,EAAE;EACnB;CACD,gBAAgB;EAEd,MAAM;EACN,SAAS;EACV;CACD,oBAAoB;EAClB,MAAM;EACN,SAAS;EACV;CACD,mBAAmB;EACjB,MAAM;EACN,gBAAgB,EAAE;EACnB;CACD,OAAO;EACL,MAAM;EACN,SAAS;EACV;CACD,WAAW;EACT,MAAM;EACN,eAAe;GAAC;GAAI;GAAI;GAAI;GAAI;EACjC;CACD,QAAQ;EACN,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,MAAM;EACN,SAAS;EACV;CACD,aAAa;EACX,MAAM;EACN,SAAS;EACV;CACD,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACD,gBAAgB;EACd,MAAM;EACN,SAAS;EACV;CACD,aAAa;EACX,MAAM;EACN,SAAS;EACV;CACD,aAAa;EACX,MAAM;EACN,SAAS;EACV;CACD,aAAa;EACX,MAAM,CAAC,UAAU,OAAO;EACxB,SAAS;EACV;CACD,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,iBAAiB;EACf,MAAM;EACN,gBAAgB,EAAE;EACnB;CACD,eAAe;EACb,MAAM;EACN,SAAS;EACV;CACD,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACD,SAAS;EACP,MAAM;EACN,SAAS;EACV;CACD,SAAS;EACP,MAAM;EACN,SAAS;EACV;CACD,gBAAgB;EACd,MAAM,CAAC,QAAQ,MAAM;EACrB,SAAS;EACV;CACD,UAAU;EACR,MAAM;EACN,SAAS;EACV;CACD,cAAc;EACZ,MAAM;EACN,gBAAgB,EACd,MAAM,SACP;EACF;CACF,CAAC;AAEF,IAAa,aAAa,CAAC,WAAW"}