china-mobile-international-custom-components 0.0.37 → 0.0.38

package/es/PageContainer.mjs

@@ -1,21 +1,21 @@
-import { w as he } from "./chunks/index.bCzIhWFw.js";
-import { ref as g, useSlots as be, computed as N, watch as K, onMounted as ke, resolveComponent as we, createElementBlock as v, openBlock as r, createCommentVNode as y, createElementVNode as S, renderSlot as E, createVNode as h, unref as i, withCtx as u, createBlock as p, resolveDynamicComponent as Se, toDisplayString as D, normalizeClass as Q, mergeProps as X, toHandlers as Ce, createSlots as _, normalizeStyle as xe, Fragment as O, renderList as R, createTextVNode as ee, normalizeProps as Ee, guardReactiveProps as ze } from "vue";
-import { C as te } from "./chunks/layout.CWL6NVjA.js";
-import { SearchBar as Pe } from "color-star-custom-components";
-import { IconZuo as Ae, IconMore as Ie, IconZuoCopy as Ne, IconYou as Re } from "color-message-aibox-vue";
-import { emitsMap as d, paginationConfig as T, pageParams as A, operationConfigMap as ae } from "color-star-custom-methods";
-import { ElIcon as U, ElTable as De, ElTableColumn as H, ElButton as Oe, ElDropdown as Te, ElDropdownMenu as Be, ElDropdownItem as Ve, ElScrollbar as $e, ElPagination as je } from "element-plus";
-import { useRouter as Fe } from "vue-router";
-import { _ as Me } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/PageContainer.css';const le = {
+import { w as ye } from "./chunks/index.bCzIhWFw.js";
+import { ref as m, useSlots as he, computed as N, watch as W, onMounted as be, createElementBlock as v, openBlock as i, createCommentVNode as y, createElementVNode as S, renderSlot as E, createVNode as h, unref as n, withCtx as d, createBlock as c, resolveDynamicComponent as ke, toDisplayString as R, normalizeClass as J, mergeProps as Q, toHandlers as we, createSlots as X, normalizeStyle as Se, Fragment as O, renderList as D, createTextVNode as _, normalizeProps as Ce, guardReactiveProps as xe } from "vue";
+import { C as ee } from "./chunks/layout.CWL6NVjA.js";
+import { SearchBar as Ee } from "color-star-custom-components";
+import { IconZuo as ze, IconMore as Pe, IconZuoCopy as Ie, IconYou as Ae } from "color-message-aibox-vue";
+import { emitsMap as u, paginationConfig as T, pageParams as I, operationConfigMap as te } from "color-star-custom-methods";
+import { ElIcon as K, ElAutoResizer as Ne, ElTable as De, ElTableColumn as U, ElButton as Re, ElDropdown as Oe, ElDropdownMenu as Te, ElDropdownItem as Be, ElScrollbar as Ve, ElPagination as $e } from "element-plus";
+import { useRouter as je } from "vue-router";
+import { _ as Fe } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/PageContainer.css';const ae = {
   ACTION: "action"
