china-mobile-international-custom-components 0.1.23 → 0.1.25

package/es/chunks/index.CyiNa6lr.js

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