vue-2024-ui 0.3.7 → 0.3.9

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import Rl, { dayjs as jl, ElForm as It, ElButtonGroup as Vt, ElButton as Ae, ElPopover as Ft, ElIcon as Bt, ElMessage as Je, ElMessageBox as cl } from "element-plus";
-import { ref as ae, useModel as ut, computed as He, nextTick as at, onMounted as kt, resolveComponent as z, openBlock as y, createElementBlock as F, Fragment as de, createElementVNode as re, createBlock as P, createCommentVNode as Ie, normalizeStyle as Ge, unref as D, mergeProps as H, withCtx as h, renderSlot as C, renderList as ee, createTextVNode as _e, toDisplayString as Oe, createSlots as Ee, createVNode as O, normalizeProps as Et, resolveDynamicComponent as lt, guardReactiveProps as fl, mergeModels as dt, useSlots as pl, inject as zt, withModifiers as $t, Transition as Ul, withDirectives as ql, vShow as zl, h as be, useAttrs as Lt, onUnmounted as Ll, onBeforeUnmount as Nl, normalizeClass as ml, watchEffect as Yl, onBeforeMount as Hl, watch as jt, reactive as Fl, createApp as Bl } from "vue";
+import { ref as ae, useModel as ut, computed as Ye, nextTick as at, onMounted as kt, resolveComponent as z, openBlock as y, createElementBlock as F, Fragment as de, createElementVNode as re, createBlock as P, createCommentVNode as Ie, normalizeStyle as Ge, unref as D, mergeProps as H, withCtx as h, renderSlot as C, renderList as ee, createTextVNode as _e, toDisplayString as Oe, createSlots as Ee, createVNode as O, normalizeProps as Et, resolveDynamicComponent as lt, guardReactiveProps as fl, mergeModels as dt, useSlots as pl, inject as zt, withModifiers as $t, Transition as Ul, withDirectives as ql, vShow as zl, h as be, useAttrs as Lt, onUnmounted as Ll, onBeforeUnmount as Nl, normalizeClass as ml, watchEffect as Yl, onBeforeMount as Hl, watch as jt, reactive as Fl, createApp as Bl } from "vue";
 import { Plus as vl, Search as Wl, Refresh as Nt, More as Gl, CircleClose as Zl, CircleCheckFilled as Jl, CircleCheck as Ut, Minus as Ql, Close as Xl, Switch as yl, FullScreen as Kl, InfoFilled as hl, Download as Kt, DocumentCopy as en, Setting as tn, CirclePlus as ln, Delete as el, Edit as gl, View as bl, ArrowUp as nn, ArrowDown as on, CopyDocument as an, ZoomOut as rn, ZoomIn as sn, FolderChecked as un, Printer as wl, Sunny as dn, Moon as cn, Reading as fn } from "@element-plus/icons-vue";
 import { hiPrintPlugin as $l, hiprint as rt } from "vue-plugin-hiprint";
 import kl from "sortablejs";
@@ -474,7 +474,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
   emits: ["update:modelValue"],
   setup(a) {
     var _, R, E, B, N, v, x, j, b, G, K, J, ue, ne, he, Ne, Re, Ke;
-    const u = a, e = ae(u.item || {}), t = ut(a, "modelValue"), s = ae(u.ctrlKey), n = ae(u.ctrlType), l = ae(u.model), p = He(() => {
+    const u = a, e = ae(u.item || {}), t = ut(a, "modelValue"), s = Ye(() => u.ctrlKey), n = Ye(() => u.ctrlType), l = Ye(() => u.model), p = Ye(() => {
       var V, I, Q;
       return ((I = (V = l.value) == null ? void 0 : V[s.value]) == null ? void 0 : I.disabled) ?? ((Q = e.value) == null ? void 0 : Q.disabled);
     }), T = ae([]), d = ae([]), m = ae(!1), r = ae(0), i = ae([]), f = ae((R = (_ = l == null ? void 0 : l.value) == null ? void 0 : _.form) != null && R["default-placeholder"] ? (B = (E = l == null ? void 0 : l.value) == null ? void 0 : E[s == null ? void 0 : s.value]) == null ? void 0 : B.label : "");
@@ -641,13 +641,13 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
       }
       n.value == "image" && Le(), i.value = S(), e.value["file-list"] = i.value;
     });
