@dazhicheng/ui 1.5.222 → 1.5.224

package/dist/components/tt-table/src/components/TableColumnModal.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as X, ref as T, reactive as Y, computed as C, watch as S, createBlock as E, openBlock as m, unref as n, normalizeClass as b, withCtx as c, createElementVNode as d, createVNode as a, toDisplayString as h, createElementBlock as v, Fragment as M, renderList as V, createTextVNode as _, createCommentVNode as Z, withModifiers as ee } from "vue";
-import le from "../../../../assets/svg/close.svg.js";
-import te from "../../../../assets/svg/drag.svg.js";
+import { defineComponent as Y, ref as S, reactive as Z, computed as C, watch as T, createBlock as E, openBlock as m, unref as s, normalizeClass as b, createSlots as ee, withCtx as d, createElementVNode as c, createVNode as a, toDisplayString as h, createElementBlock as v, Fragment as M, renderList as $, createTextVNode as F, createCommentVNode as le, withModifiers as te, renderSlot as V } from "vue";
+import oe from "../../../../assets/svg/close.svg.js";
+import se from "../../../../assets/svg/drag.svg.js";
 import { TtIcon as B } from "../../../tt-icon/index.js";
-import { TtText as oe } from "../../../tt-text/index.js";
+import { TtText as ne } from "../../../tt-text/index.js";
 import "../../../tt-modal/index.js";
-import { TtButton as ne } from "../../../tt-button/index.js";
+import { TtButton as ie } from "../../../tt-button/index.js";
 import "../../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
-import { useDesign as se } from "../../../../packages/hooks/src/useDesign.js";
+import { useDesign as de } from "../../../../packages/hooks/src/useDesign.js";
 import "axios";
-import { ElScrollbar as $, ElCheckbox as I, ElCheckboxGroup as ie, ElTooltip as de } from "element-plus";
+import { ElScrollbar as I, ElCheckbox as R, ElCheckboxGroup as ce, ElTooltip as ae } from "element-plus";
 import "dayjs";
 import "xe-utils";
 import "dayjs/plugin/utc";
