china-mobile-international-custom-components 0.0.40 → 0.0.42

package/es/ApplicationTypeTag.mjs

@@ -1,7 +1,7 @@
 import { w as I } from "./chunks/index.bCzIhWFw.js";
 import { computed as A, createElementBlock as _, openBlock as n, normalizeClass as r, toDisplayString as p } from "vue";
 import { A as t } from "./chunks/config.DE5PZU2F.js";
-import { u } from "./chunks/i18n.DUrvNBQz.js";
+import { u } from "./chunks/i18n.CfMhDOdX.js";
 import { _ as i } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 import './assets/ApplicationTypeTag.css';const L = () => {
   const { t: a } = u();

package/es/AutoShowTooltip.mjs

@@ -0,0 +1,92 @@
+import { w as f } from "./chunks/index.bCzIhWFw.js";
+import { ref as c, watch as m, nextTick as p, onMounted as d, onBeforeUnmount as v, resolveComponent as h, createBlock as y, openBlock as u, withCtx as w, createElementVNode as b, normalizeStyle as S, renderSlot as g, createElementBlock as k, toDisplayString as x } from "vue";
+import { _ as T } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/AutoShowTooltip.css';const I = { key: 1 }, H = {
+  __name: "AutoShowTooltip",
+  props: {
+    content: {
+      type: [String, null],
+      default: ""
+    },
+    placement: {
+      type: String,
+      default: "top"
+    },
+    textClass: {
+      type: String,
+      default: ""
+    },
+    row: {
+      type: Number,
+      default: 1
+    },
+    popperStyle: {
+      type: Object,
+      default: () => ({
+        maxWidth: "300px"
+      })
+    }
+  },
+  setup(o) {
+    const s = o, l = c(null), n = c(!1);
+    let e = null;
+    function i() {
+      const t = l.value;
+      if (!t) {
+        n.value = !1;
+        return;
+      }
+      if (t.offsetParent === null || t.offsetWidth === 0 || t.offsetHeight === 0) {
+        n.value = !1;
+        return;
+      }
+      const r = t.scrollHeight, a = t.clientHeight;
+      n.value = r > a + 1;
+    }
+    return m(
+      [() => s.content, () => s.row],
+      () => {
+        p(() => {
+          setTimeout(() => {
+            i();
+          }, 50);
+        });
+      },
+      { immediate: !1 }
+    ), d(() => {
+      setTimeout(() => {
+        i();
+      }, 100), e = new ResizeObserver(() => {
+        clearTimeout(e.timeoutId), e.timeoutId = setTimeout(() => {
+          i();
+        }, 100);
+      }), l.value && e.observe(l.value);
+    }), v(() => {
+      e && (e.timeoutId && clearTimeout(e.timeoutId), l.value && e.unobserve(l.value), e.disconnect());
+    }), (t, r) => {
+      const a = h("el-tooltip");
+      return u(), y(a, {
+        content: o.content || "",
+        disabled: !n.value || !o.content,
+        placement: o.placement,
+        "popper-style": o.popperStyle
+      }, {
+        default: w(() => [
+          b("div", {
+            ref_key: "textRef",
+            ref: l,
+            class: "auto-show-tooltip",
+            style: S({ WebkitLineClamp: o.row })
+          }, [
+            t.$slots.default ? g(t.$slots, "default", { key: 0 }, void 0, !0) : (u(), k("div", I, x(o.content || ""), 1))
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["content", "disabled", "placement", "popper-style"]);
+    };
+  }
+}, O = /* @__PURE__ */ T(H, [["__scopeId", "data-v-0c06e1b7"]]), z = f(O);
+export {
+  z as AutoShowTooltip,
+  z as default
+};

package/es/AvailableRangePreview.mjs

@@ -1,5 +1,5 @@
 import "./chunks/index.bCzIhWFw.js";
-import { A as r, T as s, A as t } from "./chunks/index.CSPp4g5C.js";
+import { A as r, T as s, A as t } from "./chunks/index.DjDvyGXt.js";
 export {
   r as AvailableRangePreview,
   s as TagList,

package/es/AvailableRangeSetting.mjs

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

package/es/CommonTagsList.mjs

@@ -0,0 +1,200 @@
+import { w as D } from "./chunks/index.bCzIhWFw.js";
+import { computed as c, createBlock as p, openBlock as t, unref as s, withCtx as h, createElementVNode as m, createCommentVNode as _, resolveDynamicComponent as x, toDisplayString as i, createElementBlock as l, withModifiers as M, Fragment as v, renderList as g, createVNode as b, normalizeStyle as B, createTextVNode as k } from "vue";
+import { ElTag as w, ElIcon as U, ElPopover as z } from "element-plus";
+import { u as G } from "./chunks/i18n.CfMhDOdX.js";
+import { I as H, e as O, d as E, c as V, P as A, R as L, C as R, f as F } from "./chunks/config.JrGX09T5.js";
+import { P as T, A as $ } from "./chunks/index.DjDvyGXt.js";
+import { _ as j } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/CommonTagsList.css';const K = { class: "status-tag-content flex items-center" }, W = { class: "status-text fz-12" }, Y = {
+  __name: "StatusTag",
+  props: {
+    channelStatus: {
+      type: [String, Number],
+      default: null
+    },
+    inActive: {
+      type: [String, Number],
+      default: null
+    },
+    statusText: {
+      type: String,
+      default: null
+    },
+    showIcon: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r) {
+    const S = r, a = c(() => S.inActive === H.UNPUBLISHED ? T.UNPUBLISHED : S.channelStatus), N = c(() => O[a.value]), y = c(() => E[a.value]), d = c(() => V[a.value]), I = c(() => A[a.value]);
+    return (u, e) => (t(), p(s(w), { type: N.value }, {
+      default: h(() => [
+        m("div", K, [
+          r.showIcon && d.value ? (t(), p(s(U), {
+            key: 0,
+            color: I.value
+          }, {
+            default: h(() => [
+              (t(), p(x(d.value)))
+            ]),
+            _: 1
+          }, 8, ["color"])) : _("", !0),
+          m("span", W, i(r.statusText || y.value), 1)
+        ])
+      ]),
+      _: 1
+    }, 8, ["type"]));
+  }
+}, X = /* @__PURE__ */ j(Y, [["__scopeId", "data-v-6ce5660c"]]), q = {
+  class: "common-content w-full overflow-y-auto",
+  style: { "max-height": "200px" }
+}, J = {
+  key: 0,
+  class: "content-item"
+}, Q = { class: "content-item-top flex items-center" }, Z = { class: "item-bottom-box mg-l-4 pd-t-8 flex flex-wrap" }, ee = {
+  key: 1,
+  class: "icon-placeholder w-full mg-t-4 mg-b-8 bg-e6e8ea",
+  style: { height: "1px" }
+}, te = {
+  key: 0,
+  class: "all-visible-ranges-section mg-t-12"
+}, se = { class: "channel-name fz-12 weight-500 mg-b-4 text-1f2329 flex items-center" }, ne = {
+  key: 0,
+  class: "range-separator w-full mg-t-8 mg-b-8 bg-e6e8ea",
+  style: { height: "1px" }
+}, le = /* @__PURE__ */ Object.assign({
+  name: "CommonTagsList"
+}, {
+  __name: "layout",
+  props: {
+    publishChannelList: {
+      type: Array,
+      default: () => []
+    },
+    sourceType: {
+      type: [String, Number],
+      default: null
+    }
+  },
+  setup(r) {
+    const { t: S } = G(), a = r, N = c(() => a.publishChannelList || []), y = c(() => {
+      if (!a.publishChannelList?.length) return [];
+      const u = a.publishChannelList.reduce((e, o) => {
+        const f = o.inActive === H.UNPUBLISHED ? T.UNPUBLISHED : o.channelStatus;
+        return e[f] || (e[f] = []), e[f].push(o), e;
+      }, {});
+      return Object.entries(u).map(([e, o]) => ({
+        status: parseInt(e),
+        channels: o
+      })).sort((e, o) => o.status - e.status);
+    }), d = c(() => {
+      if (!a.publishChannelList?.length) return [];
+      const u = S("COMMON_TAGS_LIST.UNKNOWN_CHANNEL");
+      return a.publishChannelList.filter((e) => e.visibleScope && e.visibleScope.length > 0).map((e) => ({
+        channelName: L[e.channelType]?.name(a.sourceType) || u,
+        channelType: e.channelType,
+        visibleScope: e.visibleScope,
+        allVisible: e.allVisible
+      }));
+    }), I = (u) => {
+      const e = F[u];
+      return R[e];
+    };
+    return (u, e) => (t(), l("div", {
+      class: "commont-status-box",
+      onClick: e[0] || (e[0] = M(() => {
+      }, ["stop"]))
+    }, [
+      (t(!0), l(v, null, g(N.value, (o, f) => (t(), p(s(z), {
+        key: f,
+        placement: "bottom",
+        trigger: "click",
+        width: "300"
+      }, {
+        reference: h(() => [
+          b(X, {
+            "channel-status": o.channelStatus,
+            "in-active": o.inActive,
+            "status-text": s(L)?.[o.channelType]?.name(r.sourceType),
+            "show-icon": !0,
+            class: "mg-r-4 mg-b-4"
+          }, null, 8, ["channel-status", "in-active", "status-text"])
+        ]),
+        default: h(() => [
+          m("div", q, [
+            (t(!0), l(v, null, g(y.value, (n, C) => (t(), l(v, {
+              key: n.status
+            }, [
+              n.channels.length > 0 ? (t(), l("div", J, [
+                m("div", Q, [
+                  b(s(U), {
+                    style: B({ color: s(A)[n.status] })
+                  }, {
+                    default: h(() => [
+                      (t(), p(x(s(V)[n.status])))
+                    ]),
+                    _: 2
+                  }, 1032, ["style"]),
+                  m("div", {
+                    class: "content-item-name fz-14 mg-l-4",
+                    style: B({ color: s(A)[n.status] })
+                  }, i(s(E)[n.status]) + "(" + i(n.channels.length) + ") ", 5)
+                ]),
+                m("div", Z, [
+                  (t(!0), l(v, null, g(n.channels, (P) => (t(), l("div", {
+                    class: "b-item-box mg-r-8 radius-4 fz-12 pd-t-4 pd-b-4 pd-l-8 pd-r-8 mg-b-8 text-1f2329 bg-f5f6f7",
+                    key: P.channelType
+                  }, i(s(L)?.[P.channelType]?.name(
+                    r.sourceType
+                  )), 1))), 128))
+                ])
+              ])) : _("", !0),
+              C < y.value.length - 1 ? (t(), l("div", ee)) : _("", !0)
+            ], 64))), 128)),
+            d.value.length > 0 ? (t(), l("div", te, [
+              (t(!0), l(v, null, g(d.value, (n, C) => (t(), l("div", {
+                key: n.channelType,
+                class: "channel-visible-range"
+              }, [
+                m("div", se, [
+                  b(s(U), {
+                    class: "mg-r-2",
+                    size: "14"
+                  }, {
+                    default: h(() => [
+                      (t(), p(x(I(n.channelType)?.icon)))
+                    ]),
+                    _: 2
+                  }, 1024),
+                  k(" " + i(n.channelName) + " " + i(s(S)("COMMON_TAGS_LIST.AVAILABLE_SCOPE")), 1)
+                ]),
+                b(s($), {
+                  "all-visible": n.allVisible,
+                  "model-value": n.visibleScope,
+                  "tree-list": [],
+                  readonly: !0
+                }, null, 8, ["all-visible", "model-value"]),
+                C < d.value.length - 1 ? (t(), l("div", ne)) : _("", !0)
+              ]))), 128))
+            ])) : _("", !0)
+          ])
+        ]),
+        _: 2
+      }, 1024))), 128)),
+      r.publishChannelList?.length ? _("", !0) : (t(), p(s(w), {
+        key: 0,
+        type: s(O)[s(T).UNPUBLISHED]
+      }, {
+        default: h(() => [
+          k(i(s(E)[s(T).UNPUBLISHED]), 1)
+        ]),
+        _: 1
+      }, 8, ["type"]))
+    ]));
+  }
+}), me = D(le);
+export {
+  me as CommonTagsList,
+  X as StatusTag,
+  me as default
+};