hfn-components 0.6.5 → 0.6.7

package/dist/index.css

@@ -1 +1 @@
-.echart-box{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.echart-content{flex:auto}.echart-lenged{box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:12px;height:auto;margin-top:6px;padding-right:22px;position:relative;width:100%;z-index:999}.bg-span{height:2px;width:14px}.bg-span,.bg-span-bar{display:inline-block;margin-right:6px}.bg-span-bar{border-radius:2px;height:10px;width:16px}.span-box{cursor:pointer;margin-left:5px;margin-right:6px}.noData,.span-box{align-items:center;display:flex}.noData{bottom:0;color:#ccc;font-size:16px;justify-content:center;position:absolute}._100,.noData{height:100%;width:100%}.dialog{padding:24px!important;width:860px!important}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{width:33.33%}.check_item,.factor_item{display:flex;margin-bottom:10px}.check_item{justify-content:space-between}.flex-alignCnter{align-items:center;cursor:pointer;display:flex}.target-head{display:grid;grid:auto/repeat(5,1fr)}.flow-col{border-left:1px solid #e8e8e8;height:520px;overflow-y:auto;padding-left:10px}.header-text-wrap{line-height:1.5;white-space:pre-line}
+.echart-box{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.echart-content{flex:auto}.echart-lenged{box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:12px;height:auto;margin-top:6px;padding-right:22px;position:relative;width:100%;z-index:999}.bg-span{height:2px;width:14px}.bg-span,.bg-span-bar{display:inline-block;margin-right:6px}.bg-span-bar{border-radius:2px;height:10px;width:16px}.span-box{cursor:pointer;margin-left:5px;margin-right:6px}.noData,.span-box{align-items:center;display:flex}.noData{bottom:0;color:#ccc;font-size:16px;justify-content:center;position:absolute}._100,.noData{height:100%;width:100%}.dialog{padding:24px!important;width:860px!important}.factor-content{display:flex;flex-direction:column;flex-wrap:wrap;height:380px;width:100%}.factor_item{width:33.33%}.check_item,.factor_item{display:flex;margin-bottom:10px}.check_item{justify-content:space-between}.flex-alignCnter{align-items:center;cursor:pointer;display:flex}.target-head{display:grid;grid:auto/repeat(5,1fr)}.flow-col{border-left:1px solid #e8e8e8;height:520px;overflow-y:auto;padding-left:10px}.check_item{align-items:center;cursor:grab}.check_item:active{cursor:grabbing}.ghost{background:#f0f0f0;opacity:.5}.close-icon{cursor:pointer}.close-icon:hover{color:#909399!important}.ht-table-wrapper{display:flex;flex-direction:column;height:100%}.ht-table-wrapper .el-table{flex:1;min-height:0}.ht-table-wrapper .el-table__empty-text{line-height:normal}.ht-table-cell-copy{align-items:center;display:inline-flex;gap:4px;width:100%}.ht-table-cell-text{flex:none;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ht-copy-icon{color:#909399;cursor:pointer;flex-shrink:0;font-size:14px;opacity:0;transition:opacity .2s}.ht-copy-icon:hover{color:#d70c19}.el-table__row:hover .ht-copy-icon{opacity:1}.ht-table-pagination{align-items:center;display:flex;justify-content:flex-end;padding:12px 0}.ht-table-wrapper .el-table__column-filter-trigger .el-icon svg{display:none}.ht-table-wrapper .el-table__column-filter-trigger .el-icon:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23909399' d='M384 523.392V928a32 32 0 0 0 46.336 28.608l192-96A32 32 0 0 0 640 832V523.392l280.768-343.104a32 32 0 1 0-49.536-40.576l-288 352A32 32 0 0 0 576 512v300.224l-128 64V512a32 32 0 0 0-7.232-20.288L195.52 192H704a32 32 0 1 0 0-64H128a32 32 0 0 0-24.768 52.288z'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;content:"";display:inline-block;height:14px;width:14px}

package/es/component.mjs

@@ -1,12 +1,12 @@
-import { HtElTable } from './components/elTable/index.mjs';
+import { HtTable } from './components/htTable/index.mjs';
 import { HtChart } from './components/chart/index.mjs';
 import { HtPieChart } from './components/pieChart/index.mjs';
 import { HtTarget } from './components/htTarget/index.mjs';
 
 var Components = [
-  // HtTable,
+  //
   HtChart,
-  HtElTable,
+  HtTable,
   HtPieChart,
   HtTarget
 ];

package/es/components/chart/index.d.ts

@@ -75,41 +75,7 @@ export declare const HtChart: import("hfn-components/es/utils").SFCWithInstall<i
         readonly type: import("vue").PropType<string[]>;
         readonly default: readonly [];
     };
-}, {
-    props: import("@vue/shared").LooseRequired<{
-        readonly chartData: any[];
-        readonly chartId: string;
-        readonly chartType: import("hfn-components/es/utils").chartType;
-        readonly titleText: string;
-        readonly titleText2: string;
-        readonly xAxisData: string[];
-        readonly collation: string;
-        readonly isReturn: boolean;
-        readonly isPercent: boolean;
-        readonly floatNumber: number;
-        readonly yAxisUnit: string;
-        readonly yAxisObj: Record<string, any>;
-        readonly xAxisObj: Record<string, any>;
-        readonly tooltipUnit: string;
-        readonly watchResize: boolean;
-        readonly showLegend: boolean;
-        readonly auxiliaryData: Record<string, any>;
-        readonly downLoadAutn: boolean;
-        readonly lineColor: string[];
-    } & {}>;
-    myChart: import("vue").ShallowRef<any>;
-    isEmpty: import("vue").Ref<boolean>;
-    echartOptions: any;
-    drawGraph: () => void;
-    lengedDeal: () => void;
-    echartInit: () => void;
-    chartResize: () => void;
-    allLegend: import("vue").Ref<import("./src/HtChart.vue").Legend[]>;
-    noData: import("vue").Ref<boolean>;
-    legendStatus: (item: import("./src/HtChart.vue").Legend, index: number) => void;
-    legendEnter: (index: number) => void;
-    legendLeave: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly chartData: {
         readonly type: import("vue").PropType<any[]>;
         readonly default: () => never[];

package/es/components/chart/index.mjs

@@ -1,5 +1,6 @@
 import chart from './src/HtChart.vue.mjs';
 import { withInstall } from '../../utils/common.mjs';
+import '../../constants/chartConfig.mjs';
 export { chartProps } from './src/HtChart.mjs';
 
 const HtChart = withInstall(chart);

package/es/components/chart/src/HtChart.vue.d.ts

@@ -1,4 +1,3 @@
-import type { Ref } from 'vue';
 export interface Legend {
     name: string;
     lineType: string;
@@ -82,41 +81,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<string[]>;
         readonly default: readonly [];
     };
-}, {
-    props: import("@vue/shared").LooseRequired<{
-        readonly chartData: any[];
-        readonly chartId: string;
-        readonly chartType: import("hfn-components/es/utils").chartType;
-        readonly titleText: string;
-        readonly titleText2: string;
-        readonly xAxisData: string[];
-        readonly collation: string;
-        readonly isReturn: boolean;
-        readonly isPercent: boolean;
-        readonly floatNumber: number;
-        readonly yAxisUnit: string;
-        readonly yAxisObj: Record<string, any>;
-        readonly xAxisObj: Record<string, any>;
-        readonly tooltipUnit: string;
-        readonly watchResize: boolean;
-        readonly showLegend: boolean;
-        readonly auxiliaryData: Record<string, any>;
-        readonly downLoadAutn: boolean;
-        readonly lineColor: string[];
-    } & {}>;
-    myChart: import("vue").ShallowRef<any>;
-    isEmpty: Ref<boolean>;
-    echartOptions: any;
-    drawGraph: () => void;
-    lengedDeal: () => void;
-    echartInit: () => void;
-    chartResize: () => void;
-    allLegend: Ref<Legend[]>;
-    noData: Ref<boolean>;
-    legendStatus: (item: Legend, index: number) => void;
-    legendEnter: (index: number) => void;
-    legendLeave: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly chartData: {
         readonly type: import("vue").PropType<any[]>;
         readonly default: () => never[];

package/es/components/chart/src/HtChart.vue.mjs

@@ -85,6 +85,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     $setup.noData ? (openBlock(), createElementBlock("div", _hoisted_5, "\u6682\u65E0\u6570\u636E")) : createCommentVNode("v-if", true)
   ]);
 }
-var chart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/chart/src/HtChart.vue"]]);
+var chart = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/chart/src/HtChart.vue"]]);
 
 export { chart as default };

package/es/components/chart/src/HtChart.vue2.mjs

@@ -6,6 +6,9 @@ import { setEchartTitle, setEchartXAxis, setEchartYAxis, setEchartTooltip, legen
 import * as echarts from 'echarts/core';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "HtChart"
+  },
   __name: "HtChart",
   props: chartProps,
   setup(__props, { expose: __expose }) {

package/es/components/htTable/index.d.ts

@@ -0,0 +1,252 @@
+export declare const HtTable: import("hfn-components/es/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        readonly dataSource: {
+            readonly type: ArrayConstructor;
+            readonly default: () => never[];
+        };
+        readonly tableColumn: {
+            readonly type: import("vue").PropType<import("./src/htTable").ElTableColumns[]>;
+            readonly default: () => never[];
+        };
+        readonly loading: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly headerColor: {
+            readonly type: StringConstructor;
+            readonly default: "#f0f0f0";
+        };
+        readonly resizable: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly selectable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly rowKey: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly selectedRows: {
+            readonly type: ArrayConstructor;
+            readonly default: () => never[];
+        };
+        readonly pagination: {
+            readonly type: import("vue").PropType<import("./src/htTable").PaginationConfig>;
+            readonly default: undefined;
+        };
+    }>> & {
+        "onSelection-change"?: ((rows: any[]) => any) | undefined;
+        "onSort-change"?: ((args_0: {
+            field: string;
+            order: "ascending" | "descending" | null;
+        }) => any) | undefined;
+        "onFilter-change"?: ((args_0: Record<string, string[]>) => any) | undefined;
+        "onPage-change"?: ((current: number) => any) | undefined;
+        "onSize-change"?: ((pageSize: number) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "selection-change": (rows: any[]) => void;
+        "sort-change": (args_0: {
+            field: string;
+            order: "ascending" | "descending" | null;
+        }) => void;
+        "filter-change": (args_0: Record<string, string[]>) => void;
+        "page-change": (current: number) => void;
+        "size-change": (pageSize: number) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        readonly dataSource: {
+            readonly type: ArrayConstructor;
+            readonly default: () => never[];
+        };
+        readonly tableColumn: {
+            readonly type: import("vue").PropType<import("./src/htTable").ElTableColumns[]>;
+            readonly default: () => never[];
+        };
+        readonly loading: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly headerColor: {
+            readonly type: StringConstructor;
+            readonly default: "#f0f0f0";
+        };
+        readonly resizable: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly selectable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly rowKey: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly selectedRows: {
+            readonly type: ArrayConstructor;
+            readonly default: () => never[];
+        };
+        readonly pagination: {
+            readonly type: import("vue").PropType<import("./src/htTable").PaginationConfig>;
+            readonly default: undefined;
+        };
+    }>> & {
+        "onSelection-change"?: ((rows: any[]) => any) | undefined;
+        "onSort-change"?: ((args_0: {
+            field: string;
+            order: "ascending" | "descending" | null;
+        }) => any) | undefined;
+        "onFilter-change"?: ((args_0: Record<string, string[]>) => any) | undefined;
+        "onPage-change"?: ((current: number) => any) | undefined;
+        "onSize-change"?: ((pageSize: number) => any) | undefined;
+    }, {
+        readonly dataSource: unknown[];
+        readonly tableColumn: import("./src/htTable").ElTableColumns[];
+        readonly loading: boolean;
+        readonly headerColor: string;
+        readonly resizable: boolean;
+        readonly selectable: boolean;
+        readonly rowKey: string;
+        readonly selectedRows: unknown[];
+        readonly pagination: import("./src/htTable").PaginationConfig;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        readonly dataSource: {
+            readonly type: ArrayConstructor;
+            readonly default: () => never[];
+        };
+        readonly tableColumn: {
+            readonly type: import("vue").PropType<import("./src/htTable").ElTableColumns[]>;
+            readonly default: () => never[];
+        };
+        readonly loading: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly headerColor: {
+            readonly type: StringConstructor;
+            readonly default: "#f0f0f0";
+        };
+        readonly resizable: {
+            readonly type: BooleanConstructor;
+            readonly default: true;
+        };
+        readonly selectable: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly rowKey: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly selectedRows: {
+            readonly type: ArrayConstructor;
+            readonly default: () => never[];
+        };
+        readonly pagination: {
+            readonly type: import("vue").PropType<import("./src/htTable").PaginationConfig>;
+            readonly default: undefined;
+        };
+    }>> & {
+        "onSelection-change"?: ((rows: any[]) => any) | undefined;
+        "onSort-change"?: ((args_0: {
+            field: string;
+            order: "ascending" | "descending" | null;
+        }) => any) | undefined;
+        "onFilter-change"?: ((args_0: Record<string, string[]>) => any) | undefined;
+        "onPage-change"?: ((current: number) => any) | undefined;
+        "onSize-change"?: ((pageSize: number) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        readonly dataSource: unknown[];
+        readonly tableColumn: import("./src/htTable").ElTableColumns[];
+        readonly loading: boolean;
+        readonly headerColor: string;
+        readonly resizable: boolean;
+        readonly selectable: boolean;
+        readonly rowKey: string;
+        readonly selectedRows: unknown[];
+        readonly pagination: import("./src/htTable").PaginationConfig;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    readonly dataSource: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    readonly tableColumn: {
+        readonly type: import("vue").PropType<import("./src/htTable").ElTableColumns[]>;
+        readonly default: () => never[];
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly headerColor: {
+        readonly type: StringConstructor;
+        readonly default: "#f0f0f0";
+    };
+    readonly resizable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly selectable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly rowKey: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly selectedRows: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    readonly pagination: {
+        readonly type: import("vue").PropType<import("./src/htTable").PaginationConfig>;
+        readonly default: undefined;
+    };
+}>> & {
+    "onSelection-change"?: ((rows: any[]) => any) | undefined;
+    "onSort-change"?: ((args_0: {
+        field: string;
+        order: "ascending" | "descending" | null;
+    }) => any) | undefined;
+    "onFilter-change"?: ((args_0: Record<string, string[]>) => any) | undefined;
+    "onPage-change"?: ((current: number) => any) | undefined;
+    "onSize-change"?: ((pageSize: number) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "selection-change": (rows: any[]) => void;
+    "sort-change": (args_0: {
+        field: string;
+        order: "ascending" | "descending" | null;
+    }) => void;
+    "filter-change": (args_0: Record<string, string[]>) => void;
+    "page-change": (current: number) => void;
+    "size-change": (pageSize: number) => void;
+}, string, {
+    readonly dataSource: unknown[];
+    readonly tableColumn: import("./src/htTable").ElTableColumns[];
+    readonly loading: boolean;
+    readonly headerColor: string;
+    readonly resizable: boolean;
+    readonly selectable: boolean;
+    readonly rowKey: string;
+    readonly selectedRows: unknown[];
+    readonly pagination: import("./src/htTable").PaginationConfig;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
+        text: any;
+        row: any;
+    }) => any>>;
+})> & Record<string, any>;
+export default HtTable;
+export * from './src/htTable';

package/es/components/htTable/index.mjs

@@ -0,0 +1,8 @@
+import elTable from './src/htTable.vue.mjs';
+import { withInstall } from '../../utils/common.mjs';
+import '../../constants/chartConfig.mjs';
+export { columnDealProps, elTableProps } from './src/htTable.mjs';
+
+const HtTable = withInstall(elTable);
+
+export { HtTable, HtTable as default };

package/es/components/htTable/src/columnDeal.vue.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly dealType: {
+        readonly type: import("vue").PropType<import("hfn-components/es/constants").dealKeyType>;
+        readonly default: "";
+    };
+    readonly text: {
+        readonly type: import("vue").PropType<string | number | undefined>;
+        readonly default: undefined;
+    };
+    readonly dealFunction: {
+        readonly type: FunctionConstructor;
+        readonly default: () => void;
+    };
+    readonly row: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly dealType: {
+        readonly type: import("vue").PropType<import("hfn-components/es/constants").dealKeyType>;
+        readonly default: "";
+    };
+    readonly text: {
+        readonly type: import("vue").PropType<string | number | undefined>;
+        readonly default: undefined;
+    };
+    readonly dealFunction: {
+        readonly type: FunctionConstructor;
+        readonly default: () => void;
+    };
+    readonly row: {
+        readonly type: ObjectConstructor;
+        readonly default: () => void;
+    };
+}>>, {
+    readonly text: string | number | undefined;
+    readonly dealType: "colorPercentage" | "percentage" | "basicText4" | "notProcessed" | "colorText" | "percentage4" | "absPercentage" | "thousandText2" | "thousandText4" | "other" | "customDeal" | "customSlot";
+    readonly dealFunction: Function;
+    readonly row: Record<string, any>;
+}, {}>;
+export default _default;

package/es/components/{elTable → htTable}/src/columnDeal.vue.mjs

@@ -1,20 +1,26 @@
 import _sfc_main from './columnDeal.vue2.mjs';
-import { openBlock, createElementBlock, toDisplayString, createElementVNode, normalizeStyle, renderSlot } from 'vue';
+import { openBlock, createElementBlock, toDisplayString, createElementVNode, normalizeStyle } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
 
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 1 };
-const _hoisted_3 = ["innerHTML"];
-const _hoisted_4 = { key: 3 };
+const _hoisted_3 = { key: 2 };
+const _hoisted_4 = ["innerHTML"];
 const _hoisted_5 = { key: 4 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.dealType === "notProcessed" || _ctx.dealType === "other" ? (openBlock(), createElementBlock(
-    "div",
+  return _ctx.dealType === "notProcessed" ? (openBlock(), createElementBlock(
+    "span",
     _hoisted_1,
-    toDisplayString(_ctx.text),
+    toDisplayString(_ctx.text ?? "-"),
     1
     /* TEXT */
-  )) : _ctx.dealType === "colorText" || _ctx.dealType === "colorPercentage" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+  )) : _ctx.dealType === "other" ? (openBlock(), createElementBlock(
+    "span",
+    _hoisted_2,
+    toDisplayString(_ctx.text ?? "-"),
+    1
+    /* TEXT */
+  )) : _ctx.dealType === "colorText" || _ctx.dealType === "colorPercentage" ? (openBlock(), createElementBlock("span", _hoisted_3, [
     createElementVNode(
       "span",
       {
@@ -24,19 +30,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       5
       /* TEXT, STYLE */
     )
-  ])) : _ctx.dealType === "customDeal" ? (openBlock(), createElementBlock("div", {
-    key: 2,
+  ])) : _ctx.dealType === "customDeal" ? (openBlock(), createElementBlock("span", {
+    key: 3,
     innerHTML: _ctx.dealFunction(_ctx.row, _ctx.text)
-  }, null, 8, _hoisted_3)) : _ctx.dealType === "customSlot" ? (openBlock(), createElementBlock("div", _hoisted_4, [
-    renderSlot(_ctx.$slots, _ctx.slot)
-  ])) : (openBlock(), createElementBlock(
-    "div",
+  }, null, 8, _hoisted_4)) : (openBlock(), createElementBlock(
+    "span",
     _hoisted_5,
     toDisplayString(_ctx.text !== void 0 ? $setup.CLOUMN_DEAL[_ctx.dealType](_ctx.text) : "-"),
     1
     /* TEXT */
   ));
 }
-var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/zhanghang/Documents/project/component-library/packages/components/elTable/src/columnDeal.vue"]]);
+var ColumnDeal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/libiluo/Desktop/company/component-library/packages/components/htTable/src/columnDeal.vue"]]);
 
 export { ColumnDeal as default };

package/es/components/{elTable → htTable}/src/columnDeal.vue2.mjs

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import { CLOUMN_DEAL } from '../../../constants/table.mjs';
 import '../../../constants/chartConfig.mjs';
-import { columnDealProps } from './elTable.mjs';
+import { columnDealProps } from './htTable.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "columnDeal",

package/es/components/htTable/src/composables/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-selection';
+export * from './use-pagination';
+export * from './use-copy';

package/es/components/htTable/src/composables/index.mjs

@@ -0,0 +1,3 @@
+export { useSelection } from './use-selection.mjs';
+export { usePagination } from './use-pagination.mjs';
+export { useCopy } from './use-copy.mjs';

package/es/components/htTable/src/composables/use-copy.d.ts

@@ -0,0 +1,3 @@
+export declare function useCopy(): {
+    handleCopy: (text: string | number | undefined) => Promise<void>;
+};

package/es/components/htTable/src/composables/use-copy.mjs

@@ -0,0 +1,24 @@
+import { ElMessage } from 'element-plus';
+
+function useCopy() {
+  const handleCopy = async (text) => {
+    if (text === void 0 || text === null) return;
+    try {
+      await navigator.clipboard.writeText(String(text));
+      ElMessage.success({ message: "\u590D\u5236\u6210\u529F", offset: window.innerHeight / 3, plain: true });
+    } catch {
+      const textarea = document.createElement("textarea");
+      textarea.value = String(text);
+      textarea.style.position = "fixed";
+      textarea.style.opacity = "0";
+      document.body.appendChild(textarea);
+      textarea.select();
+      document.execCommand("copy");
+      document.body.removeChild(textarea);
+      ElMessage.success({ message: "\u590D\u5236\u6210\u529F", offset: window.innerHeight / 3, plain: true });
+    }
+  };
+  return { handleCopy };
+}
+
+export { useCopy };

package/es/components/htTable/src/composables/use-pagination.d.ts

@@ -0,0 +1,13 @@
+import type { PaginationConfig } from '../htTable';
+interface UsePaginationOptions {
+    pagination: () => PaginationConfig | undefined;
+}
+export declare function usePagination(options: UsePaginationOptions): {
+    currentPage: import("vue").ComputedRef<number>;
+    pageSize: import("vue").ComputedRef<number>;
+    total: import("vue").ComputedRef<number>;
+    getRowIndex: (index: number) => number;
+    handleCurrentChange: (page: number, emit: (event: "page-change", payload: number) => void) => void;
+    handleSizeChange: (size: number, emit: (event: "size-change", payload: number) => void) => void;
+};
+export {};

package/es/components/htTable/src/composables/use-pagination.mjs

@@ -0,0 +1,33 @@
+import { computed } from 'vue';
+
+function usePagination(options) {
+  const { pagination } = options;
+  const currentPage = computed(() => {
+    return pagination()?.current || 1;
+  });
+  const pageSize = computed(() => {
+    return pagination()?.pageSize || 10;
+  });
+  const total = computed(() => {
+    return pagination()?.total || 0;
+  });
+  const getRowIndex = (index) => {
+    return (currentPage.value - 1) * pageSize.value + index + 1;
+  };
+  const handleCurrentChange = (page, emit) => {
+    emit("page-change", page);
+  };
+  const handleSizeChange = (size, emit) => {
+    emit("size-change", size);
+  };
+  return {
+    currentPage,
+    pageSize,
+    total,
+    getRowIndex,
+    handleCurrentChange,
+    handleSizeChange
+  };
+}
+
+export { usePagination };

package/es/components/htTable/src/composables/use-selection.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+import type { ElTable } from 'element-plus';
+interface UseSelectionOptions {
+    tableRef: Ref<InstanceType<typeof ElTable> | undefined>;
+    dataSource: () => any[];
+    selectedRows: () => any[];
+    rowKey: () => string;
+}
+export declare function useSelection(options: UseSelectionOptions, onSelectionChange: (rows: any[]) => void): {
+    handleSelectionChange: (rows: any[]) => void;
+};
+export {};