joy-admin-components 0.1.26 → 0.1.28

package/dist/joy-admin-components.es.js

@@ -1,38 +1,643 @@
-import { ElForm as d, ElRow as i, ElCol as s } from "element-plus";
-import { defineComponent as c, ref as y, onMounted as g, h as r } from "vue";
-const u = c({
-  name: "JoyForm",
-  setup(o, { slots: t, attrs: n, emit: m }) {
-    const f = y(null), a = () => t.default ? t.default().filter((e) => e.type !== Symbol.for("v-cmt")).map((e) => e.type === Symbol.for("v-fgt") ? e.children : e).flat().map(
-      (e) => {
-        var l;
-        return r(
-          s,
-          { span: ((l = e.props) == null ? void 0 : l.span) || 24 },
+import { ElForm as _e, ElRow as ve, ElCol as ye, dayjs as oe } from "element-plus";
+import { defineComponent as re, ref as w, onMounted as ue, h as W, mergeModels as se, useAttrs as be, useModel as Ce, computed as P, resolveComponent as m, openBlock as f, createBlock as _, mergeProps as q, unref as A, withCtx as g, renderSlot as L, createVNode as x, createTextVNode as H, toDisplayString as T, createCommentVNode as B, createElementBlock as S, Fragment as Z, renderList as ie, withModifiers as ee, nextTick as ce, createElementVNode as Y, resolveDynamicComponent as de, withKeys as ke, normalizeStyle as xe, normalizeClass as te, reactive as X, onUnmounted as Ve } from "vue";
+import { difference as $e, debounce as fe, cloneDeep as we } from "lodash";
+import { useI18n as ne } from "vue-i18n";
+const Ke = re({
+  name: "LayOutForm",
+  setup(n, { slots: u, attrs: t, emit: a }) {
+    const l = w(null), c = () => u.default ? u.default().filter((i) => i.type !== Symbol.for("v-cmt")).map((i) => i.type === Symbol.for("v-fgt") ? i.children : i).flat().map(
+      (i) => {
+        var r;
+        return W(
+          ye,
+          { span: ((r = i.props) == null ? void 0 : r.span) || 24 },
           {
-            default: () => e
+            default: () => i
           }
         );
       }
     ) : null;
-    g(() => {
-      m("ref", f.value);
+    ue(() => {
+      a("ref", l.value);
     });
-    function p() {
-      return r(
-        d,
-        { ...n, ref: f },
-        () => r(i, { gutter: n.gutter ?? 20 }, { default: () => a() })
+    function o() {
+      return W(
+        _e,
+        { ...t, ref: l },
+        () => W(ve, { gutter: t.gutter ?? 20 }, { default: () => c() })
       );
     }
-    return p;
+    return o;
   }
-}), S = {
-  install: (o) => {
-    o.component(u.name, u);
+});
+const j = (n, u) => {
+  const t = n.__vccOpts || n;
+  for (const [a, l] of u)
+    t[a] = l;
+  return t;
+}, Fe = {
+  __name: "index",
+  props: /* @__PURE__ */ se({
+    api: {
+      type: Function
+    },
+    showCheckAll: {
+      type: Boolean,
+      default: !0
+    },
+    optionClick: {
+      type: Function
+    },
+    maxLimit: {
+      type: Number,
+      default: void 0
+    },
+    minLimit: {
+      type: Number,
+      default: void 0
+    },
+    data: {
+      type: Array
+    },
+    labelValue: {
+      type: Object,
+      default: () => ({
+        label: "label",
+        labelEn: "labelEn",
+        value: "value"
+      })
+    },
+    changeLocal: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ se(["success", "change"], ["update:modelValue"]),
+  setup(n, { emit: u }) {
+    const t = n, a = be(), { t: l, locale: c } = ne(), o = Ce(n, "modelValue"), i = P({
+      get() {
+        if (a.multiple == null || o.value == null)
+          return !1;
+        let s = t.data ? t.data : b.value, e = $e(
+          s.map((y) => a["value-key"] ? y : y[t.labelValue.value]),
+          o.value
+        ).length == 0;
+        return o.value.length == s.length && e;
+      },
+      set(s) {
+        return s;
+      }
+    }), r = u, b = w([]), h = async () => {
+      const { data: s } = await t.api();
+      b.value = [...s], r("success", b);
+    };
+    t.api && h();
+    const v = t.labelValue.label.split("-"), $ = (s) => {
+      if (v.length == 1) {
+        if (t.changeLocal)
+          return l(s[t.labelValue.label]);
+        let e = c.value == "en_us" ? s[t.labelValue.labelEn || "i18nName"] : s[t.labelValue.label];
+        return e = e || s[t.labelValue.label], e;
+      } else {
+        let e = [];
+        return v.forEach((y) => {
+          e.push(s[y]);
+        }), e.join("-");
+      }
+    };
+    function E(s) {
+      let e = t.data ? t.data : b.value;
+      o.value = s ? e.map((y) => a["value-key"] ? y : y[t.labelValue.value]) : [], ce(() => {
+        r("change", o.value);
+      });
+    }
+    function z(s) {
+      t.optionClick && t.optionClick(s), t.optionClick && r("change", a["value-key"] ? s : s[t.labelValue.value]);
+    }
+    function F(s) {
+      r("change", s);
+    }
+    function N(s) {
+      return a.multiple != null && a.multiple != !1 && t.maxLimit > 0 ? o.value.length >= t.maxLimit && !o.value.includes(s[t.labelValue.value]) : a.multiple != null && a.multiple != !1 && t.minLimit > 0 ? o.value.length <= t.minLimit && o.value.includes(s[t.labelValue.value]) : !1;
+    }
+    return (s, e) => {
+      const y = m("el-checkbox"), M = m("el-option"), C = m("el-select");
+      return f(), _(C, q({
+        modelValue: o.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (V) => o.value = V)
+      }, A(a), {
+        filterable: "",
+        "collapse-tags": "",
+        "collapse-tags-tooltip": "",
+        clearable: "",
+        onClear: F,
+        onChange: F
+      }), {
+        default: g(() => [
+          A(a).multiple != null && A(a).multiple != !1 && n.showCheckAll ? L(s.$slots, "header", { key: 0 }, () => [
+            x(y, {
+              class: "mgl20",
+              modelValue: i.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (V) => i.value = V),
+              onChange: E
+            }, {
+              default: g(() => [
+                H(T(s.$t("quan-xuan")), 1)
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ], !0) : B("", !0),
+          (f(!0), S(Z, null, ie(n.data ? n.data : b.value, (V, K) => (f(), _(M, {
+            key: K,
+            disabled: N(V),
+            label: $(V),
+            onClick: ee((G) => z(V), ["stop"]),
+            value: A(a)["value-key"] ? V : V[n.labelValue.value]
+          }, null, 8, ["disabled", "label", "onClick", "value"]))), 128))
+        ]),
+        _: 3
+      }, 16, ["modelValue"]);
+    };
+  }
+}, De = /* @__PURE__ */ j(Fe, [["__scopeId", "data-v-02dd2f72"]]), Ge = {
+  __name: "index",
+  emits: ["ok", "no"],
+  setup(n, { emit: u }) {
+    const t = u, a = fe(() => {
+      t("ok");
+    }, 500);
+    function l() {
+      t("no");
+    }
+    return (c, o) => {
+      const i = m("el-link"), r = m("el-popconfirm");
+      return f(), _(r, q(c.$attrs, {
+        onConfirm: A(a),
+        onCancel: l
+      }), {
+        reference: g(() => [
+          x(i, {
+            underline: "never",
+            type: c.$attrs.type
+          }, {
+            default: g(() => [
+              L(c.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["type"])
+        ]),
+        _: 3
+      }, 16, ["onConfirm"]);
+    };
   }
 };
+const ze = ["accept"], Se = {
+  __name: "index",
+  props: {
+    accept: {
+      type: String,
+      default: ".xlsx,.xls"
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["fileChange"],
+  setup(n, { emit: u }) {
+    const t = u, a = w(null);
+    function l(c) {
+      let o = c.target.files[0];
+      t("fileChange", o), a.value.value = null;
+    }
+    return (c, o) => {
+      const i = m("el-button");
+      return f(), S("span", null, [
+        x(i, {
+          loading: n.loading,
+          class: "mgr10",
+          onClick: o[0] || (o[0] = (r) => a.value.click())
+        }, {
+          default: g(() => [
+            H(T(c.$t("dao-ru")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading"]),
+        Y("input", {
+          onChange: l,
+          ref_key: "input",
+          ref: a,
+          accept: n.accept,
+          style: { position: "absolute", width: "0px", height: "0px", opacity: "0" },
+          type: "file"
+        }, null, 40, ze)
+      ]);
+    };
+  }
+}, Je = /* @__PURE__ */ j(Se, [["__scopeId", "data-v-5f1449ad"]]);
+const Ye = re({
+  props: {
+    name: {
+      tyepe: String,
+      required: !0
+    }
+  }
+});
+function Le(n, u, t, a, l, c) {
+  const o = m("el-icon");
+  return f(), _(o, { class: "cmp-icon" }, {
+    default: g(() => [
+      (f(), _(de(n.name)))
+    ]),
+    _: 1
+  });
+}
+const pe = /* @__PURE__ */ j(Ye, [["render", Le], ["__scopeId", "data-v-733f9daa"]]);
+const Be = { key: 0 }, Me = { class: "btns" }, Re = { class: "left" }, Ae = { class: "right" }, He = {
+  __name: "index",
+  props: {
+    form: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["confirm", "reset"],
+  setup(n, { emit: u }) {
+    const t = u, a = w(!0), l = w(null), { t: c } = ne(), o = P(() => a.value ? c("guan-bi") : c("zhan-kai"));
+    function i() {
+      t("confirm");
+    }
+    function r() {
+      t("reset");
+    }
+    function b() {
+      t("confirm");
+    }
+    return (h, v) => {
+      const $ = m("el-input"), E = m("el-date-picker"), z = m("el-form-item"), F = m("el-form"), N = m("el-link"), s = m("el-button");
+      return f(), S("div", {
+        class: "searchBar-container mgt10 mgb10",
+        onKeydown: ke(i, ["enter"])
+      }, [
+        Y("div", {
+          class: "searchBar",
+          style: xe({ height: a.value ? "auto" : "42px" })
+        }, [
+          x(F, {
+            inline: "",
+            model: n.form.data
+          }, {
+            default: g(() => [
+              (f(!0), S(Z, null, ie(n.form.items.filter((e) => !e.hidden), (e) => (f(), S(Z, {
+                key: e.key
+              }, [
+                e.type == "br" ? (f(), S("br", Be)) : (f(), _(z, {
+                  key: 1,
+                  label: e.name
+                }, {
+                  default: g(() => {
+                    var y, M;
+                    return [
+                      e.type === "input" ? (f(), _($, {
+                        key: 0,
+                        modelValue: e.value,
+                        "onUpdate:modelValue": (C) => e.value = C,
+                        class: te(((y = e.option) == null ? void 0 : y.class) || "w150"),
+                        placeholder: h.$t("qing-shu-ru"),
+                        clearable: ""
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "class", "placeholder"])) : e.type === "custom" ? (f(), _(de(e.render), { key: 1 })) : B("", !0),
+                      e.type === "select" ? (f(), _(De, q({
+                        key: 2,
+                        class: ((M = e.option) == null ? void 0 : M.class) || "w150",
+                        modelValue: e.value,
+                        "onUpdate:modelValue": (C) => e.value = C
+                      }, { ref_for: !0 }, e.option, {
+                        onChange: i,
+                        onClear: i
+                      }), null, 16, ["class", "modelValue", "onUpdate:modelValue"])) : B("", !0),
+                      e.type === "date" ? (f(), _(E, {
+                        key: 3,
+                        class: te({ datetimerange: "w300", daterange: "w200" }[e.dateType] || "w100"),
+                        modelValue: e.value,
+                        "onUpdate:modelValue": (C) => e.value = C,
+                        "value-format": { datetimerange: "YYYY-MM-DD HH:mm:ss", daterange: "YYYY-MM-DD" }[e.dateType] || "YYYY-MM-DD",
+                        type: e.dateType || "date",
+                        onFocus: (C) => l.value = e,
+                        onChange: (C) => b(),
+                        placeholder: h.$t("qing-xuan-ze"),
+                        "start-placeholder": h.$t("kai-shi-shi-jian"),
+                        "end-placeholder": h.$t("jie-shu-shi-jian")
+                      }, null, 8, ["class", "modelValue", "onUpdate:modelValue", "value-format", "type", "onFocus", "onChange", "placeholder", "start-placeholder", "end-placeholder"])) : B("", !0)
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["label"]))
+              ], 64))), 128))
+            ]),
+            _: 1
+          }, 8, ["model"])
+        ], 4),
+        Y("div", Me, [
+          Y("div", Re, [
+            L(h.$slots, "table-header-left", {}, void 0, !0)
+          ]),
+          Y("div", Ae, [
+            x(N, {
+              underline: "never",
+              class: "mgr10",
+              onClick: v[0] || (v[0] = (e) => a.value = !a.value)
+            }, {
+              default: g(() => [
+                x(pe, {
+                  name: a.value ? "ArrowUp" : "ArrowDown"
+                }, null, 8, ["name"]),
+                H(" " + T(o.value), 1)
+              ]),
+              _: 1
+            }),
+            x(s, {
+              type: "primary",
+              onClick: i
+            }, {
+              default: g(() => [
+                H(T(h.$t("shai-xuan")), 1)
+              ]),
+              _: 1
+            }),
+            x(s, {
+              type: "primary",
+              onClick: r
+            }, {
+              default: g(() => [
+                H(T(h.$t("chong-zhi")), 1)
+              ]),
+              _: 1
+            }),
+            L(h.$slots, "btn", {}, void 0, !0)
+          ])
+        ])
+      ], 32);
+    };
+  }
+}, Te = /* @__PURE__ */ j(He, [["__scopeId", "data-v-f3f60f9c"]]);
+function Ee(n) {
+  return n ? Array.isArray(n) ? n : n.split(",").map((u) => u.trim()).filter(Boolean) : [];
+}
+function O(n) {
+  let u = {};
+  return n.forEach((t) => {
+    const { key: a, type: l, option: c = {}, value: o, dateType: i, toArr: r } = t;
+    if (l == "input" && (c != null && c.multiple))
+      u[a] = Ee(o);
+    else if (l == "date")
+      if (i.includes("range")) {
+        const [b, h] = a;
+        let [v, $] = o || [];
+        v && i == "daterange" && (v = oe(v).format("YYYY-MM-DD 00:00:00"), $ = oe($).format("YYYY-MM-DD 23:59:59")), u[b] = v, u[h] = $;
+      } else
+        u[a] = o;
+    else
+      l == "select" ? u[a] = r ? [o] : o : u[a] = o;
+  }), u;
+}
+const Ne = { class: "center" }, Ue = {
+  __name: "index",
+  props: {
+    // 表格id 本地存储列设置时使用
+    id: {
+      type: String,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否立即请求
+    immediate: {
+      type: Boolean,
+      default: !0
+    },
+    searchForm: {
+      type: Object,
+      default: () => ({
+        items: [],
+        selections: [],
+        showSearch: !1,
+        showPage: !1,
+        showShadow: !1,
+        showCheckBox: !1
+      })
+    },
+    api: {
+      type: Function
+    },
+    data: {
+      type: Array
+    },
+    tableConfig: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(n, { expose: u }) {
+    const { t, locale: a } = ne(), l = n, c = w(!1), o = w([]), i = we(l.searchForm.items), r = X({
+      pageNo: 1,
+      pageSize: 10,
+      total: 0
+    }), b = w(null), h = w(450), v = fe(() => {
+      ce(() => {
+        if (!b.value)
+          return;
+        const p = b.value.getBoundingClientRect(), k = window.innerHeight, D = p.top, R = 100, J = k - D - R, Q = 200;
+        h.value = Math.max(J, Q);
+      });
+    }, 100), $ = () => {
+      v();
+    };
+    ue(() => {
+      v(), window.addEventListener("resize", $);
+    }), Ve(() => {
+      window.removeEventListener("resize", $);
+    });
+    const E = P(() => C.value.height || h.value);
+    async function z(d) {
+      const { dataFormat: p } = l.tableConfig;
+      c.value = !0;
+      const { code: k, data: D = {} } = await l.api(d).finally(() => {
+        c.value = !1, l.searchForm.selections = [];
+      });
+      if (k == 200) {
+        let R = D.rows || [];
+        o.value = p ? p(R) : R, r.total = D.totalRows || 0;
+      }
+    }
+    function F(d = {}) {
+      z({ ...r, ...O(l.searchForm.items), ...d });
+    }
+    async function N() {
+      const { reset: d } = l.tableConfig;
+      l.searchForm.items.forEach((p) => {
+        const k = i.find((D) => D.key == p.key);
+        k && (p.value = k.value);
+      }), d && await d(), F();
+    }
+    l.api && l.immediate && F();
+    function s() {
+      return { ...r, ...O(l.searchForm.items) };
+    }
+    const e = w(null);
+    u({ tableRef: e, getList: F, getPrm: s, calculateTableHeight: v });
+    const y = X({
+      storage: !0
+    }), M = X({
+      drag: !0,
+      resizable: !0,
+      maxFixedSize: 0
+    }), C = P(() => {
+      const {
+        customConfig: d,
+        columnConfig: p,
+        ...k
+      } = l.tableConfig;
+      return {
+        headerAlign: "left",
+        align: "center",
+        customConfig: { ...y, ...d },
+        "column-config": { ...M, ...p },
+        // 列过多时 自动宽度 虚拟滚动会闪屏 关闭虚拟滚动
+        "virtual-x-config": {
+          enabled: !1,
+          scrollToLeftOnChange: !0
+        },
+        // 纵向虚拟滚动 大于100条开启
+        "virtual-y-config": { enabled: !0, gt: 100 },
+        ...k
+      };
+    }), V = (d) => {
+      r.pageNo = d, z({ ...r, ...O(l.searchForm.items) });
+    }, K = (d) => {
+      r.pageSize = d, r.pageNo = 1, z({ ...r, ...O(l.searchForm.items) });
+    };
+    function G() {
+      const d = e.value.getCheckboxRecords();
+      l.searchForm.selections = d;
+    }
+    const ae = (d) => {
+      const p = e.value;
+      if (p) {
+        p.toggleCheckboxRow(d);
+        const k = e.value.getCheckboxRecords();
+        l.searchForm.selections = k;
+      }
+    };
+    return (d, p) => {
+      const k = m("el-button"), D = m("el-checkbox"), R = m("el-text"), J = m("vxe-column"), Q = m("VxeTable"), me = m("el-pagination");
+      return f(), S("div", {
+        class: te({ box: n.searchForm.showShadow })
+      }, [
+        n.searchForm.showSearch ? (f(), _(Te, {
+          key: 0,
+          form: n.searchForm,
+          onReset: N,
+          onConfirm: p[1] || (p[1] = (U) => F())
+        }, {
+          btn: g(() => [
+            L(d.$slots, "search-bar-btn", {}, void 0, !0),
+            x(k, {
+              round: "",
+              onClick: p[0] || (p[0] = (U) => e.value.openCustom())
+            }, {
+              default: g(() => [
+                x(pe, { name: "Tools" })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        }, 8, ["form"])) : B("", !0),
+        L(d.$slots, "table-header-left", {}, void 0, !0),
+        Y("div", {
+          ref_key: "tableContentRef",
+          ref: b
+        }, [
+          x(Q, q({
+            id: n.id,
+            ref_key: "tableRef",
+            ref: e,
+            loading: n.loading || c.value,
+            data: n.api ? o.value : n.data
+          }, C.value, {
+            height: E.value,
+            onCheckboxChange: G,
+            onCheckboxAll: G,
+            border: ""
+          }), {
+            default: g(() => [
+              n.searchForm.showCheckBox ? (f(), _(J, {
+                key: 0,
+                type: "checkbox",
+                width: A(a) == "zh_cn" ? 80 : 150,
+                fixed: "left",
+                title: d.$t("xu-hao")
+              }, {
+                checkbox: g(({ rowIndex: U, row: le, checked: ge, disabled: I, indeterminate: je }) => [
+                  Y("div", Ne, [
+                    ge ? (f(), _(D, {
+                      key: 0,
+                      checked: !0,
+                      disabled: I,
+                      size: "default",
+                      onClick: ee((he) => !I && ae(le), ["stop"])
+                    }, null, 8, ["disabled", "onClick"])) : (f(), _(D, {
+                      key: 1,
+                      disabled: I,
+                      checked: !1,
+                      size: "default",
+                      onClick: ee((he) => !I && ae(le), ["stop"])
+                    }, null, 8, ["disabled", "onClick"])),
+                    x(R, {
+                      type: "info",
+                      class: "mgl5"
+                    }, {
+                      default: g(() => [
+                        H(T(U + 1), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["width", "title"])) : B("", !0),
+              L(d.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 16, ["id", "loading", "data", "height"])
+        ], 512),
+        n.searchForm.showPage ? (f(), _(me, {
+          key: 1,
+          "current-page": r.pageNo,
+          "onUpdate:currentPage": p[2] || (p[2] = (U) => r.pageNo = U),
+          class: "myPagination mgt10",
+          background: "",
+          layout: "total, sizes, prev, pager, next",
+          total: r.total,
+          "page-size": r.pageSize,
+          "page-sizes": [10, 50, 100, 500],
+          onCurrentChange: V,
+          onSizeChange: K
+        }, null, 8, ["current-page", "total", "page-size"])) : B("", !0)
+      ], 2);
+    };
+  }
+}, Qe = /* @__PURE__ */ j(Ue, [["__scopeId", "data-v-7b74503d"]]);
 export {
-  u as JoyForm,
-  S as default
+  De as CmpDictionary,
+  Ge as ConfrimButton,
+  Je as ImportButton,
+  Ke as LayOutForm,
+  Qe as ListPage,
+  Te as SearchBar
 };

package/dist/joy-admin-components.umd.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("element-plus"),require("vue")):typeof define=="function"&&define.amd?define(["exports","element-plus","vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.JoyAdminComponents={},e.ElementPlus,e.Vue))})(this,function(e,t,o){"use strict";const r=o.defineComponent({name:"JoyForm",setup(f,{slots:u,attrs:i,emit:m}){const l=o.ref(null),s=()=>u.default?u.default().filter(n=>n.type!==Symbol.for("v-cmt")).map(n=>n.type===Symbol.for("v-fgt")?n.children:n).flat().map(n=>{var d;return o.h(t.ElCol,{span:((d=n.props)==null?void 0:d.span)||24},{default:()=>n})}):null;o.onMounted(()=>{m("ref",l.value)});function a(){return o.h(t.ElForm,{...i,ref:l},()=>o.h(t.ElRow,{gutter:i.gutter??20},{default:()=>s()}))}return a}}),p={install:f=>{f.component(r.name,r)}};e.JoyForm=r,e.default=p,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("element-plus"),require("vue"),require("lodash"),require("vue-i18n")):typeof define=="function"&&define.amd?define(["exports","element-plus","vue","lodash","vue-i18n"],x):(u=typeof globalThis<"u"?globalThis:u||self,x(u.JoyAdminComponents={},u.ElementPlus,u.Vue,u._,u.VueI18n))})(this,function(u,x,e,T,Y){"use strict";const K=e.defineComponent({name:"LayOutForm",setup(o,{slots:i,attrs:n,emit:l}){const a=e.ref(null),p=()=>i.default?i.default().filter(d=>d.type!==Symbol.for("v-cmt")).map(d=>d.type===Symbol.for("v-fgt")?d.children:d).flat().map(d=>{var s;return e.h(x.ElCol,{span:((s=d.props)==null?void 0:s.span)||24},{default:()=>d})}):null;e.onMounted(()=>{l("ref",a.value)});function r(){return e.h(x.ElForm,{...n,ref:a},()=>e.h(x.ElRow,{gutter:n.gutter??20},{default:()=>p()}))}return r}}),se="",D=(o,i)=>{const n=o.__vccOpts||o;for(const[l,a]of i)n[l]=a;return n},U=D({__name:"index",props:e.mergeModels({api:{type:Function},showCheckAll:{type:Boolean,default:!0},optionClick:{type:Function},maxLimit:{type:Number,default:void 0},minLimit:{type:Number,default:void 0},data:{type:Array},labelValue:{type:Object,default:()=>({label:"label",labelEn:"labelEn",value:"value"})},changeLocal:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["success","change"],["update:modelValue"]),setup(o,{emit:i}){const n=o,l=e.useAttrs(),{t:a,locale:p}=Y.useI18n(),r=e.useModel(o,"modelValue"),d=e.computed({get(){if(l.multiple==null||r.value==null)return!1;let c=n.data?n.data:C.value,t=T.difference(c.map(_=>l["value-key"]?_:_[n.labelValue.value]),r.value).length==0;return r.value.length==c.length&&t},set(c){return c}}),s=i,C=e.ref([]),h=async()=>{const{data:c}=await n.api();C.value=[...c],s("success",C)};n.api&&h();const g=n.labelValue.label.split("-"),V=c=>{if(g.length==1){if(n.changeLocal)return a(c[n.labelValue.label]);let t=p.value=="en_us"?c[n.labelValue.labelEn||"i18nName"]:c[n.labelValue.label];return t=t||c[n.labelValue.label],t}else{let t=[];return g.forEach(_=>{t.push(c[_])}),t.join("-")}};function F(c){let t=n.data?n.data:C.value;r.value=c?t.map(_=>l["value-key"]?_:_[n.labelValue.value]):[],e.nextTick(()=>{s("change",r.value)})}function $(c){n.optionClick&&n.optionClick(c),n.optionClick&&s("change",l["value-key"]?c:c[n.labelValue.value])}function B(c){s("change",c)}function E(c){return l.multiple!=null&&l.multiple!=!1&&n.maxLimit>0?r.value.length>=n.maxLimit&&!r.value.includes(c[n.labelValue.value]):l.multiple!=null&&l.multiple!=!1&&n.minLimit>0?r.value.length<=n.minLimit&&r.value.includes(c[n.labelValue.value]):!1}return(c,t)=>{const _=e.resolveComponent("el-checkbox"),N=e.resolveComponent("el-option"),k=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(k,e.mergeProps({modelValue:r.value,"onUpdate:modelValue":t[1]||(t[1]=b=>r.value=b)},e.unref(l),{filterable:"","collapse-tags":"","collapse-tags-tooltip":"",clearable:"",onClear:B,onChange:B}),{default:e.withCtx(()=>[e.unref(l).multiple!=null&&e.unref(l).multiple!=!1&&o.showCheckAll?e.renderSlot(c.$slots,"header",{key:0},()=>[e.createVNode(_,{class:"mgl20",modelValue:d.value,"onUpdate:modelValue":t[0]||(t[0]=b=>d.value=b),onChange:F},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.$t("quan-xuan")),1)]),_:1},8,["modelValue"])],!0):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.data?o.data:C.value,(b,A)=>(e.openBlock(),e.createBlock(N,{key:A,disabled:E(b),label:V(b),onClick:e.withModifiers(R=>$(b),["stop"]),value:e.unref(l)["value-key"]?b:b[o.labelValue.value]},null,8,["disabled","label","onClick","value"]))),128))]),_:3},16,["modelValue"])}}},[["__scopeId","data-v-02dd2f72"]]),G={__name:"index",emits:["ok","no"],setup(o,{emit:i}){const n=i,l=T.debounce(()=>{n("ok")},500);function a(){n("no")}return(p,r)=>{const d=e.resolveComponent("el-link"),s=e.resolveComponent("el-popconfirm");return e.openBlock(),e.createBlock(s,e.mergeProps(p.$attrs,{onConfirm:e.unref(l),onCancel:a}),{reference:e.withCtx(()=>[e.createVNode(d,{underline:"never",type:p.$attrs.type},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},8,["type"])]),_:3},16,["onConfirm"])}}},de="",J=["accept"],Q=D({__name:"index",props:{accept:{type:String,default:".xlsx,.xls"},loading:{type:Boolean,default:!1}},emits:["fileChange"],setup(o,{emit:i}){const n=i,l=e.ref(null);function a(p){let r=p.target.files[0];n("fileChange",r),l.value.value=null}return(p,r)=>{const d=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("span",null,[e.createVNode(d,{loading:o.loading,class:"mgr10",onClick:r[0]||(r[0]=s=>l.value.click())},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.$t("dao-ru")),1)]),_:1},8,["loading"]),e.createElementVNode("input",{onChange:a,ref_key:"input",ref:l,accept:o.accept,style:{position:"absolute",width:"0px",height:"0px",opacity:"0"},type:"file"},null,40,J)])}}},[["__scopeId","data-v-5f1449ad"]]),me="",W=e.defineComponent({props:{name:{tyepe:String,required:!0}}});function X(o,i,n,l,a,p){const r=e.resolveComponent("el-icon");return e.openBlock(),e.createBlock(r,{class:"cmp-icon"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.name)))]),_:1})}const q=D(W,[["render",X],["__scopeId","data-v-733f9daa"]]),fe="",Z={key:0},v={class:"btns"},ee={class:"left"},te={class:"right"},I=D({__name:"index",props:{form:{type:Object,required:!0}},emits:["confirm","reset"],setup(o,{emit:i}){const n=i,l=e.ref(!0),a=e.ref(null),{t:p}=Y.useI18n(),r=e.computed(()=>l.value?p("guan-bi"):p("zhan-kai"));function d(){n("confirm")}function s(){n("reset")}function C(){n("confirm")}return(h,g)=>{const V=e.resolveComponent("el-input"),F=e.resolveComponent("el-date-picker"),$=e.resolveComponent("el-form-item"),B=e.resolveComponent("el-form"),E=e.resolveComponent("el-link"),c=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",{class:"searchBar-container mgt10 mgb10",onKeydown:e.withKeys(d,["enter"])},[e.createElementVNode("div",{class:"searchBar",style:e.normalizeStyle({height:l.value?"auto":"42px"})},[e.createVNode(B,{inline:"",model:o.form.data},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.form.items.filter(t=>!t.hidden),t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t.key},[t.type=="br"?(e.openBlock(),e.createElementBlock("br",Z)):(e.openBlock(),e.createBlock($,{key:1,label:t.name},{default:e.withCtx(()=>{var _,N;return[t.type==="input"?(e.openBlock(),e.createBlock(V,{key:0,modelValue:t.value,"onUpdate:modelValue":k=>t.value=k,class:e.normalizeClass(((_=t.option)==null?void 0:_.class)||"w150"),placeholder:h.$t("qing-shu-ru"),clearable:""},null,8,["modelValue","onUpdate:modelValue","class","placeholder"])):t.type==="custom"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.render),{key:1})):e.createCommentVNode("",!0),t.type==="select"?(e.openBlock(),e.createBlock(U,e.mergeProps({key:2,class:((N=t.option)==null?void 0:N.class)||"w150",modelValue:t.value,"onUpdate:modelValue":k=>t.value=k},{ref_for:!0},t.option,{onChange:d,onClear:d}),null,16,["class","modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0),t.type==="date"?(e.openBlock(),e.createBlock(F,{key:3,class:e.normalizeClass({datetimerange:"w300",daterange:"w200"}[t.dateType]||"w100"),modelValue:t.value,"onUpdate:modelValue":k=>t.value=k,"value-format":{datetimerange:"YYYY-MM-DD HH:mm:ss",daterange:"YYYY-MM-DD"}[t.dateType]||"YYYY-MM-DD",type:t.dateType||"date",onFocus:k=>a.value=t,onChange:k=>C(),placeholder:h.$t("qing-xuan-ze"),"start-placeholder":h.$t("kai-shi-shi-jian"),"end-placeholder":h.$t("jie-shu-shi-jian")},null,8,["class","modelValue","onUpdate:modelValue","value-format","type","onFocus","onChange","placeholder","start-placeholder","end-placeholder"])):e.createCommentVNode("",!0)]}),_:2},1032,["label"]))],64))),128))]),_:1},8,["model"])],4),e.createElementVNode("div",v,[e.createElementVNode("div",ee,[e.renderSlot(h.$slots,"table-header-left",{},void 0,!0)]),e.createElementVNode("div",te,[e.createVNode(E,{underline:"never",class:"mgr10",onClick:g[0]||(g[0]=t=>l.value=!l.value)},{default:e.withCtx(()=>[e.createVNode(q,{name:l.value?"ArrowUp":"ArrowDown"},null,8,["name"]),e.createTextVNode(" "+e.toDisplayString(r.value),1)]),_:1}),e.createVNode(c,{type:"primary",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.$t("shai-xuan")),1)]),_:1}),e.createVNode(c,{type:"primary",onClick:s},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.$t("chong-zhi")),1)]),_:1}),e.renderSlot(h.$slots,"btn",{},void 0,!0)])])],32)}}},[["__scopeId","data-v-f3f60f9c"]]);function ne(o){return o?Array.isArray(o)?o:o.split(",").map(i=>i.trim()).filter(Boolean):[]}function M(o){let i={};return o.forEach(n=>{const{key:l,type:a,option:p={},value:r,dateType:d,toArr:s}=n;if(a=="input"&&(p!=null&&p.multiple))i[l]=ne(r);else if(a=="date")if(d.includes("range")){const[C,h]=l;let[g,V]=r||[];g&&d=="daterange"&&(g=x.dayjs(g).format("YYYY-MM-DD 00:00:00"),V=x.dayjs(V).format("YYYY-MM-DD 23:59:59")),i[C]=g,i[h]=V}else i[l]=r;else a=="select"?i[l]=s?[r]:r:i[l]=r}),i}const he="",oe={class:"center"},le=D({__name:"index",props:{id:{type:String,required:!0},loading:{type:Boolean,default:!1},immediate:{type:Boolean,default:!0},searchForm:{type:Object,default:()=>({items:[],selections:[],showSearch:!1,showPage:!1,showShadow:!1,showCheckBox:!1})},api:{type:Function},data:{type:Array},tableConfig:{type:Object,default:()=>({})}},setup(o,{expose:i}){const{t:n,locale:l}=Y.useI18n(),a=o,p=e.ref(!1),r=e.ref([]),d=T.cloneDeep(a.searchForm.items),s=e.reactive({pageNo:1,pageSize:10,total:0}),C=e.ref(null),h=e.ref(450),g=T.debounce(()=>{e.nextTick(()=>{if(!C.value)return;const f=C.value.getBoundingClientRect(),y=window.innerHeight,w=f.top,S=100,H=y-w-S,j=200;h.value=Math.max(H,j)})},100),V=()=>{g()};e.onMounted(()=>{g(),window.addEventListener("resize",V)}),e.onUnmounted(()=>{window.removeEventListener("resize",V)});const F=e.computed(()=>k.value.height||h.value);async function $(m){const{dataFormat:f}=a.tableConfig;p.value=!0;const{code:y,data:w={}}=await a.api(m).finally(()=>{p.value=!1,a.searchForm.selections=[]});if(y==200){let S=w.rows||[];r.value=f?f(S):S,s.total=w.totalRows||0}}function B(m={}){$({...s,...M(a.searchForm.items),...m})}async function E(){const{reset:m}=a.tableConfig;a.searchForm.items.forEach(f=>{const y=d.find(w=>w.key==f.key);y&&(f.value=y.value)}),m&&await m(),B()}a.api&&a.immediate&&B();function c(){return{...s,...M(a.searchForm.items)}}const t=e.ref(null);i({tableRef:t,getList:B,getPrm:c,calculateTableHeight:g});const _=e.reactive({storage:!0}),N=e.reactive({drag:!0,resizable:!0,maxFixedSize:0}),k=e.computed(()=>{const{customConfig:m,columnConfig:f,...y}=a.tableConfig;return{headerAlign:"left",align:"center",customConfig:{..._,...m},"column-config":{...N,...f},"virtual-x-config":{enabled:!1,scrollToLeftOnChange:!0},"virtual-y-config":{enabled:!0,gt:100},...y}}),b=m=>{s.pageNo=m,$({...s,...M(a.searchForm.items)})},A=m=>{s.pageSize=m,s.pageNo=1,$({...s,...M(a.searchForm.items)})};function R(){const m=t.value.getCheckboxRecords();a.searchForm.selections=m}const O=m=>{const f=t.value;if(f){f.toggleCheckboxRow(m);const y=t.value.getCheckboxRecords();a.searchForm.selections=y}};return(m,f)=>{const y=e.resolveComponent("el-button"),w=e.resolveComponent("el-checkbox"),S=e.resolveComponent("el-text"),H=e.resolveComponent("vxe-column"),j=e.resolveComponent("VxeTable"),ae=e.resolveComponent("el-pagination");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({box:o.searchForm.showShadow})},[o.searchForm.showSearch?(e.openBlock(),e.createBlock(I,{key:0,form:o.searchForm,onReset:E,onConfirm:f[1]||(f[1]=z=>B())},{btn:e.withCtx(()=>[e.renderSlot(m.$slots,"search-bar-btn",{},void 0,!0),e.createVNode(y,{round:"",onClick:f[0]||(f[0]=z=>t.value.openCustom())},{default:e.withCtx(()=>[e.createVNode(q,{name:"Tools"})]),_:1})]),_:3},8,["form"])):e.createCommentVNode("",!0),e.renderSlot(m.$slots,"table-header-left",{},void 0,!0),e.createElementVNode("div",{ref_key:"tableContentRef",ref:C},[e.createVNode(j,e.mergeProps({id:o.id,ref_key:"tableRef",ref:t,loading:o.loading||p.value,data:o.api?r.value:o.data},k.value,{height:F.value,onCheckboxChange:R,onCheckboxAll:R,border:""}),{default:e.withCtx(()=>[o.searchForm.showCheckBox?(e.openBlock(),e.createBlock(H,{key:0,type:"checkbox",width:e.unref(l)=="zh_cn"?80:150,fixed:"left",title:m.$t("xu-hao")},{checkbox:e.withCtx(({rowIndex:z,row:P,checked:re,disabled:L,indeterminate:_e})=>[e.createElementVNode("div",oe,[re?(e.openBlock(),e.createBlock(w,{key:0,checked:!0,disabled:L,size:"default",onClick:e.withModifiers(ce=>!L&&O(P),["stop"])},null,8,["disabled","onClick"])):(e.openBlock(),e.createBlock(w,{key:1,disabled:L,checked:!1,size:"default",onClick:e.withModifiers(ce=>!L&&O(P),["stop"])},null,8,["disabled","onClick"])),e.createVNode(S,{type:"info",class:"mgl5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(z+1),1)]),_:2},1024)])]),_:1},8,["width","title"])):e.createCommentVNode("",!0),e.renderSlot(m.$slots,"default",{},void 0,!0)]),_:3},16,["id","loading","data","height"])],512),o.searchForm.showPage?(e.openBlock(),e.createBlock(ae,{key:1,"current-page":s.pageNo,"onUpdate:currentPage":f[2]||(f[2]=z=>s.pageNo=z),class:"myPagination mgt10",background:"",layout:"total, sizes, prev, pager, next",total:s.total,"page-size":s.pageSize,"page-sizes":[10,50,100,500],onCurrentChange:b,onSizeChange:A},null,8,["current-page","total","page-size"])):e.createCommentVNode("",!0)],2)}}},[["__scopeId","data-v-7b74503d"]]);u.CmpDictionary=U,u.ConfrimButton=G,u.ImportButton=Q,u.LayOutForm=K,u.ListPage=le,u.SearchBar=I,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -0,0 +1 @@
+.cmp-icon[data-v-02dd2f72],.cmp-icon[data-v-5f1449ad],.cmp-icon[data-v-733f9daa]{padding:0!important}.searchBar-container .searchBar[data-v-f3f60f9c]{overflow:hidden;transition:all .3s}.searchBar-container .btns[data-v-f3f60f9c]{display:flex;justify-content:space-between;align-items:center}.searchBar-container .btns .left[data-v-f3f60f9c]{display:flex;align-items:center}.searchBar-container .btns .left[data-v-f3f60f9c] .el-tabs__header{margin:0}.searchBar-container .btns .right[data-v-f3f60f9c]{text-align:right}[data-v-7b74503d] .vxe-table-custom-wrapper.placement--top-right.is--active{max-height:400px!important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "joy-admin-components",
-  "version": "0.1.26",
+  "version": "0.1.28",
   "main": "./dist/joy-admin-components.umd.js",
   "module": "./dist/joy-admin-components.es.js",
   "types": "./src/index.d.ts",
@@ -13,7 +13,8 @@
   },
   "files": [
     "dist",
-    "src/index.d.ts"
+    "src/index.d.ts",
+    "src/components/**/*.d.ts"
   ],
   "scripts": {
     "dev": "vite",
@@ -31,5 +32,12 @@
     "vite": "^4.4.6",
     "vue-i18n": "^9.10.1"
   },
-  "devDependencies": {}
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.6.2",
+    "element-plus": "^2.13.2",
+    "sass": "^1.97.3",
+    "vite": "^4.5.14",
+    "vue": "^3.5.29",
+    "vue-i18n": "^9.14.5"
+  }
 }

package/src/components/CmpDictionary/index.d.ts

@@ -0,0 +1,43 @@
+import { DefineComponent } from 'vue';
+import { SelectProps } from 'element-plus';
+
+/**
+ * 字典选择器组件 - 基于 Element Plus Select 封装
+ * 支持 API 请求数据、全选、多语言等功能
+ */
+export interface CmpDictionaryProps extends /* @vue-ignore */ Partial<SelectProps> {
+  /** 获取下拉数据的 API 函数 */
+  api?: () => Promise<{ data: any[] }>;
+  /** 是否显示全选复选框（仅多选模式），默认 true */
+  showCheckAll?: boolean;
+  /** 选项点击回调函数 */
+  optionClick?: (item: any) => void;
+  /** 多选模式下的最大选择数量 */
+  maxLimit?: number;
+  /** 多选模式下的最小选择数量 */
+  minLimit?: number;
+  /** 静态数据源（如果提供则不使用 api） */
+  data?: any[];
+  /** 字段映射配置 */
+  labelValue?: {
+    label?: string;
+    labelEn?: string;
+    value?: string;
+  };
+  /** 是否使用本地 i18n 翻译 label，默认 false */
+  changeLocal?: boolean;
+  /** v-model 绑定值 */
+  modelValue?: any;
+}
+
+export interface CmpDictionaryEmits {
+  /** API 请求成功后触发 */
+  (e: 'success', data: any[]): void;
+  /** 选择值变化时触发 */
+  (e: 'change', value: any): void;
+  /** v-model 更新事件 */
+  (e: 'update:modelValue', value: any): void;
+}
+
+declare const CmpDictionary: DefineComponent<CmpDictionaryProps, {}, any, {}, {}, {}, {}, CmpDictionaryEmits>;
+export default CmpDictionary;

package/src/components/ConfrimButton/index.d.ts

@@ -0,0 +1,19 @@
+import { DefineComponent } from 'vue';
+import { PopconfirmProps } from 'element-plus';
+
+/**
+ * 确认按钮组件 - 基于 Element Plus Popconfirm 封装
+ * 点击后弹出确认气泡，确认后执行操作（自动防抖 500ms）
+ * 继承 Element Plus ElPopconfirm 所有属性
+ */
+export interface ConfrimButtonProps extends /* @vue-ignore */ Partial<PopconfirmProps> {}
+
+export interface ConfrimButtonEmits {
+  /** 确认操作时触发（已防抖处理） */
+  (e: 'ok'): void;
+  /** 取消操作时触发 */
+  (e: 'no'): void;
+}
+
+declare const ConfrimButton: DefineComponent<ConfrimButtonProps, {}, any, {}, {}, {}, {}, ConfrimButtonEmits>;
+export default ConfrimButton;

package/src/components/ImportButton/index.d.ts

@@ -0,0 +1,20 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * 导入按钮组件 - 文件上传按钮
+ * 点击按钮选择文件，支持自定义文件类型
+ */
+export interface ImportButtonProps {
+  /** 接受的文件类型，默认 '.xlsx,.xls' */
+  accept?: string;
+  /** 按钮加载状态 */
+  loading?: boolean;
+}
+
+export interface ImportButtonEmits {
+  /** 文件选择后触发 */
+  (e: 'fileChange', file: File): void;
+}
+
+declare const ImportButton: DefineComponent<ImportButtonProps, {}, any, {}, {}, {}, {}, ImportButtonEmits>;
+export default ImportButton;

package/src/components/LayOutForm/index.d.ts

@@ -0,0 +1,20 @@
+import { DefineComponent } from 'vue';
+import { FormProps } from 'element-plus';
+
+/**
+ * LayOutForm 组件 - 带栅格布局的表单容器
+ * 继承 Element Plus ElForm 所有属性
+ * 自动为表单项添加栅格布局，支持多列表单
+ */
+export interface LayOutFormProps extends /* @vue-ignore */ FormProps {
+  /** 栅格间隔，默认 20 */
+  gutter?: number;
+}
+
+export interface LayOutFormEmits {
+  /** 组件挂载完成后触发，返回表单 ref */
+  (e: 'ref', formRef: any): void;
+}
+
+declare const LayOutForm: DefineComponent<LayOutFormProps, {}, any, {}, {}, {}, {}, LayOutFormEmits>;
+export default LayOutForm;

package/src/components/ListPage/index.d.ts

@@ -0,0 +1,92 @@
+import { DefineComponent } from 'vue';
+
+/** 搜索表单项 */
+export interface SearchFormItem {
+  /** 字段 key */
+  key: string;
+  /** 字段名称 */
+  name: string;
+  /** 字段值 */
+  value: any;
+  /** 表单项类型 */
+  type?: 'input' | 'select' | 'date' | 'custom' | 'br';
+  /** 日期类型 */
+  dateType?: 'date' | 'daterange' | 'datetimerange';
+  /** 是否隐藏 */
+  hidden?: boolean;
+  /** 自定义渲染函数（type 为 custom 时使用） */
+  render?: () => any;
+  /** 额外配置 */
+  option?: {
+    class?: string;
+    [key: string]: any;
+  };
+}
+
+/** 搜索表单配置 */
+export interface SearchFormConfig {
+  /** 表单项列表 */
+  items: SearchFormItem[];
+  /** 选中的行数据（多选） */
+  selections?: any[];
+  /** 是否显示搜索栏 */
+  showSearch?: boolean;
+  /** 是否显示分页 */
+  showPage?: boolean;
+  /** 是否显示阴影 */
+  showShadow?: boolean;
+  /** 是否显示复选框 */
+  showCheckBox?: boolean;
+}
+
+/** 表格配置 */
+export interface TableConfig {
+  /** 数据格式化函数 */
+  dataFormat?: (data: any[]) => any[];
+  /** 重置回调函数 */
+  reset?: () => void | Promise<void>;
+  /** 自定义配置 */
+  customConfig?: Record<string, any>;
+  /** 列配置 */
+  columnConfig?: Record<string, any>;
+  /** 表格高度 */
+  height?: number | string;
+  [key: string]: any;
+}
+
+/**
+ * ListPage 组件 - 列表页面容器
+ * 集成搜索栏、表格、分页等功能
+ * 基于 VxeTable 实现
+ */
+export interface ListPageProps {
+  /** 表格唯一标识，用于本地存储列设置 */
+  id: string;
+  /** 加载状态 */
+  loading?: boolean;
+  /** 是否立即请求数据，默认 true */
+  immediate?: boolean;
+  /** 搜索表单配置 */
+  searchForm?: SearchFormConfig;
+  /** 获取列表数据的 API 函数 */
+  api?: (params: any) => Promise<{ code: number; data: { rows: any[]; totalRows: number } }>;
+  /** 静态数据源（如果提供则不使用 api） */
+  data?: any[];
+  /** 表格配置 */
+  tableConfig?: TableConfig;
+}
+
+/** ListPage 暴露的方法 */
+export interface ListPageExpose {
+  /** VxeTable 实例 */
+  tableRef: any;
+  /** 刷新列表数据 */
+  getList: (params?: any) => void;
+  /** 获取当前搜索参数 */
+  getPrm: () => any;
+  /** 重新计算表格高度 */
+  calculateTableHeight: () => void;
+}
+
+declare const ListPage: DefineComponent<ListPageProps, {}, any>;
+export default ListPage;

package/src/components/SearchBar/index.d.ts

@@ -0,0 +1,51 @@
+import { DefineComponent } from 'vue';
+
+/** 搜索表单项 */
+export interface SearchBarFormItem {
+  /** 字段 key */
+  key: string;
+  /** 字段名称 */
+  name: string;
+  /** 字段值 */
+  value: any;
+  /** 表单项类型 */
+  type?: 'input' | 'select' | 'date' | 'custom' | 'br';
+  /** 日期类型 */
+  dateType?: 'date' | 'daterange' | 'datetimerange';
+  /** 是否隐藏 */
+  hidden?: boolean;
+  /** 自定义渲染函数（type 为 custom 时使用） */
+  render?: () => any;
+  /** 额外配置 */
+  option?: {
+    class?: string;
+    [key: string]: any;
+  };
+}
+
+/** 搜索表单配置 */
+export interface SearchBarForm {
+  /** 表单项列表 */
+  items: SearchBarFormItem[];
+  /** 表单数据对象 */
+  data?: Record<string, any>;
+}
+
+/**
+ * SearchBar 组件 - 搜索栏
+ * 支持多种表单项类型，可折叠展开
+ */
+export interface SearchBarProps {
+  /** 搜索表单配置 */
+  form: SearchBarForm;
+}
+
+export interface SearchBarEmits {
+  /** 筛选按钮点击时触发 */
+  (e: 'confirm'): void;
+  /** 重置按钮点击时触发 */
+  (e: 'reset'): void;
+}
+
+declare const SearchBar: DefineComponent<SearchBarProps, {}, any, {}, {}, {}, {}, SearchBarEmits>;
+export default SearchBar;