china-mobile-international-custom-components 0.0.26 → 0.0.28

package/es/chunks/index.DtBeJlu6.js

@@ -0,0 +1,142 @@
+import { _ as x, w as R } from "./_plugin-vue_export-helper.CVVE_0_F.js";
+import { ref as L, computed as m, createElementBlock as d, createCommentVNode as E, openBlock as n, createElementVNode as f, toDisplayString as y, Fragment as P, renderList as S, createBlock as M, createVNode as w, unref as T, withCtx as N, createTextVNode as k } from "vue";
+import { ElButton as D } from "element-plus";
+import '../assets/index.css';const _ = {
+  ALL: "all",
+  PARTIAL: "partial"
+}, I = [
+  {
+    value: _.ALL,
+    label: "全部成员"
+  },
+  {
+    value: _.PARTIAL,
+    label: "部分成员"
+  }
+], c = {
+  MEMBER: "member",
+  DEPARTMENT: "department"
+}, B = { key: 0 }, C = { class: "fz-14 text-646a73 mg-b-8" }, V = { class: "tag-list flex flex-wrap gap-4" }, $ = {
+  __name: "TagList",
+  props: {
+    // 显示的标签
+    label: {
+      type: String,
+      required: !0
+    },
+    // 数据项列表
+    items: {
+      type: Array,
+      default: () => []
+    },
+    // 默认显示的数量
+    defaultShowCount: {
+      type: Number,
+      default: 3
+    }
+  },
+  setup(l) {
+    const t = l, a = L(!1), h = m(() => a.value ? t.items : t.items.slice(0, t.defaultShowCount)), b = m(() => t.items.length > t.defaultShowCount), r = m(() => t.items.length - t.defaultShowCount), s = () => {
+      a.value = !a.value;
+    };
+    return (i, A) => l.items.length > 0 ? (n(), d("div", B, [
+      f("div", C, y(l.label), 1),
+      f("div", V, [
+        (n(!0), d(P, null, S(h.value, (e) => (n(), d("span", {
+          key: e.id,
+          class: "tag-item fz-12 pd-l-8 pd-r-8 radius-4 bg-eaf0fe text-3271fe"
+        }, y(e.name), 1))), 128)),
+        b.value ? (n(), d("span", {
+          key: 0,
+          class: "expand-btn fz-12 pd-l-8 pd-r-8 radius-4 bg-f5f7fa text-646a73 cursor-pointer",
+          onClick: s
+        }, y(a.value ? "收起" : `+${r.value}`), 1)) : E("", !0)
+      ])
+    ])) : E("", !0);
+  }
+}, v = /* @__PURE__ */ x($, [["__scopeId", "data-v-cff25679"]]), z = { class: "available-range-preview w-full" }, Y = { class: "flex items-center justify-between mg-b-16" }, G = { class: "flex-1" }, W = { class: "fz-14 weight-500" }, j = {
+  __name: "layout",
+  props: {
+    // 当前选择的范围类型
+    type: {
+      type: String,
+      default: "all"
+    },
+    // 选中的项目列表
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    // 完整的树形数据（用于判断部门成员是否全部选中）
+    treeList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["edit"],
+  setup(l) {
+    const t = l, a = {
+      PARTIAL: "partial"
+    }, h = m(() => t.modelValue.filter(
+      (r) => r.type === c.MEMBER
+    )), b = m(() => ((s) => {
+      const i = [], A = (e) => {
+        if (e.type === c.DEPARTMENT && e.children) {
+          const g = (u) => {
+            const o = [];
+            for (const p of u)
+              p.type === c.MEMBER ? o.push(p.id) : p.type === c.DEPARTMENT && o.push(...g(p.children));
+            return o;
+          };
+          if (g(e.children).every(
+            (u) => t.modelValue.some(
+              (o) => o.type === c.MEMBER && o.id === u
+            )
+          ) && i.push({
+            id: e.id,
+            name: e.name,
+            type: c.DEPARTMENT
+          }), e.children)
+            for (const u of e.children)
+              A(u);
+        }
+      };
+      for (const e of s)
+        A(e);
+      return i;
+    })(t.treeList));
+    return (r, s) => (n(), d("div", z, [
+      f("div", Y, [
+        f("div", G, [
+          f("span", W, y(T(I).find((i) => i.value === l.type)?.label), 1)
+        ]),
+        w(T(D), {
+          type: "primary",
+          size: "small",
+          onClick: s[0] || (s[0] = (i) => r.$emit("edit"))
+        }, {
+          default: N(() => [...s[1] || (s[1] = [
+            k(" 编辑 ", -1)
+          ])]),
+          _: 1
+        })
+      ]),
+      l.type === a.PARTIAL ? (n(), M(v, {
+        key: 0,
+        label: "成员：",
+        items: h.value
+      }, null, 8, ["items"])) : E("", !0),
+      l.type === a.PARTIAL ? (n(), M(v, {
+        key: 1,
+        label: "部门：",
+        items: b.value
+      }, null, 8, ["items"])) : E("", !0)
+    ]));
+  }
+}, K = R(j), Q = R(v);
+export {
+  K as A,
+  _ as R,
+  Q as T,
+  I as r
+};

package/es/chunks/index.kR57MtNP.js

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

package/es/chunks/index.wQj5YKPy.js

@@ -0,0 +1,288 @@
+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 A, renderList as k, unref as p, withCtx as x, ref as C, watch as z, onMounted as F, createVNode as O, createTextVNode as _, 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/index.css';const R = {
+  ALL: !0,
+  PARTIAL: !1
+}, G = [
+  {
+    value: R.ALL,
+    label: "全部成员"
+  },
+  {
+    value: R.PARTIAL,
+    label: "部分成员"
+  }
+], m = {
+  MEMBER: 1,
+  DEPARTMENT: 2
+}, ne = {
+  label: "memberName",
+  children: "children",
+  value: "memberId"
+}, S = {
+  three: 3,
+  one: 1
+}, 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: S.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(), A(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);
+  }
+}, D = /* @__PURE__ */ q(K, [["__scopeId", "data-v-bf564085"]]), L = (e, t) => e?.filter(t) || [], w = (e, t) => L(e, (n) => n.memberType === t), N = (e, t) => {
+  if (e.children)
+    for (const n of e.children)
+      n.memberType === m.MEMBER ? t(n) : n.memberType === m.DEPARTMENT && N(n, t);
+}, P = (e) => {
+  const t = [];
+  return N(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 N(
+                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: R.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 ? S.three : S.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),
+        O(p(Y), {
+          class: "mg-l-16",
+          type: "primary",
+          link: "",
+          onClick: r[0] || (r[0] = (c) => l.$emit("edit"))
+        }, {
+          default: x(() => [...r[1] || (r[1] = [
+            _(" 编辑 ", -1)
+          ])]),
+          _: 1
+        })
+      ], 64)),
+      e.allVisible === p(R).PARTIAL ? (i(), b("div", {
+        key: 1,
+        class: I(["flex-1 overflow-hidden", { "flex items-center": !e.readonly }])
+      }, [
+        p(h)?.length ? (i(), A(D, {
+          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(), A(D, {
+          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(D);
+export {
+  ae as A,
+  R,
+  se as T,
+  ne as a,
+  G as r,
+  Q as u
+};