vue-2024-ui 0.0.41 → 0.0.42

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import lt, { ElMessage as ye, ElMessageBox as Ke, ElDialog as ot, ElDrawer as at } from "element-plus";
-import { mergeModels as ke, useModel as Ve, ref as be, onMounted as Fe, resolveComponent as A, openBlock as w, createElementBlock as le, unref as a, createBlock as O, mergeProps as D, withCtx as d, renderSlot as $, Fragment as fe, renderList as P, createTextVNode as se, toDisplayString as Z, createSlots as Q, normalizeProps as Ce, createVNode as R, createElementVNode as Y, useSlots as rt, inject as Pe, useAttrs as ut, computed as xe, normalizeStyle as Me, withModifiers as Xe, createCommentVNode as ue, guardReactiveProps as Oe, Transition as nt, withDirectives as qe, vShow as Be, onBeforeUnmount as st, normalizeClass as Qe, watchEffect as it, h as Ue, createApp as dt } from "vue";
+import { mergeModels as ke, useModel as Ve, ref as be, onMounted as Fe, resolveComponent as A, openBlock as w, createElementBlock as le, unref as a, createBlock as O, mergeProps as D, withCtx as d, renderSlot as $, Fragment as fe, renderList as P, createTextVNode as se, toDisplayString as Z, createSlots as Q, normalizeProps as Ce, createVNode as R, createElementVNode as W, useSlots as rt, inject as Pe, useAttrs as ut, computed as xe, normalizeStyle as Me, withModifiers as Xe, createCommentVNode as ue, guardReactiveProps as Oe, Transition as nt, withDirectives as qe, vShow as Be, onBeforeUnmount as st, normalizeClass as Qe, watchEffect as it, h as Ue, createApp as dt } from "vue";
 import { FullScreen as ct, Remove as ft } from "@element-plus/icons-vue";
 import Je from "sortablejs";
 import { Dexie as mt } from "dexie";
@@ -211,7 +211,7 @@ var Ze = { exports: {} };
     } }, C = "en", te = {};
     te[C] = g;
     var J = "$isDayjsObject", K = function(u) {
-      return u instanceof W || !(!u || !u[J]);
+      return u instanceof Y || !(!u || !u[J]);
     }, me = function u(b, i, v) {
       var p;
       if (!b) return C;
@@ -228,12 +228,12 @@ var Ze = { exports: {} };
     }, S = function(u, b) {
       if (K(u)) return u.clone();
       var i = typeof b == "object" ? b : {};
-      return i.date = u, i.args = arguments, new W(i);
+      return i.date = u, i.args = arguments, new Y(i);
     }, h = oe;
     h.l = me, h.i = K, h.w = function(u, b) {
       return S(u, { locale: b.$L, utc: b.$u, x: b.$x, $offset: b.$offset });
     };
-    var W = function() {
+    var Y = function() {
       function u(i) {
         this.$L = me(i.locale, null, !0), this.parse(i), this.$x = this.$x || i.x || {}, this[J] = !0;
       }
@@ -448,13 +448,13 @@ var Ze = { exports: {} };
       }, b.toString = function() {
         return this.$d.toUTCString();
       }, u;
-    }(), z = W.prototype;
+    }(), z = Y.prototype;
     return S.prototype = z, [["$ms", f], ["$s", E], ["$m", I], ["$H", x], ["$W", y], ["$M", q], ["$y", V], ["$D", m]].forEach(function(u) {
       z[u[1]] = function(b) {
         return this.$g(b, u[0], u[1]);
       };
     }), S.extend = function(u, b) {
-      return u.$i || (u(b, W, S), u.$i = !0), S;
+      return u.$i || (u(b, Y, S), u.$i = !0), S;
     }, S.locale = me, S.isDayjs = K, S.unix = function(u) {
       return S(1e3 * u);
     }, S.en = te[C], S.Ls = te, S.p = {}, S;
