@dazhicheng/ui 1.5.198 → 1.5.201

package/dist/components/tt-select/src/Select.vue.js

@@ -0,0 +1,315 @@
+import { defineComponent as Ne, useAttrs as Re, ref as g, useSlots as Ae, computed as r, unref as l, watch as Be, createElementBlock as ae, openBlock as x, mergeProps as h, createBlock as We, createCommentVNode as Ke, resolveDynamicComponent as ze, createSlots as I, withCtx as c, renderSlot as p, normalizeProps as P, guardReactiveProps as y, createElementVNode as He, normalizeClass as ne, toDisplayString as _e, renderList as O, createVNode as u, toHandlers as re, withModifiers as Ge, withDirectives as Ue, resolveComponent as qe, toValue as Je, isRef as Qe, isReactive as Xe } from "vue";
+import Ye from "./components/Table.vue.js";
+/* empty css                      */
+import { useDesign as Ze } from "@dazhicheng/hooks";
+import { useLoading as et } from "@dazhicheng-ui/hooks/useLoading";
+import { isArray as ie, isObject as tt, isEmpty as ot } from "@dazhicheng/utils";
+import { CopyDocument as lt } from "@element-plus/icons-vue";
+import { ElIcon as st, ElSelect as at } from "element-plus";
+import nt from "@dazhicheng-ui/directives/disabled-tip";
+import { useTableSlot as rt } from "@dazhicheng-ui/hooks/useTable";
+import { useResizeObserver as it } from "@vueuse/core";
+import { omit as ct, pick as dt, cloneDeep as j, isEqual as pt } from "lodash-es";
+import ut from "./components/SelectTable.vue.js";
+/* empty css                            */
+import { useDataSource as ft } from "./hooks/useDataSource.js";
+import { usePagination as mt } from "./hooks/usePagination.js";
+import { useSelect as gt } from "./hooks/useSelect.js";
+import { useSelectTableEvent as vt } from "./hooks/useSelectTableEvent.js";
+import { selectProps as bt, configDefault as ht } from "./props.js";
+const Pt = ["title"], At = /* @__PURE__ */ Ne({
+  name: "TtSelect",
+  inheritAttrs: !1,
+  __name: "Select",
+  props: bt,
+  emits: ["update:modelValue", "change", "fetch-success", "fetch-error", "select-change", "visible-change", "scroll", "scroll-boundary", "blur", "focus", "clear", "remove-tag"],
+  setup(ce, {
+    expose: de,
+    emit: pe
+  }) {
+    var X, Y, Z, ee;
+    const t = ce, f = pe, S = Re(), m = g(null), v = g(), i = g((X = t.selectProps) != null && X.multiple ? [] : void 0), a = g(void 0), C = g(!1), {
+      prefixCls: w
+    } = Ze("select-v2"), ue = Ae(), {
+      getTableSlotKeys: M,
+      replaceTableSlotKey: N
+    } = rt(ue), {
+      getLoading: V,
+      setLoading: fe
+    } = et(r(() => t.loading || !1)), R = r(() => {
+      var e;
+      return (((e = t.gridProps) == null ? void 0 : e.columns) || []).map((o) => o.field || "");
+    }), {
+      setShowPager: me,
+      showPager: k,
+      getPaginationInfo: A,
+      setPagination: b,
+      getPagination: E,
+      hasNextPage: B,
+      setHasNextPage: ge
+    } = mt(), {
+      options: $,
+      reload: W,
+      isLoaded: ve,
+      dataList: be,
+      setSearchValue: K,
+      activeIndex: he,
+      setActiveIndex: z,
+      getDefaultSingle: Pe,
+      getIsSelectFirstOption: ye,
+      needLoad: Se,
+      searchValue: Ce,
+      getImmediate: we,
+      updateOptionsDisabled: Ve
+    } = ft(r(() => ({
+      ...ht,
+      ...t.configProps
+    })), {
+      setLoading: fe,
+      getPaginationInfo: A,
+      setShowPager: me,
+      setPagination: b,
+      getPagination: E,
+      setSelectValue: q,
+      multiple: t.selectProps.multiple,
+      getKeyboardEvent: () => U,
+      columnsFields: l(R),
+      setHasNextPage: ge,
+      getSelectEvent: () => D,
+      extra: r(() => t.extra),
+      selectValue: i,
+      renderType: t.renderType,
+      multipleLimit: r(() => t.selectProps.multipleLimit)
+    }, f), ke = r(() => {
+      if (S.disabled !== void 0)
+        return !!S.disabled;
+      if (t.disabled || t.configProps.disabled)
+        return !0;
+      const e = t.disabledTip;
+      return ie(e) && e.length > 0 ? e.some((o) => !!(o != null && o.condition)) : tt(e) ? !!e.condition : !1;
+    }), {
+      getOtherSelectProps: Ee,
+      calcMaxCollapseTags: H,
+      calcSelectWidth: $e,
+      selectWidth: _,
+      showPopup: De,
+      setShowPopup: Fe,
+      getSelectWidth: Te
+    } = gt(r(() => t.selectProps), {
+      collapse: t.configProps.collapse,
+      selectOption: a,
+      selectRef: m,
+      disabled: ke,
+      autoSelectWidth: t.configProps.autoSelectWidth,
+      showPager: k,
+      isFilterMethod: t.configProps.isFilterMethod,
+      options: $,
+      dataList: be,
+      searchField: t.configProps.searchField,
+      placeholder: t.placeholder,
+      columnsFields: l(R),
+      allowCreate: ((Y = t.selectProps) == null ? void 0 : Y.allowCreate) || !1,
+      setSearchValue: K,
+      getKeyboardEvent: () => U,
+      setActiveIndex: z
+    }), {
+      gridEvent: G,
+      selectEvent: D,
+      keyboardEvent: U,
+      defaultDataSelect: Le
+    } = vt(r(() => t), {
+      tableRef: v,
+      selectRef: m,
+      options: $,
+      selectValue: i,
+      selectOption: a,
+      setSelectValue: q,
+      multiple: ((Z = t.selectProps) == null ? void 0 : Z.multiple) || !1,
+      reload: W,
+      isLoaded: ve,
+      getPagination: E,
+      setPagination: b,
+      showPager: k,
+      loading: V,
+      activeIndex: he,
+      setActiveIndex: z,
+      hasNextPage: B,
+      getDefaultSingle: Pe,
+      showPopup: De,
+      setShowPopup: Fe,
+      needLoad: Se,
+      dataNoBindValueClear: t.configProps.dataNoBindValueClear,
+      checkedClearSearchValue: t.configProps.checkedClearSearchValue,
+      setSearchValue: K,
+      searchValue: Ce,
+      getImmediate: we,
+      isExpandLoadData: t.configProps.isExpandLoadData,
+      persistent: ((ee = t.selectProps) == null ? void 0 : ee.persistent) || !1,
+      updateOptionsDisabled: Ve,
+      getIsSelectFirstOption: ye
+    }, f), F = r(() => ({
+      popperClass: `${w}-popper vxe-table--ignore-clear`,
+      valueKey: "value",
+      placement: "bottom-end",
+      clearable: !0,
+      persistent: !1,
+      ...ct(t.selectProps, ["allowCreate"]),
+      ...l(Ee),
+      loading: l(V)
+    })), T = r(() => {
+      var o;
+      return {
+        grid: t.gridProps ?? {},
+        list: l($),
+        loading: l(V),
+        showPager: l(k),
+        pagination: l(A),
+        multiple: t.selectProps.multiple,
+        disableFn: t.configProps.disableFn,
+        selectValue: l(i),
+        selectWidth: l(_),
+        deleteField: t.configProps.deleteField,
+        hasNextPage: l(B),
+        showCheckbox: (o = t.gridProps) == null ? void 0 : o.showCheckbox,
+        setPagination: b,
+        getPagination: E,
+        reload: W,
+        multipleLimit: l(F).multipleLimit
+      };
+    });
+    function q(e, o, s = !0) {
+      const n = j(i.value);
+      a.value = o, i.value = j(e), !(pt(j(e), n) || !s) && (f("update:modelValue", i.value), f("change", i.value, a.value), f("select-change", i.value, a.value), Ie());
+    }
+    function xe() {
+      return Object.keys(D).reduce((e, o) => (e[`on${o.charAt(0).toUpperCase()}${o.slice(1)}`] = D[o], e), {});
+    }
+    function Ie() {
+      var e;
+      if (t.configProps.bindFields && t.configProps.model) {
+        const o = (e = t.configProps.bindFields) == null ? void 0 : e.reduce((n, te) => {
+          var oe;
+          if (te) {
+            const [L, le] = te.split("|"), d = Je(a);
+            n[L || ""] = t.selectProps.multiple ? d == null ? void 0 : d.map((Me) => {
+              var se;
+              return (se = Me.item) == null ? void 0 : se[le || L || ""];
+            }) : (oe = d == null ? void 0 : d.item) == null ? void 0 : oe[le || L || ""];
+          }
+          return n;
+        }, {}), s = t.configProps.model;
+        Qe(s) ? Object.assign(s.value, o) : (Xe(s), Object.assign(s, o));
+      }
+    }
+    function Oe() {
+      return Ue(u(at, h({
+        ref: m,
+        modelValue: a.value,
+        "onUpdate:modelValue": (e) => a.value = e,
+        class: {
+          "is-not-border": !t.border
+        },
+        style: {
+          width: l($e)
+        }
+      }, l(F), xe()), {
+        default: () => [u(qe("slot"), null, null)]
+      }), [[nt, t.disabledTip]]);
+    }
+    Be(() => a.value, () => {
+      H();
+    }, {
+      deep: !0
+    }), it(m, () => {
+      H(), _.value = Te();
+    });
+    function J(e) {
+      try {
+        const o = document.createElement("textarea");
+        o.value = e, o.style.position = "fixed", o.style.opacity = "0", document.body.appendChild(o), o.select(), document.execCommand("copy"), document.body.removeChild(o);
+      } catch {
+      }
+    }
+    function Q(e) {
+      navigator.clipboard ? navigator.clipboard.writeText(e).catch(() => {
+        J(e);
+      }) : J(e);
+    }
+    function je() {
+      if (!ot(a.value)) {
+        const e = a.value;
+        if (ie(e)) {
+          const o = e.map((s) => s.label).join(",");
+          Q(o);
+        } else
+          Q((e == null ? void 0 : e.label) || "");
+      }
+    }
+    return de({
+      getSelectInstance: () => m.value,
+      getTableInstance: () => {
+        var e;
+        return ((e = l(v)) == null ? void 0 : e.getGridInstance()) ?? void 0;
+      },
+      getSelectProps: F,
+      getGridProps: T,
+      setModelValue: Le,
+      setPagination: b,
+      getSelectOption: () => a.value
+    }), (e, o) => (x(), ae("div", h(l(dt)(l(S), ["data-component-config", "data-testid", "data-validation-rules"]), {
+      class: [[l(w), e.$attrs.class], "w-full line-height-normal"],
+      onMouseenter: o[1] || (o[1] = (s) => C.value = !0),
+      onMouseleave: o[2] || (o[2] = (s) => C.value = !1)
+    }), [(x(), We(ze(Oe()), null, I({
+      label: c((s) => [p(e.$slots, "label", P(y(s)), () => [He("span", {
+        title: s.label,
+        class: ne({
+          "line-through": s.value.isDelete
+        })
+      }, _e(s.label), 11, Pt)])]),
+      _: 2
+    }, [e.renderType === "grid" ? {
+      name: "empty",
+      fn: c(() => [p(e.$slots, "empty", {}, () => [u(ut, h({
+        ref_key: "tableRef",
+        ref: v
+      }, T.value, re(l(G))), I({
+        _: 2
+      }, [O(l(M), (s) => ({
+        name: l(N)(s),
+        fn: c((n) => [p(e.$slots, s, P(y(n || {})))])
+      }))]), 1040)])]),
+      key: "0"
+    } : e.renderType === "table" ? {
+      name: "empty",
+      fn: c(() => [p(e.$slots, "empty", {}, () => [u(Ye, h({
+        ref_key: "tableRef",
+        ref: v
+      }, T.value, {
+        "config-props": e.configProps
+      }, re(l(G))), I({
+        _: 2
+      }, [O(l(M), (s) => ({
+        name: l(N)(s),
+        fn: c((n) => [p(e.$slots, s, P(y(n || {})))])
+      }))]), 1040, ["config-props"])])]),
+      key: "1"
+    } : void 0, O(Object.keys(e.$slots), (s) => ({
+      name: s,
+      fn: c((n) => [p(e.$slots, s, P(y(n || {})))])
+    }))]), 1024)), t.configProps.isCopy && a.value ? (x(), ae("div", {
+      key: 0,
+      class: ne([`${l(w)}__copy`, C.value ? "is-show" : "is-hidden"]),
+      title: "复制",
+      onMousedown: o[0] || (o[0] = Ge(() => {
+      }, ["stop"])),
+      onClick: je
+    }, [u(l(st), null, {
+      default: c(() => [u(l(lt))]),
+      _: 1
+    })], 34)) : Ke("", !0)], 16));
+  }
+});
+export {
+  At as default
+};

