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

package/es/chunks/index.B9F4VYQK.js

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

package/es/chunks/index.BPxF6Amx.js

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

package/es/chunks/index.C2gKjqoA.js

@@ -0,0 +1,209 @@
+import { _ as L, w as k } from "./_plugin-vue_export-helper.CVVE_0_F.js";
+import { computed as u, createElementBlock as f, createCommentVNode as E, openBlock as a, Fragment as M, createElementVNode as b, toDisplayString as y, createBlock as w, renderList as N, unref as d, withCtx as A, ref as P, watch as S, onMounted as V, createVNode as D, createTextVNode as I, nextTick as B } from "vue";
+import { ElPopover as C, ElButton as z } from "element-plus";
+import '../assets/index.css';const T = {
+  ALL: !0,
+  PARTIAL: !1
+}, $ = [
+  {
+    value: T.ALL,
+    label: "全部成员"
+  },
+  {
+    value: T.PARTIAL,
+    label: "部分成员"
+  }
+], c = {
+  MEMBER: 1,
+  DEPARTMENT: 2
+}, X = {
+  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(n) {
+    const l = n, p = u(() => l.items.slice(0, l.defaultShowCount)), i = u(() => l.items.length > l.defaultShowCount), s = u(() => l.items.length - l.defaultShowCount), r = u(() => l.items.slice(l.defaultShowCount));
+    return (o, e) => n.items.length > 0 ? (a(), f(M, { key: 0 }, [
+      e[0] || (e[0] = b("span", { class: "pd-l-16 text-dee0e3" }, "|", -1)),
+      b("span", F, y(n.label), 1),
+      b("div", O, [
+        (a(!0), f(M, null, N(p.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(C), {
+          key: 0,
+          placement: "top",
+          trigger: "click",
+          width: "300"
+        }, {
+          reference: A(() => [
+            b("span", Y, " +" + y(s.value), 1)
+          ]),
+          default: A(() => [
+            b("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__ */ L(G, [["__scopeId", "data-v-bd8e4281"]]);
+function j(n, l) {
+  const p = u(() => {
+    const s = /* @__PURE__ */ new Set();
+    return i.value.forEach((r) => {
+      const o = (e) => {
+        for (const t of e)
+          t.memberType === c.MEMBER ? s.add(t.bnid) : t.memberType === c.DEPARTMENT && o(t.children);
+      };
+      o(r.children || []);
+    }), n.value.filter(
+      (r) => r.memberType === c.MEMBER && !s.has(r.bnid)
+    );
+  }), i = u(() => {
+    const s = [], 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) => n.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 (s.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 s;
+  });
+  return {
+    selectedMembers: p,
+    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(n) {
+    const l = P(null), p = () => {
+      l.value && B(() => {
+        l.value.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+      });
+    }, i = n, { selectedMembers: s, selectedDepartments: r } = j(
+      u(() => i.modelValue),
+      u(() => i.treeList)
+    );
+    return S(
+      () => [i.allVisible, i.modelValue],
+      () => {
+        p();
+      },
+      { immediate: !1, deep: !0 }
+    ), V(() => {
+      p();
+    }), (o, e) => (a(), f("div", {
+      ref_key: "previewRef",
+      ref: l,
+      class: "available-range-preview w-full flex items-center overflow-hidden"
+    }, [
+      b("span", H, y(d($).find((t) => t.value === n.allVisible)?.label), 1),
+      D(d(z), {
+        type: "primary",
+        link: "",
+        onClick: e[0] || (e[0] = (t) => o.$emit("edit"))
+      }, {
+        default: A(() => [...e[1] || (e[1] = [
+          I(" 编辑 ", -1)
+        ])]),
+        _: 1
+      }),
+      n.allVisible === d(T).PARTIAL ? (a(), f("div", J, [
+        d(s).length > 0 ? (a(), w(R, {
+          key: 0,
+          label: "成员：",
+          items: d(s)
+        }, 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));
+  }
+}, Z = k(K), ee = k(R);
+export {
+  Z as A,
+  T as R,
+  ee as T,
+  X as a,
+  $ as r,
+  j as u
+};