@dazhicheng/ui 1.5.199 → 1.5.202

package/dist/components/tt-table/src/components/TableButtons.js

@@ -0,0 +1,117 @@
+import { defineComponent as I, inject as S, computed as d, toRaw as k, createVNode as n, resolveComponent as P, unref as f, isVNode as j, mergeProps as c, withDirectives as F, resolveDirective as $ } from "vue";
+import { propTypes as a, useDesign as x } from "@dazhicheng/hooks";
+import { isBoolean as z, isFunction as b, generateTestId as D, toKebabCase as N, isArray as O, isObject as A } from "@dazhicheng/utils";
+import { TtButton as R } from "../../../tt-button/index.js";
+import { TtIcon as m } from "../../../tt-icon/index.js";
+import U from "../../../../directives/disabled-tip/index.js";
+import { ElPopover as V } from "element-plus";
+import { componentMap as _ } from "../componentMap.js";
+/* empty css                         */
+function E(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !j(l);
+}
+const X = /* @__PURE__ */ I({
+  name: "TtTableButton",
+  directives: {
+    disabledTip: U
+  },
+  props: {
+    /** 按钮acitons */
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    /** 分割线 */
+    divider: a.bool.def(!0),
+    /** 是否阻止默认行为 */
+    stopButtonPropagation: a.bool.def(!0)
+  },
+  setup(l, {
+    slots: g
+  }) {
+    const {
+      prefixCls: s
+    } = x("table-buttons"), h = S("tableIdContext", d(() => "")), T = (e) => D(f(h), "toolbar-btn", N(e)), C = (e) => {
+      const t = e.ifShow;
+      let o = !0;
+      return z(t) && (o = t), b(t) && (o = t(e)), o;
+    }, v = d(() => (k(l.actions) || []).filter((e) => C(e))), y = (e) => {
+      if (!l.stopButtonPropagation) return;
+      e.composedPath().find((r) => {
+        var i;
+        return ((i = r.tagName) == null ? void 0 : i.toUpperCase()) === "BUTTON";
+      }) && e.stopPropagation();
+    };
+    function B(e, t) {
+      const o = e;
+      return O(o) && o.length > 0 ? o.some((r) => !!(r != null && r.condition)) : A(o) ? !!o.condition : !!t;
+    }
+    function w(e, t = "default", o) {
+      if (!e || !Reflect.has(e, t) || !b(e[t]))
+        return null;
+      const r = e[t];
+      return r ? r(o) : null;
+    }
+    const u = (e, t) => F(n(R, c({
+      disabled: B(e.disabledTip, e.disabled),
+      key: t,
+      style: {
+        color: e.color
+      },
+      class: `${s}-reference-btn`,
+      onClick: e.onClick,
+      loading: e.loading,
+      type: e.type || "",
+      size: e.size || "default",
+      "data-testid": T(e.label || "")
+    }, e.props ?? {}), {
+      default: () => [n("span", null, [e.label || ""]), e.children && !e.disabled && n(m, {
+        "icon-font": "icon-xiala",
+        class: "el-icon--right"
+      }, null)],
+      ...e.iconFont && {
+        icon: () => n(m, {
+          "icon-font": e.iconFont,
+          size: 14
+        }, null)
+      }
+    }), [[$("disabled-tip"), e.disabledTip]]), p = (e) => e.map((t, o) => {
+      const r = _.get(t.component);
+      if (t.children && t.children.length > 0) {
+        const i = {
+          reference: () => u(t, o)
+        };
+        return t.disabled ? u(t, o) : n(V, {
+          placement: "bottom",
+          width: "auto",
+          trigger: "hover",
+          offset: 8,
+          "show-arrow": !1,
+          "popper-class": `${s}-popover`
+        }, {
+          default: () => [n("div", {
+            class: `${s}-popover-btnbox`
+          }, [p(t.children)])],
+          ...i
+        });
+      }
+      return t.slot ? w(g, t.slot, t) : t.component ? n(r, c({
+        key: o
+      }, t), null) : u(t, o);
+    });
+    return () => {
+      let e;
+      return n("div", {
+        class: `${s} flex`,
+        onClick: y
+      }, [n(P("el-space"), {
+        size: 8
+      }, E(e = p(f(v))) ? e : {
+        default: () => [e]
+      })]);
+    };
+  }
+});
+export {
+  X as default
+};

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