@@ -18,81 +18,81 @@ import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/ae
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
-import { cloneDeep as ce } from "lodash-es";
-import ae from "sortablejs";
-import { useModalRender as re } from "../../../tt-modal/src/hooks/useModalRender.js";
-const ue = { class: "flex-1" }, me = { class: "cb flex items-center" }, fe = { class: "text-[var(--el-text-color-primary)] font-bold" }, pe = { class: "flex flex-col w-[200px] shrink-0" }, he = { class: "flex items-center justify-between px-15px pt-12px pb-6px text-xs text-[var(--el-text-color-regular)]" }, xe = { class: "flex items-center text-xs" }, Ce = ["onClick"], be = { class: "text-left" }, qe = /* @__PURE__ */ X({
+import { cloneDeep as re } from "lodash-es";
+import ue from "sortablejs";
+import { useModalRender as me } from "../../../tt-modal/src/hooks/useModalRender.js";
+const fe = { class: "flex-1" }, pe = { class: "cb flex items-center" }, he = { class: "text-[var(--el-text-color-primary)] font-bold" }, xe = { class: "flex flex-col w-[200px] shrink-0" }, Ce = { class: "flex items-center justify-between px-15px pt-12px pb-6px text-xs text-[var(--el-text-color-regular)]" }, be = { class: "flex items-center text-xs" }, ve = ["onClick"], ke = { class: "text-left" }, Le = /* @__PURE__ */ Y({
   __name: "TableColumnModal",
   props: {
     openColumn: { type: Function },
     openExport: { type: Function }
   },
   emits: ["on-submit"],
-  setup(R, { expose: A, emit: N }) {
-    const r = R, j = N, { prefixCls: u } = se("table-column-modal"), F = T(), [z, x] = re(), k = T(!1), l = Y({
+  setup(A, { expose: N, emit: j }) {
+    const r = A, z = j, { prefixCls: u } = de("table-column-modal"), _ = S(), [D, x] = me(), k = S(!1), l = Z({
       allColumns: [],
       checkedFields: [],
       selectedColumns: [],
       disabledColumnField: []
     });
     let f = null, g = null;
-    const p = C(() => l.allColumns.filter((e) => e.field)), D = C(() => p.value.filter((e) => !e.disabled)), O = C(() => {
-      const e = D.value.length;
+    const p = C(() => l.allColumns.filter((e) => e.field)), O = C(() => p.value.filter((e) => !e.disabled)), P = C(() => {
+      const e = O.value.length;
       return e === 0 ? !0 : l.checkedFields.filter((t) => !l.disabledColumnField.includes(t)).length === e;
-    }), P = C(() => {
+    }), q = C(() => {
       const e = [.../* @__PURE__ */ new Set([...l.checkedFields, ...l.disabledColumnField])];
       return e.length > 0 && e.length < p.value.length;
     });
-    function q(e) {
+    function G(e) {
       const o = p.value;
       l.checkedFields = e ? o.map((t) => t.field) : o.filter((t) => l.disabledColumnField.includes(t.field)).map((t) => t.field);
     }
-    function G(e) {
+    function L(e) {
       l.checkedFields = l.checkedFields.filter((o) => o !== e);
     }
-    function L() {
+    function U() {
       l.checkedFields = l.checkedFields.filter((e) => l.disabledColumnField.includes(e));
     }
     const y = () => {
-      j("on-submit", {
+      z("on-submit", {
         checkedModel: [...l.selectedColumns.map((e) => e.field)],
         modalApi: x,
         isExport: k.value
       });
     };
-    function U({ columns: e, displayFields: o = [], disabledColumnField: t, isExport: s }) {
-      k.value = s ?? !1, x.openModal();
-      const K = ce(e).filter((i) => i.field);
-      l.disabledColumnField = t, l.allColumns = K.map((i) => ({ ...i, disabled: t.includes(i.field) }));
-      const Q = new Set(l.allColumns.map((i) => i.field)), w = o.filter((i) => i && Q.has(i));
-      l.checkedFields = [...w], l.selectedColumns = w.map((i) => l.allColumns.find((W) => W.field === i)).filter(Boolean), g = setTimeout(H, 100);
+    function H({ columns: e, displayFields: o = [], disabledColumnField: t, isExport: n }) {
+      k.value = n ?? !1, x.openModal();
+      const Q = re(e).filter((i) => i.field);
+      l.disabledColumnField = t, l.allColumns = Q.map((i) => ({ ...i, disabled: t.includes(i.field) }));
+      const W = new Set(l.allColumns.map((i) => i.field)), w = o.filter((i) => i && W.has(i));
+      l.checkedFields = [...w], l.selectedColumns = w.map((i) => l.allColumns.find((X) => X.field === i)).filter(Boolean), g = setTimeout(J, 100);
     }
-    function H() {
+    function J() {
       var o;
-      const e = (o = n(F)) == null ? void 0 : o.querySelector(`.${u}-move-box`);
-      e && (f = ae.create(e, {
+      const e = (o = s(_)) == null ? void 0 : o.querySelector(`.${u}-move-box`);
+      e && (f = ue.create(e, {
         animation: 300,
         handle: `.${u}-item-move:not(.is-disabled)`,
         onStart: (t) => t.item.style.opacity = "0",
         onEnd(t) {
           if (t.oldIndex == null || t.newIndex == null) return;
-          const [s] = l.selectedColumns.splice(t.oldIndex, 1);
-          l.selectedColumns.splice(t.newIndex, 0, s), t.item.style.opacity = "1";
+          const [n] = l.selectedColumns.splice(t.oldIndex, 1);
+          l.selectedColumns.splice(t.newIndex, 0, n), t.item.style.opacity = "1";
         }
       }));
     }
-    S(
+    T(
       () => l.checkedFields,
       (e) => {
         const o = new Set(e);
-        l.selectedColumns = l.selectedColumns.filter((s) => o.has(s.field || ""));
-        const t = new Set(l.selectedColumns.map((s) => s.field || ""));
+        l.selectedColumns = l.selectedColumns.filter((n) => o.has(n.field || ""));
+        const t = new Set(l.selectedColumns.map((n) => n.field || ""));
         l.selectedColumns.push(
-          ...l.allColumns.filter((s) => o.has(s.field || "") && !t.has(s.field || ""))
+          ...l.allColumns.filter((n) => o.has(n.field || "") && !t.has(n.field || ""))
         );
       },
       { deep: !0 }
-    ), S(
+    ), T(
       () => {
         var e;
         return (e = x.getVisible) == null ? void 0 : e.value;
@@ -101,72 +101,73 @@ const ue = { class: "flex-1" }, me = { class: "cb flex items-center" }, fe = { c
         e || (g && clearTimeout(g), f == null || f.destroy(), f = null, Object.assign(l, { allColumns: [], checkedFields: [], selectedColumns: [] }));
       }
     );
-    function J() {
+    function K() {
       var e, o;
       k.value ? (e = r.openExport) == null || e.call(r, !0) : (o = r.openColumn) == null || o.call(r, !0);
     }
-    return A({
+    return N({
       handleSubmit: y,
-      openModal: U,
+      openModal: H,
       setModalProps(e) {
         x.setModalProps(e);
       }
-    }), (e, o) => (m(), E(n(z), {
+    }), (e, o) => (m(), E(s(D), {
       width: "720",
-      class: b(n(u)),
+      class: b(s(u)),
       onOk: y
-    }, {
-      beforeFooter: c(() => [
-        d("div", be, [
-          a(n(ne), { onClick: J }, {
-            default: c(() => [...o[1] || (o[1] = [
-              _("重置", -1)
+    }, ee({
+      beforeFooter: d(() => [
+        c("div", ke, [
+          a(s(ie), { onClick: K }, {
+            default: d(() => [...o[1] || (o[1] = [
+              F("重置", -1)
             ])]),
             _: 1
-          })
+          }),
+          V(e.$slots, "beforeFooter")
         ])
       ]),
-      default: c(() => [
-        d("div", {
+      default: d(() => [
+        c("div", {
           ref_key: "contentRef",
-          ref: F,
+          ref: _,
           class: "flex h-[400px]"
         }, [
-          d("div", ue, [
-            a(n($), { class: "h-full px-24px py-12px" }, {
-              default: c(() => [
-                d("div", me, [
-                  a(n(I), {
-                    "model-value": O.value,
+          c("div", fe, [
+            a(s(I), { class: "h-full px-24px py-12px" }, {
+              default: d(() => [
+                c("div", pe, [
+                  a(s(R), {
+                    "model-value": P.value,
                     class: "checkbox-all",
-                    indeterminate: P.value,
-                    onChange: q
+                    indeterminate: q.value,
+                    onChange: G
                   }, {
-                    default: c(() => [
-                      d("span", fe, " 全部（" + h(l.checkedFields.length) + "/" + h(p.value.length) + "） ", 1)
+                    default: d(() => [
+                      c("span", he, " 全部（" + h(l.checkedFields.length) + "/" + h(p.value.length) + "） ", 1)
                     ]),
                     _: 1
                   }, 8, ["model-value", "indeterminate"])
                 ]),
-                a(n(ie), {
+                a(s(ce), {
                   modelValue: l.checkedFields,
                   "onUpdate:modelValue": o[0] || (o[0] = (t) => l.checkedFields = t),
                   class: "mb-10px w-full"
                 }, {
-                  default: c(() => [
-                    (m(!0), v(M, null, V(p.value, (t) => (m(), E(n(I), {
+                  default: d(() => [
+                    (m(!0), v(M, null, $(p.value, (t) => (m(), E(s(R), {
                       key: t.field,
                       value: t.field,
                       disabled: t.disabled
                     }, {
-                      default: c(() => [
-                        a(n(de), {
+                      default: d(() => [
+                        a(s(ae), {
                           "show-after": 400,
                           content: t.title || "",
                           placement: "top"
                         }, {
-                          default: c(() => [
-                            _(h(t.title || ""), 1)
+                          default: d(() => [
+                            F(h(t.title || ""), 1)
                           ]),
                           _: 2
                         }, 1032, ["content"])
@@ -180,54 +181,54 @@ const ue = { class: "flex-1" }, me = { class: "cb flex items-center" }, fe = { c
               _: 1
             })
           ]),
-          d("div", pe, [
-            d("div", he, [
-              d("span", null, "已选 " + h(l.selectedColumns.length) + " 列", 1),
-              d("span", {
+          c("div", xe, [
+            c("div", Ce, [
+              c("span", null, "已选 " + h(l.selectedColumns.length) + " 列", 1),
+              c("span", {
                 class: "cursor-pointer text-(--el-color-primary)",
-                onClick: L
+                onClick: U
               }, "清空")
             ]),
-            a(n($), { class: "flex-1" }, {
-              default: c(() => [
-                d("div", {
-                  class: b([`${n(u)}-move-box`, "px-7px"])
+            a(s(I), { class: "flex-1" }, {
+              default: d(() => [
+                c("div", {
+                  class: b([`${s(u)}-move-box`, "px-7px"])
                 }, [
-                  (m(!0), v(M, null, V(l.selectedColumns, (t) => (m(), v("div", {
+                  (m(!0), v(M, null, $(l.selectedColumns, (t) => (m(), v("div", {
                     key: t.field,
                     class: b([
-                      `${n(u)}-item-move`,
+                      `${s(u)}-item-move`,
                       "flex h-36px items-center justify-between  pr-12px py-2 cursor-pointer"
                     ])
                   }, [
-                    d("div", xe, [
-                      a(n(B), {
+                    c("div", be, [
+                      a(s(B), {
                         class: "shrink-0 text-[var(--el-text-color-secondary)]",
                         size: 14,
-                        icon: n(te),
+                        icon: s(se),
                         "is-custom-svg": ""
                       }, null, 8, ["icon"]),
-                      a(n(oe), {
+                      a(s(ne), {
                         "tool-tip": !1,
                         class: "ml-1"
                       }, {
-                        default: c(() => [
-                          _(h(t.title || ""), 1)
+                        default: d(() => [
+                          F(h(t.title || ""), 1)
                         ]),
                         _: 2
                       }, 1024)
                     ]),
-                    l.disabledColumnField.includes(t.field) ? Z("", !0) : (m(), v("span", {
+                    l.disabledColumnField.includes(t.field) ? le("", !0) : (m(), v("span", {
                       key: 0,
-                      class: b(`${n(u)}-action-btn`),
-                      onClick: ee((s) => G(t.field), ["stop"])
+                      class: b(`${s(u)}-action-btn`),
+                      onClick: te((n) => L(t.field), ["stop"])
                     }, [
-                      a(n(B), {
+                      a(s(B), {
                         class: "text-[var(--el-text-color-secondary)]",
                         size: 12,
-                        "icon-font": n(le)
+                        "icon-font": s(oe)
                       }, null, 8, ["icon-font"])
-                    ], 10, Ce))
+                    ], 10, ve))
                   ], 2))), 128))
                 ], 2)
               ]),
@@ -236,10 +237,18 @@ const ue = { class: "flex-1" }, me = { class: "cb flex items-center" }, fe = { c
           ])
         ], 512)
       ]),
-      _: 1
-    }, 8, ["class"]));
+      _: 2
+    }, [
+      e.$slots.title ? {
+        name: "header",
+        fn: d(() => [
+          V(e.$slots, "title")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["class"]));
   }
 });
 export {
-  qe as default
+  Le as default
 };