vue-export-table 1.1.3 → 1.1.4

package/README.md

@@ -27,32 +27,50 @@ npm run build
 ```
 
 构建完成后，`dist` 目录会生成：
+
 - `vue-export-table.js` - Vue 3 ESM 版本
 - `vue-export-table.cjs` - Vue 3 CJS 版本
 - `vue-export-table.vue2.js` - Vue 2 ESM 版本
 - `vue-export-table.vue2.cjs` - Vue 2 CJS 版本
+- `vue-export-table.css` - 样式文件
+- `locale/zh-CN.js` - 中文语言包
+- `locale/en-US.js` - 英文语言包
+- `locale/mn-MN.js` - 蒙文语言包
 
+## 目录结构
 
-## 项目介绍
-
-这是一个基于 Ant Design Vue 的表格组件库，使用 vue-demi 实现 Vue 2/Vue 3 双版本兼容，支持查询、分页、操作列下载和自动刷新功能。
-
-### 目录结构
-
-component-management-new/
+```
+vue-export-table/
 ├── src/
 │   ├── index.ts                # Vue 3 入口
 │   ├── index.v2.ts             # Vue 2 入口
-│   ├── types.ts                # 类型定义（6 个核心接口）
+│   ├── types.ts                # 类型定义
 │   ├── DownloadTable.vue       # Vue 3 组件（<script setup>）
 │   ├── DownloadTable.v2.vue    # Vue 2 组件（defineComponent）
 │   ├── useTable.ts             # 核心编排 composable
 │   ├── useQuery.ts             # 查询表单 composable
 │   ├── usePagination.ts        # 分页 composable
-│   └── useAutoRefresh.ts       # 自动刷新 composable
+│   ├── useAutoRefresh.ts       # 自动刷新 composable
+│   └── locale/                 # 多语言文件
+│       ├── types.ts            # 语言包类型定义
+│       ├── index.ts            # 语言管理（setLocale / useLocale）
+│       ├── zh-CN.ts            # 中文
+│       ├── en-US.ts            # 英文
+│       └── mn-MN.ts            # 蒙文
 ├── examples/
 │   ├── vue3-demo/              # Vue 3 示例
 │   └── vue2-demo/              # Vue 2 示例
 ├── vite.config.ts              # Vite 构建配置（库模式）
 ├── tsconfig.json               # TypeScript 配置
