vue-export-table 1.1.0

package/README.md

@@ -0,0 +1,58 @@
+## 本地开发
+
+如果你想本地运行项目查看效果：
+
+```bash
+# 1. 克隆项目
+git clone <repository-url>
+cd vue-export-table
+
+# 2. 安装依赖
+npm install
+
+# 3. 初始化 vue-demi（Vue 3 环境）
+npx vue-demi-switch 3
+
+# 4. 启动开发服务器
+npm run dev
+```
+
+启动后访问 `http://localhost:5173/` 即可查看 Vue 3 示例页面。
+
+### 构建生产版本
+
+```bash
+# 构建 Vue 3 和 Vue 2 两个版本
+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 版本
+
+
+## 项目介绍
+
+这是一个基于 Ant Design Vue 的表格组件库，使用 vue-demi 实现 Vue 2/Vue 3 双版本兼容，支持查询、分页、操作列下载和自动刷新功能。
+
+### 目录结构
+
+component-management-new/
+├── src/
+│   ├── index.ts                # Vue 3 入口
+│   ├── index.v2.ts             # Vue 2 入口
+│   ├── types.ts                # 类型定义（6 个核心接口）
+│   ├── DownloadTable.vue       # Vue 3 组件（<script setup>）
+│   ├── DownloadTable.v2.vue    # Vue 2 组件（defineComponent）
+│   ├── useTable.ts             # 核心编排 composable
+│   ├── useQuery.ts             # 查询表单 composable
+│   ├── usePagination.ts        # 分页 composable
+│   └── useAutoRefresh.ts       # 自动刷新 composable
+├── examples/
+│   ├── vue3-demo/              # Vue 3 示例
+│   └── vue2-demo/              # Vue 2 示例
+├── vite.config.ts              # Vite 构建配置（库模式）
+├── tsconfig.json               # TypeScript 配置
+└── package.json

package/dist/DownloadTable.vue.d.ts

@@ -0,0 +1,40 @@
+import type { DownloadTableProps } from './types';
+type __VLS_Props = DownloadTableProps;
+declare var __VLS_1: {
+    filters: Record<string, any>;
+    handleSearch: () => void;
+    handleReset: () => void;
+}, __VLS_55: {
+    loading: boolean;
+    refresh: () => Promise<void>;
+}, __VLS_81: {
+    record: any;
+    index: any;
+}, __VLS_84: any, __VLS_85: {
+    record: any;
+    index: any;
+    text: any;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_84>]?: (props: typeof __VLS_85) => any;
+} & {
+    'query-form'?: (props: typeof __VLS_1) => any;
+} & {
+    toolbar?: (props: typeof __VLS_55) => any;
+} & {
+    action?: (props: typeof __VLS_81) => 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;
+    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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import DownloadTable from './DownloadTable.vue';
+export { DownloadTable };
+export { useTable } from './useTable';
+export { useQuery } from './useQuery';
+export { usePagination } from './usePagination';
+export { useAutoRefresh } from './useAutoRefresh';
+export type { DownloadTableProps, DownloadTableColumn, QueryField, FetchParams, FetchResult, DownloadHandlerConfig, AutoRefreshConfig, } from './types';
+export declare const VueExportTable: {
+    install(app: any): void;
+};
+export default VueExportTable;

package/dist/types.d.ts

@@ -0,0 +1,67 @@
+export interface DownloadTableColumn {
+    title: string;
+    dataIndex: string;
+    key?: string;
+    width?: number | string;
+    align?: 'left' | 'center' | 'right';
+    fixed?: 'left' | 'right' | boolean;
+    ellipsis?: boolean;
+    sorter?: boolean | ((a: any, b: any) => number);
+    filters?: Array<{
+        text: string;
+        value: any;
+    }>;
+    onFilter?: (value: any, record: any) => boolean;
+    className?: string;
+    customRender?: (params: {
+        text: any;
+        record: any;
+        index: number;
+    }) => any;
+    scopedSlots?: Record<string, string>;
+    slots?: Record<string, string>;
+}
+export interface QueryField {
+    name: string;
+    label: string;
+    type: 'input' | 'select' | 'datePicker' | 'rangePicker' | 'number';
+    placeholder?: string;
+    options?: Array<{
+        label: string;
+        value: any;
+    }>;
+    defaultValue?: any;
+    props?: Record<string, any>;
+}
+export interface FetchParams {
+    page: number;
+    pageSize: number;
+    filters: Record<string, any>;
+}
+export interface FetchResult<T = any> {
+    list: T[];
+    total: number;
+}
+export interface DownloadHandlerConfig<T = any> {
+    /** 判断是否可以下载的函数，默认判断 record.status === 'completed' */
+    canDownload?: (record: T) => boolean;
+    /** 下载处理函数 */
+    handleDownload: (record: T) => void | Promise<void>;
+}
+export interface AutoRefreshConfig {
+    interval: number;
+    enabled?: boolean;
+    pauseOnHidden?: boolean;
+}
+export interface DownloadTableProps<T = any> {
+    columns: DownloadTableColumn[];
+    queryFields?: QueryField[];
+    fetchData: (params: FetchParams) => Promise<FetchResult<T>>;
+    download?: DownloadHandlerConfig<T>;
+    autoRefresh?: AutoRefreshConfig;
+    rowKey?: string | ((record: T) => string | number);
+    title?: string;
+    bordered?: boolean;
+    pageSize?: number;
+    showIndex?: boolean;
+}

package/dist/useAutoRefresh.d.ts

@@ -0,0 +1,7 @@
+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;
+};

package/dist/usePagination.d.ts

@@ -0,0 +1,10 @@
+export declare function usePagination(defaultPageSize?: number): {
+    currentPage: import("vue").Ref<number, number>;
+    pageSize: import("vue").Ref<number, number>;
+    pagination: import("vue").ComputedRef<{
+        current: number;
+        pageSize: number;
+    }>;
+    onPageChange: (page: number, size: number) => void;
+    resetPage: () => void;
+};

package/dist/useQuery.d.ts

@@ -0,0 +1,7 @@
+import type { QueryField } from './types';
+export declare function useQuery(queryFields: QueryField[]): {
+    filters: Record<string, any>;
+    onSearch: () => Record<string, any>;
+    onReset: () => void;
+    setFilter: (key: string, value: any) => void;
+};

package/dist/useTable.d.ts

@@ -0,0 +1,29 @@
+import type { Ref } from 'vue-demi';
+import type { FetchParams, FetchResult, AutoRefreshConfig, QueryField } from './types';
+export interface UseTableOptions<T = any> {
+    fetchData: (params: FetchParams) => Promise<FetchResult<T>>;
+    queryFields?: QueryField[];
+    pageSize?: number;
+    autoRefresh?: AutoRefreshConfig;
+    immediate?: boolean;
+}
+export declare function useTable<T = any>(options: UseTableOptions<T>): {
+    loading: Ref<boolean, boolean>;
+    data: Ref<T[], T[]>;
+    total: Ref<number, number>;
+    filters: Record<string, any>;
+    pagination: import("vue").ComputedRef<{
+        current: number;
+        pageSize: number;
+    }>;
+    currentPage: Ref<number, number>;
+    pageSize: Ref<number, number>;
+    handleSearch: () => void;
+    handleReset: () => void;
+    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;
+};

package/dist/vue-export-table.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("vue-demi");function z(t){const a=m.reactive({});function l(){t.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 d(){l()}function h(o,s){a[o]=s}return{filters:a,onSearch:u,onReset:d,setFilter:h}}function T(t=10){const a=m.ref(1),l=m.ref(t),u=m.computed(()=>({current:a.value,pageSize:l.value}));function d(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:d,resetPage:h}}function U(t,a){const l=m.ref(t.enabled??t.interval>0),u=m.ref(t.interval);let d=null;function h(){o(),!(!l.value||t.interval<=0)&&(u.value=t.interval,d=setInterval(()=>{u.value-=1,u.value<=0&&(u.value=t.interval,a())},1e3))}function o(){d&&(clearInterval(d),d=null)}function s(g){l.value=g??!l.value,l.value?h():(o(),u.value=t.interval)}function i(){l.value&&(u.value=t.interval)}function f(){t.pauseOnHidden&&(document.hidden?o():l.value&&h())}return m.onMounted(()=>{l.value&&t.interval>0&&(h(),t.pauseOnHidden&&document.addEventListener("visibilitychange",f))}),m.onUnmounted(()=>{o(),document.removeEventListener("visibilitychange",f)}),{enabled:l,countdown:u,toggle:s,resetCountdown:i}}function q(t){const a=m.ref(!1),l=m.ref([]),u=m.ref(0),{filters:d,onSearch:h,onReset:o,setFilter:s}=z(t.queryFields??[]),{currentPage:i,pageSize:f,pagination:g,onPageChange:_,resetPage:C}=T(t.pageSize??10),k=t.autoRefresh??{interval:0,enabled:!1},{enabled:V,countdown:x,toggle:S,resetCountdown:B}=U(k,()=>{r()});async function r(){a.value=!0;try{const v={page:i.value,pageSize:f.value,filters:h()},y=await t.fetchData(v);l.value=y.list,u.value=y.total}catch(v){console.error("[VueExportTable] fetch error:",v)}finally{a.value=!1}}function c(){C(),r(),B()}function w(){o(),C(),r()}function b(v,y){_(v,y),r(),B()}return m.onMounted(()=>{t.immediate!==!1&&r()}),{loading:a,data:l,total:u,filters:d,pagination:g,currentPage:i,pageSize:f,handleSearch:c,handleReset:w,setFilter:s,handlePageChange:b,refresh:r,autoRefreshEnabled:V,countdown:x,toggleAutoRefresh:S}}const L={class:"download-table-wrapper"},j={key:0,class:"query-form-wrapper"},H={class:"toolbar-wrapper"},Q={class:"toolbar-left"},W={key:0,class:"table-title"},G={class:"toolbar-right"},J={key:1,class:"countdown-text"},X=["onClick"],Y={key:1,class:"pagination-wrapper"},Z=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(t){const a=t,l=r=>a.download?a.download.canDownload?a.download.canDownload(r):r.status==="completed":!1,{loading:u,data:d,total:h,filters:o,currentPage:s,pageSize:i,handleSearch:f,handleReset:g,handlePageChange:_,refresh:C,autoRefreshEnabled:k,countdown:V,toggleAutoRefresh:x}=q({fetchData:a.fetchData,queryFields:a.queryFields,pageSize:a.pageSize,autoRefresh:a.autoRefresh,immediate:!0}),S=m.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=m.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"),v=e.resolveComponent("a-select"),y=e.resolveComponent("a-date-picker"),I=e.resolveComponent("a-range-picker"),R=e.resolveComponent("a-form-item"),N=e.resolveComponent("a-button"),E=e.resolveComponent("a-space"),A=e.resolveComponent("a-form"),M=e.resolveComponent("a-switch"),O=e.resolveComponent("a-table"),K=e.resolveComponent("a-pagination");return e.openBlock(),e.createElementBlock("div",L,[t.queryFields&&t.queryFields.length>0?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(r.$slots,"query-form",{filters:e.unref(o),handleSearch:e.unref(f),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(t.queryFields,n=>(e.openBlock(),e.createBlock(R,{key:n.name,label:n.label},{default:e.withCtx(()=>[n.type==="input"?(e.openBlock(),e.createBlock(w,{key:0,value:e.unref(o)[n.name],"onUpdate:value":p=>e.unref(o)[n.name]=p,placeholder:n.placeholder||`请输入${n.label}`,"allow-clear":""},null,8,["value","onUpdate:value","placeholder"])):n.type==="number"?(e.openBlock(),e.createBlock(b,{key:1,value:e.unref(o)[n.name],"onUpdate:value":p=>e.unref(o)[n.name]=p,placeholder:n.placeholder||`请输入${n.label}`,style:{width:"180px"}},null,8,["value","onUpdate:value","placeholder"])):n.type==="select"?(e.openBlock(),e.createBlock(v,{key:2,value:e.unref(o)[n.name],"onUpdate:value":p=>e.unref(o)[n.name]=p,placeholder:n.placeholder||`请选择${n.label}`,options:n.options,"allow-clear":"",style:{"min-width":"150px"}},null,8,["value","onUpdate:value","placeholder","options"])):n.type==="datePicker"?(e.openBlock(),e.createBlock(y,{key:3,value:e.unref(o)[n.name],"onUpdate:value":p=>e.unref(o)[n.name]=p,placeholder:n.placeholder||`请选择${n.label}`,style:{width:"180px"}},null,8,["value","onUpdate:value","placeholder"])):n.type==="rangePicker"?(e.openBlock(),e.createBlock(I,{key:4,value:e.unref(o)[n.name],"onUpdate:value":p=>e.unref(o)[n.name]=p,placeholder:[n.placeholder||"开始日期",n.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(N,{type:"primary",onClick:e.unref(f)},{default:e.withCtx(()=>[...c[3]||(c[3]=[e.createTextVNode("查询",-1)])]),_:1},8,["onClick"]),e.createVNode(N,{onClick:e.unref(g)},{default:e.withCtx(()=>[...c[4]||(c[4]=[e.createTextVNode("重置",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["model"])],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",H,[e.renderSlot(r.$slots,"toolbar",{loading:e.unref(u),refresh:e.unref(C)},()=>[e.createElementVNode("div",Q,[t.title?(e.openBlock(),e.createElementBlock("span",W,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",G,[e.createVNode(E,null,{default:e.withCtx(()=>[e.createVNode(N,{loading:e.unref(u),onClick:e.unref(C)},{default:e.withCtx(()=>[...c[5]||(c[5]=[e.createElementVNode("svg",{class:"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"]),t.autoRefresh?(e.openBlock(),e.createBlock(M,{key:0,checked:e.unref(k),"onUpdate:checked":c[0]||(c[0]=n=>e.isRef(k)?k.value=n:null),"checked-children":"自动刷新","un-checked-children":"自动刷新",onChange:e.unref(x)},null,8,["checked","onChange"])):e.createCommentVNode("",!0),t.autoRefresh&&e.unref(k)?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(e.unref(V))+"s ",1)):e.createCommentVNode("",!0)]),_:1})])],!0)]),e.createVNode(O,e.mergeProps({dataSource:e.unref(d),columns:e.unref(S),loading:e.unref(u),pagination:!1,rowKey:t.rowKey,bordered:t.bordered,scroll:e.unref(B)},r.$attrs),{bodyCell:e.withCtx(({column:n,record:p,index:D,text:P})=>[n.dataIndex==="action"?e.renderSlot(r.$slots,"action",{key:0,record:p,index:D},()=>[t.download&&l(p)?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:te=>t.download.handleDownload(p)},"下载",8,X)):e.createCommentVNode("",!0)],!0):e.renderSlot(r.$slots,n.dataIndex,{key:1,record:p,index:D,text:P},()=>[e.createTextVNode(e.toDisplayString(P),1)],!0)]),_:3},16,["dataSource","columns","loading","rowKey","bordered","scroll"]),e.unref(h)>0?(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(K,{current:e.unref(s),"onUpdate:current":c[1]||(c[1]=n=>e.isRef(s)?s.value=n:null),pageSize:e.unref(i),"onUpdate:pageSize":c[2]||(c[2]=n=>e.isRef(i)?i.value=n:null),total:e.unref(h),"show-size-changer":!0,"show-quick-jumper":!0,"show-total":n=>`共 ${n} 条`,onChange:e.unref(_),onShowSizeChange:e.unref(_)},null,8,["current","pageSize","total","show-total","onChange","onShowSizeChange"])])):e.createCommentVNode("",!0)])}}}),ee=(t,a)=>{const l=t.__vccOpts||t;for(const[u,d]of a)l[u]=d;return l},F=ee(Z,[["__scopeId","data-v-13092ac7"]]),$={install(t){t.component("DownloadTable",F)}};exports.DownloadTable=F;exports.VueExportTable=$;exports.default=$;exports.useAutoRefresh=U;exports.usePagination=T;exports.useQuery=z;exports.useTable=q;

package/dist/vue-export-table.css

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

package/dist/vue-export-table.js

@@ -0,0 +1,385 @@
+import { defineComponent as Y, resolveComponent as m, openBlock as h, createElementBlock as b, renderSlot as E, unref as a, createVNode as f, withCtx as g, Fragment as Z, renderList as ee, createBlock as k, createCommentVNode as _, createTextVNode as T, createElementVNode as D, toDisplayString as A, isRef as K, mergeProps as te } from "vue";
+import { reactive as ae, ref as C, computed as L, onMounted as M, onUnmounted as ne } from "vue-demi";
+function oe(e) {
+  const o = ae({});
+  function l() {
+    e.forEach((n) => {
+      n.defaultValue !== void 0 ? o[n.name] = n.defaultValue : o[n.name] = n.type === "rangePicker" ? [] : void 0;
+    });
+  }
+  l();
+  function u() {
+    const n = {};
+    return Object.keys(o).forEach((c) => {
+      const i = o[c];
+      if (i != null && i !== "") {
+        if (Array.isArray(i) && i.length === 0) return;
+        n[c] = i;
+      }
+    }), n;
+  }
+  function d() {
+    l();
+  }
+  function v(n, c) {
+    o[n] = c;
+  }
+  return { filters: o, onSearch: u, onReset: d, setFilter: v };
+}
+function le(e = 10) {
+  const o = C(1), l = C(e), u = L(() => ({
+    current: o.value,
+    pageSize: l.value
+  }));
+  function d(n, c) {
+    o.value = n, c !== l.value && (l.value = c, o.value = 1);
+  }
+  function v() {
+    o.value = 1;
+  }
+  return { currentPage: o, pageSize: l, pagination: u, onPageChange: d, resetPage: v };
+}
+function re(e, o) {
+  const l = C(e.enabled ?? e.interval > 0), u = C(e.interval);
+  let d = null;
+  function v() {
+    n(), !(!l.value || e.interval <= 0) && (u.value = e.interval, d = setInterval(() => {
+      u.value -= 1, u.value <= 0 && (u.value = e.interval, o());
+    }, 1e3));
+  }
+  function n() {
+    d && (clearInterval(d), d = null);
+  }
+  function c(S) {
+    l.value = S ?? !l.value, l.value ? v() : (n(), u.value = e.interval);
+  }
+  function i() {
+    l.value && (u.value = e.interval);
+  }
+  function y() {
+    e.pauseOnHidden && (document.hidden ? n() : l.value && v());
+  }
+  return M(() => {
+    l.value && e.interval > 0 && (v(), e.pauseOnHidden && document.addEventListener("visibilitychange", y));
+  }), ne(() => {
+    n(), document.removeEventListener("visibilitychange", y);
+  }), { enabled: l, countdown: u, toggle: c, resetCountdown: i };
+}
+function ue(e) {
+  const o = C(!1), l = C([]), u = C(0), { filters: d, onSearch: v, onReset: n, setFilter: c } = oe(e.queryFields ?? []), { currentPage: i, pageSize: y, pagination: S, onPageChange: F, resetPage: x } = le(e.pageSize ?? 10), R = e.autoRefresh ?? {
+    interval: 0,
+    enabled: !1
+  }, { enabled: V, countdown: I, toggle: $, resetCountdown: q } = re(
+    R,
+    () => {
+      r();
+    }
+  );
+  async function r() {
+    o.value = !0;
+    try {
+      const w = {
+        page: i.value,
+        pageSize: y.value,
+        filters: v()
+      }, P = await e.fetchData(w);
+      l.value = P.list, u.value = P.total;
+    } catch (w) {
+      console.error("[VueExportTable] fetch error:", w);
+    } finally {
+      o.value = !1;
+    }
+  }
+  function s() {
+    x(), r(), q();
+  }
+  function z() {
+    n(), x(), r();
+  }
+  function U(w, P) {
+    F(w, P), r(), q();
+  }
+  return M(() => {
+    e.immediate !== !1 && r();
+  }), {
+    // 状态
+    loading: o,
+    data: l,
+    total: u,
+    filters: d,
+    pagination: S,
+    currentPage: i,
+    pageSize: y,
+    // 查询
+    handleSearch: s,
+    handleReset: z,
+    setFilter: c,
+    // 分页
+    handlePageChange: U,
+    // 刷新
+    refresh: r,
+    // 自动刷新
+    autoRefreshEnabled: V,
+    countdown: I,
+    toggleAutoRefresh: $
+  };
+}
+const se = { class: "download-table-wrapper" }, ce = {
+  key: 0,
+  class: "query-form-wrapper"
+}, ie = { class: "toolbar-wrapper" }, de = { class: "toolbar-left" }, pe = {
+  key: 0,
+  class: "table-title"
+}, he = { class: "toolbar-right" }, ve = {
+  key: 1,
+  class: "countdown-text"
+}, me = ["onClick"], fe = {
+  key: 1,
+  class: "pagination-wrapper"
+}, ge = /* @__PURE__ */ Y({
+  __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(e) {
+    const o = e, l = (r) => o.download ? o.download.canDownload ? o.download.canDownload(r) : r.status === "completed" : !1, {
+      loading: u,
+      data: d,
+      total: v,
+      filters: n,
+      currentPage: c,
+      pageSize: i,
+      handleSearch: y,
+      handleReset: S,
+      handlePageChange: F,
+      refresh: x,
+      autoRefreshEnabled: R,
+      countdown: V,
+      toggleAutoRefresh: I
+    } = ue({
+      fetchData: o.fetchData,
+      queryFields: o.queryFields,
+      pageSize: o.pageSize,
+      autoRefresh: o.autoRefresh,
+      immediate: !0
+    }), $ = L(() => {
+      const r = [];
+      return o.showIndex && r.push({
+        title: "序号",
+        dataIndex: "index",
+        key: "index",
+        width: 80,
+        align: "center",
+        customRender: ({ index: s }) => (c.value - 1) * i.value + s + 1
+      }), [...r, ...o.columns];
+    }), q = L(() => {
+      const r = $.value.reduce((s, z) => {
+        const U = typeof z.width == "number" ? z.width : 0;
+        return s + U;
+      }, 0);
+      return r > 0 ? { x: r } : void 0;
+    });
+    return (r, s) => {
+      const z = m("a-input"), U = m("a-input-number"), w = m("a-select"), P = m("a-date-picker"), Q = m("a-range-picker"), N = m("a-form-item"), B = m("a-button"), O = m("a-space"), W = m("a-form"), G = m("a-switch"), J = m("a-table"), X = m("a-pagination");
+      return h(), b("div", se, [
+        e.queryFields && e.queryFields.length > 0 ? (h(), b("div", ce, [
+          E(r.$slots, "query-form", {
+            filters: a(n),
+            handleSearch: a(y),
+            handleReset: a(S)
+          }, () => [
+            f(W, {
+              layout: "inline",
+              model: a(n)
+            }, {
+              default: g(() => [
+                (h(!0), b(Z, null, ee(e.queryFields, (t) => (h(), k(N, {
+                  key: t.name,
+                  label: t.label
+                }, {
+                  default: g(() => [
+                    t.type === "input" ? (h(), k(z, {
+                      key: 0,
+                      value: a(n)[t.name],
+                      "onUpdate:value": (p) => a(n)[t.name] = p,
+                      placeholder: t.placeholder || `请输入${t.label}`,
+                      "allow-clear": ""
+                    }, null, 8, ["value", "onUpdate:value", "placeholder"])) : t.type === "number" ? (h(), k(U, {
+                      key: 1,
+                      value: a(n)[t.name],
+                      "onUpdate:value": (p) => a(n)[t.name] = p,
+                      placeholder: t.placeholder || `请输入${t.label}`,
+                      style: { width: "180px" }
+                    }, null, 8, ["value", "onUpdate:value", "placeholder"])) : t.type === "select" ? (h(), k(w, {
+                      key: 2,
+                      value: a(n)[t.name],
+                      "onUpdate:value": (p) => a(n)[t.name] = p,
+                      placeholder: t.placeholder || `请选择${t.label}`,
+                      options: t.options,
+                      "allow-clear": "",
+                      style: { "min-width": "150px" }
+                    }, null, 8, ["value", "onUpdate:value", "placeholder", "options"])) : t.type === "datePicker" ? (h(), k(P, {
+                      key: 3,
+                      value: a(n)[t.name],
+                      "onUpdate:value": (p) => a(n)[t.name] = p,
+                      placeholder: t.placeholder || `请选择${t.label}`,
+                      style: { width: "180px" }
+                    }, null, 8, ["value", "onUpdate:value", "placeholder"])) : t.type === "rangePicker" ? (h(), k(Q, {
+                      key: 4,
+                      value: a(n)[t.name],
+                      "onUpdate:value": (p) => a(n)[t.name] = p,
+                      placeholder: [t.placeholder || "开始日期", t.placeholder || "结束日期"],
+                      style: { width: "240px" }
+                    }, null, 8, ["value", "onUpdate:value", "placeholder"])) : _("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["label"]))), 128)),
+                f(N, null, {
+                  default: g(() => [
+                    f(O, null, {
+                      default: g(() => [
+                        f(B, {
+                          type: "primary",
+                          onClick: a(y)
+                        }, {
+                          default: g(() => [...s[3] || (s[3] = [
+                            T("查询", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onClick"]),
+                        f(B, { onClick: a(S) }, {
+                          default: g(() => [...s[4] || (s[4] = [
+                            T("重置", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ], !0)
+        ])) : _("", !0),
+        D("div", ie, [
+          E(r.$slots, "toolbar", {
+            loading: a(u),
+            refresh: a(x)
+          }, () => [
+            D("div", de, [
+              e.title ? (h(), b("span", pe, A(e.title), 1)) : _("", !0)
+            ]),
+            D("div", he, [
+              f(O, null, {
+                default: g(() => [
+                  f(B, {
+                    loading: a(u),
+                    onClick: a(x)
+                  }, {
+                    default: g(() => [...s[5] || (s[5] = [
+                      D("svg", {
+                        class: "icon-svg",
+                        viewBox: "64 64 896 896",
+                        width: "1em",
+                        height: "1em",
+                        fill: "currentColor"
+                      }, [
+                        D("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),
+                      T(" 刷新 ", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["loading", "onClick"]),
+                  e.autoRefresh ? (h(), k(G, {
+                    key: 0,
+                    checked: a(R),
+                    "onUpdate:checked": s[0] || (s[0] = (t) => K(R) ? R.value = t : null),
+                    "checked-children": "自动刷新",
+                    "un-checked-children": "自动刷新",
+                    onChange: a(I)
+                  }, null, 8, ["checked", "onChange"])) : _("", !0),
+                  e.autoRefresh && a(R) ? (h(), b("span", ve, A(a(V)) + "s ", 1)) : _("", !0)
+                ]),
+                _: 1
+              })
+            ])
+          ], !0)
+        ]),
+        f(J, te({
+          dataSource: a(d),
+          columns: a($),
+          loading: a(u),
+          pagination: !1,
+          rowKey: e.rowKey,
+          bordered: e.bordered,
+          scroll: a(q)
+        }, r.$attrs), {
+          bodyCell: g(({ column: t, record: p, index: H, text: j }) => [
+            t.dataIndex === "action" ? E(r.$slots, "action", {
+              key: 0,
+              record: p,
+              index: H
+            }, () => [
+              e.download && l(p) ? (h(), b("a", {
+                key: 0,
+                onClick: (be) => e.download.handleDownload(p)
+              }, "下载", 8, me)) : _("", !0)
+            ], !0) : E(r.$slots, t.dataIndex, {
+              key: 1,
+              record: p,
+              index: H,
+              text: j
+            }, () => [
+              T(A(j), 1)
+            ], !0)
+          ]),
+          _: 3
+        }, 16, ["dataSource", "columns", "loading", "rowKey", "bordered", "scroll"]),
+        a(v) > 0 ? (h(), b("div", fe, [
+          f(X, {
+            current: a(c),
+            "onUpdate:current": s[1] || (s[1] = (t) => K(c) ? c.value = t : null),
+            pageSize: a(i),
+            "onUpdate:pageSize": s[2] || (s[2] = (t) => K(i) ? i.value = t : null),
+            total: a(v),
+            "show-size-changer": !0,
+            "show-quick-jumper": !0,
+            "show-total": (t) => `共 ${t} 条`,
+            onChange: a(F),
+            onShowSizeChange: a(F)
+          }, null, 8, ["current", "pageSize", "total", "show-total", "onChange", "onShowSizeChange"])
+        ])) : _("", !0)
+      ]);
+    };
+  }
+}), ye = (e, o) => {
+  const l = e.__vccOpts || e;
+  for (const [u, d] of o)
+    l[u] = d;
+  return l;
+}, we = /* @__PURE__ */ ye(ge, [["__scopeId", "data-v-13092ac7"]]), Ce = {
+  install(e) {
+    e.component("DownloadTable", we);
+  }
+};
+export {
+  we as DownloadTable,
+  Ce as VueExportTable,
+  Ce as default,
+  re as useAutoRefresh,
+  le as usePagination,
+  oe as useQuery,
+  ue as useTable
+};

package/dist/vue-export-table.umd.js

@@ -0,0 +1 @@
+(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-demi")):typeof define=="function"&&define.amd?define(["exports","vue","vue-demi"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.VueExportTable={},u.Vue,u.VueDemi))})(this,(function(u,e,p){"use strict";function T(t){const a=p.reactive({});function l(){t.forEach(o=>{o.defaultValue!==void 0?a[o.name]=o.defaultValue:a[o.name]=o.type==="rangePicker"?[]:void 0})}l();function c(){const o={};return Object.keys(a).forEach(d=>{const i=a[d];if(i!=null&&i!==""){if(Array.isArray(i)&&i.length===0)return;o[d]=i}}),o}function f(){l()}function m(o,d){a[o]=d}return{filters:a,onSearch:c,onReset:f,setFilter:m}}function P(t=10){const a=p.ref(1),l=p.ref(t),c=p.computed(()=>({current:a.value,pageSize:l.value}));function f(o,d){a.value=o,d!==l.value&&(l.value=d,a.value=1)}function m(){a.value=1}return{currentPage:a,pageSize:l,pagination:c,onPageChange:f,resetPage:m}}function z(t,a){const l=p.ref(t.enabled??t.interval>0),c=p.ref(t.interval);let f=null;function m(){o(),!(!l.value||t.interval<=0)&&(c.value=t.interval,f=setInterval(()=>{c.value-=1,c.value<=0&&(c.value=t.interval,a())},1e3))}function o(){f&&(clearInterval(f),f=null)}function d(y){l.value=y??!l.value,l.value?m():(o(),c.value=t.interval)}function i(){l.value&&(c.value=t.interval)}function g(){t.pauseOnHidden&&(document.hidden?o():l.value&&m())}return p.onMounted(()=>{l.value&&t.interval>0&&(m(),t.pauseOnHidden&&document.addEventListener("visibilitychange",g))}),p.onUnmounted(()=>{o(),document.removeEventListener("visibilitychange",g)}),{enabled:l,countdown:c,toggle:d,resetCountdown:i}}function U(t){const a=p.ref(!1),l=p.ref([]),c=p.ref(0),{filters:f,onSearch:m,onReset:o,setFilter:d}=T(t.queryFields??[]),{currentPage:i,pageSize:g,pagination:y,onPageChange:V,resetPage:_}=P(t.pageSize??10),w=t.autoRefresh??{interval:0,enabled:!1},{enabled:x,countdown:E,toggle:B,resetCountdown:N}=z(w,()=>{r()});async function r(){a.value=!0;try{const k={page:i.value,pageSize:g.value,filters:m()},b=await t.fetchData(k);l.value=b.list,c.value=b.total}catch(k){console.error("[VueExportTable] fetch error:",k)}finally{a.value=!1}}function s(){_(),r(),N()}function C(){o(),_(),r()}function S(k,b){V(k,b),r(),N()}return p.onMounted(()=>{t.immediate!==!1&&r()}),{loading:a,data:l,total:c,filters:f,pagination:y,currentPage:i,pageSize:g,handleSearch:s,handleReset:C,setFilter:d,handlePageChange:S,refresh:r,autoRefreshEnabled:x,countdown:E,toggleAutoRefresh:B}}const O={class:"download-table-wrapper"},j={key:0,class:"query-form-wrapper"},D={class:"toolbar-wrapper"},K={class:"toolbar-left"},L={key:0,class:"table-title"},H={class:"toolbar-right"},Q={key:1,class:"countdown-text"},W=["onClick"],G={key:1,class:"pagination-wrapper"},q=((t,a)=>{const l=t.__vccOpts||t;for(const[c,f]of a)l[c]=f;return l})(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(t){const a=t,l=r=>a.download?a.download.canDownload?a.download.canDownload(r):r.status==="completed":!1,{loading:c,data:f,total:m,filters:o,currentPage:d,pageSize:i,handleSearch:g,handleReset:y,handlePageChange:V,refresh:_,autoRefreshEnabled:w,countdown:x,toggleAutoRefresh:E}=U({fetchData:a.fetchData,queryFields:a.queryFields,pageSize:a.pageSize,autoRefresh:a.autoRefresh,immediate:!0}),B=p.computed(()=>{const r=[];return a.showIndex&&r.push({title:"序号",dataIndex:"index",key:"index",width:80,align:"center",customRender:({index:s})=>(d.value-1)*i.value+s+1}),[...r,...a.columns]}),N=p.computed(()=>{const r=B.value.reduce((s,C)=>{const S=typeof C.width=="number"?C.width:0;return s+S},0);return r>0?{x:r}:void 0});return(r,s)=>{const C=e.resolveComponent("a-input"),S=e.resolveComponent("a-input-number"),k=e.resolveComponent("a-select"),b=e.resolveComponent("a-date-picker"),J=e.resolveComponent("a-range-picker"),$=e.resolveComponent("a-form-item"),R=e.resolveComponent("a-button"),I=e.resolveComponent("a-space"),X=e.resolveComponent("a-form"),Y=e.resolveComponent("a-switch"),Z=e.resolveComponent("a-table"),v=e.resolveComponent("a-pagination");return e.openBlock(),e.createElementBlock("div",O,[t.queryFields&&t.queryFields.length>0?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(r.$slots,"query-form",{filters:e.unref(o),handleSearch:e.unref(g),handleReset:e.unref(y)},()=>[e.createVNode(X,{layout:"inline",model:e.unref(o)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.queryFields,n=>(e.openBlock(),e.createBlock($,{key:n.name,label:n.label},{default:e.withCtx(()=>[n.type==="input"?(e.openBlock(),e.createBlock(C,{key:0,value:e.unref(o)[n.name],"onUpdate:value":h=>e.unref(o)[n.name]=h,placeholder:n.placeholder||`请输入${n.label}`,"allow-clear":""},null,8,["value","onUpdate:value","placeholder"])):n.type==="number"?(e.openBlock(),e.createBlock(S,{key:1,value:e.unref(o)[n.name],"onUpdate:value":h=>e.unref(o)[n.name]=h,placeholder:n.placeholder||`请输入${n.label}`,style:{width:"180px"}},null,8,["value","onUpdate:value","placeholder"])):n.type==="select"?(e.openBlock(),e.createBlock(k,{key:2,value:e.unref(o)[n.name],"onUpdate:value":h=>e.unref(o)[n.name]=h,placeholder:n.placeholder||`请选择${n.label}`,options:n.options,"allow-clear":"",style:{"min-width":"150px"}},null,8,["value","onUpdate:value","placeholder","options"])):n.type==="datePicker"?(e.openBlock(),e.createBlock(b,{key:3,value:e.unref(o)[n.name],"onUpdate:value":h=>e.unref(o)[n.name]=h,placeholder:n.placeholder||`请选择${n.label}`,style:{width:"180px"}},null,8,["value","onUpdate:value","placeholder"])):n.type==="rangePicker"?(e.openBlock(),e.createBlock(J,{key:4,value:e.unref(o)[n.name],"onUpdate:value":h=>e.unref(o)[n.name]=h,placeholder:[n.placeholder||"开始日期",n.placeholder||"结束日期"],style:{width:"240px"}},null,8,["value","onUpdate:value","placeholder"])):e.createCommentVNode("",!0)]),_:2},1032,["label"]))),128)),e.createVNode($,null,{default:e.withCtx(()=>[e.createVNode(I,null,{default:e.withCtx(()=>[e.createVNode(R,{type:"primary",onClick:e.unref(g)},{default:e.withCtx(()=>[...s[3]||(s[3]=[e.createTextVNode("查询",-1)])]),_:1},8,["onClick"]),e.createVNode(R,{onClick:e.unref(y)},{default:e.withCtx(()=>[...s[4]||(s[4]=[e.createTextVNode("重置",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["model"])],!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",D,[e.renderSlot(r.$slots,"toolbar",{loading:e.unref(c),refresh:e.unref(_)},()=>[e.createElementVNode("div",K,[t.title?(e.openBlock(),e.createElementBlock("span",L,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",H,[e.createVNode(I,null,{default:e.withCtx(()=>[e.createVNode(R,{loading:e.unref(c),onClick:e.unref(_)},{default:e.withCtx(()=>[...s[5]||(s[5]=[e.createElementVNode("svg",{class:"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"]),t.autoRefresh?(e.openBlock(),e.createBlock(Y,{key:0,checked:e.unref(w),"onUpdate:checked":s[0]||(s[0]=n=>e.isRef(w)?w.value=n:null),"checked-children":"自动刷新","un-checked-children":"自动刷新",onChange:e.unref(E)},null,8,["checked","onChange"])):e.createCommentVNode("",!0),t.autoRefresh&&e.unref(w)?(e.openBlock(),e.createElementBlock("span",Q,e.toDisplayString(e.unref(x))+"s ",1)):e.createCommentVNode("",!0)]),_:1})])],!0)]),e.createVNode(Z,e.mergeProps({dataSource:e.unref(f),columns:e.unref(B),loading:e.unref(c),pagination:!1,rowKey:t.rowKey,bordered:t.bordered,scroll:e.unref(N)},r.$attrs),{bodyCell:e.withCtx(({column:n,record:h,index:A,text:M})=>[n.dataIndex==="action"?e.renderSlot(r.$slots,"action",{key:0,record:h,index:A},()=>[t.download&&l(h)?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:ne=>t.download.handleDownload(h)},"下载",8,W)):e.createCommentVNode("",!0)],!0):e.renderSlot(r.$slots,n.dataIndex,{key:1,record:h,index:A,text:M},()=>[e.createTextVNode(e.toDisplayString(M),1)],!0)]),_:3},16,["dataSource","columns","loading","rowKey","bordered","scroll"]),e.unref(m)>0?(e.openBlock(),e.createElementBlock("div",G,[e.createVNode(v,{current:e.unref(d),"onUpdate:current":s[1]||(s[1]=n=>e.isRef(d)?d.value=n:null),pageSize:e.unref(i),"onUpdate:pageSize":s[2]||(s[2]=n=>e.isRef(i)?i.value=n:null),total:e.unref(m),"show-size-changer":!0,"show-quick-jumper":!0,"show-total":n=>`共 ${n} 条`,onChange:e.unref(V),onShowSizeChange:e.unref(V)},null,8,["current","pageSize","total","show-total","onChange","onShowSizeChange"])])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-13092ac7"]]),F={install(t){t.component("DownloadTable",q)}};u.DownloadTable=q,u.VueExportTable=F,u.default=F,u.useAutoRefresh=z,u.usePagination=P,u.useQuery=T,u.useTable=U,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/vue-export-table.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue-demi"),t=require("vue");function D(e){const a=u.reactive({});function n(){e.forEach(l=>{l.defaultValue!==void 0?a[l.name]=l.defaultValue:a[l.name]=l.type==="rangePicker"?[]:void 0})}n();function s(){const l={};return Object.keys(a).forEach(d=>{const i=a[d];if(i!=null&&i!==""){if(Array.isArray(i)&&i.length===0)return;l[d]=i}}),l}function c(){n()}function m(l,d){a[l]=d}return{filters:a,onSearch:s,onReset:c,setFilter:m}}function E(e=10){const a=u.ref(1),n=u.ref(e),s=u.computed(()=>({current:a.value,pageSize:n.value}));function c(l,d){a.value=l,d!==n.value&&(n.value=d,a.value=1)}function m(){a.value=1}return{currentPage:a,pageSize:n,pagination:s,onPageChange:c,resetPage:m}}function N(e,a){const n=u.ref(e.enabled??e.interval>0),s=u.ref(e.interval);let c=null;function m(){l(),!(!n.value||e.interval<=0)&&(s.value=e.interval,c=setInterval(()=>{s.value-=1,s.value<=0&&(s.value=e.interval,a())},1e3))}function l(){c&&(clearInterval(c),c=null)}function d(g){n.value=g??!n.value,n.value?m():(l(),s.value=e.interval)}function i(){n.value&&(s.value=e.interval)}function p(){e.pauseOnHidden&&(document.hidden?l():n.value&&m())}return u.onMounted(()=>{n.value&&e.interval>0&&(m(),e.pauseOnHidden&&document.addEventListener("visibilitychange",p))}),u.onUnmounted(()=>{l(),document.removeEventListener("visibilitychange",p)}),{enabled:n,countdown:s,toggle:d,resetCountdown:i}}function R(e){const a=u.ref(!1),n=u.ref([]),s=u.ref(0),{filters:c,onSearch:m,onReset:l,setFilter:d}=D(e.queryFields??[]),{currentPage:i,pageSize:p,pagination:g,onPageChange:v,resetPage:h}=E(e.pageSize??10),y=e.autoRefresh??{interval:0,enabled:!1},{enabled:C,countdown:k,toggle:b,resetCountdown:w}=N(y,()=>{o()});async function o(){a.value=!0;try{const V={page:i.value,pageSize:p.value,filters:m()},B=await e.fetchData(V);n.value=B.list,s.value=B.total}catch(V){console.error("[VueExportTable] fetch error:",V)}finally{a.value=!1}}function r(){h(),o(),w()}function f(){l(),h(),o()}function S(V,B){v(V,B),o(),w()}return u.onMounted(()=>{e.immediate!==!1&&o()}),{loading:a,data:n,total:s,filters:c,pagination:g,currentPage:i,pageSize:p,handleSearch:r,handleReset:f,setFilter:d,handlePageChange:S,refresh:o,autoRefreshEnabled:C,countdown:k,toggleAutoRefresh:b}}const $=u.defineComponent({name:"DownloadTable",props:{columns:{type:Array,required:!0},queryFields:{type:Array,default:()=>[]},fetchData:{type:Function,required:!0},download:{type:Object,default:void 0},autoRefresh:{type:Object,default:void 0},rowKey:{type:[String,Function],default:"id"},title:{type:String,default:""},bordered:{type:Boolean,default:!0},pageSize:{type:Number,default:10},showIndex:{type:Boolean,default:!1},immediate:{type:Boolean,default:!0}},setup(e,{slots:a}){const{loading:n,data:s,total:c,filters:m,currentPage:l,pageSize:d,handleSearch:i,handleReset:p,handlePageChange:g,refresh:v,autoRefreshEnabled:h,countdown:y,toggleAutoRefresh:C}=R({fetchData:e.fetchData,queryFields:e.queryFields,pageSize:e.pageSize,autoRefresh:e.autoRefresh,immediate:e.immediate}),k=u.computed(()=>{const o=[];return e.showIndex&&o.push({title:"序号",dataIndex:"index",key:"index",width:80,align:"center",customRender:({index:r})=>(l.value-1)*d.value+r+1}),[...o,...e.columns]}),b=u.computed(()=>{const o=k.value.reduce((r,f)=>{const S=typeof f.width=="number"?f.width:0;return r+S},0);return o>0?{x:o}:void 0}),w=u.computed(()=>{const o=["query-form","toolbar"],r={};return Object.keys(a).forEach(f=>{o.includes(f)||(r[f]=!0)}),r});return{loading:n,data:s,total:c,filters:m,currentPage:l,pageSize:d,handleSearch:i,handleReset:p,handlePageChange:g,refresh:v,download:u.computed(()=>e.download),canDownload:o=>e.download?e.download.canDownload?e.download.canDownload(o):o&&o.status==="completed":!1,autoRefreshEnabled:h,countdown:y,toggleAutoRefresh:C,computedColumns:k,scroll:b,filteredSlots:w}}}),q=(e,a)=>{const n=e.__vccOpts||e;for(const[s,c]of a)n[s]=c;return n},z={class:"download-table-wrapper"},F={key:0,class:"query-form-wrapper"},U={class:"toolbar-wrapper"},_={class:"toolbar-left"},A={key:0,class:"table-title"},O={class:"toolbar-right"},j={key:1,class:"countdown-text"},I={key:1,class:"pagination-wrapper"};function L(e,a,n,s,c,m){const l=t.resolveComponent("a-input"),d=t.resolveComponent("a-input-number"),i=t.resolveComponent("a-select"),p=t.resolveComponent("a-date-picker"),g=t.resolveComponent("a-range-picker"),v=t.resolveComponent("a-form-item"),h=t.resolveComponent("a-button"),y=t.resolveComponent("a-space"),C=t.resolveComponent("a-form"),k=t.resolveComponent("a-switch"),b=t.resolveComponent("a-table"),w=t.resolveComponent("a-pagination");return t.openBlock(),t.createElementBlock("div",z,[e.queryFields&&e.queryFields.length>0?(t.openBlock(),t.createElementBlock("div",F,[t.renderSlot(e.$slots,"query-form",{filters:e.filters,handleSearch:e.handleSearch,handleReset:e.handleReset},()=>[t.createVNode(C,{layout:"inline",model:e.filters},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.queryFields,o=>(t.openBlock(),t.createBlock(v,{key:o.name,label:o.label},{default:t.withCtx(()=>[o.type==="input"?(t.openBlock(),t.createBlock(l,{key:0,modelValue:e.filters[o.name],"onUpdate:modelValue":r=>e.filters[o.name]=r,placeholder:o.placeholder||`请输入${o.label}`,"allow-clear":""},null,8,["modelValue","onUpdate:modelValue","placeholder"])):o.type==="number"?(t.openBlock(),t.createBlock(d,{key:1,modelValue:e.filters[o.name],"onUpdate:modelValue":r=>e.filters[o.name]=r,placeholder:o.placeholder||`请输入${o.label}`,style:{width:"180px"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):o.type==="select"?(t.openBlock(),t.createBlock(i,{key:2,modelValue:e.filters[o.name],"onUpdate:modelValue":r=>e.filters[o.name]=r,placeholder:o.placeholder||`请选择${o.label}`,options:o.options,"allow-clear":"",style:{"min-width":"150px"}},null,8,["modelValue","onUpdate:modelValue","placeholder","options"])):o.type==="datePicker"?(t.openBlock(),t.createBlock(p,{key:3,modelValue:e.filters[o.name],"onUpdate:modelValue":r=>e.filters[o.name]=r,placeholder:o.placeholder||`请选择${o.label}`,style:{width:"180px"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):o.type==="rangePicker"?(t.openBlock(),t.createBlock(g,{key:4,modelValue:e.filters[o.name],"onUpdate:modelValue":r=>e.filters[o.name]=r,placeholder:[o.placeholder||"开始日期",o.placeholder||"结束日期"],style:{width:"240px"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):t.createCommentVNode("",!0)]),_:2},1032,["label"]))),128)),t.createVNode(v,null,{default:t.withCtx(()=>[t.createVNode(y,null,{default:t.withCtx(()=>[t.createVNode(h,{type:"primary",onClick:e.handleSearch},{default:t.withCtx(()=>[...a[1]||(a[1]=[t.createTextVNode("查询",-1)])]),_:1},8,["onClick"]),t.createVNode(h,{onClick:e.handleReset},{default:t.withCtx(()=>[...a[2]||(a[2]=[t.createTextVNode("重置",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["model"])],!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",U,[t.renderSlot(e.$slots,"toolbar",{loading:e.loading,refresh:e.refresh},()=>[t.createElementVNode("div",_,[e.title?(t.openBlock(),t.createElementBlock("span",A,t.toDisplayString(e.title),1)):t.createCommentVNode("",!0)]),t.createElementVNode("div",O,[t.createVNode(y,null,{default:t.withCtx(()=>[t.createVNode(h,{loading:e.loading,onClick:e.refresh},{default:t.withCtx(()=>[...a[3]||(a[3]=[t.createElementVNode("svg",{class:"icon-refresh",viewBox:"64 64 896 896",width:"1em",height:"1em",fill:"currentColor"},[t.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),t.createTextVNode(" 刷新 ",-1)])]),_:1},8,["loading","onClick"]),e.autoRefresh?(t.openBlock(),t.createBlock(k,{key:0,checked:e.autoRefreshEnabled,"checked-children":"自动刷新","un-checked-children":"自动刷新",onChange:e.toggleAutoRefresh},null,8,["checked","onChange"])):t.createCommentVNode("",!0),e.autoRefresh&&e.autoRefreshEnabled?(t.openBlock(),t.createElementBlock("span",j,t.toDisplayString(e.countdown)+"s ",1)):t.createCommentVNode("",!0)]),_:1})])],!0)]),t.createVNode(b,t.mergeProps({"data-source":e.data,columns:e.computedColumns,loading:e.loading,pagination:!1,"row-key":e.rowKey,bordered:e.bordered,scroll:e.scroll},e.$attrs,t.toHandlers(e.$listeners)),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.filteredSlots,(o,r)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[r==="action"?t.renderSlot(e.$slots,"action",{key:0,record:e.slotData&&e.slotData.record,index:e.slotData&&e.slotData.index},()=>[e.download&&e.canDownload(e.slotData&&e.slotData.record)?(t.openBlock(),t.createElementBlock("a",{key:0,onClick:a[0]||(a[0]=f=>e.download.handleDownload(e.slotData.record))},"下载")):t.createCommentVNode("",!0)],!0):t.renderSlot(e.$slots,r,t.mergeProps({key:1,ref_for:!0},e.slotData||{}),()=>[t.createTextVNode(t.toDisplayString(e.slotData?e.slotData.text:""),1)],!0)],64))),256))]),_:3},16,["data-source","columns","loading","row-key","bordered","scroll"]),e.total>0?(t.openBlock(),t.createElementBlock("div",I,[t.createVNode(w,{current:e.currentPage,"page-size":e.pageSize,total:e.total,"show-size-changer":!0,"show-quick-jumper":!0,"show-total":o=>`共 ${o} 条`,onChange:e.handlePageChange,onShowSizeChange:e.handlePageChange},null,8,["current","page-size","total","show-total","onChange","onShowSizeChange"])])):t.createCommentVNode("",!0)])}const P=q($,[["render",L],["__scopeId","data-v-c29396f5"]]),T={install(e){e.component("DownloadTable",P)}};exports.DownloadTable=P;exports.VueExportTable=T;exports.default=T;exports.useAutoRefresh=N;exports.usePagination=E;exports.useQuery=D;exports.useTable=R;

package/dist/vue-export-table.vue2.js

@@ -0,0 +1,442 @@
+import { reactive as N, ref as C, computed as E, onMounted as j, onUnmounted as H, defineComponent as L } from "vue-demi";
+import { resolveComponent as h, openBlock as s, createElementBlock as m, renderSlot as U, createVNode as f, withCtx as g, Fragment as _, renderList as O, createBlock as b, createCommentVNode as k, createTextVNode as T, createElementVNode as q, toDisplayString as B, mergeProps as I, toHandlers as K } from "vue";
+function M(e) {
+  const t = N({});
+  function n() {
+    e.forEach((o) => {
+      o.defaultValue !== void 0 ? t[o.name] = o.defaultValue : t[o.name] = o.type === "rangePicker" ? [] : void 0;
+    });
+  }
+  n();
+  function r() {
+    const o = {};
+    return Object.keys(t).forEach((u) => {
+      const i = t[u];
+      if (i != null && i !== "") {
+        if (Array.isArray(i) && i.length === 0) return;
+        o[u] = i;
+      }
+    }), o;
+  }
+  function d() {
+    n();
+  }
+  function c(o, u) {
+    t[o] = u;
+  }
+  return { filters: t, onSearch: r, onReset: d, setFilter: c };
+}
+function Q(e = 10) {
+  const t = C(1), n = C(e), r = E(() => ({
+    current: t.value,
+    pageSize: n.value
+  }));
+  function d(o, u) {
+    t.value = o, u !== n.value && (n.value = u, t.value = 1);
+  }
+  function c() {
+    t.value = 1;
+  }
+  return { currentPage: t, pageSize: n, pagination: r, onPageChange: d, resetPage: c };
+}
+function W(e, t) {
+  const n = C(e.enabled ?? e.interval > 0), r = C(e.interval);
+  let d = null;
+  function c() {
+    o(), !(!n.value || e.interval <= 0) && (r.value = e.interval, d = setInterval(() => {
+      r.value -= 1, r.value <= 0 && (r.value = e.interval, t());
+    }, 1e3));
+  }
+  function o() {
+    d && (clearInterval(d), d = null);
+  }
+  function u(w) {
+    n.value = w ?? !n.value, n.value ? c() : (o(), r.value = e.interval);
+  }
+  function i() {
+    n.value && (r.value = e.interval);
+  }
+  function p() {
+    e.pauseOnHidden && (document.hidden ? o() : n.value && c());
+  }
+  return j(() => {
+    n.value && e.interval > 0 && (c(), e.pauseOnHidden && document.addEventListener("visibilitychange", p));
+  }), H(() => {
+    o(), document.removeEventListener("visibilitychange", p);
+  }), { enabled: n, countdown: r, toggle: u, resetCountdown: i };
+}
+function G(e) {
+  const t = C(!1), n = C([]), r = C(0), { filters: d, onSearch: c, onReset: o, setFilter: u } = M(e.queryFields ?? []), { currentPage: i, pageSize: p, pagination: w, onPageChange: V, resetPage: v } = Q(e.pageSize ?? 10), S = e.autoRefresh ?? {
+    interval: 0,
+    enabled: !1
+  }, { enabled: P, countdown: D, toggle: $, resetCountdown: R } = W(
+    S,
+    () => {
+      a();
+    }
+  );
+  async function a() {
+    t.value = !0;
+    try {
+      const z = {
+        page: i.value,
+        pageSize: p.value,
+        filters: c()
+      }, F = await e.fetchData(z);
+      n.value = F.list, r.value = F.total;
+    } catch (z) {
+      console.error("[VueExportTable] fetch error:", z);
+    } finally {
+      t.value = !1;
+    }
+  }
+  function l() {
+    v(), a(), R();
+  }
+  function y() {
+    o(), v(), a();
+  }
+  function A(z, F) {
+    V(z, F), a(), R();
+  }
+  return j(() => {
+    e.immediate !== !1 && a();
+  }), {
+    // 状态
+    loading: t,
+    data: n,
+    total: r,
+    filters: d,
+    pagination: w,
+    currentPage: i,
+    pageSize: p,
+    // 查询
+    handleSearch: l,
+    handleReset: y,
+    setFilter: u,
+    // 分页
+    handlePageChange: A,
+    // 刷新
+    refresh: a,
+    // 自动刷新
+    autoRefreshEnabled: P,
+    countdown: D,
+    toggleAutoRefresh: $
+  };
+}
+const J = L({
+  name: "DownloadTable",
+  props: {
+    columns: {
+      type: Array,
+      required: !0
+    },
+    queryFields: {
+      type: Array,
+      default: () => []
+    },
+    fetchData: {
+      type: Function,
+      required: !0
+    },
+    download: {
+      type: Object,
+      default: void 0
+    },
+    autoRefresh: {
+      type: Object,
+      default: void 0
+    },
+    rowKey: {
+      type: [String, Function],
+      default: "id"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    bordered: {
+      type: Boolean,
+      default: !0
+    },
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    showIndex: {
+      type: Boolean,
+      default: !1
+    },
+    immediate: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e, { slots: t }) {
+    const {
+      loading: n,
+      data: r,
+      total: d,
+      filters: c,
+      currentPage: o,
+      pageSize: u,
+      handleSearch: i,
+      handleReset: p,
+      handlePageChange: w,
+      refresh: V,
+      autoRefreshEnabled: v,
+      countdown: S,
+      toggleAutoRefresh: P
+    } = G({
+      fetchData: e.fetchData,
+      queryFields: e.queryFields,
+      pageSize: e.pageSize,
+      autoRefresh: e.autoRefresh,
+      immediate: e.immediate
+    }), D = E(() => {
+      const a = [];
+      return e.showIndex && a.push({
+        title: "序号",
+        dataIndex: "index",
+        key: "index",
+        width: 80,
+        align: "center",
+        customRender: ({ index: l }) => (o.value - 1) * u.value + l + 1
+      }), [...a, ...e.columns];
+    }), $ = E(() => {
+      const a = D.value.reduce((l, y) => {
+        const A = typeof y.width == "number" ? y.width : 0;
+        return l + A;
+      }, 0);
+      return a > 0 ? { x: a } : void 0;
+    }), R = E(() => {
+      const a = ["query-form", "toolbar"], l = {};
+      return Object.keys(t).forEach((y) => {
+        a.includes(y) || (l[y] = !0);
+      }), l;
+    });
+    return {
+      loading: n,
+      data: r,
+      total: d,
+      filters: c,
+      currentPage: o,
+      pageSize: u,
+      handleSearch: i,
+      handleReset: p,
+      handlePageChange: w,
+      refresh: V,
+      download: E(() => e.download),
+      canDownload: (a) => e.download ? e.download.canDownload ? e.download.canDownload(a) : a && a.status === "completed" : !1,
+      autoRefreshEnabled: v,
+      countdown: S,
+      toggleAutoRefresh: P,
+      computedColumns: D,
+      scroll: $,
+      filteredSlots: R
+    };
+  }
+}), X = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [r, d] of t)
+    n[r] = d;
+  return n;
+}, Y = { class: "download-table-wrapper" }, Z = {
+  key: 0,
+  class: "query-form-wrapper"
+}, x = { class: "toolbar-wrapper" }, ee = { class: "toolbar-left" }, ae = {
+  key: 0,
+  class: "table-title"
+}, te = { class: "toolbar-right" }, ne = {
+  key: 1,
+  class: "countdown-text"
+}, oe = {
+  key: 1,
+  class: "pagination-wrapper"
+};
+function le(e, t, n, r, d, c) {
+  const o = h("a-input"), u = h("a-input-number"), i = h("a-select"), p = h("a-date-picker"), w = h("a-range-picker"), V = h("a-form-item"), v = h("a-button"), S = h("a-space"), P = h("a-form"), D = h("a-switch"), $ = h("a-table"), R = h("a-pagination");
+  return s(), m("div", Y, [
+    e.queryFields && e.queryFields.length > 0 ? (s(), m("div", Z, [
+      U(e.$slots, "query-form", {
+        filters: e.filters,
+        handleSearch: e.handleSearch,
+        handleReset: e.handleReset
+      }, () => [
+        f(P, {
+          layout: "inline",
+          model: e.filters
+        }, {
+          default: g(() => [
+            (s(!0), m(_, null, O(e.queryFields, (a) => (s(), b(V, {
+              key: a.name,
+              label: a.label
+            }, {
+              default: g(() => [
+                a.type === "input" ? (s(), b(o, {
+                  key: 0,
+                  modelValue: e.filters[a.name],
+                  "onUpdate:modelValue": (l) => e.filters[a.name] = l,
+                  placeholder: a.placeholder || `请输入${a.label}`,
+                  "allow-clear": ""
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : a.type === "number" ? (s(), b(u, {
+                  key: 1,
+                  modelValue: e.filters[a.name],
+                  "onUpdate:modelValue": (l) => e.filters[a.name] = l,
+                  placeholder: a.placeholder || `请输入${a.label}`,
+                  style: { width: "180px" }
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : a.type === "select" ? (s(), b(i, {
+                  key: 2,
+                  modelValue: e.filters[a.name],
+                  "onUpdate:modelValue": (l) => e.filters[a.name] = l,
+                  placeholder: a.placeholder || `请选择${a.label}`,
+                  options: a.options,
+                  "allow-clear": "",
+                  style: { "min-width": "150px" }
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "options"])) : a.type === "datePicker" ? (s(), b(p, {
+                  key: 3,
+                  modelValue: e.filters[a.name],
+                  "onUpdate:modelValue": (l) => e.filters[a.name] = l,
+                  placeholder: a.placeholder || `请选择${a.label}`,
+                  style: { width: "180px" }
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : a.type === "rangePicker" ? (s(), b(w, {
+                  key: 4,
+                  modelValue: e.filters[a.name],
+                  "onUpdate:modelValue": (l) => e.filters[a.name] = l,
+                  placeholder: [a.placeholder || "开始日期", a.placeholder || "结束日期"],
+                  style: { width: "240px" }
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : k("", !0)
+              ]),
+              _: 2
+            }, 1032, ["label"]))), 128)),
+            f(V, null, {
+              default: g(() => [
+                f(S, null, {
+                  default: g(() => [
+                    f(v, {
+                      type: "primary",
+                      onClick: e.handleSearch
+                    }, {
+                      default: g(() => [...t[1] || (t[1] = [
+                        T("查询", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    f(v, { onClick: e.handleReset }, {
+                      default: g(() => [...t[2] || (t[2] = [
+                        T("重置", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"])
+      ], !0)
+    ])) : k("", !0),
+    q("div", x, [
+      U(e.$slots, "toolbar", {
+        loading: e.loading,
+        refresh: e.refresh
+      }, () => [
+        q("div", ee, [
+          e.title ? (s(), m("span", ae, B(e.title), 1)) : k("", !0)
+        ]),
+        q("div", te, [
+          f(S, null, {
+            default: g(() => [
+              f(v, {
+                loading: e.loading,
+                onClick: e.refresh
+              }, {
+                default: g(() => [...t[3] || (t[3] = [
+                  q("svg", {
+                    class: "icon-refresh",
+                    viewBox: "64 64 896 896",
+                    width: "1em",
+                    height: "1em",
+                    fill: "currentColor"
+                  }, [
+                    q("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),
+                  T(" 刷新 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading", "onClick"]),
+              e.autoRefresh ? (s(), b(D, {
+                key: 0,
+                checked: e.autoRefreshEnabled,
+                "checked-children": "自动刷新",
+                "un-checked-children": "自动刷新",
+                onChange: e.toggleAutoRefresh
+              }, null, 8, ["checked", "onChange"])) : k("", !0),
+              e.autoRefresh && e.autoRefreshEnabled ? (s(), m("span", ne, B(e.countdown) + "s ", 1)) : k("", !0)
+            ]),
+            _: 1
+          })
+        ])
+      ], !0)
+    ]),
+    f($, I({
+      "data-source": e.data,
+      columns: e.computedColumns,
+      loading: e.loading,
+      pagination: !1,
+      "row-key": e.rowKey,
+      bordered: e.bordered,
+      scroll: e.scroll
+    }, e.$attrs, K(e.$listeners)), {
+      default: g(() => [
+        (s(!0), m(_, null, O(e.filteredSlots, (a, l) => (s(), m(_, null, [
+          l === "action" ? U(e.$slots, "action", {
+            key: 0,
+            record: e.slotData && e.slotData.record,
+            index: e.slotData && e.slotData.index
+          }, () => [
+            e.download && e.canDownload(e.slotData && e.slotData.record) ? (s(), m("a", {
+              key: 0,
+              onClick: t[0] || (t[0] = (y) => e.download.handleDownload(e.slotData.record))
+            }, "下载")) : k("", !0)
+          ], !0) : U(e.$slots, l, I({
+            key: 1,
+            ref_for: !0
+          }, e.slotData || {}), () => [
+            T(B(e.slotData ? e.slotData.text : ""), 1)
+          ], !0)
+        ], 64))), 256))
+      ]),
+      _: 3
+    }, 16, ["data-source", "columns", "loading", "row-key", "bordered", "scroll"]),
+    e.total > 0 ? (s(), m("div", oe, [
+      f(R, {
+        current: e.currentPage,
+        "page-size": e.pageSize,
+        total: e.total,
+        "show-size-changer": !0,
+        "show-quick-jumper": !0,
+        "show-total": (a) => `共 ${a} 条`,
+        onChange: e.handlePageChange,
+        onShowSizeChange: e.handlePageChange
+      }, null, 8, ["current", "page-size", "total", "show-total", "onChange", "onShowSizeChange"])
+    ])) : k("", !0)
+  ]);
+}
+const re = /* @__PURE__ */ X(J, [["render", le], ["__scopeId", "data-v-c29396f5"]]), de = {
+  install(e) {
+    e.component("DownloadTable", re);
+  }
+};
+export {
+  re as DownloadTable,
+  de as VueExportTable,
+  de as default,
+  W as useAutoRefresh,
+  Q as usePagination,
+  M as useQuery,
+  G as useTable
+};

package/dist/vue-export-table.vue2.umd.js

@@ -0,0 +1 @@
+(function(p,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue-demi"),require("vue")):typeof define=="function"&&define.amd?define(["exports","vue-demi","vue"],r):(p=typeof globalThis<"u"?globalThis:p||self,r(p.VueExportTable={},p.VueDemi,p.Vue))})(this,(function(p,r,t){"use strict";function R(e){const n=r.reactive({});function a(){e.forEach(l=>{l.defaultValue!==void 0?n[l.name]=l.defaultValue:n[l.name]=l.type==="rangePicker"?[]:void 0})}a();function d(){const l={};return Object.keys(n).forEach(c=>{const u=n[c];if(u!=null&&u!==""){if(Array.isArray(u)&&u.length===0)return;l[c]=u}}),l}function i(){a()}function m(l,c){n[l]=c}return{filters:n,onSearch:d,onReset:i,setFilter:m}}function P(e=10){const n=r.ref(1),a=r.ref(e),d=r.computed(()=>({current:n.value,pageSize:a.value}));function i(l,c){n.value=l,c!==a.value&&(a.value=c,n.value=1)}function m(){n.value=1}return{currentPage:n,pageSize:a,pagination:d,onPageChange:i,resetPage:m}}function T(e,n){const a=r.ref(e.enabled??e.interval>0),d=r.ref(e.interval);let i=null;function m(){l(),!(!a.value||e.interval<=0)&&(d.value=e.interval,i=setInterval(()=>{d.value-=1,d.value<=0&&(d.value=e.interval,n())},1e3))}function l(){i&&(clearInterval(i),i=null)}function c(y){a.value=y??!a.value,a.value?m():(l(),d.value=e.interval)}function u(){a.value&&(d.value=e.interval)}function h(){e.pauseOnHidden&&(document.hidden?l():a.value&&m())}return r.onMounted(()=>{a.value&&e.interval>0&&(m(),e.pauseOnHidden&&document.addEventListener("visibilitychange",h))}),r.onUnmounted(()=>{l(),document.removeEventListener("visibilitychange",h)}),{enabled:a,countdown:d,toggle:c,resetCountdown:u}}function $(e){const n=r.ref(!1),a=r.ref([]),d=r.ref(0),{filters:i,onSearch:m,onReset:l,setFilter:c}=R(e.queryFields??[]),{currentPage:u,pageSize:h,pagination:y,onPageChange:k,resetPage:f}=P(e.pageSize??10),w=e.autoRefresh??{interval:0,enabled:!1},{enabled:b,countdown:C,toggle:B,resetCountdown:V}=T(w,()=>{o()});async function o(){n.value=!0;try{const S={page:u.value,pageSize:h.value,filters:m()},E=await e.fetchData(S);a.value=E.list,d.value=E.total}catch(S){console.error("[VueExportTable] fetch error:",S)}finally{n.value=!1}}function s(){f(),o(),V()}function g(){l(),f(),o()}function N(S,E){k(S,E),o(),V()}return r.onMounted(()=>{e.immediate!==!1&&o()}),{loading:n,data:a,total:d,filters:i,pagination:y,currentPage:u,pageSize:h,handleSearch:s,handleReset:g,setFilter:c,handlePageChange:N,refresh:o,autoRefreshEnabled:b,countdown:C,toggleAutoRefresh:B}}const F=r.defineComponent({name:"DownloadTable",props:{columns:{type:Array,required:!0},queryFields:{type:Array,default:()=>[]},fetchData:{type:Function,required:!0},download:{type:Object,default:void 0},autoRefresh:{type:Object,default:void 0},rowKey:{type:[String,Function],default:"id"},title:{type:String,default:""},bordered:{type:Boolean,default:!0},pageSize:{type:Number,default:10},showIndex:{type:Boolean,default:!1},immediate:{type:Boolean,default:!0}},setup(e,{slots:n}){const{loading:a,data:d,total:i,filters:m,currentPage:l,pageSize:c,handleSearch:u,handleReset:h,handlePageChange:y,refresh:k,autoRefreshEnabled:f,countdown:w,toggleAutoRefresh:b}=$({fetchData:e.fetchData,queryFields:e.queryFields,pageSize:e.pageSize,autoRefresh:e.autoRefresh,immediate:e.immediate}),C=r.computed(()=>{const o=[];return e.showIndex&&o.push({title:"序号",dataIndex:"index",key:"index",width:80,align:"center",customRender:({index:s})=>(l.value-1)*c.value+s+1}),[...o,...e.columns]}),B=r.computed(()=>{const o=C.value.reduce((s,g)=>{const N=typeof g.width=="number"?g.width:0;return s+N},0);return o>0?{x:o}:void 0}),V=r.computed(()=>{const o=["query-form","toolbar"],s={};return Object.keys(n).forEach(g=>{o.includes(g)||(s[g]=!0)}),s});return{loading:a,data:d,total:i,filters:m,currentPage:l,pageSize:c,handleSearch:u,handleReset:h,handlePageChange:y,refresh:k,download:r.computed(()=>e.download),canDownload:o=>e.download?e.download.canDownload?e.download.canDownload(o):o&&o.status==="completed":!1,autoRefreshEnabled:f,countdown:w,toggleAutoRefresh:b,computedColumns:C,scroll:B,filteredSlots:V}}}),D=(e,n)=>{const a=e.__vccOpts||e;for(const[d,i]of n)a[d]=i;return a},U={class:"download-table-wrapper"},_={key:0,class:"query-form-wrapper"},A={class:"toolbar-wrapper"},O={class:"toolbar-left"},j={key:0,class:"table-title"},I={class:"toolbar-right"},L={key:1,class:"countdown-text"},M={key:1,class:"pagination-wrapper"};function H(e,n,a,d,i,m){const l=t.resolveComponent("a-input"),c=t.resolveComponent("a-input-number"),u=t.resolveComponent("a-select"),h=t.resolveComponent("a-date-picker"),y=t.resolveComponent("a-range-picker"),k=t.resolveComponent("a-form-item"),f=t.resolveComponent("a-button"),w=t.resolveComponent("a-space"),b=t.resolveComponent("a-form"),C=t.resolveComponent("a-switch"),B=t.resolveComponent("a-table"),V=t.resolveComponent("a-pagination");return t.openBlock(),t.createElementBlock("div",U,[e.queryFields&&e.queryFields.length>0?(t.openBlock(),t.createElementBlock("div",_,[t.renderSlot(e.$slots,"query-form",{filters:e.filters,handleSearch:e.handleSearch,handleReset:e.handleReset},()=>[t.createVNode(b,{layout:"inline",model:e.filters},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.queryFields,o=>(t.openBlock(),t.createBlock(k,{key:o.name,label:o.label},{default:t.withCtx(()=>[o.type==="input"?(t.openBlock(),t.createBlock(l,{key:0,modelValue:e.filters[o.name],"onUpdate:modelValue":s=>e.filters[o.name]=s,placeholder:o.placeholder||`请输入${o.label}`,"allow-clear":""},null,8,["modelValue","onUpdate:modelValue","placeholder"])):o.type==="number"?(t.openBlock(),t.createBlock(c,{key:1,modelValue:e.filters[o.name],"onUpdate:modelValue":s=>e.filters[o.name]=s,placeholder:o.placeholder||`请输入${o.label}`,style:{width:"180px"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):o.type==="select"?(t.openBlock(),t.createBlock(u,{key:2,modelValue:e.filters[o.name],"onUpdate:modelValue":s=>e.filters[o.name]=s,placeholder:o.placeholder||`请选择${o.label}`,options:o.options,"allow-clear":"",style:{"min-width":"150px"}},null,8,["modelValue","onUpdate:modelValue","placeholder","options"])):o.type==="datePicker"?(t.openBlock(),t.createBlock(h,{key:3,modelValue:e.filters[o.name],"onUpdate:modelValue":s=>e.filters[o.name]=s,placeholder:o.placeholder||`请选择${o.label}`,style:{width:"180px"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):o.type==="rangePicker"?(t.openBlock(),t.createBlock(y,{key:4,modelValue:e.filters[o.name],"onUpdate:modelValue":s=>e.filters[o.name]=s,placeholder:[o.placeholder||"开始日期",o.placeholder||"结束日期"],style:{width:"240px"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):t.createCommentVNode("",!0)]),_:2},1032,["label"]))),128)),t.createVNode(k,null,{default:t.withCtx(()=>[t.createVNode(w,null,{default:t.withCtx(()=>[t.createVNode(f,{type:"primary",onClick:e.handleSearch},{default:t.withCtx(()=>[...n[1]||(n[1]=[t.createTextVNode("查询",-1)])]),_:1},8,["onClick"]),t.createVNode(f,{onClick:e.handleReset},{default:t.withCtx(()=>[...n[2]||(n[2]=[t.createTextVNode("重置",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["model"])],!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",A,[t.renderSlot(e.$slots,"toolbar",{loading:e.loading,refresh:e.refresh},()=>[t.createElementVNode("div",O,[e.title?(t.openBlock(),t.createElementBlock("span",j,t.toDisplayString(e.title),1)):t.createCommentVNode("",!0)]),t.createElementVNode("div",I,[t.createVNode(w,null,{default:t.withCtx(()=>[t.createVNode(f,{loading:e.loading,onClick:e.refresh},{default:t.withCtx(()=>[...n[3]||(n[3]=[t.createElementVNode("svg",{class:"icon-refresh",viewBox:"64 64 896 896",width:"1em",height:"1em",fill:"currentColor"},[t.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),t.createTextVNode(" 刷新 ",-1)])]),_:1},8,["loading","onClick"]),e.autoRefresh?(t.openBlock(),t.createBlock(C,{key:0,checked:e.autoRefreshEnabled,"checked-children":"自动刷新","un-checked-children":"自动刷新",onChange:e.toggleAutoRefresh},null,8,["checked","onChange"])):t.createCommentVNode("",!0),e.autoRefresh&&e.autoRefreshEnabled?(t.openBlock(),t.createElementBlock("span",L,t.toDisplayString(e.countdown)+"s ",1)):t.createCommentVNode("",!0)]),_:1})])],!0)]),t.createVNode(B,t.mergeProps({"data-source":e.data,columns:e.computedColumns,loading:e.loading,pagination:!1,"row-key":e.rowKey,bordered:e.bordered,scroll:e.scroll},e.$attrs,t.toHandlers(e.$listeners)),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.filteredSlots,(o,s)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[s==="action"?t.renderSlot(e.$slots,"action",{key:0,record:e.slotData&&e.slotData.record,index:e.slotData&&e.slotData.index},()=>[e.download&&e.canDownload(e.slotData&&e.slotData.record)?(t.openBlock(),t.createElementBlock("a",{key:0,onClick:n[0]||(n[0]=g=>e.download.handleDownload(e.slotData.record))},"下载")):t.createCommentVNode("",!0)],!0):t.renderSlot(e.$slots,s,t.mergeProps({key:1,ref_for:!0},e.slotData||{}),()=>[t.createTextVNode(t.toDisplayString(e.slotData?e.slotData.text:""),1)],!0)],64))),256))]),_:3},16,["data-source","columns","loading","row-key","bordered","scroll"]),e.total>0?(t.openBlock(),t.createElementBlock("div",M,[t.createVNode(V,{current:e.currentPage,"page-size":e.pageSize,total:e.total,"show-size-changer":!0,"show-quick-jumper":!0,"show-total":o=>`共 ${o} 条`,onChange:e.handlePageChange,onShowSizeChange:e.handlePageChange},null,8,["current","page-size","total","show-total","onChange","onShowSizeChange"])])):t.createCommentVNode("",!0)])}const q=D(F,[["render",H],["__scopeId","data-v-c29396f5"]]),z={install(e){e.component("DownloadTable",q)}};p.DownloadTable=q,p.VueExportTable=z,p.default=z,p.useAutoRefresh=T,p.usePagination=P,p.useQuery=R,p.useTable=$,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "vue-export-table",
+  "version": "1.1.0",
+  "description": "A Vue table plugin with query, pagination, download and auto-refresh, compatible with Vue 2 and Vue 3",
+  "type": "module",
+  "main": "./dist/vue-export-table.cjs",
+  "module": "./dist/vue-export-table.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/vue-export-table.js",
+      "require": "./dist/vue-export-table.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./vue2": {
+      "import": "./dist/vue-export-table.vue2.js",
+      "require": "./dist/vue-export-table.vue2.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --mode vue3 && vite build --mode vue2 && vue-tsc --emitDeclarationOnly -p tsconfig.build.json",
+    "preview": "vite preview",
+    "type-check": "vue-tsc --noEmit"
+  },
+  "peerDependencies": {
+    "vue": "^2.7.0 || ^3.0.0",
+    "vue-demi": "^0.14.0",
+    "ant-design-vue": "^1.7.0 || ^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue-demi": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.0",
+    "ant-design-vue": "^4.2.6",
+    "typescript": "^5.7.0",
+    "vite": "^6.3.0",
+    "vue": "^3.5.0",
+    "vue-demi": "^0.14.10",
+    "vue-router": "^4.5.0",
+    "vue-tsc": "^2.2.0"
+  },
+  "keywords": [
+    "vue",
+    "vue2",
+    "vue3",
+    "table",
+    "pagination",
+    "download",
+    "auto-refresh",
+    "ant-design-vue",
+    "plugin"
+  ],
+  "license": "MIT"
+}