auto-vue-manual 0.0.4 → 0.0.5

package/dist/auto-vue-page.es.js

@@ -1,15 +1,430 @@
-import "vue";
-import "element-plus";
-const r = (e) => {
-  if (!e.request)
+import { reactive as oe, ref as d, watch as le, onMounted as se, computed as H, toRefs as de, nextTick as ae, unref as v, defineComponent as ue, resolveComponent as R, createBlock as k, openBlock as y, normalizeStyle as he, normalizeClass as me, provide as pe, resolveDirective as fe, createElementBlock as K, withDirectives as ve, renderSlot as D, createCommentVNode as ee, withCtx as _, Fragment as te, renderList as ie, mergeProps as A, resolveDynamicComponent as ye, createElementVNode as ze, createSlots as Ce, createVNode as re, createTextVNode as Se, toDisplayString as be } from "vue";
+import { ElTable as we } from "element-plus";
+let ne;
+const Pe = (s) => {
+  if (!s.request)
     throw new Error("request function is required");
-  e.request, e.mittBus;
-}, o = {
-  install: (e, i) => {
-    Reflect.ownKeys(e._context.provides).some((t) => String(t) === "Symbol(pinia)") || console.warn("Pinia is not provided. Please install and provide Pinia in your app."), r(i);
+  ne = s.request, s.mittBus;
+};
+function _e(s) {
+  const i = s.split(".");
+  return i.length == 1 ? s : i[i.length - 1];
+}
+function ke() {
+  let s = "";
+  for (let i = 0; i < 32; i++) {
+    let n = Math.random() * 16 | 0;
+    (i === 8 || i === 12 || i === 16 || i === 20) && (s += "-"), s += (i === 12 ? 4 : i === 16 ? n & 3 | 8 : n).toString(16);
+  }
+  return s;
+}
+const He = (s, i = {}, n = !0, u, z, o) => {
+  const a = oe({
+    // 表格数据
+    tableData: [],
+    // 分页数据
+    pagination: {
+      // 当前页数
+      page: 1,
+      // 每页显示条数
+      size: 10,
+      // 总条数
+      total: 0
+    },
+    // 查询参数(只包括查询)
+    searchParam: {},
+    // 初始化默认的查询参数
+    searchInitParam: {},
+    // 总参数(包含分页和查询参数)
+    totalParam: {}
+  }), p = d(null), B = d(0), W = d(0), M = d(null), $ = d(0), m = d(5), T = d(0), F = d(0), L = () => {
+    ae(() => {
+      if (!p.value) return;
+      const t = p.value.parentElement, e = (t == null ? void 0 : t.clientHeight) || 0, l = (t == null ? void 0 : t.clientWidth) || 0, r = t ? getComputedStyle(t) : null, c = r ? parseFloat(r.paddingTop) + parseFloat(r.paddingBottom) : 0, h = r ? parseFloat(r.marginTop) + parseFloat(r.marginBottom) : 0, b = Array.from((t == null ? void 0 : t.children) || []).filter((V) => V !== p.value).reduce((V, Z) => {
+        const j = getComputedStyle(Z), ce = parseFloat(j.marginTop) + parseFloat(j.marginBottom), ge = parseFloat(j.marginLeft) + parseFloat(j.marginRight);
+        return [V[0] + Z.clientHeight + ce, V[1] + Z.clientWidth + ge];
+      }, [0, 0]), [S, g] = b, f = e - S - c - h, P = l - g - c - h;
+      p.value.style.height = f ? `${f}px` : "100%", p.value.style.width = P ? `${P}px` : "100%", B.value = f, W.value = P;
+    });
+  };
+  le(B, (t) => {
+    const e = {
+      small: 32,
+      default: 40,
+      large: 48
+    }, l = {
+      small: 41,
+      default: 49,
+      large: 57
+    };
+    let { rowH: r, extH: c, size: h } = o;
+    const b = l[h || "small"] || 41, S = e[h || "small"] || 32, g = n ? 44 : 0;
+    r = r || b, c = (c || 0) + S + g, $.value = t - g, T.value = r, F.value = S, o != null && o.pageSize && (o == null ? void 0 : o.pageSize) > 0 ? a.pagination.size = o == null ? void 0 : o.pageSize : t > 0 && (a.pagination.size = Math.floor((t - c) / r) - (o != null && o.sumUrl ? 1 : 0));
+  }, { deep: !0, immediate: !0 }), le(W, (t) => {
+    if (!n || !t) return;
+    let { size: e = "small" } = o;
+    const r = {
+      "": 32,
+      default: 32,
+      small: 24,
+      large: 40
+    }[e], c = t - 80 - 16 - (r + 8) * 2 - 16 - (e === "small" ? 108 : 114), h = Math.floor(c / (r + 8)) - 1;
+    m.value = Math.min(Math.max(h, 2), 7);
+  }, { deep: !0, immediate: !0 }), se(() => {
+    L(), window.addEventListener("resize", () => {
+      M.value && clearTimeout(M.value), M.value = setTimeout(() => {
+        L();
+      }, 300);
+    });
+  });
+  const I = H({
+    get: () => ({
+      page: a.pagination.page,
+      size: a.pagination.size
+    }),
+    set: (t) => {
+      console.log("我是分页更新之后的值", t);
+    }
+  }), w = () => {
+    ae(async () => {
+      let t = s;
+      if (!(t == "" && !(o != null && o.api)))
+        try {
+          Object.assign(a.totalParam, i, n ? I.value : {});
+          let { data: e } = await ne(t, {
+            ...a.searchInitParam,
+            ...a.totalParam
+          });
+          u && (e = u(e)), a.tableData = n ? e.list : e, n && (a.pagination.total = e.total);
+        } catch (e) {
+          z && z(e);
+        }
+    });
+  }, x = () => {
+    a.totalParam = {};
+    let t = {};
+    for (let e in a.searchParam)
+      (a.searchParam[e] || a.searchParam[e] === !1 || a.searchParam[e] === 0) && (t[e] = a.searchParam[e]);
+    Object.assign(a.totalParam, t);
+  }, G = () => {
+    a.pagination.page = 1, x(), w(), o != null && o.sumUrl && q();
+  }, E = () => {
+    a.pagination.page = 1, a.searchParam = { ...a.searchInitParam }, x(), w(), o != null && o.sumUrl && q();
+  }, N = (t) => {
+    a.pagination.page = 1, a.pagination.size = t, w();
+  }, J = (t) => {
+    a.pagination.page = t, w();
+  }, U = d([]);
+  function Q() {
+    const t = [];
+    for (const e of U.value)
+      t[e.index] = e.text;
+    return t;
+  }
+  async function q() {
+    await ne(o.sumUrl, {
+      ...a.searchInitParam,
+      ...a.totalParam,
+      page: 1,
+      size: 1
+    }).then((t) => {
+      U.value = (t == null ? void 0 : t.data) || [];
+    });
+  }
+  const O = (t) => {
+    a.pagination.size = t;
+  }, C = d(/* @__PURE__ */ new Map()), X = async ({ prop: t, enum: e }) => {
+    if (!e || C.value.has(t) && (typeof e == "function" || C.value.get(t) === e))
+      return;
+    if (typeof e != "function")
+      return C.value.set(t, v(e));
+    C.value.set(t, []);
+    const { data: l } = await e();
+    C.value.set(t, l);
+  }, Y = (t, e = []) => (t.forEach(async (l) => {
+    var r;
+    (r = l._children) != null && r.length && e.push(...Y(l._children)), e.push(l), l.isShow = l.isShow ?? !0, l.isSetting = l.isSetting ?? !0, l.isFilterEnum = l.isFilterEnum ?? !0, await X(l);
+  }), e.filter((l) => {
+    var r;
+    return !((r = l._children) != null && r.length);
+  }));
+  return {
+    ...de(a),
+    enumMap: C,
+    getTableList: w,
+    getSummaries: Q,
+    search: G,
+    reset: E,
+    handleSizeChange: N,
+    handleCurrentChange: J,
+    updatedTotalParam: x,
+    flatColumnsFunc: Y,
+    containerRef: p,
+    calculateHeight: $,
+    calculateRowH: T,
+    calculateTitleH: F,
+    pagerCount: m,
+    updatePageSize: O
+  };
+}, Me = (s = "id", i) => {
+  const n = d(!1), u = d([]), z = H(() => {
+    let a = [];
+    return u.value.forEach((p) => a.push(p[s])), a;
+  });
+  return {
+    isSelected: n,
+    selectedList: u,
+    selectedListIds: z,
+    selectionChange: (a) => {
+      a.length ? n.value = !0 : n.value = !1, u.value = a;
+    }
+  };
+}, Te = /* @__PURE__ */ ue({
+  __name: "Pagination",
+  props: {
+    className: {},
+    styles: {},
+    size: {},
+    pagination: {},
+    pageSize: {},
+    pagerCount: {},
+    handleSizeChange: { type: Function },
+    handleCurrentChange: { type: Function }
+  },
+  setup(s) {
+    const i = s, n = H(() => i.pageSize > 0 ? [i.pageSize, i.pageSize * 2, i.pageSize * 3, i.pageSize * 4, i.pageSize * 5] : []);
+    return (u, z) => {
+      const o = R("el-pagination");
+      return y(), k(o, {
+        class: me(u.className),
+        style: he(u.styles),
+        background: !0,
+        "current-page": u.pagination.page,
+        "page-size": u.pagination.size,
+        "page-sizes": n.value,
+        total: u.pagination.total,
+        "pager-count": i.pagerCount || 7,
+        size: u.size,
+        layout: `total, ${n.value.length > 0 ? "sizes," : ""} prev, pager, next, jumper`,
+        onSizeChange: u.handleSizeChange,
+        onCurrentChange: u.handleCurrentChange
+      }, null, 8, ["class", "style", "current-page", "page-size", "page-sizes", "total", "pager-count", "size", "layout", "onSizeChange", "onCurrentChange"]);
+    };
+  }
+}), Fe = (s = "stroke-width: 4px; fill: rgba(0, 0, 0, 0)") => `
+      <path class="path" d="
+        M 30 15
+        L 28 17
+        M 25.61 25.61
+        A 15 15, 0, 0, 1, 15 30
+        A 15 15, 0, 1, 1, 27.99 7.5 
+        L 15 15
+      " style="${s}"/>
+    `, Le = /* @__PURE__ */ ue({
+  __name: "index",
+  props: {
+    columns: { default: () => [] },
+    data: {},
+    api: {},
+    url: {},
+    sumUrl: {},
+    autoSearch: { type: Boolean, default: !0 },
+    requestError: {},
+    dataCallback: {},
+    title: {},
+    pagination: { type: Boolean, default: !0 },
+    initParam: { default: {} },
+    border: { type: Boolean, default: !1 },
+    toolButton: { type: [Array, Boolean] },
+    rowKey: { default: "id" },
+    searchCol: {},
+    loading: {},
+    size: { default: "" },
+    pageSize: { default: 0 },
+    rowH: { default: 0 },
+    extH: { default: 0 },
+    sumText: {},
+    sumTextFormat: {}
+  },
+  setup(s, { expose: i }) {
+    var t;
+    const n = s, u = d(), z = d("id-" + ke()), o = [
+      "selection",
+      "radio",
+      "index",
+      "expand"
+      // "sort",
+    ], a = d(""), { selectionChange: p, selectedList: B, selectedListIds: W, isSelected: M } = Me(n.rowKey), {
+      tableData: $,
+      pagination: m,
+      searchParam: T,
+      searchInitParam: F,
+      enumMap: L,
+      getTableList: I,
+      search: w,
+      reset: x,
+      flatColumnsFunc: G,
+      handleSizeChange: E,
+      handleCurrentChange: N,
+      containerRef: J,
+      calculateHeight: U,
+      pagerCount: Q
+    } = He(
+      n.url,
+      n.initParam,
+      n.pagination,
+      n.dataCallback,
+      n.requestError,
+      n
+    ), q = () => u.value.clearSelection();
+    se(() => {
+      ae(() => {
+        n.autoSearch && I(), n.data && (m.value.total = n.data.length);
+      });
+    });
+    const O = H(() => n.data ? n.data.slice(
+      (m.value.page - 1) * m.value.size,
+      m.value.size * m.value.page
+    ) : $.value), C = oe(n.columns), X = H(() => G(C));
+    return pe("enumMap", L), (t = H(() => {
+      var e;
+      return (e = X.value) == null ? void 0 : e.filter((l) => {
+        var r, c;
+        return ((r = l.search) == null ? void 0 : r.el) || ((c = l.search) == null ? void 0 : c.render);
+      }).sort((l, r) => l.search.order - r.search.order);
+    }).value) == null || t.forEach((e, l) => {
+      var h, b, S;
+      e.search.order = ((h = e.search) == null ? void 0 : h.order) ?? l + 2;
+      const r = ((b = e.search) == null ? void 0 : b.key) ?? _e(e.prop), c = (S = e.search) == null ? void 0 : S.defaultValue;
+      c != null && (T.value[r] = c, F.value[r] = c);
+    }), i({
+      element: u,
+      tableData: O,
+      radio: a,
+      enumMap: L,
+      pagination: m,
+      searchParam: T,
+      searchInitParam: F,
+      isSelected: M,
+      selectedList: B,
+      selectedListIds: W,
+      // 下面为 function
+      getTableList: I,
+      search: w,
+      reset: x,
+      handleSizeChange: E,
+      handleCurrentChange: N,
+      clearSelection: q
+    }), (e, l) => {
+      const r = R("el-radio"), c = R("el-table-column"), h = R("TableColumn"), b = R("el-empty"), S = fe("loading");
+      return y(), K("div", {
+        ref_key: "containerRef",
+        ref: J
+      }, [
+        ve((y(), k(v(we), {
+          ref_key: "tableRef",
+          ref: u,
+          size: e.size,
+          id: z.value,
+          height: v(U) || void 0,
+          "cell-style": () => ({ padding: 0, height: e.rowH ? e.rowH + "px" : void 0 }),
+          "element-loading-text": "Loading...",
+          "element-loading-spinner": v(Fe)(),
+          "element-loading-svg-view-box": "-10, -10, 50, 50",
+          data: O.value,
+          border: e.border,
+          "row-key": e.rowKey,
+          "table-layout": "auto",
+          onSelectionChange: v(p)
+        }, {
+          append: _(() => [
+            D(e.$slots, "append", {}, void 0, !0)
+          ]),
+          empty: _(() => [
+            re(b, null, {
+              description: _(() => l[2] || (l[2] = [
+                Se(be("No Data"))
+              ])),
+              _: 1
+            })
+          ]),
+          default: _(() => [
+            D(e.$slots, "default", {}, void 0, !0),
+            (y(!0), K(te, null, ie(C, (g) => (y(), K(te, { key: g }, [
+              g.type && o.includes(g.type) ? (y(), k(c, A({
+                key: 0,
+                ref_for: !0
+              }, g, {
+                align: g.align ?? "center",
+                "reserve-selection": g.type == "selection"
+              }), {
+                default: _((f) => [
+                  g.type == "expand" ? (y(), K(te, { key: 0 }, [
+                    g.render ? (y(), k(ye(g.render), A({
+                      key: 0,
+                      ref_for: !0
+                    }, f), null, 16)) : D(e.$slots, g.type, A({
+                      key: 1,
+                      ref_for: !0
+                    }, f), void 0, !0)
+                  ], 64)) : ee("", !0),
+                  g.type == "radio" ? (y(), k(r, {
+                    key: 1,
+                    modelValue: a.value,
+                    "onUpdate:modelValue": l[0] || (l[0] = (P) => a.value = P),
+                    label: f.row[e.rowKey]
+                  }, {
+                    default: _(() => l[1] || (l[1] = [
+                      ze("i", null, null, -1)
+                    ])),
+                    _: 2
+                  }, 1032, ["modelValue", "label"])) : ee("", !0)
+                ]),
+                _: 2
+              }, 1040, ["align", "reserve-selection"])) : (y(), k(h, {
+                key: 1,
+                column: g
+              }, Ce({ _: 2 }, [
+                ie(Object.keys(e.$slots), (f) => ({
+                  name: f,
+                  fn: _((P) => [
+                    D(e.$slots, f, A({ ref_for: !0 }, P), void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["column"]))
+            ], 64))), 128))
+          ]),
+          _: 3
+        }, 8, ["size", "id", "height", "cell-style", "element-loading-spinner", "data", "border", "row-key", "onSelectionChange"])), [
+          [S, e.loading]
+        ]),
+        v(m) ? D(e.$slots, "pagination", { key: 0 }, () => [
+          re(Te, {
+            className: "basic-table-pagination",
+            styles: "margin-top: 12px; margin-right: 20px; display: flex; justify-content: flex-end;",
+            size: e.size,
+            "page-size": e.pageSize,
+            "pager-count": v(Q),
+            pagination: v(m),
+            handleSizeChange: v(E),
+            handleCurrentChange: v(N)
+          }, null, 8, ["size", "page-size", "pager-count", "pagination", "handleSizeChange", "handleCurrentChange"])
+        ], !0) : ee("", !0)
+      ], 512);
+    };
+  }
+}), xe = (s, i) => {
+  const n = s.__vccOpts || s;
+  for (const [u, z] of i)
+    n[u] = z;
+  return n;
+}, Be = /* @__PURE__ */ xe(Le, [["__scopeId", "data-v-4a4bf617"]]), We = {
+  install: (s, i) => {
+    Reflect.ownKeys(s._context.provides).some((n) => String(n) === "Symbol(pinia)") || console.warn("Pinia is not provided. Please install and provide Pinia in your app."), Pe(i);
   },
   version: "__VERSION__"
 };
 export {
-  o as default
+  Be as ProTable,
+  We as default
 };

package/dist/auto-vue-page.umd.js

@@ -1 +1,10 @@
-(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["vue","element-plus"],n):(e=typeof globalThis<"u"?globalThis:e||self,e.AutoVuePage=n())})(this,function(){"use strict";const e=i=>{if(!i.request)throw new Error("request function is required");i.request,i.mittBus};return{install:(i,t)=>{Reflect.ownKeys(i._context.provides).some(s=>String(s)==="Symbol(pinia)")||console.warn("Pinia is not provided. Please install and provide Pinia in your app."),e(t)},version:"__VERSION__"}});
+(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y.AutoVuePage={},y.Vue,y.ElementPlus))})(this,function(y,e,G){"use strict";let I;const J=c=>{if(!c.request)throw new Error("request function is required");I=c.request,c.mittBus};function Q(c){const r=c.split(".");return r.length==1?c:r[r.length-1]}function X(){let c="";for(let r=0;r<32;r++){let l=Math.random()*16|0;(r===8||r===12||r===16||r===20)&&(c+="-"),c+=(r===12?4:r===16?l&3|8:l).toString(16)}return c}const Y=(c,r={},l=!0,d,C,s)=>{const n=e.reactive({tableData:[],pagination:{page:1,size:10,total:0},searchParam:{},searchInitParam:{},totalParam:{}}),h=e.ref(null),H=e.ref(0),x=e.ref(0),P=e.ref(null),F=e.ref(0),f=e.ref(5),_=e.ref(0),B=e.ref(0),T=()=>{e.nextTick(()=>{if(!h.value)return;const a=h.value.parentElement,t=(a==null?void 0:a.clientHeight)||0,o=(a==null?void 0:a.clientWidth)||0,i=a?getComputedStyle(a):null,g=i?parseFloat(i.paddingTop)+parseFloat(i.paddingBottom):0,m=i?parseFloat(i.marginTop)+parseFloat(i.marginBottom):0,b=Array.from((a==null?void 0:a.children)||[]).filter(W=>W!==h.value).reduce((W,K)=>{const $=getComputedStyle(K),ne=parseFloat($.marginTop)+parseFloat($.marginBottom),le=parseFloat($.marginLeft)+parseFloat($.marginRight);return[W[0]+K.clientHeight+ne,W[1]+K.clientWidth+le]},[0,0]),[z,u]=b,p=t-z-g-m,w=o-u-g-m;h.value.style.height=p?`${p}px`:"100%",h.value.style.width=w?`${w}px`:"100%",H.value=p,x.value=w})};e.watch(H,a=>{const t={small:32,default:40,large:48},o={small:41,default:49,large:57};let{rowH:i,extH:g,size:m}=s;const b=o[m||"small"]||41,z=t[m||"small"]||32,u=l?44:0;i=i||b,g=(g||0)+z+u,F.value=a-u,_.value=i,B.value=z,s!=null&&s.pageSize&&(s==null?void 0:s.pageSize)>0?n.pagination.size=s==null?void 0:s.pageSize:a>0&&(n.pagination.size=Math.floor((a-g)/i)-(s!=null&&s.sumUrl?1:0))},{deep:!0,immediate:!0}),e.watch(x,a=>{if(!l||!a)return;let{size:t="small"}=s;const i={"":32,default:32,small:24,large:40}[t],g=a-80-16-(i+8)*2-16-(t==="small"?108:114),m=Math.floor(g/(i+8))-1;f.value=Math.min(Math.max(m,2),7)},{deep:!0,immediate:!0}),e.onMounted(()=>{T(),window.addEventListener("resize",()=>{P.value&&clearTimeout(P.value),P.value=setTimeout(()=>{T()},300)})});const L=e.computed({get:()=>({page:n.pagination.page,size:n.pagination.size}),set:a=>{console.log("我是分页更新之后的值",a)}}),k=()=>{e.nextTick(async()=>{let a=c;if(!(a==""&&!(s!=null&&s.api)))try{Object.assign(n.totalParam,r,l?L.value:{});let{data:t}=await I(a,{...n.searchInitParam,...n.totalParam});d&&(t=d(t)),n.tableData=l?t.list:t,l&&(n.pagination.total=t.total)}catch(t){C&&C(t)}})},M=()=>{n.totalParam={};let a={};for(let t in n.searchParam)(n.searchParam[t]||n.searchParam[t]===!1||n.searchParam[t]===0)&&(a[t]=n.searchParam[t]);Object.assign(n.totalParam,a)},U=()=>{n.pagination.page=1,M(),k(),s!=null&&s.sumUrl&&R()},E=()=>{n.pagination.page=1,n.searchParam={...n.searchInitParam},M(),k(),s!=null&&s.sumUrl&&R()},D=a=>{n.pagination.page=1,n.pagination.size=a,k()},q=a=>{n.pagination.page=a,k()},N=e.ref([]);function j(){const a=[];for(const t of N.value)a[t.index]=t.text;return a}async function R(){await I(s.sumUrl,{...n.searchInitParam,...n.totalParam,page:1,size:1}).then(a=>{N.value=(a==null?void 0:a.data)||[]})}const V=a=>{n.pagination.size=a},S=e.ref(new Map),O=async({prop:a,enum:t})=>{if(!t||S.value.has(a)&&(typeof t=="function"||S.value.get(a)===t))return;if(typeof t!="function")return S.value.set(a,e.unref(t));S.value.set(a,[]);const{data:o}=await t();S.value.set(a,o)},A=(a,t=[])=>(a.forEach(async o=>{var i;(i=o._children)!=null&&i.length&&t.push(...A(o._children)),t.push(o),o.isShow=o.isShow??!0,o.isSetting=o.isSetting??!0,o.isFilterEnum=o.isFilterEnum??!0,await O(o)}),t.filter(o=>{var i;return!((i=o._children)!=null&&i.length)}));return{...e.toRefs(n),enumMap:S,getTableList:k,getSummaries:j,search:U,reset:E,handleSizeChange:D,handleCurrentChange:q,updatedTotalParam:M,flatColumnsFunc:A,containerRef:h,calculateHeight:F,calculateRowH:_,calculateTitleH:B,pagerCount:f,updatePageSize:V}},Z=(c="id",r)=>{const l=e.ref(!1),d=e.ref([]),C=e.computed(()=>{let n=[];return d.value.forEach(h=>n.push(h[c])),n});return{isSelected:l,selectedList:d,selectedListIds:C,selectionChange:n=>{n.length?l.value=!0:l.value=!1,d.value=n}}},v=e.defineComponent({__name:"Pagination",props:{className:{},styles:{},size:{},pagination:{},pageSize:{},pagerCount:{},handleSizeChange:{type:Function},handleCurrentChange:{type:Function}},setup(c){const r=c,l=e.computed(()=>r.pageSize>0?[r.pageSize,r.pageSize*2,r.pageSize*3,r.pageSize*4,r.pageSize*5]:[]);return(d,C)=>{const s=e.resolveComponent("el-pagination");return e.openBlock(),e.createBlock(s,{class:e.normalizeClass(d.className),style:e.normalizeStyle(d.styles),background:!0,"current-page":d.pagination.page,"page-size":d.pagination.size,"page-sizes":l.value,total:d.pagination.total,"pager-count":r.pagerCount||7,size:d.size,layout:`total, ${l.value.length>0?"sizes,":""} prev, pager, next, jumper`,onSizeChange:d.handleSizeChange,onCurrentChange:d.handleCurrentChange},null,8,["class","style","current-page","page-size","page-sizes","total","pager-count","size","layout","onSizeChange","onCurrentChange"])}}}),ee=(c="stroke-width: 4px; fill: rgba(0, 0, 0, 0)")=>`
+      <path class="path" d="
+        M 30 15
+        L 28 17
+        M 25.61 25.61
+        A 15 15, 0, 0, 1, 15 30
+        A 15 15, 0, 1, 1, 27.99 7.5 
+        L 15 15
+      " style="${c}"/>
+    `,te=((c,r)=>{const l=c.__vccOpts||c;for(const[d,C]of r)l[d]=C;return l})(e.defineComponent({__name:"index",props:{columns:{default:()=>[]},data:{},api:{},url:{},sumUrl:{},autoSearch:{type:Boolean,default:!0},requestError:{},dataCallback:{},title:{},pagination:{type:Boolean,default:!0},initParam:{default:{}},border:{type:Boolean,default:!1},toolButton:{type:[Array,Boolean]},rowKey:{default:"id"},searchCol:{},loading:{},size:{default:""},pageSize:{default:0},rowH:{default:0},extH:{default:0},sumText:{},sumTextFormat:{}},setup(c,{expose:r}){var a;const l=c,d=e.ref(),C=e.ref("id-"+X()),s=["selection","radio","index","expand"],n=e.ref(""),{selectionChange:h,selectedList:H,selectedListIds:x,isSelected:P}=Z(l.rowKey),{tableData:F,pagination:f,searchParam:_,searchInitParam:B,enumMap:T,getTableList:L,search:k,reset:M,flatColumnsFunc:U,handleSizeChange:E,handleCurrentChange:D,containerRef:q,calculateHeight:N,pagerCount:j}=Y(l.url,l.initParam,l.pagination,l.dataCallback,l.requestError,l),R=()=>d.value.clearSelection();e.onMounted(()=>{e.nextTick(()=>{l.autoSearch&&L(),l.data&&(f.value.total=l.data.length)})});const V=e.computed(()=>l.data?l.data.slice((f.value.page-1)*f.value.size,f.value.size*f.value.page):F.value),S=e.reactive(l.columns),O=e.computed(()=>U(S));return e.provide("enumMap",T),(a=e.computed(()=>{var t;return(t=O.value)==null?void 0:t.filter(o=>{var i,g;return((i=o.search)==null?void 0:i.el)||((g=o.search)==null?void 0:g.render)}).sort((o,i)=>o.search.order-i.search.order)}).value)==null||a.forEach((t,o)=>{var m,b,z;t.search.order=((m=t.search)==null?void 0:m.order)??o+2;const i=((b=t.search)==null?void 0:b.key)??Q(t.prop),g=(z=t.search)==null?void 0:z.defaultValue;g!=null&&(_.value[i]=g,B.value[i]=g)}),r({element:d,tableData:V,radio:n,enumMap:T,pagination:f,searchParam:_,searchInitParam:B,isSelected:P,selectedList:H,selectedListIds:x,getTableList:L,search:k,reset:M,handleSizeChange:E,handleCurrentChange:D,clearSelection:R}),(t,o)=>{const i=e.resolveComponent("el-radio"),g=e.resolveComponent("el-table-column"),m=e.resolveComponent("TableColumn"),b=e.resolveComponent("el-empty"),z=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:q},[e.withDirectives((e.openBlock(),e.createBlock(e.unref(G.ElTable),{ref_key:"tableRef",ref:d,size:t.size,id:C.value,height:e.unref(N)||void 0,"cell-style":()=>({padding:0,height:t.rowH?t.rowH+"px":void 0}),"element-loading-text":"Loading...","element-loading-spinner":e.unref(ee)(),"element-loading-svg-view-box":"-10, -10, 50, 50",data:V.value,border:t.border,"row-key":t.rowKey,"table-layout":"auto",onSelectionChange:e.unref(h)},{append:e.withCtx(()=>[e.renderSlot(t.$slots,"append",{},void 0,!0)]),empty:e.withCtx(()=>[e.createVNode(b,null,{description:e.withCtx(()=>o[2]||(o[2]=[e.createTextVNode(e.toDisplayString("No Data"))])),_:1})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S,u=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:u},[u.type&&s.includes(u.type)?(e.openBlock(),e.createBlock(g,e.mergeProps({key:0,ref_for:!0},u,{align:u.align??"center","reserve-selection":u.type=="selection"}),{default:e.withCtx(p=>[u.type=="expand"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[u.render?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.render),e.mergeProps({key:0,ref_for:!0},p),null,16)):e.renderSlot(t.$slots,u.type,e.mergeProps({key:1,ref_for:!0},p),void 0,!0)],64)):e.createCommentVNode("",!0),u.type=="radio"?(e.openBlock(),e.createBlock(i,{key:1,modelValue:n.value,"onUpdate:modelValue":o[0]||(o[0]=w=>n.value=w),label:p.row[t.rowKey]},{default:e.withCtx(()=>o[1]||(o[1]=[e.createElementVNode("i",null,null,-1)])),_:2},1032,["modelValue","label"])):e.createCommentVNode("",!0)]),_:2},1040,["align","reserve-selection"])):(e.openBlock(),e.createBlock(m,{key:1,column:u},e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),p=>({name:p,fn:e.withCtx(w=>[e.renderSlot(t.$slots,p,e.mergeProps({ref_for:!0},w),void 0,!0)])}))]),1032,["column"]))],64))),128))]),_:3},8,["size","id","height","cell-style","element-loading-spinner","data","border","row-key","onSelectionChange"])),[[z,t.loading]]),e.unref(f)?e.renderSlot(t.$slots,"pagination",{key:0},()=>[e.createVNode(v,{className:"basic-table-pagination",styles:"margin-top: 12px; margin-right: 20px; display: flex; justify-content: flex-end;",size:t.size,"page-size":t.pageSize,"pager-count":e.unref(j),pagination:e.unref(f),handleSizeChange:e.unref(E),handleCurrentChange:e.unref(D)},null,8,["size","page-size","pager-count","pagination","handleSizeChange","handleCurrentChange"])],!0):e.createCommentVNode("",!0)],512)}}}),[["__scopeId","data-v-4a4bf617"]]),ae={install:(c,r)=>{Reflect.ownKeys(c._context.provides).some(l=>String(l)==="Symbol(pinia)")||console.warn("Pinia is not provided. Please install and provide Pinia in your app."),J(r)},version:"__VERSION__"};y.ProTable=te,y.default=ae,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});