-└── package.json
+└── package.json
+```
+
+## 相关文档
+
+- [使用文档](./README-USE.md) - 详细 API 和使用示例
+- [发布指南](./README-PUSH.md) - npm 发布流程
+- [更新日志](./CHANGELOG.md) - 版本变更记录
+
+## License
+
+MIT

package/dist/DownloadTable.vue.d.ts

@@ -7,29 +7,35 @@ declare var __VLS_1: {
 }, __VLS_55: {
     loading: boolean;
     refresh: () => Promise<void>;
-}, __VLS_81: {
+}, __VLS_61: {
     record: any;
     index: any;
-}, __VLS_84: any, __VLS_85: {
+}, __VLS_63: {
+    record: any;
+    index: any;
+}, __VLS_70: any, __VLS_71: {
     record: any;
     index: any;
     text: any;
 };
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_84>]?: (props: typeof __VLS_85) => any;
+    [K in NonNullable<typeof __VLS_70>]?: (props: typeof __VLS_71) => any;
 } & {
     'query-form'?: (props: typeof __VLS_1) => any;
 } & {
     toolbar?: (props: typeof __VLS_55) => any;
 } & {
-    action?: (props: typeof __VLS_81) => any;
+    action?: (props: typeof __VLS_61) => any;
+} & {
+    status?: (props: typeof __VLS_63) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     pageSize: number;
+    columns: import("./types").DownloadTableColumn[];
+    queryFields: import("./types").QueryField[];
     download: import("./types").DownloadHandlerConfig<any>;
     rowKey: string | ((record: any) => string | number);
     bordered: boolean;
-    showIndex: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/index.d.ts

@@ -4,8 +4,12 @@ export { useTable } from './useTable';
 export { useQuery } from './useQuery';
 export { usePagination } from './usePagination';
 export { useAutoRefresh } from './useAutoRefresh';
+import { setLocale, useLocale } from './locale';
+export { setLocale, useLocale };
 export type { DownloadTableProps, DownloadTableColumn, QueryField, FetchParams, FetchResult, DownloadHandlerConfig, AutoRefreshConfig, } from './types';
 export declare const VueExportTable: {
-    install(app: any): void;
+    install(app: any, options?: {
+        locale?: any;
+    }): void;
 };
 export default VueExportTable;

package/dist/locale/en-US.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './types';
+declare const enUS: Locale;
+export default enUS;

package/dist/locale/index.d.ts

@@ -0,0 +1,43 @@
+import type { Locale } from './types';
+import zhCN from './zh-CN';
+export type { Locale };
+export declare function setLocale(locale: Locale): void;
+export declare function useLocale(): {
+    placeholder: {
+        input: (label: string) => string;
+        select: (label: string) => string;
+        startDate: string;
+        endDate: string;
+    };
+    button: {
+        search: string;
+        reset: string;
+        download: string;
+    };
+    pagination: {
+        itemsPerPage: string;
+        showTotal: (total: number) => string;
+    };
+    status: {
+        running: string;
+        failed: string;
+        completed: string;
+    };
+    columns: {
+        moduleName: string;
+        fileName: string;
+        operateTime: string;
+        completeTime: string;
+        status: string;
+        remark: string;
+        username: string;
+        action: string;
+    };
+    queryFields: {
+        fileName: string;
+        fileNamePlaceholder: string;
+    };
+};
+export { zhCN };
+export { default as enUS } from './en-US';
+export { default as mnMN } from './mn-MN';

package/dist/locale/mn-MN.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './types';
+declare const mnMN: Locale;
+export default mnMN;

package/dist/locale/types.d.ts

@@ -0,0 +1,36 @@
+export interface Locale {
+    placeholder: {
+        input: (label: string) => string;
+        select: (label: string) => string;
+        startDate: string;
+        endDate: string;
+    };
+    button: {
+        search: string;
+        reset: string;
+        download: string;
+    };
+    pagination: {
+        itemsPerPage: string;
+        showTotal: (total: number) => string;
+    };
+    status: {
+        running: string;
+        failed: string;
+        completed: string;
+    };
+    columns: {
+        moduleName: string;
+        fileName: string;
+        operateTime: string;
+        completeTime: string;
+        status: string;
+        remark: string;
+        username: string;
+        action: string;
+    };
+    queryFields: {
+        fileName: string;
+        fileNamePlaceholder: string;
+    };
+}

package/dist/locale/zh-CN.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './types';
+declare const zhCN: Locale;
+export default zhCN;

package/dist/types.d.ts

@@ -50,11 +50,13 @@ export interface DownloadHandlerConfig<T = any> {
 }
 export interface AutoRefreshConfig {
     interval: number;
-    enabled?: boolean;
-    pauseOnHidden?: boolean;
 }
+export declare const STATUS_COLOR_MAP: Record<string, string>;
+export declare function getStatusLabelMap(locale: any): Record<string, string>;
+export declare function getDefaultColumns(locale: any): DownloadTableColumn[];
+export declare function getDefaultQueryFields(locale: any): QueryField[];
 export interface DownloadTableProps<T = any> {
-    columns: DownloadTableColumn[];
+    columns?: DownloadTableColumn[];
     queryFields?: QueryField[];
     fetchData: (params: FetchParams) => Promise<FetchResult<T>>;
     download?: DownloadHandlerConfig<T>;
@@ -63,5 +65,4 @@ export interface DownloadTableProps<T = any> {
     title?: string;
     bordered?: boolean;
     pageSize?: number;
-    showIndex?: boolean;
 }

package/dist/useAutoRefresh.d.ts

@@ -1,7 +1,5 @@
 import type { AutoRefreshConfig } from './types';
 export declare function useAutoRefresh(config: AutoRefreshConfig, onRefresh: () => void): {
-    enabled: import("vue").Ref<boolean, boolean>;
-    countdown: import("vue").Ref<number, number>;
-    toggle: (val?: boolean) => void;
-    resetCountdown: () => void;
+    stopTimer: () => void;
+    startTimer: () => void;
 };

package/dist/useTable.d.ts

@@ -23,7 +23,6 @@ export declare function useTable<T = any>(options: UseTableOptions<T>): {
     setFilter: (key: string, value: any) => void;
     handlePageChange: (page: number, size: number) => void;
     refresh: () => Promise<void>;
-    autoRefreshEnabled: Ref<boolean, boolean>;
-    countdown: Ref<number, number>;
-    toggleAutoRefresh: (val?: boolean) => void;
+    stopAutoRefresh: () => void;
+    startAutoRefresh: () => void;
 };

package/dist/vue-export-table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("vue-demi");function D(n){const a=p.reactive({});function l(){n.forEach(o=>{o.defaultValue!==void 0?a[o.name]=o.defaultValue:a[o.name]=o.type==="rangePicker"?[]:void 0})}l();function u(){const o={};return Object.keys(a).forEach(s=>{const i=a[s];if(i!=null&&i!==""){if(Array.isArray(i)&&i.length===0)return;o[s]=i}}),o}function m(){l()}function h(o,s){a[o]=s}return{filters:a,onSearch:u,onReset:m,setFilter:h}}function T(n=10){const a=p.ref(1),l=p.ref(n),u=p.computed(()=>({current:a.value,pageSize:l.value}));function m(o,s){a.value=o,s!==l.value&&(l.value=s,a.value=1)}function h(){a.value=1}return{currentPage:a,pageSize:l,pagination:u,onPageChange:m,resetPage:h}}function U(n,a){const l=p.ref(n.enabled??n.interval>0),u=p.ref(n.interval);let m=null;function h(){o(),!(!l.value||n.interval<=0)&&(u.value=n.interval,m=setInterval(()=>{u.value-=1,u.value<=0&&(u.value=n.interval,a())},1e3))}function o(){m&&(clearInterval(m),m=null)}function s(g){l.value=g??!l.value,l.value?h():(o(),u.value=n.interval)}function i(){l.value&&(u.value=n.interval)}function v(){n.pauseOnHidden&&(document.hidden?o():l.value&&h())}return p.onMounted(()=>{l.value&&n.interval>0&&(h(),n.pauseOnHidden&&document.addEventListener("visibilitychange",v))}),p.onUnmounted(()=>{o(),document.removeEventListener("visibilitychange",v)}),{enabled:l,countdown:u,toggle:s,resetCountdown:i}}function q(n){const a=p.ref(!1),l=p.ref([]),u=p.ref(0),{filters:m,onSearch:h,onReset:o,setFilter:s}=D(n.queryFields??[]),{currentPage:i,pageSize:v,pagination:g,onPageChange:_,resetPage:C}=T(n.pageSize??10),k=n.autoRefresh??{interval:0,enabled:!1},{enabled:V,countdown:N,toggle:S,resetCountdown:B}=U(k,()=>{r()});async function r(){a.value=!0;try{const f={page:i.value,pageSize:v.value,filters:h()},y=await n.fetchData(f);l.value=y.list,u.value=y.total}catch(f){console.error("[VueExportTable] fetch error:",f)}finally{a.value=!1}}function c(){C(),r(),B()}function w(){o(),C(),r()}function b(f,y){_(f,y),r(),B()}return p.onMounted(()=>{n.immediate!==!1&&r()}),{loading:a,data:l,total:u,filters:m,pagination:g,currentPage:i,pageSize:v,handleSearch:c,handleReset:w,setFilter:s,handlePageChange:b,refresh:r,autoRefreshEnabled:V,countdown:N,toggleAutoRefresh:S}}const O={class:"vet-download-table-wrapper"},j={key:0,class:"vet-query-form-wrapper"},H={class:"vet-toolbar-wrapper"},Q={class:"vet-toolbar-left"},W={key:0,class:"vet-table-title"},G={class:"vet-toolbar-right"},J={key:1,class:"vet-countdown-text"},X=["onClick"],Y={key:1,class:"vet-pagination-wrapper"},F=e.defineComponent({__name:"DownloadTable",props:{columns:{},queryFields:{},fetchData:{},download:{default:void 0},autoRefresh:{},rowKey:{type:[String,Function],default:"id"},title:{},bordered:{type:Boolean,default:!0},pageSize:{default:10},showIndex:{type:Boolean,default:!1}},setup(n){const a=n,l=r=>a.download?a.download.canDownload?a.download.canDownload(r):r.status==="completed":!1,{loading:u,data:m,total:h,filters:o,currentPage:s,pageSize:i,handleSearch:v,handleReset:g,handlePageChange:_,refresh:C,autoRefreshEnabled:k,countdown:V,toggleAutoRefresh:N}=q({fetchData:a.fetchData,queryFields:a.queryFields,pageSize:a.pageSize,autoRefresh:a.autoRefresh,immediate:!0}),S=p.computed(()=>{const r=[];return a.showIndex&&r.push({title:"序号",dataIndex:"index",key:"index",width:80,align:"center",customRender:({index:c})=>(s.value-1)*i.value+c+1}),[...r,...a.columns]}),B=p.computed(()=>{const r=S.value.reduce((c,w)=>{const b=typeof w.width=="number"?w.width:0;return c+b},0);return r>0?{x:r}:void 0});return(r,c)=>{const w=e.resolveComponent("a-input"),b=e.resolveComponent("a-input-number"),f=e.resolveComponent("a-select"),y=e.resolveComponent("a-date-picker"),I=e.resolveComponent("a-range-picker"),R=e.resolveComponent("a-form-item"),x=e.resolveComponent("a-button"),E=e.resolveComponent("a-space"),A=e.resolveComponent("a-form"),M=e.resolveComponent("a-switch"),K=e.resolveComponent("a-table"),L=e.resolveComponent("a-pagination");return e.openBlock(),e.createElementBlock("div",O,[n.queryFields&&n.queryFields.length>0?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(r.$slots,"query-form",{filters:e.unref(o),handleSearch:e.unref(v),handleReset:e.unref(g)},()=>[e.createVNode(A,{layout:"inline",model:e.unref(o)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.queryFields,t=>(e.openBlock(),e.createBlock(R,{key:t.name,label:t.label},{default:e.withCtx(()=>[t.type==="input"?(e.openBlock(),e.createBlock(w,{key:0,value:e.unref(o)[t.name],"onUpdate:value":d=>e.unref(o)[t.name]=d,placeholder:t.placeholder||`请输入${t.label}`,"allow-clear":""},null,8,["value","onUpdate:value","placeholder"])):t.type==="number"?(e.openBlock(),e.createBlock(b,{key:1,value:e.unref(o)[t.name],"onUpdate:value":d=>e.unref(o)[t.name]=d,placeholder:t.placeholder||`请输入${t.label}`,style:{width:"180px"}},null,8,["value","onUpdate:value","placeholder"])):t.type==="select"?(e.openBlock(),e.createBlock(f,{key:2,value:e.unref(o)[t.name],"onUpdate:value":d=>e.unref(o)[t.name]=d,placeholder:t.placeholder||`请选择${t.label}`,options:t.options,"allow-clear":"",style:{"min-width":"150px"}},null,8,["value","onUpdate:value","placeholder","options"])):t.type==="datePicker"?(e.openBlock(),e.createBlock(y,{key:3,value:e.unref(o)[t.name],"onUpdate:value":d=>e.unref(o)[t.name]=d,placeholder:t.placeholder||`请选择${t.label}`,style:{width:"180px"}},null,8,["value","onUpdate:value","placeholder"])):t.type==="rangePicker"?(e.openBlock(),e.createBlock(I,{key:4,value:e.unref(o)[t.name],"onUpdate:value":d=>e.unref(o)[t.name]=d,placeholder:[t.placeholder||"开始日期",t.placeholder||"结束日期"],style:{width:"240px"}},null,8,["value","onUpdate:value","placeholder"])):e.createCommentVNode("",!0)]),_:2},1032,["label"]))),128)),e.createVNode(R,null,{default:e.withCtx(()=>[e.createVNode(E,null,{default:e.withCtx(()=>[e.createVNode(x,{type:"primary",onClick:e.unref(v)},{default:e.withCtx(()=>[...c[3]||(c[3]=[e.createTextVNode("查询",-1)])]),_:1},8,["onClick"]),e.createVNode(x,{onClick:e.unref(g)},{default:e.withCtx(()=>[...c[4]||(c[4]=[e.createTextVNode("重置",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["model"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",H,[e.renderSlot(r.$slots,"toolbar",{loading:e.unref(u),refresh:e.unref(C)},()=>[e.createElementVNode("div",Q,[n.title?(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",G,[e.createVNode(E,null,{default:e.withCtx(()=>[e.createVNode(x,{loading:e.unref(u),onClick:e.unref(C)},{default:e.withCtx(()=>[...c[5]||(c[5]=[e.createElementVNode("svg",{class:"vet-icon-svg",viewBox:"64 64 896 896",width:"1em",height:"1em",fill:"currentColor"},[e.createElementVNode("path",{d:"M909.1 209.3l-56.4 44.1C775.8 155.1 653.5 96 512 96 282.7 96 96 282.7 96 512s186.7 416 416 416c165.3 0 309.1-96.4 376-236.1 8.3-17.2-4.3-37.1-23.1-37.1H745.6c-9.2 0-17.2 5.8-20.3 14.3C680.5 773.5 600.5 832 512 832c-176.7 0-320-143.3-320-320s143.3-320 320-320c88.5 0 168.5 36.1 226.4 94.3L704 356.3c-4.7-4.7-1.3-12.7 5.3-13.1l193.7-12.5c6.6-.4 12.3 4.9 12.3 11.5v193.7c0 6.6-8 10-12.7 5.3z"})],-1),e.createTextVNode(" 刷新 ",-1)])]),_:1},8,["loading","onClick"]),n.autoRefresh?(e.openBlock(),e.createBlock(M,{key:0,checked:e.unref(k),"onUpdate:checked":c[0]||(c[0]=t=>e.isRef(k)?k.value=t:null),"checked-children":"自动刷新","un-checked-children":"自动刷新",onChange:e.unref(N)},null,8,["checked","onChange"])):e.createCommentVNode("",!0),n.autoRefresh&&e.unref(k)?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(e.unref(V))+"s ",1)):e.createCommentVNode("",!0)]),_:1})])])]),e.createVNode(K,e.mergeProps({dataSource:e.unref(m),columns:e.unref(S),loading:e.unref(u),pagination:!1,rowKey:n.rowKey,bordered:n.bordered,scroll:e.unref(B)},r.$attrs),{bodyCell:e.withCtx(({column:t,record:d,index:P,text:z})=>[t.dataIndex==="action"?e.renderSlot(r.$slots,"action",{key:0,record:d,index:P},()=>[n.download&&l(d)?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:Z=>n.download.handleDownload(d)},"下载",8,X)):e.createCommentVNode("",!0)]):e.renderSlot(r.$slots,t.dataIndex,{key:1,record:d,index:P,text:z},()=>[e.createTextVNode(e.toDisplayString(z),1)])]),_:3},16,["dataSource","columns","loading","rowKey","bordered","scroll"]),e.unref(h)>0?(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(L,{current:e.unref(s),"onUpdate:current":c[1]||(c[1]=t=>e.isRef(s)?s.value=t:null),pageSize:e.unref(i),"onUpdate:pageSize":c[2]||(c[2]=t=>e.isRef(i)?i.value=t:null),total:e.unref(h),"show-size-changer":!0,"show-quick-jumper":!0,"show-total":t=>`共 ${t} 条`,onChange:e.unref(_),onShowSizeChange:e.unref(_)},null,8,["current","pageSize","total","show-total","onChange","onShowSizeChange"])])):e.createCommentVNode("",!0)])}}}),$={install(n){n.component("DownloadTable",F)}};exports.DownloadTable=F;exports.VueExportTable=$;exports.default=$;exports.useAutoRefresh=U;exports.usePagination=T;exports.useQuery=D;exports.useTable=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("vue-demi");function z(t){const n=c.reactive({});function o(){t.forEach(r=>{r.defaultValue!==void 0?n[r.name]=r.defaultValue:n[r.name]=r.type==="rangePicker"?[]:void 0})}o();function p(){const r={};return Object.keys(n).forEach(l=>{const d=n[l];if(d!=null&&d!==""){if(Array.isArray(d)&&d.length===0)return;r[l]=d}}),r}function i(){o()}function f(r,l){n[r]=l}return{filters:n,onSearch:p,onReset:i,setFilter:f}}function R(t=10){const n=c.ref(1),o=c.ref(t),p=c.computed(()=>({current:n.value,pageSize:o.value}));function i(r,l){n.value=r,l!==o.value&&(o.value=l,n.value=1)}function f(){n.value=1}return{currentPage:n,pageSize:o,pagination:p,onPageChange:i,resetPage:f}}function E(t,n){let o=null;function p(){i(),!(t.interval<=0)&&(o=setInterval(()=>{n()},t.interval*1e3))}function i(){o&&(clearInterval(o),o=null)}function f(){document.hidden?i():p()}return c.onMounted(()=>{t.interval>0&&(p(),document.addEventListener("visibilitychange",f))}),c.onUnmounted(()=>{i(),document.removeEventListener("visibilitychange",f)}),{stopTimer:i,startTimer:p}}function F(t){const n=c.ref(!1),o=c.ref([]),p=c.ref(0),{filters:i,onSearch:f,onReset:r,setFilter:l}=z(t.queryFields??[]),{currentPage:d,pageSize:g,pagination:_,onPageChange:b,resetPage:y}=R(t.pageSize??10),S=t.autoRefresh??{interval:30},{stopTimer:C,startTimer:w}=E(S,()=>{v()});async function v(){n.value=!0;try{const m={page:d.value,pageSize:g.value,filters:f()},h=await t.fetchData(m);o.value=h.list,p.value=h.total}catch(m){console.error("[VueExportTable] fetch error:",m)}finally{n.value=!1}}function N(){y(),v()}function T(){r(),y(),v()}function s(m,h){b(m,h),v()}return c.onMounted(()=>{t.immediate!==!1&&v()}),{loading:n,data:o,total:p,filters:i,pagination:_,currentPage:d,pageSize:g,handleSearch:N,handleReset:T,setFilter:l,handlePageChange:s,refresh:v,stopAutoRefresh:C,startAutoRefresh:w}}const H={placeholder:{input:t=>`请输入${t}`,select:t=>`请选择${t}`,startDate:"开始日期",endDate:"结束日期"},button:{search:"查询",reset:"重置",download:"下载"},pagination:{itemsPerPage:"条/页",showTotal:t=>`共 ${t} 条`},status:{running:"运行中",failed:"失败",completed:"已完成"},columns:{moduleName:"功能模块",fileName:"文件名称",operateTime:"操作时间",completeTime:"完成时间",status:"状态",remark:"备注",username:"用户名",action:"操作"},queryFields:{fileName:"文件名称",fileNamePlaceholder:"请输入文件名称"}},U=c.reactive({...H});function I(t){Object.assign(U,t)}function q(){return U}const J={running:"blue",failed:"red",completed:"green"};function X(t){return{running:t.status.running,failed:t.status.failed,completed:t.status.completed}}function Y(t){return[{title:t.columns.moduleName,dataIndex:"moduleName",width:150},{title:t.columns.fileName,dataIndex:"fileName",width:200},{title:t.columns.operateTime,dataIndex:"operateTime",width:180},{title:t.columns.completeTime,dataIndex:"completeTime",width:180},{title:t.columns.status,dataIndex:"status",width:100},{title:t.columns.remark,dataIndex:"remark",width:200},{title:t.columns.username,dataIndex:"username",width:120},{title:t.columns.action,dataIndex:"action",width:100,fixed:"right"}]}function x(t){return[{name:"fileName",label:t.queryFields.fileName,type:"input",placeholder:t.queryFields.fileNamePlaceholder}]}const Z={class:"vet-download-table-wrapper"},ee={key:0,class:"vet-query-form-wrapper"},te={key:1,class:"vet-toolbar-wrapper"},ne={class:"vet-toolbar-left"},ae={class:"vet-table-title"},oe=["onClick"],le={key:2,class:"vet-pagination-wrapper"},L=e.defineComponent({__name:"DownloadTable",props:{columns:{default:void 0},queryFields:{default:void 0},fetchData:{},download:{default:void 0},autoRefresh:{},rowKey:{type:[String,Function],default:"id"},title:{},bordered:{type:Boolean,default:!0},pageSize:{default:10}},setup(t){const n=q(),o=t,p=s=>o.download?o.download.canDownload?o.download.canDownload(s):s.status==="completed":!1,{loading:i,data:f,total:r,filters:l,currentPage:d,pageSize:g,handleSearch:_,handleReset:b,handlePageChange:y,refresh:S}=F({fetchData:o.fetchData,queryFields:o.queryFields??x(n),pageSize:o.pageSize,autoRefresh:o.autoRefresh,immediate:!0}),C=c.computed(()=>o.columns&&o.columns.length>0?o.columns:Y(n)),w=c.computed(()=>o.queryFields??x(n)),v=c.computed(()=>{const s=C.value.reduce((m,h)=>{const B=typeof h.width=="number"?h.width:0;return m+B},0);return s>0?{x:s}:void 0}),N=J,T=c.computed(()=>X(n));return(s,m)=>{const h=e.resolveComponent("a-input"),B=e.resolveComponent("a-input-number"),A=e.resolveComponent("a-select"),M=e.resolveComponent("a-date-picker"),O=e.resolveComponent("a-range-picker"),V=e.resolveComponent("a-form-item"),P=e.resolveComponent("a-button"),K=e.resolveComponent("a-space"),Q=e.resolveComponent("a-form"),j=e.resolveComponent("a-tag"),W=e.resolveComponent("a-table"),G=e.resolveComponent("a-pagination");return e.openBlock(),e.createElementBlock("div",Z,[e.unref(w)&&e.unref(w).length>0?(e.openBlock(),e.createElementBlock("div",ee,[e.renderSlot(s.$slots,"query-form",{filters:e.unref(l),handleSearch:e.unref(_),handleReset:e.unref(b)},()=>[e.createVNode(Q,{layout:"inline",model:e.unref(l)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(w),a=>(e.openBlock(),e.createBlock(V,{key:a.name,label:a.label},{default:e.withCtx(()=>[a.type==="input"?(e.openBlock(),e.createBlock(h,{key:0,value:e.unref(l)[a.name],"onUpdate:value":u=>e.unref(l)[a.name]=u,placeholder:a.placeholder||e.unref(n).placeholder.input(a.label),"allow-clear":""},null,8,["value","onUpdate:value","placeholder"])):a.type==="number"?(e.openBlock(),e.createBlock(B,{key:1,value:e.unref(l)[a.name],"onUpdate:value":u=>e.unref(l)[a.name]=u,placeholder:a.placeholder||e.unref(n).placeholder.input(a.label),style:{width:"180px"}},null,8,["value","onUpdate:value","placeholder"])):a.type==="select"?(e.openBlock(),e.createBlock(A,{key:2,value:e.unref(l)[a.name],"onUpdate:value":u=>e.unref(l)[a.name]=u,placeholder:a.placeholder||e.unref(n).placeholder.select(a.label),options:a.options,"allow-clear":"",style:{"min-width":"150px"}},null,8,["value","onUpdate:value","placeholder","options"])):a.type==="datePicker"?(e.openBlock(),e.createBlock(M,{key:3,value:e.unref(l)[a.name],"onUpdate:value":u=>e.unref(l)[a.name]=u,placeholder:a.placeholder||e.unref(n).placeholder.select(a.label),style:{width:"180px"}},null,8,["value","onUpdate:value","placeholder"])):a.type==="rangePicker"?(e.openBlock(),e.createBlock(O,{key:4,value:e.unref(l)[a.name],"onUpdate:value":u=>e.unref(l)[a.name]=u,placeholder:[a.placeholder||e.unref(n).placeholder.startDate,a.placeholder||e.unref(n).placeholder.endDate],style:{width:"240px"}},null,8,["value","onUpdate:value","placeholder"])):e.createCommentVNode("",!0)]),_:2},1032,["label"]))),128)),e.createVNode(V,null,{default:e.withCtx(()=>[e.createVNode(K,null,{default:e.withCtx(()=>[e.createVNode(P,{type:"primary",onClick:e.unref(_)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n).button.search),1)]),_:1},8,["onClick"]),e.createVNode(P,{onClick:e.unref(b)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n).button.reset),1)]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["model"])])])):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("div",te,[e.renderSlot(s.$slots,"toolbar",{loading:e.unref(i),refresh:e.unref(S)},()=>[e.createElementVNode("div",ne,[e.createElementVNode("span",ae,e.toDisplayString(t.title),1)])])])):e.createCommentVNode("",!0),e.createVNode(W,e.mergeProps({dataSource:e.unref(f),columns:e.unref(C),loading:e.unref(i),pagination:!1,rowKey:t.rowKey,bordered:t.bordered,scroll:e.unref(v)},s.$attrs),{bodyCell:e.withCtx(({column:a,record:u,index:D,text:k})=>[a.dataIndex==="action"?e.renderSlot(s.$slots,"action",{key:0,record:u,index:D},()=>[t.download&&p(u)?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:re=>t.download.handleDownload(u)},e.toDisplayString(e.unref(n).button.download),9,oe)):e.createCommentVNode("",!0)]):a.dataIndex==="status"?e.renderSlot(s.$slots,"status",{key:1,record:u,index:D},()=>[e.createVNode(j,{color:e.unref(N)[k]||"default"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(T)[k]||k),1)]),_:2},1032,["color"])]):e.renderSlot(s.$slots,a.dataIndex,{key:2,record:u,index:D,text:k},()=>[e.createTextVNode(e.toDisplayString(k),1)])]),_:3},16,["dataSource","columns","loading","rowKey","bordered","scroll"]),e.unref(r)>0?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(G,{current:e.unref(d),"onUpdate:current":m[0]||(m[0]=a=>e.isRef(d)?d.value=a:null),pageSize:e.unref(g),"onUpdate:pageSize":m[1]||(m[1]=a=>e.isRef(g)?g.value=a:null),total:e.unref(r),"show-size-changer":!0,"page-size-options":["10","20","50"],locale:{items_per_page:e.unref(n).pagination.itemsPerPage},"show-total":e.unref(n).pagination.showTotal,onChange:e.unref(y),onShowSizeChange:e.unref(y)},null,8,["current","pageSize","total","locale","show-total","onChange","onShowSizeChange"])])):e.createCommentVNode("",!0)])}}}),$={install(t,n){t.component("DownloadTable",L),n!=null&&n.locale&&I(n.locale)}};exports.DownloadTable=L;exports.VueExportTable=$;exports.default=$;exports.setLocale=I;exports.useAutoRefresh=E;exports.useLocale=q;exports.usePagination=R;exports.useQuery=z;exports.useTable=F;

package/dist/vue-export-table.css

@@ -1 +1 @@
-.vet-download-table-wrapper{padding:16px;background:#fff;border-radius:4px}.vet-query-form-wrapper{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:4px}.vet-toolbar-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.vet-toolbar-left{display:flex;align-items:center}.vet-table-title{font-size:16px;font-weight:600;color:#333}.vet-toolbar-right{display:flex;align-items:center}.vet-countdown-text{color:#1890ff;font-size:14px;margin-left:8px}.vet-pagination-wrapper{margin-top:16px;text-align:right}.vet-icon-svg{display:inline-block;width:1em;height:1em;margin-right:4px;vertical-align:-.125em}
+.vet-download-table-wrapper{padding:16px;background:#fff;border-radius:4px}.vet-query-form-wrapper{margin-bottom:16px;padding:16px;border-radius:4px}.vet-toolbar-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.vet-toolbar-left{display:flex;align-items:center}.vet-table-title{font-size:16px;font-weight:600;color:#333}.vet-pagination-wrapper{margin-top:16px;text-align:right}