geekin-devtoys 0.2.22 → 0.3.2

package/lib/GInputTreeTag/index.mjs

@@ -1,16 +1,16 @@
-import { defineComponent as ie, computed as d, ref as s, watch as pe, nextTick as G, onMounted as ce, onBeforeUnmount as fe, createElementBlock as k, openBlock as p, normalizeClass as S, createElementVNode as E, createBlock as T, createCommentVNode as A, normalizeStyle as N, createVNode as R, unref as m, withKeys as ve, Teleport as me, withDirectives as ge, withModifiers as be, withCtx as H, renderSlot as $, createTextVNode as W, toDisplayString as J, vShow as he, Fragment as we, renderList as ye } from "vue";
-import { ElInput as ke, ElTree as Ee, ElIcon as _e, ElTag as Ve, ElMessage as Q } from "element-plus";
-import { u as Fe } from "../index-CzamRrBC.mjs";
-import { _ as Be } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
-const Ie = {
+import { defineComponent as he, computed as d, ref as i, watch as we, nextTick as D, onMounted as ye, onBeforeUnmount as ke, createElementBlock as F, openBlock as v, normalizeClass as C, createElementVNode as B, createBlock as Z, createCommentVNode as G, normalizeStyle as T, createVNode as W, unref as R, withKeys as Ee, Teleport as Ve, withDirectives as Fe, withModifiers as Be, withCtx as J, renderSlot as x, createTextVNode as P, toDisplayString as Q, vShow as xe, Fragment as Ie, renderList as Me } from "vue";
+import { ElInput as Se, ElTree as _e, ElTag as Le, ElMessage as X } from "element-plus";
+import { _ as Ce } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Te = {
   key: 0,
   class: "g-input-tree-tag__tags"
-}, Me = /* @__PURE__ */ ie({
+}, Re = /* @__PURE__ */ he({
   __name: "index",
   props: {
     modelValue: { default: () => [] },
     data: { default: () => [] },
     props: { default: () => ({}) },
+    echoProps: {},
     nodeKey: { default: "id" },
     placeholder: { default: "请输入关键字搜索" },
     width: { default: 320 },
@@ -25,7 +25,6 @@ const Ie = {
     tagEffect: { default: "light" },
     clearInputAfterSelect: { type: Boolean, default: !0 },
     enterToAdd: { type: Boolean, default: !0 },
-    showLeafIcon: { type: Boolean, default: !0 },
     valueFormat: { default: "value" },
     selectable: {},
     filterMethod: {},
@@ -33,240 +32,263 @@ const Ie = {
     notFoundMessage: { default: "未找到匹配项" }
   },
   emits: ["update:modelValue", "change", "add", "remove", "node-click", "duplicate", "not-found"],
-  setup(_, { expose: X, emit: Y }) {
-    const l = _, n = Y, P = d(() => ({
+  setup(I, { expose: Y, emit: ee }) {
+    const l = I, n = ee, te = d(() => ({
       label: l.props.label || "label",
       children: l.props.children || "children",
       disabled: l.props.disabled
-    })), ee = d(() => l.props.value || l.nodeKey || "id"), te = d(() => l.props.label || "label"), ae = d(() => l.props.children || "children"), V = d(() => l.props.isLeaf), g = (e) => e ? e[ee.value] : void 0, c = (e) => e ? e[te.value] : "", K = (e) => e ? e[ae.value] : void 0, f = (e) => {
+    })), ae = d(() => l.props.value || l.nodeKey || "id"), le = d(() => l.props.label || "label"), oe = d(() => l.props.children || "children"), M = d(() => l.props.isLeaf), ne = d(() => l.echoProps?.value || "value"), re = d(() => l.echoProps?.label || "label"), m = (e) => e ? e[ae.value] : void 0, c = (e) => e ? e[le.value] : "", z = (e) => e ? e[oe.value] : void 0, ue = (e) => e?.[ne.value] ?? e?.value, de = (e) => e?.[re.value] ?? e?.label, p = (e) => {
       if (!e) return !1;
       if (typeof l.selectable == "function") return l.selectable(e);
-      if (V.value && e[V.value] !== void 0) return !!e[V.value];
-      const t = K(e);
+      if (M.value && e[M.value] !== void 0) return !!e[M.value];
+      const t = z(e);
       return !t || !t.length;
-    }, F = d(() => {
+    }, S = d(() => {
       const e = /* @__PURE__ */ new Map(), t = (a = []) => {
         a.forEach((o) => {
-          f(o) && e.set(g(o), o);
-          const u = K(o);
-          u?.length && t(u);
+          p(o) && e.set(m(o), o);
+          const s = z(o);
+          s?.length && t(s);
         });
       };
       return t(l.data || []), e;
-    }), i = d(() => (l.modelValue || []).map((t) => {
-      const a = l.valueFormat === "object" ? t?.value : t, o = F.value.get(a), u = l.valueFormat === "object" ? t?.label : void 0;
+    }), r = d(() => (l.modelValue || []).map((t) => {
+      const a = l.valueFormat === "object" ? ue(t) : t, o = S.value.get(a), s = l.valueFormat === "object" ? de(t) : void 0;
       return {
         value: a,
-        label: o ? c(o) : u ?? String(a ?? ""),
-        raw: o
+        label: o ? c(o) : s ?? String(a ?? ""),
+        raw: o ?? (l.valueFormat === "object" ? t : void 0)
       };
-    })), B = (e) => i.value.some((t) => t.value === e), b = s(""), r = s(!1), O = s(null), j = s(null), U = s(null), I = s(null), q = s({}), M = s("bottom"), le = d(
+    })), w = (e) => r.value.some((t) => t.value === e), y = i(""), u = i(!1), $ = i(null), H = i(null), N = i(null), g = i(null), O = i({}), K = i("bottom"), se = d(
       () => typeof l.width == "number" ? `${l.width}px` : l.width
-    ), L = () => {
-      l.disabled || (r.value = !0);
-    }, h = () => {
-      if (!r.value) return;
-      const e = U.value, t = I.value;
+    ), _ = () => {
+      l.disabled || (u.value = !0);
+    }, k = () => {
+      if (!u.value) return;
+      const e = N.value, t = g.value;
       if (!e || !t) return;
-      const a = e.getBoundingClientRect(), o = t.offsetHeight || l.popperMaxHeight, y = window.innerHeight - a.bottom, se = a.top;
-      let x;
-      y >= o + l.popperOffset || y >= se ? (x = a.bottom + l.popperOffset, M.value = "bottom") : (x = a.top - o - l.popperOffset, M.value = "top"), q.value = {
+      const a = e.getBoundingClientRect(), o = t.offsetHeight || l.popperMaxHeight, V = window.innerHeight - a.bottom - l.popperOffset, ge = a.top, q = V >= o || V >= ge ? "bottom" : "top";
+      K.value = q;
+      const be = q === "bottom" ? a.bottom + l.popperOffset : a.top - o;
+      O.value = {
         position: "fixed",
-        top: `${x}px`,
+        top: `${be}px`,
         left: `${a.left}px`,
         width: `${a.width}px`,
         zIndex: String(l.popperZIndex)
       };
     };
-    let v = null;
-    const w = () => {
-      r.value && (v && cancelAnimationFrame(v), v = requestAnimationFrame(() => {
-        v = null, h();
+    let f = null;
+    const b = () => {
+      u.value && (f && cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+        f = null, k();
       }));
     };
-    pe(r, async (e) => {
-      e && (await G(), h(), requestAnimationFrame(h));
+    let h = null;
+    const ie = () => {
+      typeof ResizeObserver > "u" || !g.value || (h?.disconnect(), h = new ResizeObserver(() => b()), h.observe(g.value));
+    }, j = () => {
+      h?.disconnect(), h = null;
+    };
+    we(u, async (e) => {
+      if (!e) {
+        j();
+        return;
+      }
+      await D(), k(), requestAnimationFrame(k), ie();
     });
-    const D = (e) => {
-      if (!r.value) return;
+    const U = (e) => {
+      if (!u.value) return;
       const t = e.target;
-      j.value?.contains(t) || I.value?.contains(t) || (r.value = !1);
+      H.value?.contains(t) || g.value?.contains(t) || (u.value = !1);
     };
-    ce(() => {
-      document.addEventListener("mousedown", D, !0), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w);
-    }), fe(() => {
-      document.removeEventListener("mousedown", D, !0), window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w), v && cancelAnimationFrame(v);
+    ye(() => {
+      document.addEventListener("mousedown", U, !0), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b);
+    }), ke(() => {
+      document.removeEventListener("mousedown", U, !0), window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b), f && cancelAnimationFrame(f), j();
     });
-    const oe = (e) => {
-      r.value = !0, O.value?.filter(e), G(h);
-    }, ne = (e, t) => e ? typeof l.filterMethod == "function" ? l.filterMethod(e, t) : String(c(t) ?? "").toLowerCase().includes(String(e).toLowerCase()) : !0, re = (e) => {
-      n("node-click", e), f(e) && (C(e), r.value = !1);
-    }, ue = (e) => l.valueFormat === "object" ? { value: e.value, label: e.label, raw: e.raw } : e.value, C = (e) => {
-      const t = g(e);
+    const ce = (e) => {
+      u.value = !0, $.value?.filter(e), D(k);
+    }, pe = (e, t) => e ? typeof l.filterMethod == "function" ? l.filterMethod(e, t) : String(c(t) ?? "").toLowerCase().includes(String(e).toLowerCase()) : !0, fe = (e, t) => {
+      if (n("node-click", e), !p(e)) {
+        t && (t.expanded = !t.expanded);
+        return;
+      }
+      L(e), u.value = !1;
+    }, ve = (e) => l.valueFormat === "object" ? { value: e.value, label: e.label, raw: e.raw } : e.value, L = (e) => {
+      const t = m(e);
       if (t == null || t === "") return;
-      if (B(t)) {
-        const u = { value: t, label: c(e), raw: e };
-        n("duplicate", u), l.duplicateMessage && Q.warning(l.duplicateMessage);
+      if (w(t)) {
+        const s = { value: t, label: c(e), raw: e };
+        n("duplicate", s), l.duplicateMessage && X.warning(l.duplicateMessage);
         return;
       }
-      const a = { value: t, label: c(e), raw: e }, o = [...l.modelValue || [], ue(a)];
-      n("update:modelValue", o), n("add", a), n("change", o, [...i.value, a]), l.clearInputAfterSelect && (b.value = "");
-    }, de = () => {
+      const a = { value: t, label: c(e), raw: e }, o = [...l.modelValue || [], ve(a)];
+      n("update:modelValue", o), n("add", a), n("change", o, [...r.value, a]), l.clearInputAfterSelect && (y.value = "");
+    }, me = () => {
       if (!l.enterToAdd) return;
-      const e = (b.value || "").trim();
+      const e = (y.value || "").trim();
       if (!e) return;
       let t = null;
-      for (const a of F.value.values())
+      for (const a of S.value.values())
         if (c(a) === e) {
           t = a;
           break;
         }
       if (!t) {
-        n("not-found", e), l.notFoundMessage && Q.warning(l.notFoundMessage);
+        n("not-found", e), l.notFoundMessage && X.warning(l.notFoundMessage);
         return;
       }
-      C(t);
-    }, Z = (e) => {
-      const t = i.value[e], a = [...l.modelValue || []];
+      L(t);
+    }, E = (e) => {
+      if (e < 0 || e >= r.value.length) return;
+      const t = r.value[e], a = [...l.modelValue || []];
       a.splice(e, 1), n("update:modelValue", a), t && n("remove", t, e);
-      const o = i.value.filter((u, y) => y !== e);
+      const o = r.value.filter((s, V) => V !== e);
       n("change", a, o);
     };
-    return X({
+    return Y({
       /** 主动打开下拉面板 */
-      open: L,
+      open: _,
       /** 主动关闭下拉面板 */
-      close: () => r.value = !1,
+      close: () => u.value = !1,
       /** 清空已选 */
       clear: () => {
         n("update:modelValue", []), n("change", [], []);
       },
       /** 根据 value 直接添加 */
       addByValue: (e) => {
-        const t = F.value.get(e);
-        t && C(t);
-      }
-    }), (e, t) => (p(), k("div", {
-      class: S(["g-input-tree-tag", { "is-disabled": e.disabled }])
+        const t = S.value.get(e);
+        t && L(t);
+      },
+      /** 根据索引移除，触发与关闭 tag 一致的事件 */
+      removeByIndex: (e) => {
+        E(e);
+      },
+      /** 根据 value 移除，触发与关闭 tag 一致的事件 */
+      removeByValue: (e) => {
+        const t = r.value.findIndex((a) => a.value === e);
+        t > -1 && E(t);
+      },
+      /** 获取当前归一化后的已选项 */
+      getSelectedItems: () => r.value
+    }), (e, t) => (v(), F("div", {
+      class: C(["g-input-tree-tag", { "is-disabled": e.disabled }])
     }, [
-      E("div", {
+      B("div", {
         class: "g-input-tree-tag__wrap",
         ref_key: "wrapRef",
-        ref: j
+        ref: H
       }, [
-        E("div", {
+        B("div", {
           class: "g-input-tree-tag__input-box",
           ref_key: "inputBoxRef",
-          ref: U,
-          style: N({ width: le.value })
+          ref: N,
+          style: T({ width: se.value })
         }, [
-          R(m(ke), {
-            modelValue: b.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (a) => b.value = a),
+          W(R(Se), {
+            modelValue: y.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => y.value = a),
             placeholder: e.placeholder,
             clearable: e.clearable,
             disabled: e.disabled,
             class: "g-input-tree-tag__input",
-            onFocus: L,
-            onClick: L,
-            onInput: oe,
-            onKeyup: ve(de, ["enter"])
+            onFocus: _,
+            onClick: _,
+            onInput: ce,
+            onKeyup: Ee(me, ["enter"])
           }, null, 8, ["modelValue", "placeholder", "clearable", "disabled"])
         ], 4),
-        (p(), T(me, { to: "body" }, [
-          ge(E("div", {
+        (v(), Z(Ve, { to: "body" }, [
+          Fe(B("div", {
             ref_key: "popperRef",
-            ref: I,
-            class: S(["g-input-tree-tag__popover", `is-${M.value}`]),
-            style: N(q.value),
-            onMousedown: t[1] || (t[1] = be(() => {
+            ref: g,
+            class: C(["g-input-tree-tag__popover", `is-${K.value}`]),
+            style: T(O.value),
+            onMousedown: t[1] || (t[1] = Be(() => {
             }, ["prevent"]))
           }, [
-            E("div", {
+            B("div", {
               class: "g-input-tree-tag__tree-wrap",
-              style: N({ maxHeight: e.popperMaxHeight + "px" })
+              style: T({ maxHeight: e.popperMaxHeight + "px" })
             }, [
-              R(m(Ee), {
+              W(R(_e), {
                 ref_key: "treeRef",
-                ref: O,
+                ref: $,
                 data: e.data,
-                props: P.value,
+                props: te.value,
                 "node-key": e.nodeKey,
-                "filter-node-method": ne,
+                "filter-node-method": pe,
                 "expand-on-click-node": !1,
                 "default-expand-all": e.defaultExpandAll,
-                onNodeClick: re
+                onNodeClick: fe
               }, {
-                default: H((a) => [
-                  $(e.$slots, "tree-node", {
+                default: J((a) => [
+                  x(e.$slots, "tree-node", {
                     data: a?.data,
                     node: a?.node,
-                    selectable: f(a?.data),
-                    selected: B(g(a?.data))
+                    selectable: p(a?.data),
+                    selected: w(m(a?.data))
                   }, () => [
-                    a?.data ? (p(), k("span", {
+                    a?.data ? (v(), F("span", {
                       key: 0,
-                      class: S([
+                      class: C([
                         "g-input-tree-tag__node",
                         {
-                          "is-selectable": f(a.data),
-                          "is-selected": f(a.data) && B(g(a.data))
+                          "is-selectable": p(a.data),
+                          "is-selected": p(a.data) && w(m(a.data))
                         }
                       ])
                     }, [
-                      f(a.data) && e.showLeafIcon ? (p(), T(m(_e), {
-                        key: 0,
-                        class: "g-input-tree-tag__node-icon"
-                      }, {
-                        default: H(() => [
-                          R(m(Fe))
-                        ]),
-                        _: 1
-                      })) : A("", !0),
-                      W(" " + J(c(a.data)), 1)
-                    ], 2)) : A("", !0)
+                      x(e.$slots, "leaf-icon", {
+                        data: a.data,
+                        selectable: p(a.data),
+                        selected: w(m(a.data))
+                      }, void 0, !0),
+                      P(" " + Q(c(a.data)), 1)
+                    ], 2)) : G("", !0)
                   ], !0)
                 ]),
                 _: 3
               }, 8, ["data", "props", "node-key", "default-expand-all"])
             ], 4)
           ], 38), [
-            [he, r.value]
+            [xe, u.value]
           ])
         ])),
-        i.value.length ? (p(), k("div", Ie, [
-          $(e.$slots, "tags", {
-            items: i.value,
-            remove: Z
+        r.value.length ? (v(), F("div", Te, [
+          x(e.$slots, "tags", {
+            items: r.value,
+            remove: E
           }, () => [
-            (p(!0), k(we, null, ye(i.value, (a, o) => (p(), T(m(Ve), {
+            (v(!0), F(Ie, null, Me(r.value, (a, o) => (v(), Z(R(Le), {
               key: a.value,
               class: "g-input-tree-tag__tag",
               type: e.tagType,
               effect: e.tagEffect,
               closable: e.closable && !e.disabled,
-              onClose: (u) => Z(o)
+              onClose: (s) => E(o)
             }, {
-              default: H(() => [
-                $(e.$slots, "tag", {
+              default: J(() => [
+                x(e.$slots, "tag", {
                   item: a,
                   index: o
                 }, () => [
-                  W(J(a.label), 1)
+                  P(Q(a.label), 1)
                 ], !0)
               ]),
               _: 2
             }, 1032, ["type", "effect", "closable", "onClose"]))), 128))
           ], !0)
-        ])) : A("", !0)
+        ])) : G("", !0)
       ], 512)
     ], 2));
   }
-}), z = /* @__PURE__ */ Be(Me, [["__scopeId", "data-v-6f1283aa"]]);
-z.install = (_) => {
-  _.component(z.name, z);
+}), A = /* @__PURE__ */ Ce(Re, [["__scopeId", "data-v-1fe6c294"]]);
+A.install = (I) => {
+  I.component(A.name, A);
 };
 export {
-  z as GInputTreeTag,
-  z as default
+  A as GInputTreeTag,
+  A as default
 };

package/lib/GInputTreeTag/style.css

@@ -1 +1 @@
-@charset "UTF-8";.g-input-tree-tag[data-v-6f1283aa]{width:100%}.g-input-tree-tag__wrap[data-v-6f1283aa]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.g-input-tree-tag__tags[data-v-6f1283aa]{display:flex;flex-wrap:wrap;gap:8px;width:100%}.g-input-tree-tag__tag[data-v-6f1283aa]{margin:0}.g-input-tree-tag.is-disabled[data-v-6f1283aa]{cursor:not-allowed}.g-input-tree-tag__popover{box-sizing:border-box;background:var(--el-bg-color-overlay, #fff);border:1px solid var(--el-border-color-light);border-radius:4px;box-shadow:var(--el-box-shadow-light);padding:8px 0}.g-input-tree-tag__popover .g-input-tree-tag__tree-wrap{overflow:auto}.g-input-tree-tag__popover .g-input-tree-tag__node{display:inline-flex;align-items:center;gap:4px;font-size:13px}.g-input-tree-tag__popover .g-input-tree-tag__node-icon{font-size:14px;color:var(--el-text-color-secondary)}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selectable{cursor:pointer;color:var(--el-text-color-primary)}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selected,.g-input-tree-tag__popover .g-input-tree-tag__node.is-selected .g-input-tree-tag__node-icon{color:var(--el-color-primary)}
+@charset "UTF-8";.g-input-tree-tag[data-v-1fe6c294]{width:100%}.g-input-tree-tag__wrap[data-v-1fe6c294]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.g-input-tree-tag__tags[data-v-1fe6c294]{display:flex;flex-wrap:wrap;gap:8px;width:100%}.g-input-tree-tag__tag[data-v-1fe6c294]{margin:0}.g-input-tree-tag.is-disabled[data-v-1fe6c294]{cursor:not-allowed}.g-input-tree-tag__popover{box-sizing:border-box;background:var(--el-bg-color-overlay, #fff);border:1px solid var(--el-border-color-light);border-radius:4px;box-shadow:var(--el-box-shadow-light);padding:8px 0}.g-input-tree-tag__popover .g-input-tree-tag__tree-wrap{overflow:auto}.g-input-tree-tag__popover .g-input-tree-tag__node{display:inline-flex;align-items:center;gap:4px;font-size:13px}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selectable{cursor:pointer;color:var(--el-text-color-primary)}.g-input-tree-tag__popover .g-input-tree-tag__node.is-selected{color:var(--el-color-primary)}

package/lib/GTable/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),h=require("../index-il5JtS6o.js"),y=require("sortablejs"),S=require("../_plugin-vue_export-helper-BHFhmbuH.js");var k={name:"zh-cn",el:{breadcrumb:{label:"面包屑"},colorpicker:{confirm:"确定",clear:"清空",defaultLabel:"颜色选择器",description:"当前颜色 {color}，按 Enter 键选择新颜色",alphaLabel:"选择透明度的值",alphaDescription:"透明度 {alpha}, 当前颜色 {color}",hueLabel:"选择色相值",hueDescription:"色相 {hue}, 当前颜色 {color}",svLabel:"选择饱和度与明度的值",svDescription:"饱和度 {saturation}, 明度 {brightness}, 当前颜色 {color}",predefineDescription:"选择 {value} 作为颜色"},datepicker:{now:"此刻",today:"今天",cancel:"取消",clear:"清空",confirm:"确定",dateTablePrompt:"使用方向键与 Enter 键可选择日期",monthTablePrompt:"使用方向键与 Enter 键可选择月份",yearTablePrompt:"使用方向键与 Enter 键可选择年份",selectedDate:"已选日期",selectDate:"选择日期",selectTime:"选择时间",startDate:"开始日期",startTime:"开始时间",endDate:"结束日期",endTime:"结束时间",prevYear:"前一年",nextYear:"后一年",prevMonth:"上个月",nextMonth:"下个月",year:"年",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",weeks:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},weeksFull:{sun:"星期日",mon:"星期一",tue:"星期二",wed:"星期三",thu:"星期四",fri:"星期五",sat:"星期六"},months:{jan:"一月",feb:"二月",mar:"三月",apr:"四月",may:"五月",jun:"六月",jul:"七月",aug:"八月",sep:"九月",oct:"十月",nov:"十一月",dec:"十二月"}},inputNumber:{decrease:"减少数值",increase:"增加数值"},select:{loading:"加载中",noMatch:"无匹配数据",noData:"无数据",placeholder:"请选择"},mention:{loading:"加载中"},dropdown:{toggleDropdown:"切换下拉选项"},cascader:{noMatch:"无匹配数据",loading:"加载中",placeholder:"请选择",noData:"暂无数据"},pagination:{goto:"前往",pagesize:"条/页",total:"共 {total} 条",pageClassifier:"页",page:"页",prev:"上一页",next:"下一页",currentPage:"第 {pager} 页",prevPages:"向前 {pager} 页",nextPages:"向后 {pager} 页",deprecationWarning:"你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档"},dialog:{close:"关闭此对话框"},drawer:{close:"关闭此对话框"},messagebox:{title:"提示",confirm:"确定",cancel:"取消",error:"输入的数据不合法!",close:"关闭此对话框"},upload:{deleteTip:"按 Delete 键可删除",delete:"删除",preview:"查看图片",continue:"继续上传"},slider:{defaultLabel:"滑块介于 {min} 至 {max}",defaultRangeStartLabel:"选择起始值",defaultRangeEndLabel:"选择结束值"},table:{emptyText:"暂无数据",confirmFilter:"筛选",resetFilter:"重置",clearFilter:"全部",sumText:"合计",selectAllLabel:"选择所有行",selectRowLabel:"选择当前行",expandRowLabel:"展开当前行",collapseRowLabel:"收起当前行",sortLabel:"按 {column} 排序",filterLabel:"按 {column} 过滤"},tag:{close:"关闭此标签"},tour:{next:"下一步",previous:"上一步",finish:"结束导览",close:"关闭此对话框"},tree:{emptyText:"暂无数据"},transfer:{noMatch:"无匹配数据",noData:"无数据",titles:["列表 1","列表 2"],filterPlaceholder:"请输入搜索内容",noCheckedFormat:"共 {total} 项",hasCheckedFormat:"已选 {checked}/{total} 项"},image:{error:"加载失败"},pageHeader:{title:"返回"},popconfirm:{confirmButtonText:"确定",cancelButtonText:"取消"},carousel:{leftArrow:"上一张幻灯片",rightArrow:"下一张幻灯片",indicator:"幻灯片切换至索引 {index}"}}};const x={class:"g-table"},z={key:0,class:"g-table-action"},T={key:1},P={class:"g-dropdown-link"},N=u.defineComponent({name:"GTable",inheritAttrs:!1,__name:"index",props:{data:{default:()=>[]},pagination:{type:Boolean,default:!1},operationLabel:{default:"操作"},operaWidth:{default:160},dragSort:{type:Boolean,default:!1},dragSortProps:{default:()=>[]},currentPage:{default:1},pageSize:{default:10},total:{default:0},pageSizes:{default:()=>[10,20,50,100]},layout:{default:"total, sizes, prev, pager, next"}},emits:["update:currentPage","update:pageSize","sorted:data"],setup(g,{emit:B}){const s=g,c=B,b=e=>{c("update:pageSize",e)},w=e=>{c("update:currentPage",e)},v=u.useSlots(),f=e=>!!v[e],d=u.useAttrs(),A=e=>{const t=!!d["page-size"],n=!!d["current-page"];if(t&&n){const a=Number(d["page-size"]||10),o=Number(d["current-page"]||1);return e+1+a*(o-1)}return e},E=u.ref(null),p=u.shallowRef(null),_=(e=20)=>new Promise(t=>{let n=0;const a=()=>{if(!E.value){t(null);return}const o=E.value.$el.querySelectorAll("tbody");for(let l=0;l<o.length;l++)if(o[l].querySelectorAll("tr").length>0){t(o[l]);return}if(++n>=e){t(null);return}setTimeout(a,500)};a()}),C=async()=>{if(E.value)try{const e=await _();if(!e){console.error("未找到包含数据行的 tbody 元素");return}p.value?.destroy?.(),p.value=new y(e,{draggable:"tr",handle:".g-drag-icon",animation:200,ghostClass:"g-sortable-ghost",forceFallback:!0,onStart:function(t){t.item.classList.add("dragging")},onEnd:async function(t){t.item.classList.remove("dragging");const{oldIndex:n,newIndex:a}=t;if(n===void 0||a===void 0){console.error("无效的索引值");return}const o=[...s.data],[l]=o.splice(n,1);if(o.splice(a,0,l),s.dragSortProps.length===0){c("sorted:data",o);return}if(s.dragSortProps.length>0){const F=o.map(D=>{const m={};return s.dragSortProps.forEach(r=>{m[r]=D[r]}),m});c("sorted:data",F)}}})}catch(e){console.error("初始化拖拽排序失败：",e)}};return u.onMounted(()=>{s.dragSort&&C()}),u.watch(()=>s.data,()=>{s.dragSort&&C()}),u.onBeforeUnmount(()=>{p.value?.destroy?.(),p.value=null}),(e,t)=>{const n=u.resolveComponent("el-icon"),a=u.resolveComponent("el-table-column"),o=u.resolveComponent("el-dropdown-menu"),l=u.resolveComponent("el-dropdown"),F=u.resolveComponent("el-table"),D=u.resolveComponent("el-pagination"),m=u.resolveComponent("el-config-provider");return u.openBlock(),u.createElementBlock("div",x,[e.$slots.action?(u.openBlock(),u.createElementBlock("div",z,[u.renderSlot(e.$slots,"action",{},void 0,!0)])):u.createCommentVNode("",!0),u.createVNode(F,u.mergeProps({data:e.data||[]},e.$attrs,{stripe:"",ref_key:"tableRef",ref:E,class:"g-table-main"}),{empty:u.withCtx(()=>[e.$slots.empty?u.renderSlot(e.$slots,"empty",{key:0},void 0,!0):(u.openBlock(),u.createElementBlock("span",T,"暂无数据"))]),default:u.withCtx(()=>[e.dragSort?(u.openBlock(),u.createBlock(a,{key:0,label:"序号",width:"65"},{default:u.withCtx(r=>[u.createElementVNode("div",null,[u.createTextVNode(u.toDisplayString(A(r.$index))+" ",1),u.createVNode(n,{class:"g-drag-icon"},{default:u.withCtx(()=>[u.createVNode(u.unref(h.operation_default))]),_:1})])]),_:1})):u.createCommentVNode("",!0),u.renderSlot(e.$slots,"default",{},void 0,!0),f("operations")?(u.openBlock(),u.createBlock(a,{key:1,fixed:"right",label:e.operationLabel||"操作",width:e.operaWidth},{default:u.withCtx(r=>[u.renderSlot(e.$slots,"operations",{row:r.row,index:r.$index},void 0,!0),f("more")?(u.openBlock(),u.createBlock(l,{key:0,size:"small",style:{"vertical-align":"baseline"}},{dropdown:u.withCtx(()=>[u.createVNode(o,null,{default:u.withCtx(()=>[u.renderSlot(e.$slots,"more",{row:r.row,index:r.$index},void 0,!0)]),_:2},1024)]),default:u.withCtx(()=>[u.createElementVNode("span",P,[t[0]||(t[0]=u.createTextVNode(" 更多 ")),u.createVNode(n,null,{default:u.withCtx(()=>[u.createVNode(u.unref(h.arrow_down_default))]),_:1})])]),_:2},1024)):u.createCommentVNode("",!0)]),_:3},8,["label","width"])):u.createCommentVNode("",!0)]),_:3},16,["data"]),e.pagination?(u.openBlock(),u.createBlock(m,{key:1,locale:u.unref(k)},{default:u.withCtx(()=>[u.createVNode(D,{class:"g-pagination-contianer",size:"small","current-page":e.currentPage,"page-size":e.pageSize,total:e.total,"page-sizes":e.pageSizes,layout:e.layout,onSizeChange:b,onCurrentChange:w},null,8,["current-page","page-size","total","page-sizes","layout"])]),_:1},8,["locale"])):u.createCommentVNode("",!0)])}}}),i=S._export_sfc(N,[["__scopeId","data-v-2f3eaf74"]]);i.install=g=>{g.component(i.name,i)};exports.GTable=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),h=require("../index-B1MYKy3L.js"),_=require("sortablejs"),S=require("../_plugin-vue_export-helper-BHFhmbuH.js");var k={name:"zh-cn",el:{breadcrumb:{label:"面包屑"},colorpicker:{confirm:"确定",clear:"清空",defaultLabel:"颜色选择器",description:"当前颜色 {color}，按 Enter 键选择新颜色",alphaLabel:"选择透明度的值",alphaDescription:"透明度 {alpha}, 当前颜色 {color}",hueLabel:"选择色相值",hueDescription:"色相 {hue}, 当前颜色 {color}",svLabel:"选择饱和度与明度的值",svDescription:"饱和度 {saturation}, 明度 {brightness}, 当前颜色 {color}",predefineDescription:"选择 {value} 作为颜色"},datepicker:{now:"此刻",today:"今天",cancel:"取消",clear:"清空",confirm:"确定",dateTablePrompt:"使用方向键与 Enter 键可选择日期",monthTablePrompt:"使用方向键与 Enter 键可选择月份",yearTablePrompt:"使用方向键与 Enter 键可选择年份",selectedDate:"已选日期",selectDate:"选择日期",selectTime:"选择时间",startDate:"开始日期",startTime:"开始时间",endDate:"结束日期",endTime:"结束时间",prevYear:"前一年",nextYear:"后一年",prevMonth:"上个月",nextMonth:"下个月",year:"年",month1:"1 月",month2:"2 月",month3:"3 月",month4:"4 月",month5:"5 月",month6:"6 月",month7:"7 月",month8:"8 月",month9:"9 月",month10:"10 月",month11:"11 月",month12:"12 月",weeks:{sun:"日",mon:"一",tue:"二",wed:"三",thu:"四",fri:"五",sat:"六"},weeksFull:{sun:"星期日",mon:"星期一",tue:"星期二",wed:"星期三",thu:"星期四",fri:"星期五",sat:"星期六"},months:{jan:"一月",feb:"二月",mar:"三月",apr:"四月",may:"五月",jun:"六月",jul:"七月",aug:"八月",sep:"九月",oct:"十月",nov:"十一月",dec:"十二月"}},inputNumber:{decrease:"减少数值",increase:"增加数值"},select:{loading:"加载中",noMatch:"无匹配数据",noData:"无数据",placeholder:"请选择"},mention:{loading:"加载中"},dropdown:{toggleDropdown:"切换下拉选项"},cascader:{noMatch:"无匹配数据",loading:"加载中",placeholder:"请选择",noData:"暂无数据"},pagination:{goto:"前往",pagesize:"条/页",total:"共 {total} 条",pageClassifier:"页",page:"页",prev:"上一页",next:"下一页",currentPage:"第 {pager} 页",prevPages:"向前 {pager} 页",nextPages:"向后 {pager} 页",deprecationWarning:"你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档"},dialog:{close:"关闭此对话框"},drawer:{close:"关闭此对话框"},messagebox:{title:"提示",confirm:"确定",cancel:"取消",error:"输入的数据不合法!",close:"关闭此对话框"},upload:{deleteTip:"按 Delete 键可删除",delete:"删除",preview:"查看图片",continue:"继续上传"},slider:{defaultLabel:"滑块介于 {min} 至 {max}",defaultRangeStartLabel:"选择起始值",defaultRangeEndLabel:"选择结束值"},table:{emptyText:"暂无数据",confirmFilter:"筛选",resetFilter:"重置",clearFilter:"全部",sumText:"合计",selectAllLabel:"选择所有行",selectRowLabel:"选择当前行",expandRowLabel:"展开当前行",collapseRowLabel:"收起当前行",sortLabel:"按 {column} 排序",filterLabel:"按 {column} 过滤"},tag:{close:"关闭此标签"},tour:{next:"下一步",previous:"上一步",finish:"结束导览",close:"关闭此对话框"},tree:{emptyText:"暂无数据"},transfer:{noMatch:"无匹配数据",noData:"无数据",titles:["列表 1","列表 2"],filterPlaceholder:"请输入搜索内容",noCheckedFormat:"共 {total} 项",hasCheckedFormat:"已选 {checked}/{total} 项"},image:{error:"加载失败"},pageHeader:{title:"返回"},popconfirm:{confirmButtonText:"确定",cancelButtonText:"取消"},carousel:{leftArrow:"上一张幻灯片",rightArrow:"下一张幻灯片",indicator:"幻灯片切换至索引 {index}"}}};const z={class:"g-table"},T={key:0,class:"g-table-action"},P={key:1},x={class:"g-dropdown-link"},N=u.defineComponent({name:"GTable",inheritAttrs:!1,__name:"index",props:{data:{default:()=>[]},pagination:{type:Boolean,default:!1},operationLabel:{default:"操作"},operaWidth:{default:160},dragSort:{type:Boolean,default:!1},dragSortProps:{default:()=>[]},currentPage:{default:1},pageSize:{default:10},total:{default:0},pageSizes:{default:()=>[10,20,50,100]},layout:{default:"total, sizes, prev, pager, next"},size:{default:"default"}},emits:["update:currentPage","update:pageSize","sorted:data"],setup(g,{emit:B}){const s=g,d=B,b=e=>{d("update:pageSize",e)},w=e=>{d("update:currentPage",e)},v=u.useSlots(),f=e=>!!v[e],c=u.useAttrs(),A=e=>{const t=!!c["page-size"],n=!!c["current-page"];if(t&&n){const a=Number(c["page-size"]||10),o=Number(c["current-page"]||1);return e+1+a*(o-1)}return e},E=u.ref(null),p=u.shallowRef(null),y=(e=20)=>new Promise(t=>{let n=0;const a=()=>{if(!E.value){t(null);return}const o=E.value.$el.querySelectorAll("tbody");for(let l=0;l<o.length;l++)if(o[l].querySelectorAll("tr").length>0){t(o[l]);return}if(++n>=e){t(null);return}setTimeout(a,500)};a()}),C=async()=>{if(E.value)try{const e=await y();if(!e){console.error("未找到包含数据行的 tbody 元素");return}p.value?.destroy?.(),p.value=new _(e,{draggable:"tr",handle:".g-drag-icon",animation:200,ghostClass:"g-sortable-ghost",forceFallback:!0,onStart:function(t){t.item.classList.add("dragging")},onEnd:async function(t){t.item.classList.remove("dragging");const{oldIndex:n,newIndex:a}=t;if(n===void 0||a===void 0){console.error("无效的索引值");return}const o=[...s.data],[l]=o.splice(n,1);if(o.splice(a,0,l),s.dragSortProps.length===0){d("sorted:data",o);return}if(s.dragSortProps.length>0){const F=o.map(D=>{const m={};return s.dragSortProps.forEach(r=>{m[r]=D[r]}),m});d("sorted:data",F)}}})}catch(e){console.error("初始化拖拽排序失败：",e)}};return u.onMounted(()=>{s.dragSort&&C()}),u.watch(()=>s.data,()=>{s.dragSort&&C()}),u.onBeforeUnmount(()=>{p.value?.destroy?.(),p.value=null}),(e,t)=>{const n=u.resolveComponent("el-icon"),a=u.resolveComponent("el-table-column"),o=u.resolveComponent("el-dropdown-menu"),l=u.resolveComponent("el-dropdown"),F=u.resolveComponent("el-table"),D=u.resolveComponent("el-pagination"),m=u.resolveComponent("el-config-provider");return u.openBlock(),u.createElementBlock("div",z,[e.$slots.action?(u.openBlock(),u.createElementBlock("div",T,[u.renderSlot(e.$slots,"action",{},void 0,!0)])):u.createCommentVNode("",!0),u.createVNode(F,u.mergeProps({data:e.data||[]},e.$attrs,{size:e.size,stripe:"",ref_key:"tableRef",ref:E,class:["g-table-main",`g-table-main--${e.size}`]}),{empty:u.withCtx(()=>[e.$slots.empty?u.renderSlot(e.$slots,"empty",{key:0},void 0,!0):(u.openBlock(),u.createElementBlock("span",P,"暂无数据"))]),default:u.withCtx(()=>[e.dragSort?(u.openBlock(),u.createBlock(a,{key:0,label:"序号",width:"65"},{default:u.withCtx(r=>[u.createElementVNode("div",null,[u.createTextVNode(u.toDisplayString(A(r.$index))+" ",1),u.createVNode(n,{class:"g-drag-icon"},{default:u.withCtx(()=>[u.createVNode(u.unref(h.operation_default))]),_:1})])]),_:1})):u.createCommentVNode("",!0),u.renderSlot(e.$slots,"default",{},void 0,!0),f("operations")?(u.openBlock(),u.createBlock(a,{key:1,fixed:"right",label:e.operationLabel||"操作",width:e.operaWidth},{default:u.withCtx(r=>[u.renderSlot(e.$slots,"operations",{row:r.row,index:r.$index},void 0,!0),f("more")?(u.openBlock(),u.createBlock(l,{key:0,size:"small",style:{"vertical-align":"baseline"}},{dropdown:u.withCtx(()=>[u.createVNode(o,null,{default:u.withCtx(()=>[u.renderSlot(e.$slots,"more",{row:r.row,index:r.$index},void 0,!0)]),_:2},1024)]),default:u.withCtx(()=>[u.createElementVNode("span",x,[t[0]||(t[0]=u.createTextVNode(" 更多 ")),u.createVNode(n,null,{default:u.withCtx(()=>[u.createVNode(u.unref(h.arrow_down_default))]),_:1})])]),_:2},1024)):u.createCommentVNode("",!0)]),_:3},8,["label","width"])):u.createCommentVNode("",!0)]),_:3},16,["data","size","class"]),e.pagination?(u.openBlock(),u.createBlock(m,{key:1,locale:u.unref(k)},{default:u.withCtx(()=>[u.createVNode(D,{class:"g-pagination-contianer",size:"small","current-page":e.currentPage,"page-size":e.pageSize,total:e.total,"page-sizes":e.pageSizes,layout:e.layout,onSizeChange:b,onCurrentChange:w},null,8,["current-page","page-size","total","page-sizes","layout"])]),_:1},8,["locale"])):u.createCommentVNode("",!0)])}}}),i=S._export_sfc(N,[["__scopeId","data-v-90ad3ecc"]]);i.install=g=>{g.component(i.name,i)};exports.GTable=i;exports.default=i;

package/lib/GTable/index.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as R, useSlots as N, useAttrs as I, ref as M, shallowRef as V, onMounted as W, watch as j, onBeforeUnmount as q, resolveComponent as i, createElementBlock as A, openBlock as E, createCommentVNode as c, createVNode as d, createBlock as h, renderSlot as p, mergeProps as G, withCtx as o, createElementVNode as S, createTextVNode as z, toDisplayString as Y, unref as w } from "vue";
-import { o as H, d as U } from "../index-CzamRrBC.mjs";
+import { o as H, d as U } from "../index-Dxw2pU4z.mjs";
 import J from "sortablejs";
 import { _ as K } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
 var O = {
@@ -214,7 +214,8 @@ const Q = { class: "g-table" }, X = {
     pageSize: { default: 10 },
     total: { default: 0 },
     pageSizes: { default: () => [10, 20, 50, 100] },
-    layout: { default: "total, sizes, prev, pager, next" }
+    layout: { default: "total, sizes, prev, pager, next" },
+    size: { default: "default" }
   },
   emits: ["update:currentPage", "update:pageSize", "sorted:data"],
   setup(B, { emit: k }) {
@@ -222,7 +223,7 @@ const Q = { class: "g-table" }, X = {
       F("update:pageSize", u);
     }, T = (u) => {
       F("update:currentPage", u);
-    }, L = N(), _ = (u) => !!L[u], g = I(), $ = (u) => {
+    }, L = N(), v = (u) => !!L[u], g = I(), $ = (u) => {
       const e = !!g["page-size"], n = !!g["current-page"];
       if (e && n) {
         const a = Number(g["page-size"] || 10), t = Number(g["current-page"] || 1);
@@ -249,7 +250,7 @@ const Q = { class: "g-table" }, X = {
         setTimeout(a, 500);
       };
       a();
-    }), v = async () => {
+    }), _ = async () => {
       if (m.value)
         try {
           const u = await x();
@@ -299,9 +300,9 @@ const Q = { class: "g-table" }, X = {
         }
     };
     return W(() => {
-      s.dragSort && v();
+      s.dragSort && _();
     }), j(() => s.data, () => {
-      s.dragSort && v();
+      s.dragSort && _();
     }), q(() => {
       D.value?.destroy?.(), D.value = null;
     }), (u, e) => {
@@ -313,10 +314,11 @@ const Q = { class: "g-table" }, X = {
         d(C, G({
           data: u.data || []
         }, u.$attrs, {
+          size: u.size,
           stripe: "",
           ref_key: "tableRef",
           ref: m,
-          class: "g-table-main"
+          class: ["g-table-main", `g-table-main--${u.size}`]
         }), {
           empty: o(() => [
             u.$slots.empty ? p(u.$slots, "empty", { key: 0 }, void 0, !0) : (E(), A("span", Z, "暂无数据"))
@@ -341,7 +343,7 @@ const Q = { class: "g-table" }, X = {
               _: 1
             })) : c("", !0),
             p(u.$slots, "default", {}, void 0, !0),
-            _("operations") ? (E(), h(a, {
+            v("operations") ? (E(), h(a, {
               key: 1,
               fixed: "right",
               label: u.operationLabel || "操作",
@@ -352,7 +354,7 @@ const Q = { class: "g-table" }, X = {
                   row: r.row,
                   index: r.$index
                 }, void 0, !0),
-                _("more") ? (E(), h(l, {
+                v("more") ? (E(), h(l, {
                   key: 0,
                   size: "small",
                   style: { "vertical-align": "baseline" }
@@ -386,7 +388,7 @@ const Q = { class: "g-table" }, X = {
             }, 8, ["label", "width"])) : c("", !0)
           ]),
           _: 3
-        }, 16, ["data"]),
+        }, 16, ["data", "size", "class"]),
         u.pagination ? (E(), h(f, {
           key: 1,
           locale: w(O)
@@ -409,7 +411,7 @@ const Q = { class: "g-table" }, X = {
       ]);
     };
   }
-}), y = /* @__PURE__ */ K(eu, [["__scopeId", "data-v-2f3eaf74"]]);
+}), y = /* @__PURE__ */ K(eu, [["__scopeId", "data-v-90ad3ecc"]]);
 y.install = (B) => {
   B.component(y.name, y);
 };