@@ -507,7 +507,7 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
       })();
     }), (V, m) => {
       var o, r;
-      const ee = A("el-radio"), ce = A("el-radio-group"), ge = A("el-radio-button"), g = A("el-checkbox"), U = A("el-checkbox-group"), oe = A("el-checkbox-button"), C = A("el-option"), te = A("el-option-group"), J = A("el-select"), K = A("el-tree-select"), me = A("el-time-picker"), S = A("el-time-select"), h = A("el-date-picker"), W = A("el-color-picker"), z = A("el-rate"), u = A("el-slider"), b = A("el-switch"), i = A("el-transfer"), v = A("el-cascader"), p = A("el-button"), _ = A("el-upload"), T = A("el-autocomplete"), j = A("el-input-number"), L = A("el-input");
+      const ee = A("el-radio"), ce = A("el-radio-group"), ge = A("el-radio-button"), g = A("el-checkbox"), U = A("el-checkbox-group"), oe = A("el-checkbox-button"), C = A("el-option"), te = A("el-option-group"), J = A("el-select"), K = A("el-tree-select"), me = A("el-time-picker"), S = A("el-time-select"), h = A("el-date-picker"), Y = A("el-color-picker"), z = A("el-rate"), u = A("el-slider"), b = A("el-switch"), i = A("el-transfer"), v = A("el-cascader"), p = A("el-button"), _ = A("el-upload"), T = A("el-autocomplete"), j = A("el-input-number"), L = A("el-input");
       return w(), le("div", yt, [
         a(f) == a(re).RADIO ? (w(), O(ce, D({
           key: 0,
@@ -687,7 +687,7 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
               $(V.$slots, `${t.t}-${a(n)}-${l}`, { data: k })
             ])
           }))
-        ]), 1040, ["modelValue", "type", "placeholder"])) : a(f) == a(re).COLOR ? (w(), O(W, D({
+        ]), 1040, ["modelValue", "type", "placeholder"])) : a(f) == a(re).COLOR ? (w(), O(Y, D({
           key: 11,
           modelValue: s.value,
           "onUpdate:modelValue": m[11] || (m[11] = (l) => s.value = l)
@@ -789,7 +789,7 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
             s.value ? {
               name: "suffix",
               fn: d(() => [
-                Y("div", {
+                W("div", {
                   title: a(Le)(s.value),
                   style: { "font-size": "10px", display: "block", width: "120px", overflow: "hidden", "text-overflow": "ellipsis" }
                 }, Z(a(Le)(s.value)), 9, $t)
@@ -980,7 +980,7 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
       }, a(pe)(t.value.form, (S) => !["footer", "submit", "reset", "slots", "type", "sort"].includes(S)), { class: "g-form-container" }), {
         default: d(() => [
           V.value.length > 0 ? $(g.$slots, "default", { key: 0 }, () => {
-            var S, h, W;
+            var S, h, Y;
             return [
               R(J, D({
                 class: "demo-tabs",
@@ -1096,10 +1096,10 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
                 ]),
                 _: 3
               }, 16, ["modelValue"]),
-              (W = (h = (S = t.value) == null ? void 0 : S.form) == null ? void 0 : h.footer) != null && W.hidden ? ue("", !0) : $(g.$slots, "f-footer", { key: 0 }, () => {
+              (Y = (h = (S = t.value) == null ? void 0 : S.form) == null ? void 0 : h.footer) != null && Y.hidden ? ue("", !0) : $(g.$slots, "f-footer", { key: 0 }, () => {
                 var z, u, b, i, v, p;
                 return [
-                  Y("div", {
+                  W("div", {
                     style: Me(t.value.form.footer.style)
                   }, [
                     $(g.$slots, "f-footer-left"),
@@ -1135,8 +1135,8 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
           }) : $(g.$slots, "default", { key: 1 }, () => {
             var S;
             return [
-              (w(!0), le(fe, null, P(q.value, (h, W) => (w(), O(C, D({ ref_for: !0 }, { ...t.value.form.cols, ...h.col }, {
-                key: W,
+              (w(!0), le(fe, null, P(q.value, (h, Y) => (w(), O(C, D({ ref_for: !0 }, { ...t.value.form.cols, ...h.col }, {
+                key: Y,
                 style: { width: "100%" }
               }), {
                 default: d(() => {
@@ -1144,12 +1144,12 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
                   return [
                     R(oe, D({
                       label: h.label,
-                      prop: `${W}.value`,
+                      prop: `${Y}.value`,
                       rules: y(h),
                       ref_for: !0
                     }, { ...(z = t.value) == null ? void 0 : z.formItems, ...h == null ? void 0 : h.formItem }, { style: { width: "100%" } }), {
                       label: d((u) => [
-                        $(g.$slots, `f-${W}-label`, {
+                        $(g.$slots, `f-${Y}-label`, {
                           data: u,
                           item: h,
                           model: t.value
@@ -1158,7 +1158,7 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
                         ])
                       ]),
                       default: d(() => [
-                        $(g.$slots, "f-" + W, {
+                        $(g.$slots, "f-" + Y, {
                           item: h,
                           model: t.value
                         }, () => {
@@ -1166,10 +1166,10 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
                           return [
                             t.value.form.modalState === "edit" ? (w(), O(_e, {
                               key: 0,
-                              modelValue: t.value[W].value,
-                              "onUpdate:modelValue": (i) => t.value[W].value = i,
+                              modelValue: t.value[Y].value,
+                              "onUpdate:modelValue": (i) => t.value[Y].value = i,
                               item: { ...(h == null ? void 0 : h.editor) || {}, ...((u = h == null ? void 0 : h.editor) == null ? void 0 : u.ep) || {} },
-                              ctrlKey: W,
+                              ctrlKey: Y,
                               ctrlType: h.type,
                               model: t.value,
                               class: "g-ctrl-container",
@@ -1187,10 +1187,10 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
                               }))
                             ]), 1032, ["modelValue", "onUpdate:modelValue", "item", "ctrlKey", "ctrlType", "model"])) : t.value.form.modalState === "add" ? (w(), O(_e, {
                               key: 1,
-                              modelValue: t.value[W].value,
-                              "onUpdate:modelValue": (i) => t.value[W].value = i,
+                              modelValue: t.value[Y].value,
+                              "onUpdate:modelValue": (i) => t.value[Y].value = i,
                               item: { ...(h == null ? void 0 : h.editor) || {}, ...((b = h == null ? void 0 : h.editor) == null ? void 0 : b.ap) || {} },
-                              ctrlKey: W,
+                              ctrlKey: Y,
                               ctrlType: h.type,
                               model: t.value,
                               class: "g-ctrl-container",
@@ -1208,10 +1208,10 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
                               }))
                             ]), 1032, ["modelValue", "onUpdate:modelValue", "item", "ctrlKey", "ctrlType", "model"])) : (w(), O(_e, {
                               key: 2,
-                              modelValue: t.value[W].value,
-                              "onUpdate:modelValue": (i) => t.value[W].value = i,
+                              modelValue: t.value[Y].value,
+                              "onUpdate:modelValue": (i) => t.value[Y].value = i,
                               item: h == null ? void 0 : h.editor,
-                              ctrlKey: W,
+                              ctrlKey: Y,
                               ctrlType: h.type,
                               model: t.value,
                               class: "g-ctrl-container",
@@ -1238,13 +1238,13 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
                 _: 2
               }, 1040))), 128)),
               (S = t.value.form.footer) != null && S.hidden ? ue("", !0) : $(g.$slots, "f-footer", { key: 0 }, () => {
-                var h, W, z, u, b, i;
+                var h, Y, z, u, b, i;
                 return [
-                  Y("div", {
+                  W("div", {
                     style: Me(t.value.form.footer.style)
                   }, [
                     $(g.$slots, "f-footer-left"),
-                    (z = (W = (h = t.value) == null ? void 0 : h.form) == null ? void 0 : W.submit) != null && z.hidden ? ue("", !0) : (w(), O(K, D({
+                    (z = (Y = (h = t.value) == null ? void 0 : h.form) == null ? void 0 : Y.submit) != null && z.hidden ? ue("", !0) : (w(), O(K, D({
                       key: 0,
                       onClick: U[3] || (U[3] = Xe((v) => t.value.form.submit.click(B.value, t.value), ["stop"]))
                     }, a(pe)(t.value.form.submit, (v) => !["click"].includes(v))), {
@@ -1438,7 +1438,7 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
               "onUpdate:info": B[1] || (B[1] = (S) => I.value = S),
               more: void 0
             }, Q({ _: 2 }, [
-              P(q.$slots, (S, h, W) => ({
+              P(q.$slots, (S, h, Y) => ({
                 name: h,
                 fn: d((z) => [
                   $(q.$slots, h, { model: t.value }, void 0, !0)
@@ -1452,12 +1452,12 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
           default: d(() => [
             R(ce, { style: { width: "100%", "margin-bottom": "0" } }, {
               default: d(() => {
-                var S, h, W, z, u, b, i, v, p, _, T, j;
+                var S, h, Y, z, u, b, i, v, p, _, T, j;
                 return [
-                  Y("div", {
+                  W("div", {
                     style: Me(t.value.query.btns.style)
                   }, [
-                    ((W = (h = (S = t.value) == null ? void 0 : S.query) == null ? void 0 : h.query) == null ? void 0 : W.hidden) != !0 ? (w(), O(m, D({ key: 0 }, t.value.query.query, {
+                    ((Y = (h = (S = t.value) == null ? void 0 : S.query) == null ? void 0 : h.query) == null ? void 0 : Y.hidden) != !0 ? (w(), O(m, D({ key: 0 }, t.value.query.query, {
                       onClick: B[2] || (B[2] = (L) => t.value.query.query.click())
                     }), {
                       default: d(() => [
@@ -1527,10 +1527,10 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
           name: "nested"
         }, {
           default: d(() => {
-            var S, h, W;
+            var S, h, Y;
             return [
-              f.value && !((W = (h = (S = t.value) == null ? void 0 : S.query) == null ? void 0 : h.more) != null && W.hidden) && t.value.query.more.mode == 1 ? (w(), le("div", wt, [
-                Y("div", _t, [
+              f.value && !((Y = (h = (S = t.value) == null ? void 0 : S.query) == null ? void 0 : h.more) != null && Y.hidden) && t.value.query.more.mode == 1 ? (w(), le("div", wt, [
+                W("div", _t, [
                   t.value.query.more.mode == 1 ? qe((w(), O(V, Ce(D({ key: 0 }, a(pe)(t.value.query, (z) => !["query", "more", "reset"].includes(z)))), {
                     default: d(() => [
                       R(Te, {
@@ -1575,7 +1575,7 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
                   "onUpdate:info": B[10] || (B[10] = (S) => I.value = S),
                   more: !0
                 }, Q({ _: 2 }, [
-                  P(q.$slots, (S, h, W) => ({
+                  P(q.$slots, (S, h, Y) => ({
                     name: h,
                     fn: d((z) => [
                       $(q.$slots, h, { model: t.value }, void 0, !0)
@@ -1591,7 +1591,7 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
           (me = (K = (J = (te = (C = t.value) == null ? void 0 : C.query) == null ? void 0 : te.more) == null ? void 0 : J.dialog) == null ? void 0 : K.footer) != null && me.hidden ? void 0 : {
             name: "footer",
             fn: d(() => [
-              Y("div", Ce(Oe(t.value.query.more.dialog.footer)), [
+              W("div", Ce(Oe(t.value.query.more.dialog.footer)), [
                 R(m, D(t.value.query.query, {
                   onClick: B[11] || (B[11] = (S) => t.value.query.query.click())
                 }), {
@@ -1663,14 +1663,14 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
     }), (x, y) => {
       const M = A("el-divider"), q = A("el-alert"), B = A("el-checkbox"), V = A("el-button");
       return w(), le("div", Ct, [
-        Y("div", Dt, [
-          Y("div", xt, [
-            Y("a", {
+        W("div", Dt, [
+          W("div", xt, [
+            W("a", {
               onClick: f,
               style: { cursor: "pointer" }
             }, "全选"),
             R(M, { direction: "vertical" }),
-            Y("a", {
+            W("a", {
               onClick: E,
               style: { cursor: "pointer" }
             }, "全不选")
@@ -1682,8 +1682,8 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
             closable: !1,
             style: { "margin-bottom": "10px" }
           }),
-          y[0] || (y[0] = Y("div", { style: { margin: "1px 0" } }, null, -1)),
-          Y("div", Ft, [
+          y[0] || (y[0] = W("div", { style: { margin: "1px 0" } }, null, -1)),
+          W("div", Ft, [
             (w(!0), le(fe, null, P(n.value, (m) => (w(), O(B, {
               class: "check-box-hover",
               style: { width: "120px !important", height: "30px !important", border: "1px solid #dfe6ec", margin: "5px !important", "border-radius": "3px !important", "padding-left": "5px !important", display: "flex !important", "align-items": "center !important" },
@@ -1694,7 +1694,7 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
               title: m.label
             }, {
               default: d(() => [
-                Y("span", {
+                W("span", {
                   textContent: Z(m.label),
                   style: { display: "block", "text-overflow": "ellipsis", width: "95px", overflow: "hidden" }
                 }, null, 8, Tt)
@@ -1703,7 +1703,7 @@ const Ae = /* @__PURE__ */ ht(bt), yt = {
             }, 1032, ["data-id", "modelValue", "onUpdate:modelValue", "title"]))), 128))
           ])
         ]),
-        Y("div", Mt, [
+        W("div", Mt, [
           R(V, {
             type: "primary",
             onClick: I,
@@ -1867,12 +1867,12 @@ const It = {
     }), (y, M) => {
       const q = A("el-divider"), B = A("el-alert"), V = A("el-checkbox");
       return w(), le("div", null, [
-        Y("div", It, [
-          Y("a", { onClick: E }, "全选"),
+        W("div", It, [
+          W("a", { onClick: E }, "全选"),
           R(q, { direction: "vertical" }),
-          Y("a", { onClick: I }, "全不选"),
+          W("a", { onClick: I }, "全不选"),
           R(q, { direction: "vertical" }),
-          Y("a", { onClick: x }, "复位")
+          W("a", { onClick: x }, "复位")
         ]),
         R(B, {
           title: "拖动表格列标题可以改变表格列显示顺序 !",
@@ -1881,8 +1881,8 @@ const It = {
           closable: !1,
           style: { "margin-bottom": "10px" }
         }),
-        Y("div", null, [
-          Y("div", jt, [
+        W("div", null, [
+          W("div", jt, [
             (w(!0), le(fe, null, P(t.value, (m) => (w(), O(V, {
               modelValue: m.showCol,
               "onUpdate:modelValue": (ee) => m.showCol = ee,
@@ -1896,7 +1896,7 @@ const It = {
               key: m.value
             }, {
               default: d(() => [
-                Y("span", {
+                W("span", {
                   textContent: Z(m.label),
                   style: { display: "block", "text-overflow": "ellipsis", width: "95px", overflow: "hidden" }
                 }, null, 8, Rt)
@@ -1908,11 +1908,11 @@ const It = {
       ]);
     };
   }
-}, Pt = /* @__PURE__ */ Se(Lt, [["__scopeId", "data-v-fe875b13"]]), Nt = { style: { "background-color": "#f2f2f2", padding: "5px", "box-sizing": "border-box" } }, zt = {
+}, Pt = /* @__PURE__ */ Se(Lt, [["__scopeId", "data-v-fe875b13"]]), Nt = {
   key: 0,
   class: "table-query-container",
-  style: { "background-color": "#fff", "border-radius": "2px", "margin-bottom": "5px" }
-}, Ht = { class: "btns" }, Wt = { class: "btns" }, Yt = ["innerHTML"], Gt = ["src"], Xt = { style: { display: "flex", "margin-top": "-2px" } }, Kt = { style: { display: "flex", flex: "1" } }, Qt = {
+  style: { "background-color": "#fff", "border-radius": "10px", "margin-bottom": "14px" }
+}, zt = { class: "btns" }, Ht = { class: "btns" }, Wt = { style: { padding: "16px", "box-sizing": "border-box", "background-color": "#fff", "border-radius": "10px" } }, Yt = ["innerHTML"], Gt = ["src"], Xt = { style: { display: "flex", "margin-top": "-2px" } }, Kt = { style: { display: "flex", flex: "1" } }, Qt = {
   style: { display: "flex", "justify-content": "center", width: "100%", height: "100%" },
   id: "table-form"
 }, Jt = { style: { display: "flex" } }, Zt = { style: { display: "flex", flex: "1" } }, el = /* @__PURE__ */ Object.assign({
@@ -1972,7 +1972,7 @@ const It = {
         style: {
           display: "flex",
           justifyContent: "flex-end",
-          padding: "10px",
+          "padding-top": "16px",
           backgroundColor: "#fff"
         },
         hidden: !1
@@ -2181,7 +2181,7 @@ const It = {
           })
         }
       }, o.control.setting.mode);
-    }, W = xe(() => Object.fromEntries(
+    }, Y = xe(() => Object.fromEntries(
       Object.entries(e.value).filter(([o, r]) => r.type !== "hidden").filter(([o, r]) => r.visible !== !1).filter(([o, r]) => r.showCol !== !1).map(([o, r]) => (r.sort = typeof r.sort == "number" ? r.sort : 0, [o, r])).sort((o, r) => o[1].sort - r[1].sort)
     )), z = be({}), u = (o, r) => {
       const l = (k, F) => {
@@ -2258,8 +2258,8 @@ const It = {
       var Ee, we, Ne, ze, He;
       const l = A("el-button"), k = A("el-table-column"), F = A("el-table"), H = A("el-pagination"), ne = A("el-icon"), ae = A("el-dialog"), ve = A("el-drawer");
       return w(), le(fe, null, [
-        Y("div", Nt, [
-          ((we = (Ee = e.value) == null ? void 0 : Ee.query) == null ? void 0 : we.hidden) != !0 ? (w(), le("div", zt, [
+        W("div", null, [
+          ((we = (Ee = e.value) == null ? void 0 : Ee.query) == null ? void 0 : we.hidden) != !0 ? (w(), le("div", Nt, [
             $(o.$slots, "query", {}, () => [
               R(Vt, {
                 modelValue: e.value,
@@ -2269,7 +2269,7 @@ const It = {
               }, Q({
                 "q-btns": d(() => [
                   $(o.$slots, "q-btns", {}, () => [
-                    Y("div", Ht, [
+                    W("div", zt, [
                       $(o.$slots, "control-add-left", {}, void 0, !0),
                       e.value.control.add.auth() ? $(o.$slots, "control-add", { key: 0 }, () => [
                         R(l, D(e.value.control.add, {
@@ -2283,7 +2283,7 @@ const It = {
                       ], !0) : ue("", !0),
                       $(o.$slots, "control-add-right", {}, void 0, !0)
                     ]),
-                    Y("div", Wt, [
+                    W("div", Ht, [
                       e.value.control.download.auth() ? $(o.$slots, "control-download", { key: 0 }, () => [
                         R(l, D(e.value.control.download, {
                           onClick: r[1] || (r[1] = (N) => S(e.value, x.value))
@@ -2318,164 +2318,166 @@ const It = {
               ]), 1032, ["modelValue"])
             ], !0)
           ])) : ue("", !0),
-          R(F, D({ class: "g-table-container" }, { ...o.$attrs, ...a(pe)(e.value.table, (N) => !["dblclickType", "page"].includes(N)) }), {
-            append: d(() => [
-              $(o.$slots, "append", {}, void 0, !0)
-            ]),
-            empty: d(() => [
-              $(o.$slots, "empty", {}, void 0, !0)
-            ]),
-            default: d(() => [
-              $(o.$slots, "default", {}, () => [
-                (w(!0), le(fe, null, P(W.value, (N, de) => (w(), O(k, D({
-                  prop: de,
-                  key: de,
-                  ref_for: !0
-                }, { ...e.value.tableColumns, ...a(pe)(N, (G) => I.includes(G)) }, { "header-align": "center" }), Q({
-                  header: d(({ column: G, $index: X }) => [
-                    $(o.$slots, `${de}-header`, {
-                      column: G,
-                      $index: X
-                    }, void 0, !0)
-                  ]),
-                  "filter-icon": d((G) => [
-                    $(o.$slots, `${de}-filter-icon`, { data: G }, void 0, !0)
-                  ]),
-                  _: 2
-                }, [
-                  N.type != "selection" && N.type != "index" && N.type != "expand" ? {
-                    name: "default",
-                    fn: d(({ row: G, column: X, $index: ie }) => [
-                      $(o.$slots, `${de}`, {
-                        row: G,
-                        column: X,
-                        $index: ie
-                      }, () => [
-                        Y("div", {
-                          innerHTML: ge(N, X.formatter(G, X, G[de], ie))
-                        }, null, 8, Yt)
-                      ], !0)
+          W("div", Wt, [
+            R(F, D({ class: "g-table-container" }, { ...o.$attrs, ...a(pe)(e.value.table, (N) => !["dblclickType", "page"].includes(N)) }), {
+              append: d(() => [
+                $(o.$slots, "append", {}, void 0, !0)
+              ]),
+              empty: d(() => [
+                $(o.$slots, "empty", {}, void 0, !0)
+              ]),
+              default: d(() => [
+                $(o.$slots, "default", {}, () => [
+                  (w(!0), le(fe, null, P(Y.value, (N, de) => (w(), O(k, D({
+                    prop: de,
+                    key: de,
+                    ref_for: !0
+                  }, { ...e.value.tableColumns, ...a(pe)(N, (G) => I.includes(G)) }, { "header-align": "center" }), Q({
+                    header: d(({ column: G, $index: X }) => [
+                      $(o.$slots, `${de}-header`, {
+                        column: G,
+                        $index: X
+                      }, void 0, !0)
                     ]),
-                    key: "0"
-                  } : void 0,
-                  N.type === "image" ? {
-                    name: "default",
-                    fn: d(({ row: G, column: X, $index: ie }) => [
-                      $(o.$slots, `${de}`, {
-                        row: G,
-                        column: X,
-                        $index: ie
-                      }, () => [
-                        Y("img", D({
-                          style: { width: "80px", height: "80px", "object-fit": "cover", "border-radius": "3px" },
-                          src: N.value,
-                          ref_for: !0
-                        }, N), null, 16, Gt)
-                      ], !0)
+                    "filter-icon": d((G) => [
+                      $(o.$slots, `${de}-filter-icon`, { data: G }, void 0, !0)
                     ]),
-                    key: "1"
-                  } : void 0,
-                  N.type == "control" ? {
-                    name: "default",
-                    fn: d(({ row: G, column: X, $index: ie }) => {
-                      var We, Ye;
-                      return [
-                        Y("div", {
-                          class: Qe(["control", (We = e.value.control) == null ? void 0 : We.class]),
-                          style: Me((Ye = e.value.control) == null ? void 0 : Ye.style)
-                        }, [
-                          $(o.$slots, "control", {}, () => [
-                            $(o.$slots, "control-left", {
-                              row: G,
-                              column: X,
-                              $index: ie
-                            }, void 0, !0),
-                            e.value.control.view.auth(G, X, ie) ? $(o.$slots, "control-view", {
-                              key: 0,
-                              row: G,
-                              column: X,
-                              $index: ie
-                            }, () => [
-                              R(l, D({ ref_for: !0 }, e.value.control.view, {
-                                onClick: (Ge) => J(G, X, ie, e.value)
-                              }), {
-                                default: d(() => [
-                                  se(Z(e.value.control.view.label), 1)
-                                ]),
-                                _: 2
-                              }, 1040, ["onClick"])
-                            ], !0) : ue("", !0),
-                            $(o.$slots, "control-edit-left", {
-                              row: G,
-                              column: X,
-                              $index: ie
-                            }, void 0, !0),
-                            e.value.control.edit.auth(G, X, ie) ? $(o.$slots, "control-edit", {
-                              key: 1,
-                              row: G,
-                              column: X,
-                              $index: ie
-                            }, () => [
-                              R(l, D({ ref_for: !0 }, e.value.control.edit, {
-                                onClick: (Ge) => C(G, X, ie, e.value)
-                              }), {
-                                default: d(() => [
-                                  se(Z(e.value.control.edit.label), 1)
-                                ]),
-                                _: 2
-                              }, 1040, ["onClick"])
-                            ], !0) : ue("", !0),
-                            $(o.$slots, "control-edit-right", {
-                              row: G,
-                              column: X,
-                              $index: ie
-                            }, void 0, !0),
-                            e.value.control.delete.auth(G, X, ie) ? $(o.$slots, "control-delete", {
-                              key: 2,
-                              row: G,
-                              column: X,
-                              $index: ie
-                            }, () => [
-                              R(l, D({ ref_for: !0 }, e.value.control.delete, {
-                                onClick: (Ge) => te(G, X, ie, e.value)
-                              }), {
-                                default: d(() => [
-                                  se(Z(e.value.control.delete.label), 1)
-                                ]),
-                                _: 2
-                              }, 1040, ["onClick"])
-                            ], !0) : ue("", !0),
-                            $(o.$slots, "control-right", {
-                              row: G,
-                              column: X,
-                              $index: ie
-                            }, void 0, !0)
-                          ], !0)
-                        ], 6)
-                      ];
-                    }),
-                    key: "2"
-                  } : void 0
-                ]), 1040, ["prop"]))), 128))
-              ], !0)
-            ]),
-            _: 3
-          }, 16),
-          (He = (ze = (Ne = e.value) == null ? void 0 : Ne.table) == null ? void 0 : ze.page) != null && He.hidden ? ue("", !0) : $(o.$slots, "page", { key: 1 }, () => [
-            R(H, D({
-              "page-size": e.value.table.page.pageSize,
-              "onUpdate:pageSize": r[4] || (r[4] = (N) => e.value.table.page.pageSize = N),
-              "current-page": e.value.table.page.currentPage,
-              "onUpdate:currentPage": r[5] || (r[5] = (N) => e.value.table.page.currentPage = N)
-            }, e.value.table.page), {
-              default: d(() => [
-                $(o.$slots, "table-page", {}, void 0, !0)
+                    _: 2
+                  }, [
+                    N.type != "selection" && N.type != "index" && N.type != "expand" ? {
+                      name: "default",
+                      fn: d(({ row: G, column: X, $index: ie }) => [
+                        $(o.$slots, `${de}`, {
+                          row: G,
+                          column: X,
+                          $index: ie
+                        }, () => [
+                          W("div", {
+                            innerHTML: ge(N, X.formatter(G, X, G[de], ie))
+                          }, null, 8, Yt)
+                        ], !0)
+                      ]),
+                      key: "0"
+                    } : void 0,
+                    N.type === "image" ? {
+                      name: "default",
+                      fn: d(({ row: G, column: X, $index: ie }) => [
+                        $(o.$slots, `${de}`, {
+                          row: G,
+                          column: X,
+                          $index: ie
+                        }, () => [
+                          W("img", D({
+                            style: { width: "80px", height: "80px", "object-fit": "cover", "border-radius": "3px" },
+                            src: N.value,
+                            ref_for: !0
+                          }, N), null, 16, Gt)
+                        ], !0)
+                      ]),
+                      key: "1"
+                    } : void 0,
+                    N.type == "control" ? {
+                      name: "default",
+                      fn: d(({ row: G, column: X, $index: ie }) => {
+                        var We, Ye;
+                        return [
+                          W("div", {
+                            class: Qe(["control", (We = e.value.control) == null ? void 0 : We.class]),
+                            style: Me((Ye = e.value.control) == null ? void 0 : Ye.style)
+                          }, [
+                            $(o.$slots, "control", {}, () => [
+                              $(o.$slots, "control-left", {
+                                row: G,
+                                column: X,
+                                $index: ie
+                              }, void 0, !0),
+                              e.value.control.view.auth(G, X, ie) ? $(o.$slots, "control-view", {
+                                key: 0,
+                                row: G,
+                                column: X,
+                                $index: ie
+                              }, () => [
+                                R(l, D({ ref_for: !0 }, e.value.control.view, {
+                                  onClick: (Ge) => J(G, X, ie, e.value)
+                                }), {
+                                  default: d(() => [
+                                    se(Z(e.value.control.view.label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1040, ["onClick"])
+                              ], !0) : ue("", !0),
+                              $(o.$slots, "control-edit-left", {
+                                row: G,
+                                column: X,
+                                $index: ie
+                              }, void 0, !0),
+                              e.value.control.edit.auth(G, X, ie) ? $(o.$slots, "control-edit", {
+                                key: 1,
+                                row: G,
+                                column: X,
+                                $index: ie
+                              }, () => [
+                                R(l, D({ ref_for: !0 }, e.value.control.edit, {
+                                  onClick: (Ge) => C(G, X, ie, e.value)
+                                }), {
+                                  default: d(() => [
+                                    se(Z(e.value.control.edit.label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1040, ["onClick"])
+                              ], !0) : ue("", !0),
+                              $(o.$slots, "control-edit-right", {
+                                row: G,
+                                column: X,
+                                $index: ie
+                              }, void 0, !0),
+                              e.value.control.delete.auth(G, X, ie) ? $(o.$slots, "control-delete", {
+                                key: 2,
+                                row: G,
+                                column: X,
+                                $index: ie
+                              }, () => [
+                                R(l, D({ ref_for: !0 }, e.value.control.delete, {
+                                  onClick: (Ge) => te(G, X, ie, e.value)
+                                }), {
+                                  default: d(() => [
+                                    se(Z(e.value.control.delete.label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1040, ["onClick"])
+                              ], !0) : ue("", !0),
+                              $(o.$slots, "control-right", {
+                                row: G,
+                                column: X,
+                                $index: ie
+                              }, void 0, !0)
+                            ], !0)
+                          ], 6)
+                        ];
+                      }),
+                      key: "2"
+                    } : void 0
+                  ]), 1040, ["prop"]))), 128))
+                ], !0)
               ]),
               _: 3
-            }, 16, ["page-size", "current-page"])
-          ], !0)
+            }, 16),
+            (He = (ze = (Ne = e.value) == null ? void 0 : Ne.table) == null ? void 0 : ze.page) != null && He.hidden ? ue("", !0) : $(o.$slots, "page", { key: 0 }, () => [
+              R(H, D({
+                "page-size": e.value.table.page.pageSize,
+                "onUpdate:pageSize": r[4] || (r[4] = (N) => e.value.table.page.pageSize = N),
+                "current-page": e.value.table.page.currentPage,
+                "onUpdate:currentPage": r[5] || (r[5] = (N) => e.value.table.page.currentPage = N)
+              }, e.value.table.page), {
+                default: d(() => [
+                  $(o.$slots, "table-page", {}, void 0, !0)
+                ]),
+                _: 3
+              }, 16, ["page-size", "current-page"])
+            ], !0)
+          ])
         ]),
-        qe(Y("div", null, [
+        qe(W("div", null, [
           R(ae, D({
             modelValue: E.value,
             "onUpdate:modelValue": r[9] || (r[9] = (N) => E.value = N),
@@ -2486,10 +2488,10 @@ const It = {
             header: d(() => {
               var N, de, G, X;
               return [
-                Y("div", Xt, [
-                  Y("div", Kt, [
+                W("div", Xt, [
+                  W("div", Kt, [
                     $(o.$slots, "f-header", {}, () => [
-                      Y("div", null, Z(e.value.dialog.title), 1)
+                      W("div", null, Z(e.value.dialog.title), 1)
                     ], !0)
                   ]),
                   ((de = (N = e.value) == null ? void 0 : N.dialog) == null ? void 0 : de.fullScreen) === !1 ? (w(), le("div", {
@@ -2524,7 +2526,7 @@ const It = {
               ];
             }),
             default: d(() => [
-              Y("div", Qt, [
+              W("div", Qt, [
                 R(Ie, {
                   modelValue: e.value,
                   "onUpdate:modelValue": r[8] || (r[8] = (N) => e.value = N),
@@ -2545,16 +2547,16 @@ const It = {
         ], 512), [
           [Be, e.value.dialog.mode == "dialog"]
         ]),
-        qe(Y("div", null, [
+        qe(W("div", null, [
           R(ve, D({
             modelValue: E.value,
             "onUpdate:modelValue": r[11] || (r[11] = (N) => E.value = N)
           }, a(pe)(e.value.dialog, (N) => !["width"].includes(N))), {
             header: d(() => [
-              Y("div", Jt, [
-                Y("div", Zt, [
+              W("div", Jt, [
+                W("div", Zt, [
                   $(o.$slots, "f-header", {}, () => [
-                    Y("div", null, Z(e.value.dialog.title), 1)
+                    W("div", null, Z(e.value.dialog.title), 1)
                   ], !0)
                 ])
               ])
@@ -2582,7 +2584,7 @@ const It = {
       ], 64);
     };
   }
-}), tl = /* @__PURE__ */ Se(el, [["__scopeId", "data-v-7404bd81"]]), ll = Object.freeze({}), et = [
+}), tl = /* @__PURE__ */ Se(el, [["__scopeId", "data-v-7de3f557"]]), ll = Object.freeze({}), et = [
   tl,
   Ie
 ];

package/dist/style.css

@@ -1 +1 @@
-.g-query-container[data-v-0ea0cd78]{display:flex;flex:1;flex-direction:column;padding:10px;box-sizing:border-box}.outer[data-v-0ea0cd78]{min-height:100px;border-radius:10px;background-color:#fffc;box-shadow:0 0 10px #0000001a;top:60px;padding:10px;width:100%;box-sizing:border-box}.inner[data-v-0ea0cd78]{border-radius:6px;min-height:100px;border:1px solid #f2f2f2;padding:20px;box-sizing:border-box;width:100%;background-color:#fffc}.nested-enter-active[data-v-0ea0cd78],.nested-leave-active[data-v-0ea0cd78]{transition:all .3s ease-in-out}.nested-leave-active[data-v-0ea0cd78]{transition-delay:.25s}.nested-enter-from[data-v-0ea0cd78],.nested-leave-to[data-v-0ea0cd78]{transform:translateY(-100px);opacity:0}.nested-enter-active .inner[data-v-0ea0cd78],.nested-leave-active .inner[data-v-0ea0cd78]{transition:all .3s ease-in-out}.nested-enter-active .inner[data-v-0ea0cd78]{transition-delay:.25s}.nested-enter-from .inner[data-v-0ea0cd78],.nested-leave-to .inner[data-v-0ea0cd78]{transform:translateY(-100px);opacity:.001}.check-box-hover[data-v-64e6e1c0]:hover,.check-box-hover[data-v-fe875b13]:hover{background:#f5f1f1}.allcheck a[data-v-fe875b13]{cursor:pointer}.filtered[data-v-fe875b13]{pointer-events:none}.max[data-v-7404bd81]{cursor:pointer;color:#333}.max[data-v-7404bd81]:hover{color:var(--el-color-primary)}.btns[data-v-7404bd81]{display:flex}
+.g-query-container[data-v-0ea0cd78]{display:flex;flex:1;flex-direction:column;padding:10px;box-sizing:border-box}.outer[data-v-0ea0cd78]{min-height:100px;border-radius:10px;background-color:#fffc;box-shadow:0 0 10px #0000001a;top:60px;padding:10px;width:100%;box-sizing:border-box}.inner[data-v-0ea0cd78]{border-radius:6px;min-height:100px;border:1px solid #f2f2f2;padding:20px;box-sizing:border-box;width:100%;background-color:#fffc}.nested-enter-active[data-v-0ea0cd78],.nested-leave-active[data-v-0ea0cd78]{transition:all .3s ease-in-out}.nested-leave-active[data-v-0ea0cd78]{transition-delay:.25s}.nested-enter-from[data-v-0ea0cd78],.nested-leave-to[data-v-0ea0cd78]{transform:translateY(-100px);opacity:0}.nested-enter-active .inner[data-v-0ea0cd78],.nested-leave-active .inner[data-v-0ea0cd78]{transition:all .3s ease-in-out}.nested-enter-active .inner[data-v-0ea0cd78]{transition-delay:.25s}.nested-enter-from .inner[data-v-0ea0cd78],.nested-leave-to .inner[data-v-0ea0cd78]{transform:translateY(-100px);opacity:.001}.check-box-hover[data-v-64e6e1c0]:hover,.check-box-hover[data-v-fe875b13]:hover{background:#f5f1f1}.allcheck a[data-v-fe875b13]{cursor:pointer}.filtered[data-v-fe875b13]{pointer-events:none}.max[data-v-7de3f557]{cursor:pointer;color:#333}.max[data-v-7de3f557]:hover{color:var(--el-color-primary)}.btns[data-v-7de3f557]{display:flex}

package/package.json

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