@@ -0,0 +1,234 @@
+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 { TtIcon as B } from "../../../tt-icon/index.js";
+import { TtText as oe } from "../../../tt-text/index.js";
+import "../../../tt-modal/index.js";
+import { TtButton as ne } from "../../../tt-button/index.js";
+import { useDesign as se } from "@dazhicheng/hooks";
+import { ElScrollbar as $, ElCheckbox as I, ElCheckboxGroup as ie, ElTooltip as de } from "element-plus";
+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" }, Be = /* @__PURE__ */ X({
+  __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({
+      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;
+      return e === 0 ? !0 : l.checkedFields.filter((t) => !l.disabledColumnField.includes(t)).length === e;
+    }), P = C(() => {
+      const e = [.../* @__PURE__ */ new Set([...l.checkedFields, ...l.disabledColumnField])];
+      return e.length > 0 && e.length < p.value.length;
+    });
+    function q(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) {
+      l.checkedFields = l.checkedFields.filter((o) => o !== e);
+    }
+    function L() {
+      l.checkedFields = l.checkedFields.filter((e) => l.disabledColumnField.includes(e));
+    }
+    const y = () => {
+      j("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() {
+      var o;
+      const e = (o = n(F)) == null ? void 0 : o.querySelector(`.${u}-move-box`);
+      e && (f = ae.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";
+        }
+      }));
+    }
+    S(
+      () => 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.push(
+          ...l.allColumns.filter((s) => o.has(s.field || "") && !t.has(s.field || ""))
+        );
+      },
+      { deep: !0 }
+    ), S(
+      () => {
+        var e;
+        return (e = x.getVisible) == null ? void 0 : e.value;
+      },
+      (e) => {
+        e || (g && clearTimeout(g), f == null || f.destroy(), f = null, Object.assign(l, { allColumns: [], checkedFields: [], selectedColumns: [] }));
+      }
+    );
+    function J() {
+      var e, o;
+      k.value ? (e = r.openExport) == null || e.call(r, !0) : (o = r.openColumn) == null || o.call(r, !0);
+    }
+    return A({
+      handleSubmit: y,
+      openModal: U,
+      setModalProps(e) {
+        x.setModalProps(e);
+      }
+    }), (e, o) => (m(), E(n(z), {
+      width: "720",
+      class: b(n(u)),
+      onOk: y
+    }, {
+      beforeFooter: c(() => [
+        d("div", be, [
+          a(n(ne), { onClick: J }, {
+            default: c(() => [...o[1] || (o[1] = [
+              _("重置", -1)
+            ])]),
+            _: 1
+          })
+        ])
+      ]),
+      default: c(() => [
+        d("div", {
+          ref_key: "contentRef",
+          ref: F,
+          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,
+                    class: "checkbox-all",
+                    indeterminate: P.value,
+                    onChange: q
+                  }, {
+                    default: c(() => [
+                      d("span", fe, " 全部（" + h(l.checkedFields.length) + "/" + h(p.value.length) + "） ", 1)
+                    ]),
+                    _: 1
+                  }, 8, ["model-value", "indeterminate"])
+                ]),
+                a(n(ie), {
+                  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), {
+                      key: t.field,
+                      value: t.field,
+                      disabled: t.disabled
+                    }, {
+                      default: c(() => [
+                        a(n(de), {
+                          "show-after": 400,
+                          content: t.title || "",
+                          placement: "top"
+                        }, {
+                          default: c(() => [
+                            _(h(t.title || ""), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["content"])
+                      ]),
+                      _: 2
+                    }, 1032, ["value", "disabled"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          d("div", pe, [
+            d("div", he, [
+              d("span", null, "已选 " + h(l.selectedColumns.length) + " 列", 1),
+              d("span", {
+                class: "cursor-pointer text-(--el-color-primary)",
+                onClick: L
+              }, "清空")
+            ]),
+            a(n($), { class: "flex-1" }, {
+              default: c(() => [
+                d("div", {
+                  class: b([`${n(u)}-move-box`, "px-7px"])
+                }, [
+                  (m(!0), v(M, null, V(l.selectedColumns, (t) => (m(), v("div", {
+                    key: t.field,
+                    class: b([
+                      `${n(u)}-item-move`,
+                      "flex h-36px items-center justify-between  pr-12px py-2 cursor-pointer"
+                    ])
+                  }, [
+                    d("div", xe, [
+                      a(n(B), {
+                        class: "shrink-0 text-[var(--el-text-color-secondary)]",
+                        size: 14,
+                        icon: n(te),
+                        "is-custom-svg": ""
+                      }, null, 8, ["icon"]),
+                      a(n(oe), {
+                        "tool-tip": !1,
+                        class: "ml-1"
+                      }, {
+                        default: c(() => [
+                          _(h(t.title || ""), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    l.disabledColumnField.includes(t.field) ? Z("", !0) : (m(), v("span", {
+                      key: 0,
+                      class: b(`${n(u)}-action-btn`),
+                      onClick: ee((s) => G(t.field), ["stop"])
+                    }, [
+                      a(n(B), {
+                        class: "text-[var(--el-text-color-secondary)]",
+                        size: 12,
+                        "icon-font": n(le)
+                      }, null, 8, ["icon-font"])
+                    ], 10, Ce))
+                  ], 2))), 128))
+                ], 2)
+              ]),
+              _: 1
+            })
+          ])
+        ], 512)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
+export {
+  Be as default
+};

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

@@ -0,0 +1,5 @@
+import o from "./TableColumnModal.vue2.js";
+/* empty css                     */
+export {
+  o as default
+};

package/dist/components/tt-table/src/components/TableToobalTools.vue.js

@@ -0,0 +1,87 @@
+import { defineComponent as w, inject as E, computed as i, unref as n, ref as x, createElementBlock as a, openBlock as t, createBlock as d, createCommentVNode as f, withCtx as p, renderSlot as u, Fragment as h, renderList as I, createElementVNode as $, createVNode as y } from "vue";
+import { TtIcon as A } from "../../../tt-icon/index.js";
+import { generateTestId as B } from "@dazhicheng/utils";
+import { ElSpace as N, ElTooltip as V } from "element-plus";
+import { toolProps as z } from "../toolProps.js";
+import R from "../../../../assets/svg/RiRefreshLine.svg.js";
+import j from "../../../../assets/svg/exportSvg.svg.js";
+import F from "../../../../assets/svg/columnSet.svg.js";
+const L = ["data-testid"], P = ["onClick", "onAnimationend"], Q = /* @__PURE__ */ w({
+  __name: "TableToobalTools",
+  props: z,
+  emits: ["on-refresh", "on-columns-setting", "on-export"],
+  setup(b, { emit: k }) {
+    const r = b, l = k, v = E(
+      "tableIdContext",
+      i(() => "")
+    ), _ = i(() => B(n(v), "table-toolbar-tools")), c = x(/* @__PURE__ */ new Set());
+    function g(e, m) {
+      c.value.add(e), m();
+    }
+    function C(e) {
+      c.value.delete(e);
+    }
+    const S = i(() => [
+      {
+        label: "自定义导出",
+        icon: j,
+        handler: () => l("on-export"),
+        if: r.showExport
+      },
+      {
+        label: "刷新",
+        icon: R,
+        handler: () => l("on-refresh"),
+        if: r.showRefresh
+      },
+      {
+        label: "列设置",
+        icon: F,
+        handler: () => l("on-columns-setting"),
+        if: r.showSetColumn
+      }
+    ]);
+    return (e, m) => (t(), a("div", { "data-testid": _.value }, [
+      e.showSetting ? (t(), d(n(N), {
+        key: 0,
+        size: 12
+      }, {
+        default: p(() => [
+          u(e.$slots, "toolbar-left"),
+          (t(!0), a(h, null, I(S.value, (o, s) => (t(), a(h, { key: s }, [
+            o.if ? (t(), d(n(V), {
+              key: 0,
+              ref_for: !0,
+              ref: "tooltipRef",
+              class: "box-item",
+              effect: "dark",
+              content: o.label,
+              placement: "top",
+              "show-after": 200
+            }, {
+              default: p(() => [
+                $("div", {
+                  class: "icon-table-btn",
+                  onClick: (T) => g(s, o.handler),
+                  onAnimationend: (T) => C(s)
+                }, [
+                  y(n(A), {
+                    icon: o.icon,
+                    size: 14,
+                    "is-custom-svg": ""
+                  }, null, 8, ["icon"])
+                ], 40, P)
+              ]),
+              _: 2
+            }, 1032, ["content"])) : f("", !0)
+          ], 64))), 128)),
+          u(e.$slots, "toolbar-right")
+        ]),
+        _: 3
+      })) : f("", !0)
+    ], 8, L));
+  }
+});
+export {
+  Q as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./TableToobalTools.vue.js";
+export {
+  f as default
+};

package/dist/components/tt-table/src/emits.js

@@ -0,0 +1,15 @@
+import { tableEmits as e } from "vxe-table/es/table/src/emits";
+const c = [
+  ...e,
+  "fetch-success",
+  "fetch-error",
+  "selection-change",
+  "dynamic-change",
+  "row-dragend",
+  "page-change",
+  "load-data"
+  // 缺少的在这里添加
+];
+export {
+  c as basicTableEmits
+};

package/dist/components/tt-table/src/hooks/useCellArea.js

@@ -0,0 +1,15 @@
+import { GlobalConfig as t } from "../../../../hooks/useSetup.js";
+import { unref as c } from "vue";
+function h(o, i, C, n) {
+  return {
+    onCellAreaSelectionEnd: function(e) {
+      var l, r;
+      (l = c(o).checkboxConfig) != null && l.range && c(o).showCheckbox ? n.onCheckboxRangeChange({
+        records: e.rows
+      }) : (r = t.table) != null && r.isAreaCheckboxSelection && n.onCellAreaSelectionEndSetCheckbox(e), i("cell-area-selection-end", e);
+    }
+  };
+}
+export {
+  h as useCellArea
+};