-    const S = () => e.value["file-list"] ? e.value["file-list"] : n.value == ze.IMAGE ? Array.isArray(t.value) ? t.value.map((V) => typeof V == "string" ? { name: V, url: V } : V) : t.value && typeof t.value == "string" ? [{ name: t.value, url: t.value }] : [] : [], g = He(() => {
+    const S = () => e.value["file-list"] ? e.value["file-list"] : n.value == ze.IMAGE ? Array.isArray(t.value) ? t.value.map((V) => typeof V == "string" ? { name: V, url: V } : V) : t.value && typeof t.value == "string" ? [{ name: t.value, url: t.value }] : [] : [], g = Ye(() => {
       var V;
       return (V = i.value) == null ? void 0 : V.map((I) => I == null ? void 0 : I.url);
     });
     return (V, I) => {
       var it, ft, fe, ge, $e, ht, gt, pt, mt, Mt, ie, vt, Ct, Tt, At, nl, ol, al, rl, il;
-      const Q = z("el-image-viewer"), ke = z("el-radio"), L = z("el-radio-group"), ve = z("el-radio-button"), je = z("el-checkbox"), Ue = z("el-checkbox-group"), Xe = z("el-checkbox-button"), Ze = z("g-select-option"), et = z("el-option"), ct = z("el-select"), o = z("el-tree-select"), c = z("el-time-picker"), w = z("el-time-select"), M = z("el-date-picker"), U = z("el-color-picker"), te = z("el-rate"), oe = z("el-slider"), Te = z("el-switch"), Ve = z("el-transfer"), Ye = z("el-cascader"), Fe = z("el-icon"), tt = z("el-upload"), ot = z("el-autocomplete"), wt = z("el-input-number"), St = z("el-input-tag"), _t = z("el-input"), ce = z("el-link"), xe = z("el-text"), me = z("el-avatar"), Be = z("el-tag");
+      const Q = z("el-image-viewer"), ke = z("el-radio"), L = z("el-radio-group"), ve = z("el-radio-button"), je = z("el-checkbox"), Ue = z("el-checkbox-group"), Xe = z("el-checkbox-button"), Ze = z("g-select-option"), et = z("el-option"), ct = z("el-select"), o = z("el-tree-select"), c = z("el-time-picker"), w = z("el-time-select"), M = z("el-date-picker"), U = z("el-color-picker"), te = z("el-rate"), oe = z("el-slider"), Te = z("el-switch"), Ve = z("el-transfer"), He = z("el-cascader"), Fe = z("el-icon"), tt = z("el-upload"), ot = z("el-autocomplete"), wt = z("el-input-number"), St = z("el-input-tag"), _t = z("el-input"), ce = z("el-link"), xe = z("el-text"), me = z("el-avatar"), Be = z("el-tag");
       return y(), F(de, null, [
         re("div", null, [
           m.value ? (y(), P(Q, {
@@ -957,7 +957,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
                 C(V.$slots, `${u.t}-${s.value}-${$}`, { data: Ce }, void 0, !0)
               ])
             }))
-          ]), 1040, ["modelValue"])) : n.value == D(ze).CASCADER ? (y(), P(Ye, H({
+          ]), 1040, ["modelValue"])) : n.value == D(ze).CASCADER ? (y(), P(He, H({
             key: 15,
             modelValue: t.value,
             "onUpdate:modelValue": I[17] || (I[17] = ($) => t.value = $)
@@ -1230,7 +1230,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
       ], 64);
     };
   }
-}), xt = /* @__PURE__ */ nt(Tn, [["__scopeId", "data-v-31984716"]]), sl = {
+}), xt = /* @__PURE__ */ nt(Tn, [["__scopeId", "data-v-cade4b6c"]]), sl = {
   __name: "g-query-item",
   props: /* @__PURE__ */ dt(["more"], {
     modelValue: { required: !0 },
@@ -1327,7 +1327,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
   },
   emits: /* @__PURE__ */ dt(["query", "reset"], ["update:modelValue", "update:info"]),
   setup(a, { emit: u }) {
-    const e = ut(a, "modelValue"), t = u, s = zt("options"), n = ae(!1), l = ut(a, "info"), p = He(() => {
+    const e = ut(a, "modelValue"), t = u, s = zt("options"), n = ae(!1), l = ut(a, "info"), p = Ye(() => {
       var pe, Z, se;
       const q = We((pe = s == null ? void 0 : s.query) == null ? void 0 : pe.btns, (se = (Z = e.value) == null ? void 0 : Z.query) == null ? void 0 : se.btns) || { align: "left" };
       return {
@@ -1476,7 +1476,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
         reference: () => be(Ae, e.value.query.more, () => W.label),
         default: W.content
       }) : (W.props.slot = "query-" + W.key, W.label ? be(W.component, W.props, () => W.label) : be(W.component, W.props)));
-    }, A = He(() => ({
+    }, A = Ye(() => ({
       display: "flex",
       flexDirection: e.value.query.container.mode === "row" ? "row" : "column"
     })), Y = () => {
@@ -1651,7 +1651,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
       ], 64);
     };
   }
-}, Dn = /* @__PURE__ */ nt(An, [["__scopeId", "data-v-eaca2240"]]), Ml = {
+}, Dn = /* @__PURE__ */ nt(An, [["__scopeId", "data-v-00c1e7cf"]]), Ml = {
   inline: !0,
   type: "hidden",
   "scroll-to-error": !0,
@@ -1920,7 +1920,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
           ...t.value[v].formItem.style,
           ...x.formItem.style
         };
-    }, Me = He(() => {
+    }, Me = Ye(() => {
       const v = t.value.form.modalState;
       let x = Object.entries(t.value).filter(([j, b]) => {
         var K, J;
@@ -1937,7 +1937,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
         };
         return G(j) - G(b);
       }), Object.fromEntries(x);
-    }), Pe = He(() => {
+    }), Pe = Ye(() => {
       var j;
       const v = (j = t.value.form) == null ? void 0 : j.modalState, x = (b) => {
         var J;
@@ -1947,7 +1947,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
       return Object.fromEntries(
         Object.entries(t.value).filter(([, b]) => b.type !== "hidden" && b.type !== "control").map(([b, G]) => [b, x(G)])
       );
-    }), ye = He(() => {
+    }), ye = Ye(() => {
       const v = /* @__PURE__ */ new Map();
       return Object.entries(Me.value).forEach(([x, j]) => {
         if (j.groupName) {
@@ -2004,7 +2004,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
         sort: t.value.form.cancel.sort ?? 2,
         originalOrder: 1
       }
-    ]), Se = He(() => Le.value.filter((v) => !v.hidden).sort((v, x) => v.sort - x.sort || v.originalOrder - x.originalOrder));
+    ]), Se = Ye(() => Le.value.filter((v) => !v.hidden).sort((v, x) => v.sort - x.sort || v.originalOrder - x.originalOrder));
     return u({
       submit: A,
       saveSubmit: A,
@@ -2275,7 +2275,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
       ]);
     };
   }
