china-mobile-international-custom-components 0.0.46 → 0.0.48

package/es/chunks/index.Dh5IGfxO.js

@@ -0,0 +1,290 @@
+import { w as B } from "./index.bCzIhWFw.js";
+import { computed as u, createElementBlock as b, createCommentVNode as v, openBlock as i, Fragment as M, createElementVNode as E, toDisplayString as g, normalizeClass as I, createBlock as R, renderList as k, unref as p, withCtx as x, ref as C, watch as z, onMounted as F, createVNode as $, createTextVNode as O, nextTick as _ } from "vue";
+import { ElPopover as U, ElButton as Y } from "element-plus";
+import { _ as q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/index2.css';const A = {
+  ALL: !0,
+  PARTIAL: !1
+}, G = [
+  {
+    value: A.ALL,
+    label: "全部成员"
+  },
+  {
+    value: A.PARTIAL,
+    label: "部分成员"
+  }
+], m = {
+  MEMBER: 1,
+  DEPARTMENT: 2
+}, ne = {
+  label: "memberName",
+  children: "children",
+  value: "memberId"
+}, D = {
+  one: 1,
+  two: 2
+}, H = {
+  key: 0,
+  class: "pd-l-16 text-dee0e3 pd-r-16"
+}, W = { class: "fz-14 text-646a73 nowrap" }, j = { class: "tag-item nowrap fz-12 pd-l-8 pd-r-8 radius-4 bg-eaf0fe text-3271fe pointer" }, J = { class: "tag-list-popover overflow-y-auto flex gap-4 flex-wrap" }, K = {
+  __name: "TagList",
+  props: {
+    // 显示的标签
+    label: {
+      type: String,
+      required: !0
+    },
+    // 数据项列表
+    items: {
+      type: Array,
+      default: () => []
+    },
+    // 默认显示的数量
+    defaultShowCount: {
+      type: Number,
+      default: D.one
+    },
+    // 是否为只读模式
+    readonly: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const t = e, n = u(() => t.readonly ? t.items : t.items.slice(0, t.defaultShowCount)), d = u(() => t.items.length > t.defaultShowCount), f = u(() => t.items.length - t.defaultShowCount), h = u(() => t.items.slice(t.defaultShowCount));
+    return (a, o) => e.items.length > 0 ? (i(), b(M, { key: 0 }, [
+      e.readonly ? v("", !0) : (i(), b("span", H, "|")),
+      E("span", W, g(e.label), 1),
+      E("div", {
+        class: I(["tag-list", { "flex items-center gap-4": !e.readonly }])
+      }, [
+        (i(!0), b(M, null, k(n.value, (s) => (i(), b("div", {
+          key: s.memberId,
+          class: I(["tag-item fz-12 pd-l-8 pd-r-8 radius-4 bg-eaf0fe text-3271fe", { "mg-r-4 mg-b-4": e.readonly }])
+        }, g(s.memberName), 3))), 128)),
+        !e.readonly && d.value ? (i(), R(p(U), {
+          key: 0,
+          placement: "top",
+          trigger: "click",
+          width: "300"
+        }, {
+          reference: x(() => [
+            E("span", j, " +" + g(f.value), 1)
+          ]),
+          default: x(() => [
+            E("div", J, [
+              (i(!0), b(M, null, k(h.value, (s) => (i(), b("span", {
+                key: s.memberId,
+                class: "tag-item nowrap fz-12 pd-l-8 pd-r-8 radius-4 bg-eaf0fe text-3271fe"
+              }, g(s.memberName), 1))), 128))
+            ])
+          ]),
+          _: 1
+        })) : v("", !0)
+      ], 2)
+    ], 64)) : v("", !0);
+  }
+}, N = /* @__PURE__ */ q(K, [["__scopeId", "data-v-bf564085"]]), L = (e, t) => e?.filter(t) || [], w = (e, t) => L(e, (n) => n.memberType === t), S = (e, t) => {
+  if (e.children)
+    for (const n of e.children)
+      n.memberType === m.MEMBER ? t(n) : n.memberType === m.DEPARTMENT && S(n, t);
+}, P = (e) => {
+  const t = [];
+  return S(e, (n) => t.push(n.memberId)), t;
+};
+function Q(e, t, n = !1) {
+  const d = u(() => {
+    if (!e.value) return [];
+    const a = [...e.value], o = w(
+      a,
+      m.DEPARTMENT
+    );
+    if (o.length > 0 && t.value && t.value.length > 0) {
+      const s = /* @__PURE__ */ new Set();
+      o.forEach((r) => {
+        const c = (y) => {
+          for (const T of y) {
+            if (T.memberType === m.DEPARTMENT && T.memberId === r.memberId)
+              return S(
+                T,
+                (V) => s.add(V)
+              ), !0;
+            if (T.children && c(T.children))
+              return !0;
+          }
+          return !1;
+        };
+        c(t.value);
+      });
+      const l = new Set(
+        w(a, m.MEMBER).map(
+          (r) => r.memberId
+        )
+      );
+      s.forEach((r) => {
+        l.has(r.memberId) || a.push(r);
+      });
+    }
+    return a;
+  }), f = u(() => {
+    if (n)
+      return w(
+        d.value,
+        m.MEMBER
+      );
+    {
+      const a = /* @__PURE__ */ new Set();
+      return h.value.forEach((o) => {
+        P(o).forEach((l) => a.add(l));
+      }), L(
+        d.value,
+        (o) => o.memberType === m.MEMBER && !a.has(o.memberId)
+      );
+    }
+  }), h = u(() => {
+    if (n)
+      return w(
+        d.value,
+        m.DEPARTMENT
+      );
+    {
+      const a = [], o = (l) => {
+        if (!l.children || l.children.length === 0) return !1;
+        const r = P(l);
+        return r.length === 0 ? !1 : r.every(
+          (c) => d.value.some(
+            (y) => y.memberType === m.MEMBER && y.memberId === c
+          )
+        );
+      }, s = (l, r = !1) => {
+        if (l.memberType === m.DEPARTMENT) {
+          const c = o(l);
+          if (c && !r) {
+            if (a.push({
+              memberId: l.memberId,
+              memberName: l.memberName,
+              memberType: m.DEPARTMENT,
+              children: l.children
+            }), l.children)
+              for (const y of l.children)
+                s(y, !0);
+          } else if (!c && l.children)
+            for (const y of l.children)
+              s(y, !1);
+        }
+      };
+      for (const l of t.value)
+        s(l, !1);
+      return a;
+    }
+  });
+  return {
+    selectedMembers: f,
+    selectedDepartments: h
+  };
+}
+const X = { class: "fz-14 text-1f2329" }, Z = {
+  __name: "layout",
+  props: {
+    // 当前选择的范围类型（是否全部可见）
+    allVisible: {
+      type: Boolean,
+      default: A.ALL
+    },
+    // 选中的项目列表（完整对象数组，由父组件根据ID从树中查找得到）
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    // 完整的树形数据（用于判断部门成员是否全部选中）
+    treeList: {
+      type: Array,
+      default: () => []
+    },
+    // 是否为只读模式
+    readonly: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e, { expose: t }) {
+    const n = C(null), d = () => {
+      n.value && _(() => {
+        n.value.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+      });
+    }, f = e, { selectedMembers: h, selectedDepartments: a } = Q(
+      u(() => f.modelValue),
+      u(() => f.treeList),
+      f.readonly
+    ), o = u(() => {
+      const l = h.value.length > 0, r = a.value.length > 0;
+      return l && !r || !l && r ? D.two : D.one;
+    }), s = u(() => [...h.value, ...a.value]);
+    return z(
+      () => [f.allVisible, f.modelValue],
+      () => {
+        d();
+      },
+      { immediate: !1, deep: !0 }
+    ), F(() => {
+      d();
+    }), t({
+      allSelectedItems: s
+    }), (l, r) => (i(), b("div", {
+      ref_key: "previewRef",
+      ref: n,
+      class: I(["available-range-preview w-full overflow-hidden", {
+        "flex items-center": !e.readonly
+      }])
+    }, [
+      e.readonly ? v("", !0) : (i(), b(M, { key: 0 }, [
+        r[2] || (r[2] = E("div", { class: "text-1f2329" }, "可用范围：", -1)),
+        E("span", X, g(p(G).find((c) => c.value === e.allVisible)?.label), 1),
+        $(p(Y), {
+          class: "mg-l-16",
+          type: "primary",
+          link: "",
+          onClick: r[0] || (r[0] = (c) => l.$emit("edit"))
+        }, {
+          default: x(() => [...r[1] || (r[1] = [
+            O(" 编辑 ", -1)
+          ])]),
+          _: 1
+        })
+      ], 64)),
+      e.allVisible === p(A).PARTIAL ? (i(), b("div", {
+        key: 1,
+        class: I(["flex-1 overflow-hidden", { "flex items-center": !e.readonly }])
+      }, [
+        p(h)?.length ? (i(), R(N, {
+          key: 0,
+          label: "成员：",
+          items: p(h),
+          "default-show-count": o.value,
+          readonly: e.readonly
+        }, null, 8, ["items", "default-show-count", "readonly"])) : v("", !0),
+        p(a)?.length ? (i(), R(N, {
+          key: 1,
+          label: "部门：",
+          items: p(a),
+          "default-show-count": o.value,
+          readonly: e.readonly
+        }, null, 8, ["items", "default-show-count", "readonly"])) : v("", !0)
+      ], 2)) : v("", !0)
+    ], 2));
+  }
+}, ae = B(Z), se = B(N);
+export {
+  ae as A,
+  D,
+  m as M,
+  A as R,
+  se as T,
+  ne as a,
+  G as r,
+  Q as u
+};