-}, I = {
+}, A = {
   TABLE: "table",
   CARD_INFINITE: "card-infinite"
-}, Le = { class: "page-container flex flex-col overflow-hidden h-full" }, We = { class: "text-1f2329 pd-l-4" }, Ke = { class: "action-buttons flex items-center" }, Ue = { class: "flex items-center w-full" }, He = { class: "flex-1" }, Ye = { class: "card-list" }, Ze = {
+}, Me = { class: "page-container flex flex-col overflow-hidden h-full" }, Le = { class: "text-1f2329 pd-l-4" }, We = { class: "action-buttons flex items-center" }, Ke = { class: "flex items-center w-full" }, Ue = { class: "flex-1" }, He = { class: "card-list" }, Ye = {
   key: 3,
   class: "pagination-section pd-t-16 flex justify-center"
-}, qe = /* @__PURE__ */ Object.assign({
+}, Ze = /* @__PURE__ */ Object.assign({
   name: "PageContainer"
 }, {
   __name: "layout",
@@ -81,8 +81,8 @@ import './assets/PageContainer.css';const le = {
     pagination: {
       type: Object,
       default: () => ({
-        page: A.pageNum,
-        size: A.pageSize,
+        page: I.pageNum,
+        size: I.pageSize,
         total: 0,
         pageSizes: T.pageSizes,
         layout: T.layout
@@ -120,8 +120,8 @@ import './assets/PageContainer.css';const le = {
     // 显示模式：MODES.TABLE(表格) | MODES.CARD_INFINITE(无限滚动卡片)
     mode: {
       type: String,
-      default: I.TABLE,
-      validator: (a) => Object.values(I).includes(a)
+      default: A.TABLE,
+      validator: (l) => Object.values(A).includes(l)
     },
     // 是否显示复选框
     showSelection: {
@@ -140,125 +140,125 @@ import './assets/PageContainer.css';const le = {
     }
   },
   emits: [
-    d.search,
-    d.reset,
-    d.actionClick,
-    d.paginationChange,
-    d.sizeChange,
-    d.dataLoaded,
-    d.dataError,
-    d.updateModelValue,
+    u.search,
+    u.reset,
+    u.actionClick,
+    u.paginationChange,
+    u.sizeChange,
+    u.dataLoaded,
+    u.dataError,
+    u.updateModelValue,
     "selection-change"
   ],
-  setup(a, { expose: ne, emit: oe }) {
-    const re = Fe(), n = a, C = oe, ie = g(null), B = g(null), se = g(null), ue = be(), V = g(!1), b = g([]), k = g({
-      page: A.pageNum,
-      size: A.pageSize,
+  setup(l, { expose: le, emit: ne }) {
+    const oe = je(), o = l, C = ne, re = m(null), B = m(null), ie = m(null), se = he(), V = m(!1), b = m([]), k = m({
+      page: I.pageNum,
+      size: I.pageSize,
       total: 0,
       pageSizes: T.pageSizes,
       layout: T.layout
-    }), w = g({ ...n.modelValue }), z = g(!1), P = g(!0), $ = g([...n.selection]), j = N(
-      () => n.api ? b.value : n.tableData
-    ), m = N(
-      () => n.api ? k.value : n.pagination
+    }), w = m({ ...o.modelValue }), z = m(!1), P = m(!0), $ = m([...o.selection]), j = N(
+      () => o.api ? b.value : o.tableData
+    ), p = N(
+      () => o.api ? k.value : o.pagination
     ), F = N(
-      () => n.api ? V.value || z.value : n.tableProps.loading || z.value || !1
-    ), M = N(() => n.mode === I.CARD_INFINITE), Y = N(() => n.columns?.map((e) => {
-      if (e.type === le.ACTION && (Array.isArray(e.actions) || typeof e.actions == "function"))
+      () => o.api ? V.value || z.value : o.tableProps.loading || z.value || !1
+    ), M = N(() => o.mode === A.CARD_INFINITE), H = N(() => o.columns?.map((e) => {
+      if (e.type === ae.ACTION && (Array.isArray(e.actions) || typeof e.actions == "function"))
         return {
           ...e,
           align: "center",
           fixed: "right"
         };
-      const { width: t, ...c } = e;
+      const { width: t, ...r } = e;
       return {
-        ...c,
+        ...r,
         minWidth: t
       };
     })), de = (e) => {
       !M.value || !P.value || F.value || x({}, !0);
-    }, fe = (e, t) => e.id || e.bnid || e.key || `item-${t}`, ce = () => {
-      re.back();
-    }, pe = (e, t) => t.formatter ? t.formatter(e[t.prop], e, t) : e[t.prop], me = (e) => ue[e] !== void 0, L = (e, t) => typeof e.actions == "function" ? e.actions(t) || [] : e.actions || [], ge = (e) => e.length < 3 ? e : e.slice(0, 1), Z = (e) => e.length < 3 ? [] : e.slice(1), x = (e = {}, t = !1) => {
-      if (!n.api) return;
+    }, ue = (e, t) => e.id || e.bnid || e.key || `item-${t}`, fe = () => {
+      oe.back();
+    }, ce = (e, t) => t.formatter ? t.formatter(e[t.prop], e, t) : e[t.prop], pe = (e) => se[e] !== void 0, L = (e, t) => typeof e.actions == "function" ? e.actions(t) || [] : e.actions || [], ge = (e) => e.length < 3 ? e : e.slice(0, 1), Y = (e) => e.length < 3 ? [] : e.slice(1), x = (e = {}, t = !1) => {
+      if (!o.api) return;
       if (t) {
         if (!P.value || z.value) return;
         z.value = !0;
       } else
         V.value = !0, M.value && (P.value = !0, z.value = !1);
-      const c = {
+      const r = {
         ...e,
         // 搜索参数等
-        ...n.apiParams,
+        ...o.apiParams,
         ...w.value
       };
-      n.showPagination && (t ? c.page = m.value.page + 1 : c.page = m.value.page, c.size = m.value.size), n.api(c).then((o) => {
-        const l = o?.data?.memberSo?.data || o?.data?.data || o?.data || [];
+      o.showPagination && (t ? r.page = p.value.page + 1 : r.page = p.value.page, r.size = p.value.size), o.api(r).then((a) => {
+        const g = a?.data?.memberSo?.data || a?.data?.data || a?.data || [];
         if (t) {
-          if (!l || l.length === 0) {
+          if (!g || g.length === 0) {
             P.value = !1;
             return;
           }
-          b.value = [...b.value, ...l], k.value.page = c.page, k.value.total = o?.data?.memberSo?.total || o?.data?.total || b.value.length, l.length < m.value.size && (P.value = !1);
+          b.value = [...b.value, ...g], k.value.page = r.page, k.value.total = a?.data?.memberSo?.total || a?.data?.total || b.value.length, g.length < p.value.size && (P.value = !1);
         } else
-          console.log("newData", l), b.value = l, k.value.total = o?.data?.memberSo?.total || o?.data?.total || 0;
-        C(d.dataLoaded, {
+          console.log("newData", g), b.value = g, k.value.total = a?.data?.memberSo?.total || a?.data?.total || 0;
+        C(u.dataLoaded, {
           data: b.value,
           pagination: k.value,
-          params: c,
-          response: o?.data,
+          params: r,
+          response: a?.data,
           isLoadMore: t
         });
-      }).catch((o) => {
-        t ? P.value = !1 : (b.value = [], k.value.total = 0), C(d.dataError, o);
+      }).catch((a) => {
+        t ? P.value = !1 : (b.value = [], k.value.total = 0), C(u.dataError, a);
       }).finally(() => {
         t ? z.value = !1 : V.value = !1;
       });
+    }, Z = () => {
+      o.api ? (k.value.page = I.pageNum, x()) : C(u.search, w.value);
     }, q = () => {
-      n.api ? (k.value.page = A.pageNum, x()) : C(d.search, w.value);
-    }, G = () => {
       const e = {};
       Object.keys(w.value).forEach((t) => {
         e[t] = void 0;
-      }), w.value = e, n.api ? (k.value.page = A.pageNum, x()) : C(d.reset);
-    }, J = (e, t, c) => {
-      C(d.actionClick, { action: e, row: t, index: c });
-    }, ve = (e) => {
+      }), w.value = e, o.api ? (k.value.page = I.pageNum, x()) : C(u.reset);
+    }, G = (e, t, r) => {
+      C(u.actionClick, { action: e, row: t, index: r });
+    }, me = (e) => {
       $.value = e, C("selection-change", e);
-    }, ye = (e, t) => {
-      switch (n.mode === I.CARD_INFINITE && (b.value = []), e) {
-        case ae.search:
-          q();
+    }, ve = (e, t) => {
+      switch (o.mode === A.CARD_INFINITE && (b.value = []), e) {
+        case te.search:
+          Z();
           break;
-        case ae.reset:
-          G();
+        case te.reset:
+          q();
           break;
       }
     };
-    return K(
-      () => n.modelValue,
+    return W(
+      () => o.modelValue,
       (e) => {
         w.value = { ...e };
       },
       { deep: !0, immediate: !0 }
-    ), K(
-      () => n.selection,
+    ), W(
+      () => o.selection,
       (e) => {
         $.value = [...e];
       },
       { deep: !0, immediate: !0 }
-    ), K(
+    ), W(
       () => w.value,
       (e) => {
-        C(d.updateModelValue, { ...e });
+        C(u.updateModelValue, { ...e });
       },
       { deep: !0 }
-    ), ke(() => {
-      n.autoLoad && n.api && x();
-    }), ne({
+    ), be(() => {
+      o.autoLoad && o.api && x();
+    }), le({
       loadData: x,
-      handleSearch: q,
-      handleReset: G,
+      handleSearch: Z,
+      handleReset: q,
       // 复选框相关方法
       clearSelection: () => B.value?.clearSelection?.(),
       toggleAllSelection: () => B.value?.toggleAllSelection?.(),
@@ -274,253 +274,250 @@ import './assets/PageContainer.css';const le = {
       //     handleReset()
       //   }
       // },
-    }), (e, t) => {
-      const c = we("ElAutoResizer");
-      return r(), v("div", Le, [
-        a.breadcrumb.show ? (r(), v("div", {
-          key: 0,
-          class: "flex items-center fz-14 pd-b-20 pointer",
-          onClick: ce
-        }, [
-          h(i(U), { size: 16 }, {
-            default: u(() => [
-              (r(), p(Se(a.breadcrumb.icon || i(Ae))))
+    }), (e, t) => (i(), v("div", Me, [
+      l.breadcrumb.show ? (i(), v("div", {
+        key: 0,
+        class: "flex items-center fz-14 pd-b-20 pointer",
+        onClick: fe
+      }, [
+        h(n(K), { size: 16 }, {
+          default: d(() => [
+            (i(), c(ke(l.breadcrumb.icon || n(ze))))
+          ]),
+          _: 1
+        }),
+        S("span", Le, R(l.breadcrumb.text), 1)
+      ])) : y("", !0),
+      l.searchFields?.length ? (i(), v("div", {
+        key: 1,
+        class: J({
+          "search-section pd-b-12 mg-b-12": !l.isSeparate,
+          "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16": l.isSeparate
+        })
+      }, [
+        h(ee, { title: "查询" }),
+        h(n(Ee), {
+          ref_key: "searchFormRef",
+          ref: re,
+          items: l.searchFields,
+          "filter-mode": !1,
+          minWidth: l.minWidth,
+          hideExpandButton: !1,
+          fixedWidth: !0,
+          maxHeight: 32,
+          modelValue: w.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => w.value = r),
+          onOperation: ve
+        }, null, 8, ["items", "minWidth", "modelValue"])
+      ], 2)) : y("", !0),
+      S("div", {
+        class: J(["data-section flex-1 overflow-hidden flex flex-col", {
+          "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16 mg-t-16": l.isSeparate
+        }])
+      }, [
+        l.title ? E(e.$slots, "title", { key: 0 }, () => [
+          h(ee, { title: l.title }, {
+            default: d(() => [
+              E(e.$slots, "title-actions", {}, void 0, !0)
             ]),
-            _: 1
-          }),
-          S("span", We, D(a.breadcrumb.text), 1)
-        ])) : y("", !0),
-        a.searchFields?.length ? (r(), v("div", {
+            _: 3
+          }, 8, ["title"])
+        ], !0) : y("", !0),
+        l.mode === n(A).TABLE ? (i(), c(n(Ne), {
           key: 1,
-          class: Q({
-            "search-section pd-b-12 mg-b-12": !a.isSeparate,
-            "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16": a.isSeparate
-          })
-        }, [
-          h(te, { title: "查询" }),
-          h(i(Pe), {
-            ref_key: "searchFormRef",
-            ref: ie,
-            items: a.searchFields,
-            "filter-mode": !1,
-            minWidth: a.minWidth,
-            hideExpandButton: !1,
-            fixedWidth: !0,
-            maxHeight: 32,
-            modelValue: w.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => w.value = o),
-            onOperation: ye
-          }, null, 8, ["items", "minWidth", "modelValue"])
-        ], 2)) : y("", !0),
-        S("div", {
-          class: Q(["data-section flex-1 overflow-hidden flex flex-col", {
-            "bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16 mg-t-16": a.isSeparate
-          }])
-        }, [
-          a.title ? E(e.$slots, "title", { key: 0 }, () => [
-            h(te, { title: a.title }, {
-              default: u(() => [
-                E(e.$slots, "title-actions", {}, void 0, !0)
-              ]),
-              _: 3
-            }, 8, ["title"])
-          ], !0) : y("", !0),
-          a.mode === i(I).TABLE ? (r(), p(c, {
-            key: 1,
-            class: "flex-1 overflow-hidden"
-          }, {
-            default: u(({ width: o }) => [
-              h(i(De), X({
-                ref_key: "tableRef",
-                ref: B,
-                data: j.value,
-                columns: Y.value,
-                "tree-props": a.treeProps,
-                "show-overflow-tooltip": !0,
-                "row-key": a.treeProps.value || a.tableProps.rowKey
-              }, { ...a.tableProps, loading: F.value }, Ce(a.tableEvents), {
-                class: "w-full h-full admin-dashboard-table",
-                border: "",
-                onSelectionChange: ve
-              }), _({
-                default: u(() => [
-                  a.showSelection ? (r(), p(i(H), {
-                    key: 0,
-                    type: "selection",
-                    width: "55",
-                    fixed: "left"
-                  })) : y("", !0),
-                  a.hasExpand ? (r(), p(i(H), {
-                    key: 1,
-                    width: "1",
-                    type: "expand",
-                    fixed: "left"
-                  }, {
-                    default: u((l) => [
-                      S("div", {
-                        class: "sticky-left",
-                        style: xe({ width: o + "px" })
-                      }, [
-                        E(e.$slots, "expand", {
-                          row: l.row
-                        }, void 0, !0)
-                      ], 4)
+          class: "flex-1 overflow-hidden"
+        }, {
+          default: d(({ width: r }) => [
+            h(n(De), Q({
+              ref_key: "tableRef",
+              ref: B,
+              data: j.value,
+              columns: H.value,
+              "tree-props": l.treeProps,
+              "show-overflow-tooltip": !0,
+              "row-key": l.treeProps.value || l.tableProps.rowKey
+            }, { ...l.tableProps, loading: F.value }, we(l.tableEvents), {
+              class: "w-full h-full admin-dashboard-table",
+              border: "",
+              onSelectionChange: me
+            }), X({
+              default: d(() => [
+                l.showSelection ? (i(), c(n(U), {
+                  key: 0,
+                  type: "selection",
+                  width: "55",
+                  fixed: "left"
+                })) : y("", !0),
+                l.hasExpand ? (i(), c(n(U), {
+                  key: 1,
+                  width: "1",
+                  type: "expand",
+                  fixed: "left"
+                }, {
+                  default: d((a) => [
+                    S("div", {
+                      class: "sticky-left",
+                      style: Se({ width: r + "px" })
+                    }, [
+                      E(e.$slots, "expand", {
+                        row: a.row
+                      }, void 0, !0)
+                    ], 4)
+                  ]),
+                  _: 2
+                }, 1024)) : y("", !0),
+                (i(!0), v(O, null, D(H.value, (a, g) => (i(), c(n(U), Q({
+                  key: a.prop
+                }, { ref_for: !0 }, a), X({ _: 2 }, [
+                  a.type === n(ae).ACTION ? {
+                    name: "default",
+                    fn: d((f) => [
+                      S("div", We, [
+                        (i(!0), v(O, null, D(ge(
+                          L(a, f.row)
+                        ), (s) => (i(), c(n(Re), {
+                          key: s.key || s.label,
+                          type: s.type || "primary",
+                          size: s.size || "small",
+                          disabled: s.disabled,
+                          loading: s.loading,
+                          text: s.text,
+                          link: s.link,
+                          icon: s.icon,
+                          onClick: (Ge) => G(s, f.row, f.$index)
+                        }, {
+                          default: d(() => [
+                            _(R(s.label), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["type", "size", "disabled", "loading", "text", "link", "icon", "onClick"]))), 128)),
+                        Y(L(a, f.row)).length > 0 ? (i(), c(n(Oe), {
+                          key: 0,
+                          onCommand: (s) => G(s, f.row, f.$index),
+                          trigger: "click"
+                        }, {
+                          dropdown: d(() => [
+                            h(n(Te), null, {
+                              default: d(() => [
+                                (i(!0), v(O, null, D(Y(
+                                  L(a, f.row)
+                                ), (s) => (i(), c(n(Be), {
+                                  key: s.key || s.label,
+                                  command: s,
+                                  disabled: s.disabled
+                                }, {
+                                  default: d(() => [
+                                    _(R(s.label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["command", "disabled"]))), 128))
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          default: d(() => [
+                            h(n(K), null, {
+                              default: d(() => [
+                                h(n(Pe))
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 2
+                        }, 1032, ["onCommand"])) : y("", !0)
+                      ])
                     ]),
-                    _: 2
-                  }, 1024)) : y("", !0),
-                  (r(!0), v(O, null, R(Y.value, (l, W) => (r(), p(i(H), X({
-                    key: l.prop
-                  }, { ref_for: !0 }, l), _({ _: 2 }, [
-                    l.type === i(le).ACTION ? {
-                      name: "default",
-                      fn: u((f) => [
-                        S("div", Ke, [
-                          (r(!0), v(O, null, R(ge(
-                            L(l, f.row)
-                          ), (s) => (r(), p(i(Oe), {
-                            key: s.key || s.label,
-                            type: s.type || "primary",
-                            size: s.size || "small",
-                            disabled: s.disabled,
-                            loading: s.loading,
-                            text: s.text,
-                            link: s.link,
-                            icon: s.icon,
-                            onClick: (Je) => J(s, f.row, f.$index)
-                          }, {
-                            default: u(() => [
-                              ee(D(s.label), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["type", "size", "disabled", "loading", "text", "link", "icon", "onClick"]))), 128)),
-                          Z(L(l, f.row)).length > 0 ? (r(), p(i(Te), {
-                            key: 0,
-                            onCommand: (s) => J(s, f.row, f.$index),
-                            trigger: "click"
-                          }, {
-                            dropdown: u(() => [
-                              h(i(Be), null, {
-                                default: u(() => [
-                                  (r(!0), v(O, null, R(Z(
-                                    L(l, f.row)
-                                  ), (s) => (r(), p(i(Ve), {
-                                    key: s.key || s.label,
-                                    command: s,
-                                    disabled: s.disabled
-                                  }, {
-                                    default: u(() => [
-                                      ee(D(s.label), 1)
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["command", "disabled"]))), 128))
-                                ]),
-                                _: 2
-                              }, 1024)
-                            ]),
-                            default: u(() => [
-                              h(i(U), null, {
-                                default: u(() => [
-                                  h(i(Ie))
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            _: 2
-                          }, 1032, ["onCommand"])) : y("", !0)
-                        ])
-                      ]),
-                      key: "0"
-                    } : me(l.prop) ? {
-                      name: "default",
-                      fn: u((f) => [
+                    key: "0"
+                  } : pe(a.prop) ? {
+                    name: "default",
+                    fn: d((f) => [
+                      S("div", Ke, [
+                        g === 0 && l.hasExpand ? (i(), c(n(K), {
+                          key: 0,
+                          class: "mg-r-10"
+                        }, {
+                          default: d(() => [
+                            l.tableProps?.expandRowKeys?.includes(
+                              f.row[l.tableProps.rowKey]
+                            ) ? (i(), c(n(Ie), { key: 0 })) : (i(), c(n(Ae), { key: 1 }))
+                          ]),
+                          _: 2
+                        }, 1024)) : y("", !0),
                         S("div", Ue, [
-                          W === 0 && a.hasExpand ? (r(), p(i(U), {
-                            key: 0,
-                            class: "mg-r-10"
-                          }, {
-                            default: u(() => [
-                              a.tableProps?.expandRowKeys?.includes(
-                                f.row[a.tableProps.rowKey]
-                              ) ? (r(), p(i(Ne), { key: 0 })) : (r(), p(i(Re), { key: 1 }))
-                            ]),
-                            _: 2
-                          }, 1024)) : y("", !0),
-                          S("div", He, [
-                            E(e.$slots, l.prop, {
-                              row: f.row,
-                              index: f.$index,
-                              column: l
-                            }, void 0, !0)
-                          ])
+                          E(e.$slots, a.prop, {
+                            row: f.row,
+                            index: f.$index,
+                            column: a
+                          }, void 0, !0)
                         ])
-                      ]),
-                      key: "1"
-                    } : {
-                      name: "default",
-                      fn: u((f) => [
-                        S("span", null, D(pe(f.row, l)), 1)
-                      ]),
-                      key: "2"
-                    }
-                  ]), 1040))), 128))
-                ]),
-                _: 2
+                      ])
+                    ]),
+                    key: "1"
+                  } : {
+                    name: "default",
+                    fn: d((f) => [
+                      S("span", null, R(ce(f.row, a)), 1)
+                    ]),
+                    key: "2"
+                  }
+                ]), 1040))), 128))
+              ]),
+              _: 2
+            }, [
+              D(l.customSlots, (a) => ({
+                name: a,
+                fn: d((g) => [
+                  E(e.$slots, a, Ce(xe(g)), void 0, !0)
+                ])
+              }))
+            ]), 1040, ["data", "columns", "tree-props", "row-key"])
+          ]),
+          _: 3
+        })) : l.mode === n(A).CARD_INFINITE ? (i(), c(n(Ve), {
+          key: 2,
+          ref_key: "scrollbarRef",
+          ref: ie,
+          class: "card-container flex-1",
+          onEndReached: de
+        }, {
+          default: d(() => [
+            S("div", He, [
+              (i(!0), v(O, null, D(j.value, (r, a) => (i(), v("div", {
+                key: ue(r, a),
+                class: "card-item"
               }, [
-                R(a.customSlots, (l) => ({
-                  name: l,
-                  fn: u((W) => [
-                    E(e.$slots, l, Ee(ze(W)), void 0, !0)
-                  ])
-                }))
-              ]), 1040, ["data", "columns", "tree-props", "row-key"])
-            ]),
-            _: 3
-          })) : a.mode === i(I).CARD_INFINITE ? (r(), p(i($e), {
-            key: 2,
-            ref_key: "scrollbarRef",
-            ref: se,
-            class: "card-container flex-1",
-            onEndReached: de
-          }, {
-            default: u(() => [
-              S("div", Ye, [
-                (r(!0), v(O, null, R(j.value, (o, l) => (r(), v("div", {
-                  key: fe(o, l),
-                  class: "card-item"
-                }, [
-                  E(e.$slots, "card", {
-                    item: o,
-                    index: l,
-                    data: j.value,
-                    loading: F.value
-                  }, void 0, !0)
-                ]))), 128))
-              ])
-            ]),
-            _: 3
-          }, 512)) : y("", !0),
-          a.showPagination && !M.value ? (r(), v("div", Ze, [
-            h(i(je), {
-              "current-page": m.value.page,
-              "onUpdate:currentPage": t[1] || (t[1] = (o) => m.value.page = o),
-              "page-size": m.value.size,
-              "onUpdate:pageSize": t[2] || (t[2] = (o) => m.value.size = o),
-              "page-sizes": m.value.pageSizes,
-              total: m.value.total,
-              layout: m.value.layout,
-              onSizeChange: x,
-              onCurrentChange: x
-            }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout"])
-          ])) : y("", !0)
-        ], 2),
-        E(e.$slots, "default", {}, void 0, !0)
-      ]);
-    };
+                E(e.$slots, "card", {
+                  item: r,
+                  index: a,
+                  data: j.value,
+                  loading: F.value
+                }, void 0, !0)
+              ]))), 128))
+            ])
+          ]),
+          _: 3
+        }, 512)) : y("", !0),
+        l.showPagination && !M.value ? (i(), v("div", Ye, [
+          h(n($e), {
+            "current-page": p.value.page,
+            "onUpdate:currentPage": t[1] || (t[1] = (r) => p.value.page = r),
+            "page-size": p.value.size,
+            "onUpdate:pageSize": t[2] || (t[2] = (r) => p.value.size = r),
+            "page-sizes": p.value.pageSizes,
+            total: p.value.total,
+            layout: p.value.layout,
+            onSizeChange: x,
+            onCurrentChange: x
+          }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout"])
+        ])) : y("", !0)
+      ], 2),
+      E(e.$slots, "default", {}, void 0, !0)
+    ]));
   }
-}), Ge = /* @__PURE__ */ Me(qe, [["__scopeId", "data-v-5b5cf5e5"]]), rt = he(Ge);
+}), qe = /* @__PURE__ */ Fe(Ze, [["__scopeId", "data-v-d9594fc8"]]), ot = ye(qe);
 export {
-  le as COLUMN_TYPES,
-  I as MODES,
-  rt as PageContainer,
-  rt as default
+  ae as COLUMN_TYPES,
+  A as MODES,
+  ot as PageContainer,
+  ot as default
 };

package/es/assets/PageContainer.css

@@ -1 +1 @@
-.search-section[data-v-5b5cf5e5]{border-bottom:1px solid var(--border-color)}.action-buttons[data-v-5b5cf5e5]{gap:8px;flex-wrap:wrap}.bg-fff[data-v-5b5cf5e5]{background-color:var(--background-color-2);border:1px solid var(--border-color)}.card-list[data-v-5b5cf5e5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(306px,1fr));gap:16px}[data-v-5b5cf5e5] .el-table__expand-column .el-icon{display:none}[data-v-5b5cf5e5] .el-table__cell.el-table__expanded-cell{position:relative}[data-v-5b5cf5e5] .el-table__cell.el-table__expanded-cell .sticky-left{position:sticky;left:0;top:0;z-index:10}
+.search-section[data-v-d9594fc8]{border-bottom:1px solid var(--border-color)}.action-buttons[data-v-d9594fc8]{gap:8px;flex-wrap:wrap}.bg-fff[data-v-d9594fc8]{background-color:var(--background-color-2);border:1px solid var(--border-color)}.card-list[data-v-d9594fc8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(306px,1fr));gap:16px}[data-v-d9594fc8] .el-table__expand-column .el-icon{display:none}[data-v-d9594fc8] .el-table__cell.el-table__expanded-cell{position:relative}[data-v-d9594fc8] .el-table__cell.el-table__expanded-cell .sticky-left{position:sticky;left:0;top:0;z-index:10}

package/lib/PageContainer.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/PageContainer.css');const X=require("./chunks/index.CkihWzK6.js"),e=require("vue"),R=require("./chunks/layout.DC4lrADH.js"),_=require("color-star-custom-components"),C=require("color-message-aibox-vue"),o=require("color-star-custom-methods"),d=require("element-plus"),ee=require("vue-router"),te=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),z={ACTION:"action"},y={TABLE:"table",CARD_INFINITE:"card-infinite"},ae={class:"page-container flex flex-col overflow-hidden h-full"},le={class:"text-1f2329 pd-l-4"},oe={class:"action-buttons flex items-center"},ne={class:"flex items-center w-full"},re={class:"flex-1"},ie={class:"card-list"},se={key:3,class:"pagination-section pd-t-16 flex justify-center"},ue=Object.assign({name:"PageContainer"},{__name:"layout",props:{breadcrumb:{type:Object,default:()=>({show:!1,text:""})},title:{type:String,default:""},searchFields:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]},tableData:{type:Array,default:()=>[]},tableProps:{type:Object,default:()=>({stripe:!0,border:!1})},treeProps:{type:Object,default:()=>({})},tableEvents:{type:Object,default:()=>({})},showPagination:{type:Boolean,default:!0},pagination:{type:Object,default:()=>({page:o.pageParams.pageNum,size:o.pageParams.pageSize,total:0,pageSizes:o.paginationConfig.pageSizes,layout:o.paginationConfig.layout})},customSlots:{type:Array,default:()=>[]},api:{type:Function,default:null},autoLoad:{type:Boolean,default:!0},apiParams:{type:Object,default:()=>({})},isSeparate:{type:Boolean,default:!1},minWidth:{type:Number,default:290},mode:{type:String,default:y.TABLE,validator:l=>Object.values(y).includes(l)},showSelection:{type:Boolean,default:!1},selection:{type:Array,default:()=>[]},hasExpand:{type:Boolean,default:!1}},emits:[o.emitsMap.search,o.emitsMap.reset,o.emitsMap.actionClick,o.emitsMap.paginationChange,o.emitsMap.sizeChange,o.emitsMap.dataLoaded,o.emitsMap.dataError,o.emitsMap.updateModelValue,"selection-change"],setup(l,{expose:F,emit:j}){const L=ee.useRouter(),r=l,h=j,$=e.ref(null),w=e.ref(null),q=e.ref(null),W=e.useSlots(),S=e.ref(!1),p=e.ref([]),m=e.ref({page:o.pageParams.pageNum,size:o.pageParams.pageSize,total:0,pageSizes:o.paginationConfig.pageSizes,layout:o.paginationConfig.layout}),g=e.ref({...r.modelValue}),k=e.ref(!1),b=e.ref(!0),B=e.ref([...r.selection]),E=e.computed(()=>r.api?p.value:r.tableData),f=e.computed(()=>r.api?m.value:r.pagination),x=e.computed(()=>r.api?S.value||k.value:r.tableProps.loading||k.value||!1),N=e.computed(()=>r.mode===y.CARD_INFINITE),M=e.computed(()=>r.columns?.map(t=>{if(t.type===z.ACTION&&(Array.isArray(t.actions)||typeof t.actions=="function"))return{...t,align:"center",fixed:"right"};const{width:a,...c}=t;return{...c,minWidth:a}})),U=t=>{!N.value||!b.value||x.value||v({},!0)},K=(t,a)=>t.id||t.bnid||t.key||`item-${a}`,H=()=>{L.back()},Y=(t,a)=>a.formatter?a.formatter(t[a.prop],t,a):t[a.prop],Z=t=>W[t]!==void 0,V=(t,a)=>typeof t.actions=="function"?t.actions(a)||[]:t.actions||[],G=t=>t.length<3?t:t.slice(0,1),I=t=>t.length<3?[]:t.slice(1),v=(t={},a=!1)=>{if(!r.api)return;if(a){if(!b.value||k.value)return;k.value=!0}else S.value=!0,N.value&&(b.value=!0,k.value=!1);const c={...t,...r.apiParams,...g.value};r.showPagination&&(a?c.page=f.value.page+1:c.page=f.value.page,c.size=f.value.size),r.api(c).then(i=>{const n=i?.data?.memberSo?.data||i?.data?.data||i?.data||[];if(a){if(!n||n.length===0){b.value=!1;return}p.value=[...p.value,...n],m.value.page=c.page,m.value.total=i?.data?.memberSo?.total||i?.data?.total||p.value.length,n.length<f.value.size&&(b.value=!1)}else console.log("newData",n),p.value=n,m.value.total=i?.data?.memberSo?.total||i?.data?.total||0;h(o.emitsMap.dataLoaded,{data:p.value,pagination:m.value,params:c,response:i?.data,isLoadMore:a})}).catch(i=>{a?b.value=!1:(p.value=[],m.value.total=0),h(o.emitsMap.dataError,i)}).finally(()=>{a?k.value=!1:S.value=!1})},A=()=>{r.api?(m.value.page=o.pageParams.pageNum,v()):h(o.emitsMap.search,g.value)},D=()=>{const t={};Object.keys(g.value).forEach(a=>{t[a]=void 0}),g.value=t,r.api?(m.value.page=o.pageParams.pageNum,v()):h(o.emitsMap.reset)},T=(t,a,c)=>{h(o.emitsMap.actionClick,{action:t,row:a,index:c})},J=t=>{B.value=t,h("selection-change",t)},Q=(t,a)=>{switch(r.mode===y.CARD_INFINITE&&(p.value=[]),t){case o.operationConfigMap.search:A();break;case o.operationConfigMap.reset:D();break}};return e.watch(()=>r.modelValue,t=>{g.value={...t}},{deep:!0,immediate:!0}),e.watch(()=>r.selection,t=>{B.value=[...t]},{deep:!0,immediate:!0}),e.watch(()=>g.value,t=>{h(o.emitsMap.updateModelValue,{...t})},{deep:!0}),e.onMounted(()=>{r.autoLoad&&r.api&&v()}),F({loadData:v,handleSearch:A,handleReset:D,clearSelection:()=>w.value?.clearSelection?.(),toggleAllSelection:()=>w.value?.toggleAllSelection?.(),getSelectionRows:()=>B.value}),(t,a)=>{const c=e.resolveComponent("ElAutoResizer");return e.openBlock(),e.createElementBlock("div",ae,[l.breadcrumb.show?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center fz-14 pd-b-20 pointer",onClick:H},[e.createVNode(e.unref(d.ElIcon),{size:16},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.breadcrumb.icon||e.unref(C.IconZuo))))]),_:1}),e.createElementVNode("span",le,e.toDisplayString(l.breadcrumb.text),1)])):e.createCommentVNode("",!0),l.searchFields?.length?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass({"search-section pd-b-12 mg-b-12":!l.isSeparate,"bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16":l.isSeparate})},[e.createVNode(R.CustomTitle,{title:"查询"}),e.createVNode(e.unref(_.SearchBar),{ref_key:"searchFormRef",ref:$,items:l.searchFields,"filter-mode":!1,minWidth:l.minWidth,hideExpandButton:!1,fixedWidth:!0,maxHeight:32,modelValue:g.value,"onUpdate:modelValue":a[0]||(a[0]=i=>g.value=i),onOperation:Q},null,8,["items","minWidth","modelValue"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["data-section flex-1 overflow-hidden flex flex-col",{"bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16 mg-t-16":l.isSeparate}])},[l.title?e.renderSlot(t.$slots,"title",{key:0},()=>[e.createVNode(R.CustomTitle,{title:l.title},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"title-actions",{},void 0,!0)]),_:3},8,["title"])],!0):e.createCommentVNode("",!0),l.mode===e.unref(y).TABLE?(e.openBlock(),e.createBlock(c,{key:1,class:"flex-1 overflow-hidden"},{default:e.withCtx(({width:i})=>[e.createVNode(e.unref(d.ElTable),e.mergeProps({ref_key:"tableRef",ref:w,data:E.value,columns:M.value,"tree-props":l.treeProps,"show-overflow-tooltip":!0,"row-key":l.treeProps.value||l.tableProps.rowKey},{...l.tableProps,loading:x.value},e.toHandlers(l.tableEvents),{class:"w-full h-full admin-dashboard-table",border:"",onSelectionChange:J}),e.createSlots({default:e.withCtx(()=>[l.showSelection?(e.openBlock(),e.createBlock(e.unref(d.ElTableColumn),{key:0,type:"selection",width:"55",fixed:"left"})):e.createCommentVNode("",!0),l.hasExpand?(e.openBlock(),e.createBlock(e.unref(d.ElTableColumn),{key:1,width:"1",type:"expand",fixed:"left"},{default:e.withCtx(n=>[e.createElementVNode("div",{class:"sticky-left",style:e.normalizeStyle({width:i+"px"})},[e.renderSlot(t.$slots,"expand",{row:n.row},void 0,!0)],4)]),_:2},1024)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(n,P)=>(e.openBlock(),e.createBlock(e.unref(d.ElTableColumn),e.mergeProps({key:n.prop},{ref_for:!0},n),e.createSlots({_:2},[n.type===e.unref(z).ACTION?{name:"default",fn:e.withCtx(u=>[e.createElementVNode("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(G(V(n,u.row)),s=>(e.openBlock(),e.createBlock(e.unref(d.ElButton),{key:s.key||s.label,type:s.type||"primary",size:s.size||"small",disabled:s.disabled,loading:s.loading,text:s.text,link:s.link,icon:s.icon,onClick:ce=>T(s,u.row,u.$index)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1032,["type","size","disabled","loading","text","link","icon","onClick"]))),128)),I(V(n,u.row)).length>0?(e.openBlock(),e.createBlock(e.unref(d.ElDropdown),{key:0,onCommand:s=>T(s,u.row,u.$index),trigger:"click"},{dropdown:e.withCtx(()=>[e.createVNode(e.unref(d.ElDropdownMenu),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I(V(n,u.row)),s=>(e.openBlock(),e.createBlock(e.unref(d.ElDropdownItem),{key:s.key||s.label,command:s,disabled:s.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1032,["command","disabled"]))),128))]),_:2},1024)]),default:e.withCtx(()=>[e.createVNode(e.unref(d.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(C.IconMore))]),_:1})]),_:2},1032,["onCommand"])):e.createCommentVNode("",!0)])]),key:"0"}:Z(n.prop)?{name:"default",fn:e.withCtx(u=>[e.createElementVNode("div",ne,[P===0&&l.hasExpand?(e.openBlock(),e.createBlock(e.unref(d.ElIcon),{key:0,class:"mg-r-10"},{default:e.withCtx(()=>[l.tableProps?.expandRowKeys?.includes(u.row[l.tableProps.rowKey])?(e.openBlock(),e.createBlock(e.unref(C.IconZuoCopy),{key:0})):(e.openBlock(),e.createBlock(e.unref(C.IconYou),{key:1}))]),_:2},1024)):e.createCommentVNode("",!0),e.createElementVNode("div",re,[e.renderSlot(t.$slots,n.prop,{row:u.row,index:u.$index,column:n},void 0,!0)])])]),key:"1"}:{name:"default",fn:e.withCtx(u=>[e.createElementVNode("span",null,e.toDisplayString(Y(u.row,n)),1)]),key:"2"}]),1040))),128))]),_:2},[e.renderList(l.customSlots,n=>({name:n,fn:e.withCtx(P=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(P)),void 0,!0)])}))]),1040,["data","columns","tree-props","row-key"])]),_:3})):l.mode===e.unref(y).CARD_INFINITE?(e.openBlock(),e.createBlock(e.unref(d.ElScrollbar),{key:2,ref_key:"scrollbarRef",ref:q,class:"card-container flex-1",onEndReached:U},{default:e.withCtx(()=>[e.createElementVNode("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(i,n)=>(e.openBlock(),e.createElementBlock("div",{key:K(i,n),class:"card-item"},[e.renderSlot(t.$slots,"card",{item:i,index:n,data:E.value,loading:x.value},void 0,!0)]))),128))])]),_:3},512)):e.createCommentVNode("",!0),l.showPagination&&!N.value?(e.openBlock(),e.createElementBlock("div",se,[e.createVNode(e.unref(d.ElPagination),{"current-page":f.value.page,"onUpdate:currentPage":a[1]||(a[1]=i=>f.value.page=i),"page-size":f.value.size,"onUpdate:pageSize":a[2]||(a[2]=i=>f.value.size=i),"page-sizes":f.value.pageSizes,total:f.value.total,layout:f.value.layout,onSizeChange:v,onCurrentChange:v},null,8,["current-page","page-size","page-sizes","total","layout"])])):e.createCommentVNode("",!0)],2),e.renderSlot(t.$slots,"default",{},void 0,!0)])}}}),de=te._export_sfc(ue,[["__scopeId","data-v-5b5cf5e5"]]),O=X.withInstall(de);exports.COLUMN_TYPES=z;exports.MODES=y;exports.PageContainer=O;exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/PageContainer.css');const Q=require("./chunks/index.CkihWzK6.js"),e=require("vue"),T=require("./chunks/layout.DC4lrADH.js"),X=require("color-star-custom-components"),C=require("color-message-aibox-vue"),o=require("color-star-custom-methods"),s=require("element-plus"),_=require("vue-router"),ee=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),P={ACTION:"action"},y={TABLE:"table",CARD_INFINITE:"card-infinite"},te={class:"page-container flex flex-col overflow-hidden h-full"},ae={class:"text-1f2329 pd-l-4"},le={class:"action-buttons flex items-center"},ne={class:"flex items-center w-full"},oe={class:"flex-1"},re={class:"card-list"},ie={key:3,class:"pagination-section pd-t-16 flex justify-center"},ue=Object.assign({name:"PageContainer"},{__name:"layout",props:{breadcrumb:{type:Object,default:()=>({show:!1,text:""})},title:{type:String,default:""},searchFields:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]},tableData:{type:Array,default:()=>[]},tableProps:{type:Object,default:()=>({stripe:!0,border:!1})},treeProps:{type:Object,default:()=>({})},tableEvents:{type:Object,default:()=>({})},showPagination:{type:Boolean,default:!0},pagination:{type:Object,default:()=>({page:o.pageParams.pageNum,size:o.pageParams.pageSize,total:0,pageSizes:o.paginationConfig.pageSizes,layout:o.paginationConfig.layout})},customSlots:{type:Array,default:()=>[]},api:{type:Function,default:null},autoLoad:{type:Boolean,default:!0},apiParams:{type:Object,default:()=>({})},isSeparate:{type:Boolean,default:!1},minWidth:{type:Number,default:290},mode:{type:String,default:y.TABLE,validator:n=>Object.values(y).includes(n)},showSelection:{type:Boolean,default:!1},selection:{type:Array,default:()=>[]},hasExpand:{type:Boolean,default:!1}},emits:[o.emitsMap.search,o.emitsMap.reset,o.emitsMap.actionClick,o.emitsMap.paginationChange,o.emitsMap.sizeChange,o.emitsMap.dataLoaded,o.emitsMap.dataError,o.emitsMap.updateModelValue,"selection-change"],setup(n,{expose:R,emit:F}){const j=_.useRouter(),r=n,h=F,L=e.ref(null),w=e.ref(null),$=e.ref(null),q=e.useSlots(),S=e.ref(!1),p=e.ref([]),m=e.ref({page:o.pageParams.pageNum,size:o.pageParams.pageSize,total:0,pageSizes:o.paginationConfig.pageSizes,layout:o.paginationConfig.layout}),g=e.ref({...r.modelValue}),k=e.ref(!1),b=e.ref(!0),B=e.ref([...r.selection]),x=e.computed(()=>r.api?p.value:r.tableData),c=e.computed(()=>r.api?m.value:r.pagination),E=e.computed(()=>r.api?S.value||k.value:r.tableProps.loading||k.value||!1),N=e.computed(()=>r.mode===y.CARD_INFINITE),z=e.computed(()=>r.columns?.map(t=>{if(t.type===P.ACTION&&(Array.isArray(t.actions)||typeof t.actions=="function"))return{...t,align:"center",fixed:"right"};const{width:a,...i}=t;return{...i,minWidth:a}})),W=t=>{!N.value||!b.value||E.value||v({},!0)},U=(t,a)=>t.id||t.bnid||t.key||`item-${a}`,K=()=>{j.back()},H=(t,a)=>a.formatter?a.formatter(t[a.prop],t,a):t[a.prop],Y=t=>q[t]!==void 0,V=(t,a)=>typeof t.actions=="function"?t.actions(a)||[]:t.actions||[],Z=t=>t.length<3?t:t.slice(0,1),M=t=>t.length<3?[]:t.slice(1),v=(t={},a=!1)=>{if(!r.api)return;if(a){if(!b.value||k.value)return;k.value=!0}else S.value=!0,N.value&&(b.value=!0,k.value=!1);const i={...t,...r.apiParams,...g.value};r.showPagination&&(a?i.page=c.value.page+1:i.page=c.value.page,i.size=c.value.size),r.api(i).then(l=>{const f=l?.data?.memberSo?.data||l?.data?.data||l?.data||[];if(a){if(!f||f.length===0){b.value=!1;return}p.value=[...p.value,...f],m.value.page=i.page,m.value.total=l?.data?.memberSo?.total||l?.data?.total||p.value.length,f.length<c.value.size&&(b.value=!1)}else console.log("newData",f),p.value=f,m.value.total=l?.data?.memberSo?.total||l?.data?.total||0;h(o.emitsMap.dataLoaded,{data:p.value,pagination:m.value,params:i,response:l?.data,isLoadMore:a})}).catch(l=>{a?b.value=!1:(p.value=[],m.value.total=0),h(o.emitsMap.dataError,l)}).finally(()=>{a?k.value=!1:S.value=!1})},I=()=>{r.api?(m.value.page=o.pageParams.pageNum,v()):h(o.emitsMap.search,g.value)},A=()=>{const t={};Object.keys(g.value).forEach(a=>{t[a]=void 0}),g.value=t,r.api?(m.value.page=o.pageParams.pageNum,v()):h(o.emitsMap.reset)},D=(t,a,i)=>{h(o.emitsMap.actionClick,{action:t,row:a,index:i})},G=t=>{B.value=t,h("selection-change",t)},J=(t,a)=>{switch(r.mode===y.CARD_INFINITE&&(p.value=[]),t){case o.operationConfigMap.search:I();break;case o.operationConfigMap.reset:A();break}};return e.watch(()=>r.modelValue,t=>{g.value={...t}},{deep:!0,immediate:!0}),e.watch(()=>r.selection,t=>{B.value=[...t]},{deep:!0,immediate:!0}),e.watch(()=>g.value,t=>{h(o.emitsMap.updateModelValue,{...t})},{deep:!0}),e.onMounted(()=>{r.autoLoad&&r.api&&v()}),R({loadData:v,handleSearch:I,handleReset:A,clearSelection:()=>w.value?.clearSelection?.(),toggleAllSelection:()=>w.value?.toggleAllSelection?.(),getSelectionRows:()=>B.value}),(t,a)=>(e.openBlock(),e.createElementBlock("div",te,[n.breadcrumb.show?(e.openBlock(),e.createElementBlock("div",{key:0,class:"flex items-center fz-14 pd-b-20 pointer",onClick:K},[e.createVNode(e.unref(s.ElIcon),{size:16},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.breadcrumb.icon||e.unref(C.IconZuo))))]),_:1}),e.createElementVNode("span",ae,e.toDisplayString(n.breadcrumb.text),1)])):e.createCommentVNode("",!0),n.searchFields?.length?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass({"search-section pd-b-12 mg-b-12":!n.isSeparate,"bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16":n.isSeparate})},[e.createVNode(T.CustomTitle,{title:"查询"}),e.createVNode(e.unref(X.SearchBar),{ref_key:"searchFormRef",ref:L,items:n.searchFields,"filter-mode":!1,minWidth:n.minWidth,hideExpandButton:!1,fixedWidth:!0,maxHeight:32,modelValue:g.value,"onUpdate:modelValue":a[0]||(a[0]=i=>g.value=i),onOperation:J},null,8,["items","minWidth","modelValue"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["data-section flex-1 overflow-hidden flex flex-col",{"bg-fff radius-4 pd-l-16 pd-r-16 pd-t-16 pd-b-16 mg-t-16":n.isSeparate}])},[n.title?e.renderSlot(t.$slots,"title",{key:0},()=>[e.createVNode(T.CustomTitle,{title:n.title},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"title-actions",{},void 0,!0)]),_:3},8,["title"])],!0):e.createCommentVNode("",!0),n.mode===e.unref(y).TABLE?(e.openBlock(),e.createBlock(e.unref(s.ElAutoResizer),{key:1,class:"flex-1 overflow-hidden"},{default:e.withCtx(({width:i})=>[e.createVNode(e.unref(s.ElTable),e.mergeProps({ref_key:"tableRef",ref:w,data:x.value,columns:z.value,"tree-props":n.treeProps,"show-overflow-tooltip":!0,"row-key":n.treeProps.value||n.tableProps.rowKey},{...n.tableProps,loading:E.value},e.toHandlers(n.tableEvents),{class:"w-full h-full admin-dashboard-table",border:"",onSelectionChange:G}),e.createSlots({default:e.withCtx(()=>[n.showSelection?(e.openBlock(),e.createBlock(e.unref(s.ElTableColumn),{key:0,type:"selection",width:"55",fixed:"left"})):e.createCommentVNode("",!0),n.hasExpand?(e.openBlock(),e.createBlock(e.unref(s.ElTableColumn),{key:1,width:"1",type:"expand",fixed:"left"},{default:e.withCtx(l=>[e.createElementVNode("div",{class:"sticky-left",style:e.normalizeStyle({width:i+"px"})},[e.renderSlot(t.$slots,"expand",{row:l.row},void 0,!0)],4)]),_:2},1024)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,(l,f)=>(e.openBlock(),e.createBlock(e.unref(s.ElTableColumn),e.mergeProps({key:l.prop},{ref_for:!0},l),e.createSlots({_:2},[l.type===e.unref(P).ACTION?{name:"default",fn:e.withCtx(d=>[e.createElementVNode("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Z(V(l,d.row)),u=>(e.openBlock(),e.createBlock(e.unref(s.ElButton),{key:u.key||u.label,type:u.type||"primary",size:u.size||"small",disabled:u.disabled,loading:u.loading,text:u.text,link:u.link,icon:u.icon,onClick:de=>D(u,d.row,d.$index)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.label),1)]),_:2},1032,["type","size","disabled","loading","text","link","icon","onClick"]))),128)),M(V(l,d.row)).length>0?(e.openBlock(),e.createBlock(e.unref(s.ElDropdown),{key:0,onCommand:u=>D(u,d.row,d.$index),trigger:"click"},{dropdown:e.withCtx(()=>[e.createVNode(e.unref(s.ElDropdownMenu),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M(V(l,d.row)),u=>(e.openBlock(),e.createBlock(e.unref(s.ElDropdownItem),{key:u.key||u.label,command:u,disabled:u.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.label),1)]),_:2},1032,["command","disabled"]))),128))]),_:2},1024)]),default:e.withCtx(()=>[e.createVNode(e.unref(s.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(C.IconMore))]),_:1})]),_:2},1032,["onCommand"])):e.createCommentVNode("",!0)])]),key:"0"}:Y(l.prop)?{name:"default",fn:e.withCtx(d=>[e.createElementVNode("div",ne,[f===0&&n.hasExpand?(e.openBlock(),e.createBlock(e.unref(s.ElIcon),{key:0,class:"mg-r-10"},{default:e.withCtx(()=>[n.tableProps?.expandRowKeys?.includes(d.row[n.tableProps.rowKey])?(e.openBlock(),e.createBlock(e.unref(C.IconZuoCopy),{key:0})):(e.openBlock(),e.createBlock(e.unref(C.IconYou),{key:1}))]),_:2},1024)):e.createCommentVNode("",!0),e.createElementVNode("div",oe,[e.renderSlot(t.$slots,l.prop,{row:d.row,index:d.$index,column:l},void 0,!0)])])]),key:"1"}:{name:"default",fn:e.withCtx(d=>[e.createElementVNode("span",null,e.toDisplayString(H(d.row,l)),1)]),key:"2"}]),1040))),128))]),_:2},[e.renderList(n.customSlots,l=>({name:l,fn:e.withCtx(f=>[e.renderSlot(t.$slots,l,e.normalizeProps(e.guardReactiveProps(f)),void 0,!0)])}))]),1040,["data","columns","tree-props","row-key"])]),_:3})):n.mode===e.unref(y).CARD_INFINITE?(e.openBlock(),e.createBlock(e.unref(s.ElScrollbar),{key:2,ref_key:"scrollbarRef",ref:$,class:"card-container flex-1",onEndReached:W},{default:e.withCtx(()=>[e.createElementVNode("div",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,(i,l)=>(e.openBlock(),e.createElementBlock("div",{key:U(i,l),class:"card-item"},[e.renderSlot(t.$slots,"card",{item:i,index:l,data:x.value,loading:E.value},void 0,!0)]))),128))])]),_:3},512)):e.createCommentVNode("",!0),n.showPagination&&!N.value?(e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(e.unref(s.ElPagination),{"current-page":c.value.page,"onUpdate:currentPage":a[1]||(a[1]=i=>c.value.page=i),"page-size":c.value.size,"onUpdate:pageSize":a[2]||(a[2]=i=>c.value.size=i),"page-sizes":c.value.pageSizes,total:c.value.total,layout:c.value.layout,onSizeChange:v,onCurrentChange:v},null,8,["current-page","page-size","page-sizes","total","layout"])])):e.createCommentVNode("",!0)],2),e.renderSlot(t.$slots,"default",{},void 0,!0)]))}}),se=ee._export_sfc(ue,[["__scopeId","data-v-d9594fc8"]]),O=Q.withInstall(se);exports.COLUMN_TYPES=P;exports.MODES=y;exports.PageContainer=O;exports.default=O;

package/lib/assets/PageContainer.css

@@ -1 +1 @@
-.search-section[data-v-5b5cf5e5]{border-bottom:1px solid var(--border-color)}.action-buttons[data-v-5b5cf5e5]{gap:8px;flex-wrap:wrap}.bg-fff[data-v-5b5cf5e5]{background-color:var(--background-color-2);border:1px solid var(--border-color)}.card-list[data-v-5b5cf5e5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(306px,1fr));gap:16px}[data-v-5b5cf5e5] .el-table__expand-column .el-icon{display:none}[data-v-5b5cf5e5] .el-table__cell.el-table__expanded-cell{position:relative}[data-v-5b5cf5e5] .el-table__cell.el-table__expanded-cell .sticky-left{position:sticky;left:0;top:0;z-index:10}
+.search-section[data-v-d9594fc8]{border-bottom:1px solid var(--border-color)}.action-buttons[data-v-d9594fc8]{gap:8px;flex-wrap:wrap}.bg-fff[data-v-d9594fc8]{background-color:var(--background-color-2);border:1px solid var(--border-color)}.card-list[data-v-d9594fc8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(306px,1fr));gap:16px}[data-v-d9594fc8] .el-table__expand-column .el-icon{display:none}[data-v-d9594fc8] .el-table__cell.el-table__expanded-cell{position:relative}[data-v-d9594fc8] .el-table__cell.el-table__expanded-cell .sticky-left{position:sticky;left:0;top:0;z-index:10}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "china-mobile-international-custom-components",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "keywords": [
     "components",
     "vue",
@@ -107,10 +107,10 @@
     "axios": "^1.8.2",
     "vue": "^3.5.26",
     "color-message-lingyun-vue": "0.0.30",
-    "color-star-atom-style": "0.0.2",
-    "color-star-custom-methods": "0.0.17",
     "color-star-custom-components": "0.0.20",
-    "color-message-aibox-vue": "0.0.80"
+    "color-star-custom-methods": "0.0.17",
+    "color-message-aibox-vue": "0.0.80",
+    "color-star-atom-style": "0.0.2"
   },
   "optionalDependencies": {
     "@ast-grep/napi-linux-x64-musl": "^0.39.6",