package/dist/components/tt-select/src/Select.vue3.js

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

package/dist/components/tt-select/src/components/SelectTable.vue.js

@@ -0,0 +1,86 @@
+import { defineComponent as C, useSlots as y, computed as s, unref as r, withDirectives as I, createElementBlock as b, openBlock as P, normalizeClass as R, createVNode as a, mergeProps as S, toHandlers as T, createSlots as k, withCtx as c, createElementVNode as D, renderList as V, renderSlot as z, normalizeProps as N, guardReactiveProps as O } from "vue";
+import { useDesign as j } from "@dazhicheng/hooks";
+import { TtEmpty as B } from "@dazhicheng-ui/components/tt-empty";
+import { vLoading as L } from "element-plus";
+import { VxeGrid as M } from "vxe-table";
+import { tableEmits as d } from "vxe-table/es/table/src/emits";
+import X from "xe-utils";
+import { GRID_MIN_HEIGHT as A, GRID_MAX_HEIGHT as U } from "../const.js";
+import { useGrid as Y } from "../hooks/useGrid.js";
+import { selectTableProps as $ } from "../props.js";
+const q = { class: "flex flex-col items-center justify-center" }, se = /* @__PURE__ */ C({
+  __name: "SelectTable",
+  props: $,
+  emits: d,
+  setup(p, { expose: f, emit: u }) {
+    const e = p, g = u, h = y(), i = {}, { prefixCls: v } = j("select-v2-grid"), { getColumns: w, rowStyle: _, gridRef: n, getOtherGridConfig: x } = Y(
+      s(() => e.grid),
+      s(() => e)
+    ), l = s(() => {
+      const t = x();
+      return {
+        maxHeight: U,
+        minHeight: A,
+        virtualYConfig: {
+          enabled: !0,
+          immediate: !0,
+          gt: 50,
+          threshold: 50
+        },
+        size: "mini",
+        showOverflow: !0,
+        ...e.grid,
+        // 如果用户没有设置 showHeader，则使用默认逻辑
+        showHeader: e.grid.showHeader !== void 0 ? e.grid.showHeader : (e.grid.columns || []).length > 1 && !!e.list.length,
+        ...t,
+        columns: r(w),
+        data: e.list,
+        rowStyle: _
+        // autoResize: false,
+      };
+    });
+    d.forEach((t) => {
+      const m = X.camelCase(t);
+      i[m] = (...o) => g(t, ...o);
+    });
+    const G = s(() => ({
+      ...i
+    }));
+    function H() {
+      return r(n);
+    }
+    return f({
+      getGridInstance: H
+    }), (t, m) => I((P(), b("div", {
+      class: R(["w-full", {
+        [r(v)]: !0,
+        "pt-5px": !l.value.showHeader
+      }])
+    }, [
+      a(r(M), S({
+        ref_key: "gridRef",
+        ref: n,
+        class: "max-w-1000px min-w-100%"
+      }, l.value, T(G.value)), k({
+        empty: c(() => [
+          D("div", q, [
+            a(r(B))
+          ])
+        ]),
+        _: 2
+      }, [
+        V(Object.keys(r(h)), (o) => ({
+          name: o,
+          fn: c((E) => [
+            z(t.$slots, o, N(O(E)))
+          ])
+        }))
+      ]), 1040)
+    ], 2)), [
+      [r(L), t.loading]
+    ]);
+  }
+});
+export {
+  se as default
+};

package/dist/components/tt-select/src/components/SelectTable.vue3.js

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