package/es/chunks/index.Doax01RQ.js

@@ -0,0 +1,254 @@
+import { w as U } from "./index.bCzIhWFw.js";
+import { ref as r, computed as w, createBlock as _, openBlock as V, unref as m, withCtx as g, createElementVNode as P, createVNode as R, createElementBlock as k, createCommentVNode as x, Fragment as M, renderList as $, createTextVNode as E, toDisplayString as G, getCurrentInstance as O, watch as D, onMounted as F } from "vue";
+import { emitsMap as a } from "color-star-custom-methods";
+import { R as S, u as j, r as q, a as H, A as Y } from "./index.CSPp4g5C.js";
+import { ElDialog as z, ElRadioGroup as J, ElRadio as K, ElButton as N } from "element-plus";
+import { TreeShowSelect as Q } from "color-star-custom-components";
+import '../assets/index2.css';const W = { class: "dialog-content" }, X = {
+  key: 0,
+  class: "selection-area overflow-hidden"
+}, Z = { class: "dialog-footer" }, ee = {
+  __name: "Dialog",
+  props: {
+    // 弹窗显示控制
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    // 当前选择的范围类型（是否全部可见）
+    allVisible: {
+      type: Boolean,
+      default: S.ALL
+    },
+    // 选中的项目列表
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    // 树形数据
+    treeList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: [
+    a.updateVisible,
+    a.save,
+    a.cancel
+  ],
+  setup(p, { emit: y }) {
+    const b = p, v = y, L = r(!0), c = r(b.allVisible), t = r([...b.modelValue]), h = r(), { selectedMembers: A, selectedDepartments: u } = j(
+      t,
+      w(() => b.treeList),
+      !1
+      // 编辑模式
+    ), s = w(() => {
+      const i = [];
+      return u.value.forEach((e) => {
+        i.push({
+          ...e,
+          // TreeSelect列表模式不需要children
+          children: void 0
+        });
+      }), A.value.forEach((e) => {
+        i.push({
+          ...e,
+          children: void 0
+        });
+      }), i;
+    }), f = (i) => {
+      c.value = i, i === S.ALL && (t.value = []);
+    }, T = (i) => {
+      const { selectedNode: e } = i;
+      t.value = e || [];
+    }, I = () => {
+      v(a.cancel), v(a.updateVisible, !1);
+    }, C = () => {
+      v(a.save, {
+        type: c.value,
+        selectedItems: [...t.value]
+      }), v(a.updateVisible, !1);
+    };
+    return (i, e) => (V(), _(m(z), {
+      modelValue: L.value,
+      "onUpdate:modelValue": e[2] || (e[2] = (o) => L.value = o),
+      title: "可用范围设置",
+      "close-on-click-modal": !1,
+      "close-on-press-escape": !1,
+      "append-to-body": "",
+      onClose: I,
+      "modal-class": "available-range-setting-dialog"
+    }, {
+      footer: g(() => [
+        P("div", Z, [
+          R(m(N), {
+            onClick: I,
+            plain: ""
+          }, {
+            default: g(() => [...e[3] || (e[3] = [
+              E("取消", -1)
+            ])]),
+            _: 1
+          }),
+          R(m(N), {
+            type: "primary",
+            onClick: C
+          }, {
+            default: g(() => [...e[4] || (e[4] = [
+              E("保存", -1)
+            ])]),
+            _: 1
+          })
+        ])
+      ]),
+      default: g(() => [
+        P("div", W, [
+          R(m(J), {
+            class: "pd-b-16",
+            modelValue: c.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (o) => c.value = o),
+            onChange: f
+          }, {
+            default: g(() => [
+              (V(!0), k(M, null, $(m(q), (o) => (V(), _(m(K), {
+                key: o.value,
+                value: o.value
+              }, {
+                default: g(() => [
+                  E(G(o.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          c.value === m(S).PARTIAL ? (V(), k("div", X, [
+            R(m(Q), {
+              modelValue: t.value,
+              "onUpdate:modelValue": e[1] || (e[1] = (o) => t.value = o),
+              ref_key: "treeRef",
+              ref: h,
+              treeProps: m(H),
+              treeList: p.treeList,
+              hasFilter: !0,
+              rightTreeList: s.value,
+              style: { height: "500px" },
+              onGetCheckedNode: T
+            }, null, 8, ["modelValue", "treeProps", "treeList", "rightTreeList"])
+          ])) : x("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+}, le = () => O().appContext.config.globalProperties, ae = () => {
+  const { $request: p, $env: y } = le();
+  return {
+    availableRangeApi: () => p({
+      url: `${y.VITE_APP_AUTH_BASE_URL}/api/v1/admin/member/search`,
+      method: "get"
+    })
+  };
+}, te = { class: "available-range-setting w-full" }, se = /* @__PURE__ */ Object.assign({
+  name: "AvailableRangeSetting"
+}, {
+  __name: "layout",
+  props: {
+    // 当前选择的范围类型（是否全部可见）
+    allVisible: {
+      type: Boolean,
+      default: S.ALL
+    },
+    // 选中的项目列表
+    modelValue: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: [
+    a.updateAllVisible,
+    a.updateModelValue,
+    a.change
+  ],
+  setup(p, { expose: y, emit: b }) {
+    const v = p, { availableRangeApi: L } = ae(), c = b, t = r(!1), h = r(!1), A = r([]), u = r(v.allVisible), s = r(v.modelValue), f = r(
+      new Set(s.value?.map((l) => l.memberId))
+    ), T = () => {
+      h.value = !0, L().then((l) => {
+        A.value = l?.data?.orgOptionSoList || [];
+      }).finally(() => {
+        h.value = !1;
+      });
+    }, I = () => {
+      t.value = !0;
+    }, C = (l) => {
+      u.value = l.type, s.value = l.selectedItems, f.value.clear(), s.value.forEach((n) => {
+        f.value.add(n.memberId);
+      }), c(a.updateAllVisible, u.value), c(a.updateModelValue, s.value), e();
+    }, i = () => {
+      t.value = !1;
+    }, e = () => {
+      const l = {
+        allVisible: u.value,
+        selectedItems: s.value
+      };
+      c(a.change, l);
+    }, o = r(null), B = () => {
+      const l = o.value?.allSelectedItems || [];
+      return {
+        allVisible: u.value,
+        visibleScope: l.map((d) => ({
+          memberId: d.memberId,
+          memberName: d.memberName,
+          memberType: d.memberType,
+          bnid: d.bnid
+        }))
+      };
+    };
+    return D(
+      () => v.allVisible,
+      (l) => {
+        u.value = l;
+      },
+      { immediate: !0 }
+    ), D(
+      () => v.modelValue,
+      (l) => {
+        s.value = l || [], f.value.clear(), s.value.forEach((n) => {
+          f.value.add(n.memberId);
+        });
+      },
+      { immediate: !0 }
+    ), F(() => {
+      T();
+    }), y({
+      getSelectedItems: B
+    }), (l, n) => (V(), k("div", te, [
+      R(m(Y), {
+        allVisible: u.value,
+        "model-value": s.value,
+        "tree-list": A.value,
+        onEdit: I,
+        ref_key: "previewRef",
+        ref: o
+      }, null, 8, ["allVisible", "model-value", "tree-list"]),
+      t.value ? (V(), _(ee, {
+        key: 0,
+        visible: t.value,
+        "onUpdate:visible": n[0] || (n[0] = (d) => t.value = d),
+        allVisible: u.value,
+        "onUpdate:allVisible": n[1] || (n[1] = (d) => u.value = d),
+        modelValue: s.value,
+        "onUpdate:modelValue": n[2] || (n[2] = (d) => s.value = d),
+        "tree-list": A.value,
+        loading: h.value,
+        onSave: C,
+        onCancel: i
+      }, null, 8, ["visible", "allVisible", "modelValue", "tree-list", "loading"])) : x("", !0)
+    ]));
+  }
+}), me = U(se);
+export {
+  me as A,
+  le as g
+};