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

package/es/chunks/index.DjDvyGXt.js

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