-}), qt = /* @__PURE__ */ nt(Vn, [["__scopeId", "data-v-4deea02c"]]), On = { class: "dialog-container" }, Pn = {
+}), qt = /* @__PURE__ */ nt(Vn, [["__scopeId", "data-v-95dcb808"]]), On = { class: "dialog-container" }, Pn = {
   key: 1,
   style: { overflow: "hidden" }
 }, Rn = { style: { display: "flex", flex: "1", "margin-left": "10px" } }, jn = /* @__PURE__ */ Object.assign({
@@ -2323,7 +2323,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
     "restore"
   ],
   setup(a, { expose: u, emit: e }) {
-    const t = a, s = Lt(), n = e, l = ae(t.fullscreen), p = He(() => t.type === "drawer" ? "el-drawer" : "el-dialog"), T = He(() => {
+    const t = a, s = Lt(), n = e, l = ae(t.fullscreen), p = Ye(() => t.type === "drawer" ? "el-drawer" : "el-dialog"), T = Ye(() => {
       const se = {
         modal: t.modal,
         closeOnClickModal: t.type !== "dialog",
@@ -2339,7 +2339,7 @@ const Pt = /* @__PURE__ */ xl(yn), nt = (a, u) => {
         direction: t.direction,
         size: r.value ? "100%" : t.size
       };
-    }), d = He({
+    }), d = Ye({
       get() {
         return t.modelValue;
       },
@@ -2881,7 +2881,7 @@ const lo = { style: { padding: "15px", "box-sizing": "border-box" } }, no = { st
       border: !0,
       labelWidth: "100px",
       column: 2
-    }, s = He(() => {
+    }, s = Ye(() => {
       var i, f;
       return {
         ...t,
@@ -2891,7 +2891,7 @@ const lo = { style: { padding: "15px", "box-sizing": "border-box" } }, no = { st
     }), n = {
       "label-align": "right",
       "label-width": "80px"
-    }, l = He(() => {
+    }, l = Ye(() => {
       var i;
       return {
         ...n,
@@ -2903,7 +2903,7 @@ const lo = { style: { padding: "15px", "box-sizing": "border-box" } }, no = { st
     }, T = (i) => {
       const f = p(i);
       return (f == null ? void 0 : f.type) || "text-info";
-    }, d = He(() => Object.entries(u.m).filter(([i, f]) => {
+    }, d = Ye(() => Object.entries(u.m).filter(([i, f]) => {
       if (tl.includes(i) || (f == null ? void 0 : f.type) === "hidden") return !1;
       let A = (f == null ? void 0 : f.visible) !== !1;
       const Y = p(i);
@@ -2916,7 +2916,7 @@ const lo = { style: { padding: "15px", "box-sizing": "border-box" } }, no = { st
       date: "YYYY-MM-DD",
       datetime: "YYYY-MM-DD HH:mm:ss",
       time: "HH:mm:ss"
-    }, r = He(() => ({ ...Object.fromEntries(d.value.map(([f, A]) => {
+    }, r = Ye(() => ({ ...Object.fromEntries(d.value.map(([f, A]) => {
       const Y = p(f);
       let q = Object.hasOwn(Y, "value") ? Y.value : A == null ? void 0 : A.value;
       const k = Y.format || m[A == null ? void 0 : A.type];
@@ -3405,21 +3405,21 @@ const bo = /* @__PURE__ */ xl(go), wo = { class: "g-table-container" }, $o = {
         var tt, ot, wt;
         if (!U || !te || oe == null)
           return console.warn(`merge${o.charAt(0).toUpperCase() + o.slice(1)}: 缺少必要的参数(row, column或index)`), {};
-        const Ve = ((tt = le[o]) == null ? void 0 : tt.call(le, U, te, oe, Te)) || {}, Ye = ((wt = (ot = p == null ? void 0 : p.control) == null ? void 0 : ot[o]) == null ? void 0 : wt.call(ot, U, te, oe, Te)) || {}, Fe = (w == null ? void 0 : w(U, te, oe, Te)) || {};
-        return We(Ve, Ye, Fe) || {};
+        const Ve = ((tt = le[o]) == null ? void 0 : tt.call(le, U, te, oe, Te)) || {}, He = ((wt = (ot = p == null ? void 0 : p.control) == null ? void 0 : ot[o]) == null ? void 0 : wt.call(ot, U, te, oe, Te)) || {}, Fe = (w == null ? void 0 : w(U, te, oe, Te)) || {};
+        return We(Ve, He, Fe) || {};
       } : (U, te) => {
-        var Ye, Fe, tt;
-        const oe = ((Ye = le[o]) == null ? void 0 : Ye.call(le, U, te)) || {}, Te = ((tt = (Fe = p == null ? void 0 : p.control) == null ? void 0 : Fe[o]) == null ? void 0 : tt.call(Fe, U, te)) || {}, Ve = (w == null ? void 0 : w(U, te)) || {};
+        var He, Fe, tt;
+        const oe = ((He = le[o]) == null ? void 0 : He.call(le, U, te)) || {}, Te = ((tt = (Fe = p == null ? void 0 : p.control) == null ? void 0 : Fe[o]) == null ? void 0 : tt.call(Fe, U, te)) || {}, Ve = (w == null ? void 0 : w(U, te)) || {};
         return We(oe, Te, Ve) || {};
       };
       l.value.control[o] = M;
     };
     we("edit"), we("delete"), we("view"), we("save"), we("add", !1), we("download", !1), we("setting", !1), we("batch", !1), we("toggleExpand", !1);
     const Me = (o, c, w, M) => {
-      var Te, Ve, Ye, Fe, tt, ot;
+      var Te, Ve, He, Fe, tt, ot;
       if (!o || !c || w == null)
         return console.warn("mergeDropdown: 缺少必要的参数(row, column或index)"), {};
-      const U = ((Te = le.dropdown) == null ? void 0 : Te.call(le, o, c, w, M)) || {}, te = ((Ye = (Ve = p == null ? void 0 : p.control) == null ? void 0 : Ve.dropdown) == null ? void 0 : Ye.call(Ve, o, c, w, M)) || {}, oe = ((ot = (tt = (Fe = l.value) == null ? void 0 : Fe.control) == null ? void 0 : tt.dropdown) == null ? void 0 : ot.call(tt, o, c, w, M)) || {};
+      const U = ((Te = le.dropdown) == null ? void 0 : Te.call(le, o, c, w, M)) || {}, te = ((He = (Ve = p == null ? void 0 : p.control) == null ? void 0 : Ve.dropdown) == null ? void 0 : He.call(Ve, o, c, w, M)) || {}, oe = ((ot = (tt = (Fe = l.value) == null ? void 0 : Fe.control) == null ? void 0 : tt.dropdown) == null ? void 0 : ot.call(tt, o, c, w, M)) || {};
       return We(U, te, oe) || {};
     }, Pe = {
       type: "hidden",
@@ -3537,8 +3537,8 @@ const bo = /* @__PURE__ */ xl(go), wo = { class: "g-table-container" }, $o = {
           n(
             "delete",
             { row: o, column: c, index: w, m: M },
-            (Ye = !0, Fe = !1) => {
-              Ye && (l.value.table.data.splice(w, 1), l.value.table.page.total--), Fe && l.value.table.load();
+            (He = !0, Fe = !1) => {
+              He && (l.value.table.data.splice(w, 1), l.value.table.page.total--), Fe && l.value.table.load();
             }
           );
         }).catch(() => {
@@ -3560,12 +3560,12 @@ const bo = /* @__PURE__ */ xl(go), wo = { class: "g-table-container" }, $o = {
         type: l.value.dialog.mode,
         slots: {
           default: () => {
-            var Ve, Ye, Fe;
+            var Ve, He, Fe;
             return be(Cl, {
               row: o,
               m: M,
               container: ((Ve = l.value.control.view(o, c, w, M)) == null ? void 0 : Ve.container) || {}
-            }, ((Fe = (Ye = l.value.control.view(o, c, w, M)) == null ? void 0 : Ye.container) == null ? void 0 : Fe.slots) || {});
+            }, ((Fe = (He = l.value.control.view(o, c, w, M)) == null ? void 0 : He.container) == null ? void 0 : Fe.slots) || {});
           }
         }
       }) : ((Te = l.value.control.view(o, c, w, M)) == null ? void 0 : Te["view-mode"]) === "readonly" && (r.value = !0, Rt()), await at(), n("open", "view", { m: M, row: o, column: c, index: w }));
@@ -3579,11 +3579,11 @@ const bo = /* @__PURE__ */ xl(go), wo = { class: "g-table-container" }, $o = {
         async (te = !0, oe = !0) => {
           if (te && l.value.table.load(), oe && w === 0) {
             const Te = Object.entries(l.value).filter(
-              ([Ve, Ye]) => Ye.type !== "control" && Ye.type !== "hidden"
+              ([Ve, He]) => He.type !== "control" && He.type !== "hidden"
               // && val.editor !== false
             );
             k.value = Object.fromEntries(
-              Te.map(([Ve, Ye]) => [Ve, Ye.value])
+              Te.map(([Ve, He]) => [Ve, He.value])
             ), l.value.table.data[w] = { ...k.value };
           }
         }
@@ -3664,7 +3664,7 @@ const bo = /* @__PURE__ */ xl(go), wo = { class: "g-table-container" }, $o = {
     }).sort((te, oe) => te.sort - oe.sort), he = (o, c, w, M, U) => ne(o, c, w, M, U).reduce((te, oe) => {
       const Te = oe.groupName || "default";
       return te[Te] || (te[Te] = []), te[Te].push(oe), te;
-    }, {}), Ne = He(() => Object.fromEntries(
+    }, {}), Ne = Ye(() => Object.fromEntries(
       Object.entries(l.value).filter(
         ([o, c]) => c.type !== "hidden" && c.hidden !== !0 && c.visible !== !1 && c.showCol !== !1
       ).map(([o, c]) => (c.sort = typeof c.sort == "number" ? c.sort : 0, [o, c])).sort((o, c) => o[1].sort - c[1].sort)
@@ -3750,7 +3750,7 @@ const bo = /* @__PURE__ */ xl(go), wo = { class: "g-table-container" }, $o = {
         console.error("Error during component initialization:", o), l.value.table.autoWatch || l.value.table.load();
       }
     }), u({ addRow: g, editRow: E, deleteRow: B, readForm: N, saveRowData: x, closeDialog: Q, formData: k }), (o, c) => {
-      var Ye, Fe, tt, ot, wt, St, _t;
+      var He, Fe, tt, ot, wt, St, _t;
       const w = z("el-button-group"), M = z("el-dropdown-item"), U = z("el-dropdown-menu"), te = z("el-dropdown"), oe = z("el-table-column"), Te = z("el-table"), Ve = z("el-pagination");
       return y(), F(de, null, [
         r.value ? (y(), P(ll, H({
@@ -3806,7 +3806,7 @@ const bo = /* @__PURE__ */ xl(go), wo = { class: "g-table-container" }, $o = {
             ]),
             key: "2"
           } : void 0,
-          ((Fe = (Ye = l.value) == null ? void 0 : Ye.dialog) == null ? void 0 : Fe.type) === "drawer" && o.$slots.trigger ? {
+          ((Fe = (He = l.value) == null ? void 0 : He.dialog) == null ? void 0 : Fe.type) === "drawer" && o.$slots.trigger ? {
             name: "trigger",
             fn: h(() => [
               C(o.$slots, "trigger", {}, void 0, !0)
@@ -4247,13 +4247,13 @@ const bo = /* @__PURE__ */ xl(go), wo = { class: "g-table-container" }, $o = {
       expand: { icon: on, label: "展开", divided: !0, type: "info", hidden: !0 },
       collapse: { icon: nn, label: "折叠", type: "info", hidden: !0 },
       refresh: { icon: Nt, label: "刷新", divided: !0, type: "primary" }
-    }, e.menu(e.nodeInfo)), l = He(() => {
+    }, e.menu(e.nodeInfo)), l = Ye(() => {
       const r = Object.entries(n).filter(([i, f]) => (f == null ? void 0 : f.hidden) !== !0).filter(([i, f]) => (f == null ? void 0 : f.visible) !== !1).sort((i, f) => {
         var A, Y;
         return ((A = i[1]) == null ? void 0 : A.sort) || 0 - ((Y = f[1]) == null ? void 0 : Y.sort) || 0;
       });
       return Object.fromEntries(r);
-    }), p = He(() => {
+    }), p = Ye(() => {
       const r = Object.entries(e.columns).filter(([i, f]) => !tl.includes(i)).map(([i, f]) => [
         i,
         (f == null ? void 0 : f.value) || ""
@@ -4561,7 +4561,7 @@ const bo = /* @__PURE__ */ xl(go), wo = { class: "g-table-container" }, $o = {
     template: { type: Object, default: null }
   },
   setup(a) {
-    const u = a, e = ae(!1), t = ae(!0), s = He(() => {
+    const u = a, e = ae(!1), t = ae(!0), s = Ye(() => {
       var p, T;
       try {
         const d = e.value ? (p = u.template) == null ? void 0 : p.getJsonTid() : (T = u.template) == null ? void 0 : T.getJson();
@@ -5223,7 +5223,7 @@ const Yo = function(a) {
       },
       { deep: !0 }
     );
-    const q = He(() => {
+    const q = Ye(() => {
       for (const [S, g] of Object.entries(s))
         if (g.width === d.width && g.height === d.height) return S;
       return "other";

package/dist/style.css

@@ -1 +1 @@
-.custom-upload[data-v-31984716]{--up-width: 100px;--up-height: 100px;--up-font-size: 18px;--up-fit: cover;--up-plus-display: flex}[data-v-31984716] .custom-upload img{width:100%;height:100%;object-fit:var(--up-fit)}[data-v-31984716] .custom-upload .el-upload--picture-card,[data-v-31984716] .custom-upload .el-upload-dragger,[data-v-31984716] .custom-upload .el-upload-list__item{width:var(--up-width);height:var(--up-height);line-height:var(--up-height);box-sizing:border-box}[data-v-31984716] .custom-upload .el-upload-dragger{display:flex;align-items:center;justify-content:center;transition:border-color .3s}[data-v-31984716] .custom-upload .el-icon{font-size:var(--up-font-size)}[data-v-31984716] .el-upload--picture-card{display:var(--up-plus-display)}[data-v-31984716] .el-upload-list__item.is-success.focusing .el-icon--close-tip{display:none!important}.g-query-container[data-v-eaca2240]{position:relative;display:flex;flex:1;flex-direction:column;padding:10px;box-sizing:border-box}.outer[data-v-eaca2240]{min-height:100px;border-radius:4px;background-color:var(--el-bg-color);top:60px;padding-top:10px;width:100%;box-sizing:border-box}.inner[data-v-eaca2240]{border-radius:4px;min-height:100px;border:1px solid var(--el-border-color);padding:18px 18px 0;box-sizing:border-box;width:100%;background-color:var(--el-bg-color)}.nested-enter-active[data-v-eaca2240],.nested-leave-active[data-v-eaca2240]{transition:all .3s ease-in-out}.nested-leave-active[data-v-eaca2240]{transition-delay:.25s}.nested-enter-from[data-v-eaca2240],.nested-leave-to[data-v-eaca2240]{transform:translateY(-100px);opacity:0}.nested-enter-active .inner[data-v-eaca2240],.nested-leave-active .inner[data-v-eaca2240]{transition:all .3s ease-in-out}.nested-enter-active .inner[data-v-eaca2240]{transition-delay:.25s}.nested-enter-from .inner[data-v-eaca2240],.nested-leave-to .inner[data-v-eaca2240]{transform:translateY(-100px);opacity:.001}.query-form[data-v-eaca2240]{padding:20px;background-color:var(--el-bg-color);border:1px solid var(--el-border-color);margin:5px;border-radius:4px}.g-form-container[data-v-4deea02c]{width:100%;display:flex;flex-direction:column;overflow:hidden}[data-v-4deea02c] .el-descriptions__cell{padding:0!important;border:none!important}[data-v-4deea02c] .el-descriptions__label{width:0!important}.custom-header[data-v-b4ba4c70]{display:flex;align-items:center;width:100%;height:100%;margin:0;box-sizing:border-box;color:var(--el-text-color-regular);border-bottom:1px solid var(--el-border-color)}.btn-icon[data-v-b4ba4c70]{cursor:pointer;margin:15px 10px;color:var(--el-text-color-regular);font-size:18px;padding:3px}.btn-icon[data-v-b4ba4c70]:hover{color:var(--el-color-primary);transition:all .2s;font-weight:700;background-color:var(--el-color-primary-light-7);border-radius:4px}.minimize-ball[data-v-b4ba4c70]{position:fixed;right:30px;bottom:30px;min-width:120px;height:42px;line-height:42px;background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:6px;box-shadow:var(--el-box-shadow-light);text-align:center;cursor:pointer;z-index:9999;color:var(--el-text-color-regular);font-size:14px;transition:all .2s}.minimize-ball[data-v-b4ba4c70]:hover{border-color:var(--el-color-primary-light-7);background:var(--el-fill-color-light);color:var(--el-color-primary)}[data-v-b4ba4c70] .el-dialog{padding:0;box-sizing:border-box}[data-v-b4ba4c70] .el-dialog__header,[data-v-b4ba4c70] .el-drawer__header{padding:0!important;margin:0!important}.check-box-hover[data-v-8d7383f9]:hover,.check-box-hover[data-v-750b37bc]:hover{background:var(--el-border-color)}.allcheck a[data-v-750b37bc]{cursor:pointer}.filtered[data-v-750b37bc]{pointer-events:none}.g-cell-toopTip[data-v-f28912da]{max-height:400px;border-radius:var(--el-border-radius-base);padding:12px;transition:all .3s ease}.g-cell-toopTip .title[data-v-f28912da]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;height:24px;border-bottom:1px solid var(--el-border-color)}.g-cell-toopTip .title .title-text[data-v-f28912da]{font-weight:700;line-height:24px}.g-cell-toopTip .content[data-v-f28912da]{max-height:300px;overflow-y:auto;line-height:1.5;padding:4px 0}.copy-btn[data-v-f28912da]{width:16px;height:16px;cursor:pointer}.copy-btn[data-v-f28912da]:hover{color:var(--el-color-success)}.g-detail-container[data-v-4902ce5a]{padding-top:5px}.control .el-button[data-v-2a88f8fa]{padding:0 3px;margin:0 3px}.g-table-container[data-v-2a88f8fa]{margin:0;padding:0;width:100%;height:100%}.table-query-container[data-v-2a88f8fa]{background-color:var(--el-bg-color);margin-bottom:10px;border:1px solid var(--el-border-color-lighter)}.table-container[data-v-2a88f8fa]{box-sizing:border-box;background-color:var(--el-bg-color)}.max[data-v-2a88f8fa]{cursor:pointer;color:var(--el-text-color)}.max[data-v-2a88f8fa]:hover{color:var(--el-color-primary)}.btns[data-v-2a88f8fa]{display:flex}[data-v-2a88f8fa] .drag-dialog{resize:both;overflow:auto}[data-v-2a88f8fa] .el-dialog__header,[data-v-2a88f8fa] .el-dialog__body{pointer-events:auto!important}.g-tree-table[data-v-2af391c5]{width:100%;display:flex;box-sizing:border-box}.g-tree-container[data-v-2af391c5]{display:flex;width:100%;box-sizing:border-box;border-radius:4px;overflow:auto;height:100%;border:1px solid var(--el-border-color-lighter);position:relative}.g-tree-table-container[data-v-2af391c5]{display:flex;flex:1;overflow:auto}.g-tree-left[data-v-2af391c5]{display:flex;flex-direction:column;box-sizing:border-box;margin-right:10px;overflow:auto}.g-tree-context-menu[data-v-2af391c5]{position:fixed;z-index:3000;min-width:100px;background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:4px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.g-tree-context-menu-item[data-v-2af391c5]{padding:8px 12px;cursor:pointer;font-size:12px;color:#303133}.g-tree-context-menu-item[data-v-2af391c5]:hover{background:var(--el-fill-color-light)}.op-items[data-v-c4b072bf]{display:flex;align-items:center;color:var(--el-text-color);margin-left:12px}.op-items span[data-v-c4b072bf]{background-color:var(--el-color-primary-light-7);border-radius:3px;margin:3px 2px 0 0;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400;padding:0 5px;box-sizing:border-box}.op-group[data-v-c4b072bf]{margin:0 22px}.op-group span[data-v-c4b072bf]{padding:5px;box-sizing:border-box;font-weight:700;background-color:var(--el-color-primary-light-3)}.json-view-content[data-v-975f3d61]{padding:16px}.json-view-toolbar[data-v-975f3d61]{display:flex;align-items:center;gap:16px;margin-bottom:12px}.json-view-toolbar-actions[data-v-975f3d61]{margin-left:auto;display:flex;gap:8px}.json-view-textarea[data-v-975f3d61] .el-textarea__inner{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;padding:14px 16px;color:var(--el-text-color-primary)}.json-view-textarea[data-v-975f3d61] .el-textarea__inner:focus{border-color:var(--el-color-primary);box-shadow:0 0 0 2px #409eff33;background-color:var(--el-bg-color)}.card-design[data-v-3da27269]{overflow:hidden;overflow-x:auto;overflow-y:auto}[data-v-3da27269] .hiprint-printElement-table-handle{width:12pt!important;height:12pt!important;top:-6pt!important;left:-6pt!important;transform:rotate(45deg)}.rect-printElement-types::-webkit-scrollbar{width:6px}.rect-printElement-types::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:3px}.hiprint-printElement-type{list-style:none;padding:0;margin:0}.hiprint-printElement-type>li{margin-bottom:12px}.hiprint-printElement-type>li>div:first-child,.hiprint-printElement-type>li>label,.hiprint-printElement-type>li>span.group-title,.hiprint-printElement-type>li>span:first-child{font-size:13px;font-weight:600;color:var(--el-text-color-primary);padding:8px 10px 6px;border-left:3px solid var(--el-color-primary);margin-bottom:4px;background:linear-gradient(to right,var(--el-color-primary-light-9),transparent);border-radius:0 4px 4px 0}html.dark .hiprint-printElement-type>li>div:first-child,html.dark .hiprint-printElement-type>li>label,html.dark .hiprint-printElement-type>li>span:first-child{background:linear-gradient(to right,var(--el-fill-color-light),transparent)}.hiprint-printElement-type>li>ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.hiprint-printElement-type>li>ul>li{margin:0!important;padding:0!important}.hiprint-printElement-type>li>ul>li>a{display:flex!important;align-items:center;gap:6px;padding:8px 10px!important;color:var(--el-text-color-primary)!important;font-size:12px;line-height:1.4!important;height:auto!important;text-decoration:none!important;background:var(--el-bg-color)!important;border:1px solid var(--el-border-color)!important;border-radius:6px;transition:all .2s ease;cursor:grab;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:80px;box-shadow:var(--el-box-shadow-light)}.hiprint-printElement-type>li>ul>li>a:hover{color:var(--el-color-primary)!important;border-color:var(--el-color-primary-light-5);background:var(--el-color-primary-light-9);box-shadow:var(--el-box-shadow);transform:translateY(-1px)}.hiprint-printElement-type>li>ul>li>a:active{cursor:grabbing;transform:translateY(0)}.hiprint-printElement-type>li>ul>li>a.ui-draggable-dragging{opacity:.7;box-shadow:var(--el-box-shadow-dark)}.hiprint-printElement-type a:before{display:inline-block!important;font-size:14px;color:inherit!important;line-height:1;flex-shrink:0}.hiprint-printElement-type a:before{content:"📄"}.hiprint-printElement-type a[data-type=text]:before{content:"📝"}.hiprint-printElement-type a[data-type=image]:before{content:"🖼️"}.hiprint-printElement-type a[data-type=table]:before{content:"📊"}.hiprint-printElement-type a[data-type=barcode]:before{content:"📦"}.hiprint-printElement-type a[data-type=qrcode]:before{content:"🔲"}.hiprint-printElement-type a[data-type=line]:before{content:"➖"}.hiprint-printElement-type a[data-type=vline]:before{content:"│"}.hiprint-printElement-type a[data-type=rect]:before{content:"▭"}.hiprint-printElement-type a[data-type=oval]:before{content:"⭕"}.hiprint-printTemplate,.hiprint-printPanel,.hiprint-printPanelBody,.hiprint-printPaper{background:var(--el-bg-color)!important;margin:0!important;padding:0!important}.hiprint-printTemplate .hiprint-printElement,.hiprint-printTemplate .hiprint-printElement-text,.hiprint-printTemplate .hiprint-printElement-text-content,.hiprint-printTemplate .hiprint-printElement-longText,.hiprint-printTemplate .hiprint-printElement-longText-content,.hiprint-printTemplate .hiprint-printElement-content{color:#303133!important}.hiprint-printTemplate table,.hiprint-printTemplate td,.hiprint-printTemplate th{color:#303133!important;border-color:#dcdfe6!important}html.dark .hiprint-printTemplate,html.dark .hiprint-printPanel,html.dark .hiprint-printPanelBody,html.dark .hiprint-printPaper{background:#1d1e1f!important}html.dark .hiprint-printTemplate .hiprint-printElement,html.dark .hiprint-printTemplate .hiprint-printElement-text,html.dark .hiprint-printTemplate .hiprint-printElement-text-content,html.dark .hiprint-printTemplate .hiprint-printElement-longText,html.dark .hiprint-printTemplate .hiprint-printElement-longText-content,html.dark .hiprint-printTemplate .hiprint-printElement-content{color:#e5eaf3!important}html.dark .hiprint-printTemplate table,html.dark .hiprint-printTemplate td,html.dark .hiprint-printTemplate th{color:#e5eaf3!important;border-color:#414243!important}html.dark .hiprint-printPaper.design,html.dark .design .hiprint-printElement-text-content{border:1px dashed rgba(200,200,200,.5)!important}#PrintElementOptionSetting{min-height:300px}html.dark #PrintElementOptionSetting{background-color:var(--el-bg-color)!important;color:var(--el-text-color-primary)!important}html.dark #PrintElementOptionSetting,html.dark #PrintElementOptionSetting *,html.dark #PrintElementOptionSetting *:before,html.dark #PrintElementOptionSetting *:after{color:var(--el-text-color-primary)!important}html.dark #PrintElementOptionSetting [style*=color]{color:var(--el-text-color-primary)!important}html.dark #PrintElementOptionSetting [style*=background]{background-color:transparent!important}html.dark #PrintElementOptionSetting .hiprint-option-item-label,html.dark #PrintElementOptionSetting .hiprint-option-item-value,html.dark #PrintElementOptionSetting .hiprint-option-item-row,html.dark #PrintElementOptionSetting .hiprint-option-item,html.dark #PrintElementOptionSetting .hiprint-option-row,html.dark #PrintElementOptionSetting .hiprint-option-label,html.dark #PrintElementOptionSetting .hiprint-option-value,html.dark #PrintElementOptionSetting label,html.dark #PrintElementOptionSetting span,html.dark #PrintElementOptionSetting div,html.dark #PrintElementOptionSetting td,html.dark #PrintElementOptionSetting p{color:var(--el-text-color-primary)!important;background-color:var(--el-bg-color)!important}html.dark #PrintElementOptionSetting input[type=text],html.dark #PrintElementOptionSetting input[type=number],html.dark #PrintElementOptionSetting input:not([type]),html.dark #PrintElementOptionSetting textarea,html.dark #PrintElementOptionSetting select{background-color:var(--el-fill-color-blank)!important;color:var(--el-text-color-primary)!important;border:1px solid var(--el-border-color)!important}html.dark #PrintElementOptionSetting input[type=text]:focus,html.dark #PrintElementOptionSetting input[type=number]:focus,html.dark #PrintElementOptionSetting textarea:focus,html.dark #PrintElementOptionSetting select:focus{border-color:var(--el-color-primary)!important;outline:none!important}html.dark #PrintElementOptionSetting select option{background-color:var(--el-bg-color-overlay)!important;color:var(--el-text-color-primary)!important}html.dark #PrintElementOptionSetting [class*=tab],html.dark #PrintElementOptionSetting [class*=Tab],html.dark #PrintElementOptionSetting [class*=header]{background-color:transparent!important;color:var(--el-text-color-regular)!important;border-color:var(--el-border-color)!important}html.dark #PrintElementOptionSetting [class*=tab].active,html.dark #PrintElementOptionSetting [class*=tab][class*=active]{color:var(--el-color-primary)!important;background-color:var(--el-fill-color-light)!important;border-bottom-color:var(--el-color-primary)!important}html.dark #PrintElementOptionSetting button,html.dark #PrintElementOptionSetting input[type=button],html.dark #PrintElementOptionSetting input[type=submit]{background-color:var(--el-fill-color)!important;color:var(--el-text-color-primary)!important;border:1px solid var(--el-border-color)!important}html.dark #PrintElementOptionSetting button:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important;border-color:var(--el-color-primary-light-5)!important}html.dark #PrintElementOptionSetting input[type=checkbox]{accent-color:var(--el-color-primary)}html.dark #PrintElementOptionSetting input[type=color]{border:1px solid var(--el-border-color)!important;background:var(--el-bg-color)!important}html.dark #PrintElementOptionSetting img{filter:brightness(0) invert(1)}html.dark #PrintElementOptionSetting ::selection{background:var(--el-color-primary)!important;color:var(--el-text-color-primary)!important}
+.custom-upload[data-v-cade4b6c]{--up-width: 100px;--up-height: 100px;--up-font-size: 18px;--up-fit: cover;--up-plus-display: flex}[data-v-cade4b6c] .custom-upload img{width:100%;height:100%;object-fit:var(--up-fit)}[data-v-cade4b6c] .custom-upload .el-upload--picture-card,[data-v-cade4b6c] .custom-upload .el-upload-dragger,[data-v-cade4b6c] .custom-upload .el-upload-list__item{width:var(--up-width);height:var(--up-height);line-height:var(--up-height);box-sizing:border-box}[data-v-cade4b6c] .custom-upload .el-upload-dragger{display:flex;align-items:center;justify-content:center;transition:border-color .3s}[data-v-cade4b6c] .custom-upload .el-icon{font-size:var(--up-font-size)}[data-v-cade4b6c] .el-upload--picture-card{display:var(--up-plus-display)}[data-v-cade4b6c] .el-upload-list__item.is-success.focusing .el-icon--close-tip{display:none!important}.g-query-container[data-v-00c1e7cf]{position:relative;display:flex;flex:1;flex-direction:column;padding:10px;box-sizing:border-box}.outer[data-v-00c1e7cf]{min-height:100px;border-radius:4px;background-color:var(--el-bg-color);top:60px;padding-top:10px;width:100%;box-sizing:border-box}.inner[data-v-00c1e7cf]{border-radius:4px;min-height:100px;border:1px solid var(--el-border-color);padding:18px 18px 0;box-sizing:border-box;width:100%;background-color:var(--el-bg-color)}.nested-enter-active[data-v-00c1e7cf],.nested-leave-active[data-v-00c1e7cf]{transition:all .3s ease-in-out}.nested-leave-active[data-v-00c1e7cf]{transition-delay:.25s}.nested-enter-from[data-v-00c1e7cf],.nested-leave-to[data-v-00c1e7cf]{transform:translateY(-100px);opacity:0}.nested-enter-active .inner[data-v-00c1e7cf],.nested-leave-active .inner[data-v-00c1e7cf]{transition:all .3s ease-in-out}.nested-enter-active .inner[data-v-00c1e7cf]{transition-delay:.25s}.nested-enter-from .inner[data-v-00c1e7cf],.nested-leave-to .inner[data-v-00c1e7cf]{transform:translateY(-100px);opacity:.001}.query-form[data-v-00c1e7cf]{padding:20px;background-color:var(--el-bg-color);border:1px solid var(--el-border-color);margin:5px;border-radius:4px}.g-query-container[data-v-00c1e7cf] .el-form-item .el-form-item{margin-bottom:18px}.g-form-container[data-v-95dcb808]{width:100%;display:flex;flex-direction:column;overflow:hidden}[data-v-95dcb808] .el-descriptions__cell{padding:0!important;border:none!important}[data-v-95dcb808] .el-descriptions__label{width:0!important}.g-form-container[data-v-95dcb808] .el-form-item .el-form-item{margin-bottom:18px}.custom-header[data-v-b4ba4c70]{display:flex;align-items:center;width:100%;height:100%;margin:0;box-sizing:border-box;color:var(--el-text-color-regular);border-bottom:1px solid var(--el-border-color)}.btn-icon[data-v-b4ba4c70]{cursor:pointer;margin:15px 10px;color:var(--el-text-color-regular);font-size:18px;padding:3px}.btn-icon[data-v-b4ba4c70]:hover{color:var(--el-color-primary);transition:all .2s;font-weight:700;background-color:var(--el-color-primary-light-7);border-radius:4px}.minimize-ball[data-v-b4ba4c70]{position:fixed;right:30px;bottom:30px;min-width:120px;height:42px;line-height:42px;background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:6px;box-shadow:var(--el-box-shadow-light);text-align:center;cursor:pointer;z-index:9999;color:var(--el-text-color-regular);font-size:14px;transition:all .2s}.minimize-ball[data-v-b4ba4c70]:hover{border-color:var(--el-color-primary-light-7);background:var(--el-fill-color-light);color:var(--el-color-primary)}[data-v-b4ba4c70] .el-dialog{padding:0;box-sizing:border-box}[data-v-b4ba4c70] .el-dialog__header,[data-v-b4ba4c70] .el-drawer__header{padding:0!important;margin:0!important}.check-box-hover[data-v-8d7383f9]:hover,.check-box-hover[data-v-750b37bc]:hover{background:var(--el-border-color)}.allcheck a[data-v-750b37bc]{cursor:pointer}.filtered[data-v-750b37bc]{pointer-events:none}.g-cell-toopTip[data-v-f28912da]{max-height:400px;border-radius:var(--el-border-radius-base);padding:12px;transition:all .3s ease}.g-cell-toopTip .title[data-v-f28912da]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;height:24px;border-bottom:1px solid var(--el-border-color)}.g-cell-toopTip .title .title-text[data-v-f28912da]{font-weight:700;line-height:24px}.g-cell-toopTip .content[data-v-f28912da]{max-height:300px;overflow-y:auto;line-height:1.5;padding:4px 0}.copy-btn[data-v-f28912da]{width:16px;height:16px;cursor:pointer}.copy-btn[data-v-f28912da]:hover{color:var(--el-color-success)}.g-detail-container[data-v-4902ce5a]{padding-top:5px}.control .el-button[data-v-2a88f8fa]{padding:0 3px;margin:0 3px}.g-table-container[data-v-2a88f8fa]{margin:0;padding:0;width:100%;height:100%}.table-query-container[data-v-2a88f8fa]{background-color:var(--el-bg-color);margin-bottom:10px;border:1px solid var(--el-border-color-lighter)}.table-container[data-v-2a88f8fa]{box-sizing:border-box;background-color:var(--el-bg-color)}.max[data-v-2a88f8fa]{cursor:pointer;color:var(--el-text-color)}.max[data-v-2a88f8fa]:hover{color:var(--el-color-primary)}.btns[data-v-2a88f8fa]{display:flex}[data-v-2a88f8fa] .drag-dialog{resize:both;overflow:auto}[data-v-2a88f8fa] .el-dialog__header,[data-v-2a88f8fa] .el-dialog__body{pointer-events:auto!important}.g-tree-table[data-v-2af391c5]{width:100%;display:flex;box-sizing:border-box}.g-tree-container[data-v-2af391c5]{display:flex;width:100%;box-sizing:border-box;border-radius:4px;overflow:auto;height:100%;border:1px solid var(--el-border-color-lighter);position:relative}.g-tree-table-container[data-v-2af391c5]{display:flex;flex:1;overflow:auto}.g-tree-left[data-v-2af391c5]{display:flex;flex-direction:column;box-sizing:border-box;margin-right:10px;overflow:auto}.g-tree-context-menu[data-v-2af391c5]{position:fixed;z-index:3000;min-width:100px;background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:4px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.g-tree-context-menu-item[data-v-2af391c5]{padding:8px 12px;cursor:pointer;font-size:12px;color:#303133}.g-tree-context-menu-item[data-v-2af391c5]:hover{background:var(--el-fill-color-light)}.op-items[data-v-c4b072bf]{display:flex;align-items:center;color:var(--el-text-color);margin-left:12px}.op-items span[data-v-c4b072bf]{background-color:var(--el-color-primary-light-7);border-radius:3px;margin:3px 2px 0 0;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400;padding:0 5px;box-sizing:border-box}.op-group[data-v-c4b072bf]{margin:0 22px}.op-group span[data-v-c4b072bf]{padding:5px;box-sizing:border-box;font-weight:700;background-color:var(--el-color-primary-light-3)}.json-view-content[data-v-975f3d61]{padding:16px}.json-view-toolbar[data-v-975f3d61]{display:flex;align-items:center;gap:16px;margin-bottom:12px}.json-view-toolbar-actions[data-v-975f3d61]{margin-left:auto;display:flex;gap:8px}.json-view-textarea[data-v-975f3d61] .el-textarea__inner{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);border-radius:6px;padding:14px 16px;color:var(--el-text-color-primary)}.json-view-textarea[data-v-975f3d61] .el-textarea__inner:focus{border-color:var(--el-color-primary);box-shadow:0 0 0 2px #409eff33;background-color:var(--el-bg-color)}.card-design[data-v-3da27269]{overflow:hidden;overflow-x:auto;overflow-y:auto}[data-v-3da27269] .hiprint-printElement-table-handle{width:12pt!important;height:12pt!important;top:-6pt!important;left:-6pt!important;transform:rotate(45deg)}.rect-printElement-types::-webkit-scrollbar{width:6px}.rect-printElement-types::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:3px}.hiprint-printElement-type{list-style:none;padding:0;margin:0}.hiprint-printElement-type>li{margin-bottom:12px}.hiprint-printElement-type>li>div:first-child,.hiprint-printElement-type>li>label,.hiprint-printElement-type>li>span.group-title,.hiprint-printElement-type>li>span:first-child{font-size:13px;font-weight:600;color:var(--el-text-color-primary);padding:8px 10px 6px;border-left:3px solid var(--el-color-primary);margin-bottom:4px;background:linear-gradient(to right,var(--el-color-primary-light-9),transparent);border-radius:0 4px 4px 0}html.dark .hiprint-printElement-type>li>div:first-child,html.dark .hiprint-printElement-type>li>label,html.dark .hiprint-printElement-type>li>span:first-child{background:linear-gradient(to right,var(--el-fill-color-light),transparent)}.hiprint-printElement-type>li>ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.hiprint-printElement-type>li>ul>li{margin:0!important;padding:0!important}.hiprint-printElement-type>li>ul>li>a{display:flex!important;align-items:center;gap:6px;padding:8px 10px!important;color:var(--el-text-color-primary)!important;font-size:12px;line-height:1.4!important;height:auto!important;text-decoration:none!important;background:var(--el-bg-color)!important;border:1px solid var(--el-border-color)!important;border-radius:6px;transition:all .2s ease;cursor:grab;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:80px;box-shadow:var(--el-box-shadow-light)}.hiprint-printElement-type>li>ul>li>a:hover{color:var(--el-color-primary)!important;border-color:var(--el-color-primary-light-5);background:var(--el-color-primary-light-9);box-shadow:var(--el-box-shadow);transform:translateY(-1px)}.hiprint-printElement-type>li>ul>li>a:active{cursor:grabbing;transform:translateY(0)}.hiprint-printElement-type>li>ul>li>a.ui-draggable-dragging{opacity:.7;box-shadow:var(--el-box-shadow-dark)}.hiprint-printElement-type a:before{display:inline-block!important;font-size:14px;color:inherit!important;line-height:1;flex-shrink:0}.hiprint-printElement-type a:before{content:"📄"}.hiprint-printElement-type a[data-type=text]:before{content:"📝"}.hiprint-printElement-type a[data-type=image]:before{content:"🖼️"}.hiprint-printElement-type a[data-type=table]:before{content:"📊"}.hiprint-printElement-type a[data-type=barcode]:before{content:"📦"}.hiprint-printElement-type a[data-type=qrcode]:before{content:"🔲"}.hiprint-printElement-type a[data-type=line]:before{content:"➖"}.hiprint-printElement-type a[data-type=vline]:before{content:"│"}.hiprint-printElement-type a[data-type=rect]:before{content:"▭"}.hiprint-printElement-type a[data-type=oval]:before{content:"⭕"}.hiprint-printTemplate,.hiprint-printPanel,.hiprint-printPanelBody,.hiprint-printPaper{background:var(--el-bg-color)!important;margin:0!important;padding:0!important}.hiprint-printTemplate .hiprint-printElement,.hiprint-printTemplate .hiprint-printElement-text,.hiprint-printTemplate .hiprint-printElement-text-content,.hiprint-printTemplate .hiprint-printElement-longText,.hiprint-printTemplate .hiprint-printElement-longText-content,.hiprint-printTemplate .hiprint-printElement-content{color:#303133!important}.hiprint-printTemplate table,.hiprint-printTemplate td,.hiprint-printTemplate th{color:#303133!important;border-color:#dcdfe6!important}html.dark .hiprint-printTemplate,html.dark .hiprint-printPanel,html.dark .hiprint-printPanelBody,html.dark .hiprint-printPaper{background:#1d1e1f!important}html.dark .hiprint-printTemplate .hiprint-printElement,html.dark .hiprint-printTemplate .hiprint-printElement-text,html.dark .hiprint-printTemplate .hiprint-printElement-text-content,html.dark .hiprint-printTemplate .hiprint-printElement-longText,html.dark .hiprint-printTemplate .hiprint-printElement-longText-content,html.dark .hiprint-printTemplate .hiprint-printElement-content{color:#e5eaf3!important}html.dark .hiprint-printTemplate table,html.dark .hiprint-printTemplate td,html.dark .hiprint-printTemplate th{color:#e5eaf3!important;border-color:#414243!important}html.dark .hiprint-printPaper.design,html.dark .design .hiprint-printElement-text-content{border:1px dashed rgba(200,200,200,.5)!important}#PrintElementOptionSetting{min-height:300px}html.dark #PrintElementOptionSetting{background-color:var(--el-bg-color)!important;color:var(--el-text-color-primary)!important}html.dark #PrintElementOptionSetting,html.dark #PrintElementOptionSetting *,html.dark #PrintElementOptionSetting *:before,html.dark #PrintElementOptionSetting *:after{color:var(--el-text-color-primary)!important}html.dark #PrintElementOptionSetting [style*=color]{color:var(--el-text-color-primary)!important}html.dark #PrintElementOptionSetting [style*=background]{background-color:transparent!important}html.dark #PrintElementOptionSetting .hiprint-option-item-label,html.dark #PrintElementOptionSetting .hiprint-option-item-value,html.dark #PrintElementOptionSetting .hiprint-option-item-row,html.dark #PrintElementOptionSetting .hiprint-option-item,html.dark #PrintElementOptionSetting .hiprint-option-row,html.dark #PrintElementOptionSetting .hiprint-option-label,html.dark #PrintElementOptionSetting .hiprint-option-value,html.dark #PrintElementOptionSetting label,html.dark #PrintElementOptionSetting span,html.dark #PrintElementOptionSetting div,html.dark #PrintElementOptionSetting td,html.dark #PrintElementOptionSetting p{color:var(--el-text-color-primary)!important;background-color:var(--el-bg-color)!important}html.dark #PrintElementOptionSetting input[type=text],html.dark #PrintElementOptionSetting input[type=number],html.dark #PrintElementOptionSetting input:not([type]),html.dark #PrintElementOptionSetting textarea,html.dark #PrintElementOptionSetting select{background-color:var(--el-fill-color-blank)!important;color:var(--el-text-color-primary)!important;border:1px solid var(--el-border-color)!important}html.dark #PrintElementOptionSetting input[type=text]:focus,html.dark #PrintElementOptionSetting input[type=number]:focus,html.dark #PrintElementOptionSetting textarea:focus,html.dark #PrintElementOptionSetting select:focus{border-color:var(--el-color-primary)!important;outline:none!important}html.dark #PrintElementOptionSetting select option{background-color:var(--el-bg-color-overlay)!important;color:var(--el-text-color-primary)!important}html.dark #PrintElementOptionSetting [class*=tab],html.dark #PrintElementOptionSetting [class*=Tab],html.dark #PrintElementOptionSetting [class*=header]{background-color:transparent!important;color:var(--el-text-color-regular)!important;border-color:var(--el-border-color)!important}html.dark #PrintElementOptionSetting [class*=tab].active,html.dark #PrintElementOptionSetting [class*=tab][class*=active]{color:var(--el-color-primary)!important;background-color:var(--el-fill-color-light)!important;border-bottom-color:var(--el-color-primary)!important}html.dark #PrintElementOptionSetting button,html.dark #PrintElementOptionSetting input[type=button],html.dark #PrintElementOptionSetting input[type=submit]{background-color:var(--el-fill-color)!important;color:var(--el-text-color-primary)!important;border:1px solid var(--el-border-color)!important}html.dark #PrintElementOptionSetting button:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important;border-color:var(--el-color-primary-light-5)!important}html.dark #PrintElementOptionSetting input[type=checkbox]{accent-color:var(--el-color-primary)}html.dark #PrintElementOptionSetting input[type=color]{border:1px solid var(--el-border-color)!important;background:var(--el-bg-color)!important}html.dark #PrintElementOptionSetting img{filter:brightness(0) invert(1)}html.dark #PrintElementOptionSetting ::selection{background:var(--el-color-primary)!important;color:var(--el-text-color-primary)!important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-2024-ui",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "private": false,
   "type": "module",
   "description": "A Vue 3 and Element Plus based plugin",