@king-one/antdv 2.5.6 → 2.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/antdv
 
+## 2.6.0
+
+### Minor Changes
+
+- 增加了 pro-dynamic-tag 组件
+
+## 2.5.7
+
+### Patch Changes
+
+- pro-selector-group 增加 role 回显处理
+
 ## 2.5.6
 
 ### Patch Changes

package/dist/es/_virtual/_plugin-vue_export-helper.mjs

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/es/components/index.mjs

@@ -1,20 +1,20 @@
 import { KCollapseTranstion as t } from "./collapse-transtion/index.mjs";
-import { KProModal as K } from "./pro-modal/index.mjs";
-import { KProTitle as l } from "./pro-title/index.mjs";
-import { KScrollBar as f } from "./scroll-bar/index.mjs";
+import { KProModal as m } from "./pro-modal/index.mjs";
+import { KProTitle as x } from "./pro-title/index.mjs";
+import { KScrollBar as l } from "./scroll-bar/index.mjs";
 import { KCoverScrollBar as P } from "./cover-scroll-bar/index.mjs";
 import { KScaleVirtualList as S } from "./scale-virtual-list/index.mjs";
 import { KProTag as s } from "./pro-tag/index.mjs";
 import { KProPicker as u } from "./pro-picker/index.mjs";
-import { KProArea as U } from "./pro-area/index.mjs";
-import { KProSignature as d } from "./pro-signature/index.mjs";
+import { KProArea as T } from "./pro-area/index.mjs";
+import { KProSignature as g } from "./pro-signature/index.mjs";
 import { KProTable as v } from "./pro-table/index.mjs";
 import { KIcon as G } from "./icon/index.mjs";
 import { KProUpload as b } from "./pro-upload/index.mjs";
-import { KProContractView as B } from "./pro-contract-view/index.mjs";
+import { KProContractView as y } from "./pro-contract-view/index.mjs";
 import "./pro-loading/index.mjs";
-import { KPlusUpload as h } from "./plus-upload/index.mjs";
-import { KProOverlay as y } from "./pro-overlay/index.mjs";
+import { KPlusUpload as D } from "./plus-upload/index.mjs";
+import { KProOverlay as h } from "./pro-overlay/index.mjs";
 import { KProSign as F } from "./pro-sign/index.mjs";
 import { KUserSelector as L, KUserSelectorCheckbox as M } from "./pro-selector/index.mjs";
 import { KProUserAvatar as j, KUserAvatar as q } from "./pro-user-avatar/index.mjs";
@@ -25,33 +25,35 @@ import { KFormRender as Y } from "./pro-form-render/index.mjs";
 import { KProCell as _ } from "./pro-cell/index.mjs";
 import { KProCellGroup as rr } from "./pro-cell-group/index.mjs";
 import { KProSelectorGroup as er } from "./pro-selector-group/index.mjs";
+import { KProDynamicTags as pr } from "./pro-dynamic-tags/index.mjs";
 export {
   t as KCollapseTranstion,
   P as KCoverScrollBar,
   N as KDeptSelector,
   Y as KFormRender,
   G as KIcon,
-  h as KPlusUpload,
-  U as KProArea,
+  D as KPlusUpload,
+  T as KProArea,
   _ as KProCell,
   rr as KProCellGroup,
-  B as KProContractView,
-  K as KProModal,
-  y as KProOverlay,
+  y as KProContractView,
+  pr as KProDynamicTags,
+  m as KProModal,
+  h as KProOverlay,
   u as KProPicker,
   E as KProRoleSelector,
   er as KProSelectorGroup,
   F as KProSign,
-  d as KProSignature,
+  g as KProSignature,
   v as KProTable,
   s as KProTag,
   W as KProTagGroup,
-  l as KProTitle,
+  x as KProTitle,
   b as KProUpload,
   j as KProUserAvatar,
   H as KRoleSelector,
   S as KScaleVirtualList,
-  f as KScrollBar,
+  l as KScrollBar,
   q as KUserAvatar,
   L as KUserSelector,
   M as KUserSelectorCheckbox

package/dist/es/components/pro-dynamic-tags/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall as o } from "../utils/install.mjs";
+import r from "./src/index.vue.mjs";
+import "./src/types.mjs";
+import "./src/style/index.mjs";
+const p = o(r);
+export {
+  p as KProDynamicTags,
+  p as default
+};

package/dist/es/components/pro-dynamic-tags/src/index.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./index.vue2.mjs";
+import "./index.vue3.mjs";
+import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-60156660"]]);
+export {
+  p as default
+};

package/dist/es/components/pro-dynamic-tags/src/index.vue2.mjs

@@ -0,0 +1,209 @@
+import { defineComponent as Q, ref as y, nextTick as X, computed as M, onMounted as Y, watch as Z, onBeforeUnmount as _, createElementBlock as N, openBlock as d, normalizeStyle as S, normalizeClass as c, unref as t, createElementVNode as L, createBlock as x, createCommentVNode as D, Fragment as I, renderList as O, withCtx as m, createTextVNode as C, toDisplayString as W, createVNode as ee } from "vue";
+import { Tag as A, Popover as le, Button as te } from "ant-design-vue";
+import { useNamespace as ae } from "../../../hooks/use-namespace/index.mjs";
+const ue = /* @__PURE__ */ Q({
+  name: "ProDynamicTags",
+  __name: "index",
+  props: {
+    modelValue: { default: () => [] },
+    tagMaxWidth: { default: "auto" },
+    showAdd: { type: Boolean, default: !0 },
+    addText: { default: "添加" },
+    closable: { type: Boolean, default: !0 },
+    customClass: { default: "" },
+    customStyle: { default: () => ({}) }
+  },
+  emits: ["update:modelValue", "add", "close", "expand"],
+  setup(o, { emit: P }) {
+    const e = o, k = P, { b: q, e: n } = ae("pro-dynamic-tags"), s = y(), T = y(), U = y(), a = y(e.modelValue.length), v = y(!1);
+    function w() {
+      v.value || (v.value = !0, a.value = e.modelValue.length), X(() => {
+        if (!s.value || !T.value || e.modelValue.length === 0) {
+          a.value = e.modelValue.length, v.value = !1;
+          return;
+        }
+        const i = s.value.clientWidth, u = window.getComputedStyle(s.value), l = Number.parseFloat(u.paddingLeft), f = Number.parseFloat(u.paddingRight), B = Number.parseFloat(u.gap) || 8, F = e.showAdd ? 80 + B : 0, g = T.value.querySelectorAll(`.${n("tag")}`);
+        if (g.length === 0) {
+          a.value = e.modelValue.length, v.value = !1;
+          return;
+        }
+        const K = i - l - f - F;
+        let h = 0, p = 0;
+        for (let b = 0; b < g.length; b++) {
+          const V = g[b].offsetWidth + B;
+          if (h + V <= K)
+            h += V, p++;
+          else
+            break;
+        }
+        if (p === e.modelValue.length)
+          a.value = e.modelValue.length;
+        else {
+          const V = i - l - f - F - 60;
+          h = 0, p = 0;
+          for (let R = 0; R < g.length; R++) {
+            const E = g[R].offsetWidth + B;
+            if (h + E <= V)
+              h += E, p++;
+            else
+              break;
+          }
+          a.value = Math.max(1, p);
+        }
+        v.value = !1;
+      });
+    }
+    const j = M(() => e.modelValue.length <= a.value ? e.modelValue : e.modelValue.slice(0, a.value)), $ = M(() => e.modelValue.length <= a.value ? 0 : e.modelValue.length - a.value), G = M(() => e.modelValue.length <= a.value ? [] : e.modelValue.slice(a.value));
+    function z(i) {
+      const u = [...e.modelValue], l = e.modelValue.findIndex((f) => f.value === i.value);
+      u.splice(l, 1), k("update:modelValue", u), k("close", i, l);
+    }
+    function H() {
+      k("add");
+    }
+    let r = null;
+    Y(() => {
+      w(), s.value && (r = new ResizeObserver(() => {
+        w();
+      }), r.observe(s.value));
+    }), Z(() => e.modelValue, () => {
+      w();
+    }, { deep: !0 });
+    function J() {
+      r && s.value && (r.unobserve(s.value), r.disconnect(), r = null);
+    }
+    return _(() => {
+      J();
+    }), (i, u) => (d(), N(
+      "div",
+      {
+        ref_key: "containerRef",
+        ref: s,
+        class: c([t(q)(), o.customClass]),
+        style: S(o.customStyle)
+      },
+      [
+        L(
+          "div",
+          {
+            ref_key: "tagsContainerRef",
+            ref: T,
+            class: c(t(n)("tags"))
+          },
+          [
+            (d(!0), N(
+              I,
+              null,
+              O(j.value, (l) => (d(), x(t(A), {
+                key: l.value,
+                closable: o.closable && l.closable !== !1,
+                class: c(t(n)("tag")),
+                style: S({ maxWidth: `${o.tagMaxWidth}px` }),
+                onClose: (f) => z(l)
+              }, {
+                default: m(() => [
+                  C(
+                    W(l.label),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["closable", "class", "style", "onClose"]))),
+              128
+              /* KEYED_FRAGMENT */
+            )),
+            $.value > 0 ? (d(), x(t(le), {
+              key: 0,
+              placement: "top",
+              trigger: "hover",
+              "overlay-class-name": t(n)("popover"),
+              "overlay-inner-style": {
+                width: "400px"
+              }
+            }, {
+              content: m(() => [
+                L(
+                  "div",
+                  {
+                    class: c(t(n)("popover-content"))
+                  },
+                  [
+                    (d(!0), N(
+                      I,
+                      null,
+                      O(G.value, (l) => (d(), x(t(A), {
+                        key: l.value,
+                        closable: o.closable && l.closable !== !1,
+                        class: c(t(n)("popover-tag")),
+                        style: S({ maxWidth: `${o.tagMaxWidth}px` }),
+                        onClose: (f) => z(l)
+                      }, {
+                        default: m(() => [
+                          C(
+                            W(l.label),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["closable", "class", "style", "onClose"]))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ]),
+              default: m(() => [
+                ee(t(A), {
+                  class: c(t(n)("more"))
+                }, {
+                  default: m(() => [
+                    C(
+                      " +" + W($.value),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["class"])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["overlay-class-name"])) : D("v-if", !0)
+          ],
+          2
+          /* CLASS */
+        ),
+        o.showAdd ? (d(), x(t(te), {
+          key: 0,
+          ref_key: "addBtnRef",
+          ref: U,
+          type: "link",
+          class: c(t(n)("add-btn")),
+          onClick: H
+        }, {
+          default: m(() => [
+            C(
+              W(o.addText),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["class"])) : D("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+});
+export {
+  ue as default
+};

package/dist/es/components/pro-dynamic-tags/src/index.vue3.mjs

@@ -0,0 +1 @@
+

package/dist/es/components/pro-dynamic-tags/src/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../../base/style/index.mjs";
+import "@king-one/antdv/dist/theme-chalk/pro-dynamic-tags.css";

package/dist/es/components/pro-dynamic-tags/src/types.mjs

@@ -0,0 +1 @@
+

package/dist/es/components/pro-selector-group/src/hooks/useApi.mjs

@@ -44,7 +44,7 @@ function E(t, a = "") {
     getRole: async () => {
       try {
         const e = await t.get(`${a}/security/company/role/page?pageNum=1&pageSize=1000`);
-        return e.status === 0 ? (d.value = e.data.list || [], e.data) : [];
+        return e.status === 0 ? (d.value = e.data.list || [], e.data.list || []) : [];
       } catch (e) {
         return console.error(e), [];
       }

package/dist/es/components/pro-selector-group/src/index.vue2.mjs

@@ -1,18 +1,20 @@
-import { defineComponent as L, useModel as T, ref as v, computed as V, watch as D, watchEffect as q, nextTick as O, provide as j, createElementBlock as h, openBlock as i, normalizeClass as p, unref as n, createCommentVNode as B, createVNode as y, withCtx as c, createTextVNode as I, createElementVNode as C, normalizeStyle as G, createBlock as g, Fragment as H, renderList as J, resolveDynamicComponent as Q, mergeModels as S } from "vue";
+import { defineComponent as U, useModel as T, ref as y, computed as b, watchEffect as q, nextTick as z, watch as I, provide as O, createElementBlock as h, openBlock as f, normalizeClass as m, unref as n, createCommentVNode as j, createVNode as v, withCtx as g, createElementVNode as k, normalizeStyle as G, Fragment as H, renderList as J, createBlock as V, resolveDynamicComponent as Q, mergeModels as A } from "vue";
 import "../../index.mjs";
 import { useNamespace as W } from "../../../hooks/use-namespace/index.mjs";
-import { Input as X, Button as Y, Tabs as Z, TabPane as ee } from "ant-design-vue";
+import { Tabs as X, TabPane as Y } from "ant-design-vue";
 import "./compoents/index.mjs";
-import { selectContextKey as te } from "./types.mjs";
+import { selectContextKey as Z } from "./types.mjs";
 import "./compoents/select-box.vue.mjs";
-import le from "./compoents/dept.vue.mjs";
-import ae from "./compoents/role.vue.mjs";
-import oe from "./compoents/user.vue.mjs";
+import { useApi as ee } from "./hooks/useApi.mjs";
+import te from "./compoents/dept.vue.mjs";
+import le from "./compoents/role.vue.mjs";
+import ae from "./compoents/user.vue.mjs";
+import { KProDynamicTags as oe } from "../../pro-dynamic-tags/index.mjs";
 import { KProModal as ne } from "../../pro-modal/index.mjs";
 import ue from "./compoents/select-box.vue2.mjs";
-const ie = { key: 0 }, Ce = /* @__PURE__ */ L({
+const ie = { key: 0 }, Ve = /* @__PURE__ */ U({
   __name: "index",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ A({
     title: { default: "选择器" },
     http: {},
     urlPrefix: {},
@@ -28,149 +30,137 @@ const ie = { key: 0 }, Ce = /* @__PURE__ */ L({
     visible: { type: Boolean, required: !0, default: !1 },
     visibleModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["confirm", "changeTab"], ["update:modelValue", "update:visible"]),
-  setup(r, { emit: A }) {
-    const f = r, x = A, d = T(r, "modelValue"), u = T(r, "visible"), b = [
+  emits: /* @__PURE__ */ A(["confirm", "changeTab"], ["update:modelValue", "update:visible"]),
+  setup(c, { emit: D }) {
+    const u = c, C = D, { getRole: re, roleList: ce } = ee(u.http, u.urlPrefix || ""), p = [
       {
         key: "dept",
         tab: "部门",
-        component: le
+        component: te
       },
       {
         key: "role",
         tab: "角色",
-        component: ae
+        component: le
       },
       {
         key: "user",
         tab: "用户",
-        component: oe
+        component: ae
       }
-    ], a = v([]), o = v(f.type || "dept"), s = v({}), k = v(""), K = V(() => a.value.length === 0 ? b : f.isSingle ? b.filter((t) => a.value.some((e) => e.type === t.key)) : b);
-    D(() => d.value, async (t) => {
-      t && (k.value = t.map((e) => e.label).join(","));
-    }, { deep: !0, immediate: !0 }), q(async () => {
-      u.value && d.value.length > 0 && (await O(), U(d.value));
-    }), D(() => f.type, (t) => {
-      t && (o.value = t);
+    ], i = T(c, "modelValue"), r = T(c, "visible"), o = y([]), a = y(u.type || "dept"), d = y({}), S = b(() => i.value.map((t) => ({
+      label: t.label || "",
+      value: t.value,
+      type: t.type
+    }))), P = b(() => o.value.length === 0 ? p : u.isSingle ? p.filter((t) => o.value.some((e) => e.type === t.key)) : p);
+    q(async () => {
+      r.value && i.value.length > 0 && (await z(), M(i.value));
+    }), I(() => u.type, (t) => {
+      t && (a.value = t);
     });
-    function M(t) {
-      a.value = t;
+    function R(t) {
+      o.value = t;
     }
-    j(te, {
-      http: f.http,
-      urlPrefix: f.urlPrefix || "",
-      selectedData: a,
-      currentTabKey: o,
-      changeSelectData: M
+    O(Z, {
+      http: u.http,
+      urlPrefix: u.urlPrefix || "",
+      selectedData: o,
+      currentTabKey: a,
+      changeSelectData: R
     });
-    const { b: m } = W("pro-selector-group");
-    function N(t, e) {
-      t && (s.value[e] = t);
+    const { b: s } = W("pro-selector-group");
+    function B(t, e) {
+      t && (d.value[e] = t);
     }
-    const P = V(() => ({
-      width: o.value === "user" ? "600px" : "450px"
+    const K = b(() => ({
+      width: a.value === "user" ? "600px" : "450px"
     }));
-    function R() {
-      d.value = a.value, x("confirm"), u.value = !1, console.log("点击了...");
+    function _() {
+      i.value = o.value, C("confirm"), r.value = !1;
     }
     function w() {
-      u.value = !1;
+      r.value = !1;
     }
-    function U(t) {
-      const e = s.value[o.value];
-      e && typeof e.echo == "function" && e.echo(t);
+    function M(t) {
+      const e = d.value[a.value];
+      console.log("currentTabRefAAA =>", a.value), e && typeof e.echo == "function" && e.echo(t);
     }
-    function _() {
-      x("changeTab", o.value);
+    function N() {
+      C("changeTab", a.value);
     }
-    function $(t) {
-      const e = s.value[o.value];
+    function x(t) {
+      const e = d.value[a.value];
       e && typeof e.delFn == "function" && e.delFn(t);
     }
-    function z(t) {
-      const e = s.value[o.value];
+    function $(t) {
+      const e = d.value[a.value];
       e && typeof e.deleteAll == "function" && e.deleteAll(t);
     }
     function E() {
-      u.value = !0, a.value = [], console.log("selectedData =>", a.value);
+      r.value = !0, o.value = [], console.log("selectedData =>", o.value);
+    }
+    function F(t) {
+      const e = i.value.findIndex((l) => l.value === t.value);
+      if (e > -1) {
+        const l = i.value[e];
+        i.value.splice(e, 1), x(String(l.value));
+      }
     }
-    return (t, e) => (i(), h(
+    return (t, e) => (f(), h(
       "div",
       {
-        class: p(n(m)())
+        class: m(n(s)())
       },
       [
-        r.hideSlot ? B("v-if", !0) : (i(), h("div", ie, [
-          y(n(X), {
-            value: k.value,
-            "onUpdate:value": e[0] || (e[0] = (l) => k.value = l),
-            placeholder: "请选择部门/角色/用户",
-            readonly: ""
-          }, {
-            suffix: c(() => [
-              y(n(Y), {
-                type: "link",
-                size: "small",
-                onClick: E
-              }, {
-                default: c(() => [...e[4] || (e[4] = [
-                  I(
-                    " 添加 ",
-                    -1
-                    /* CACHED */
-                  )
-                ])]),
-                _: 1
-                /* STABLE */
-              })
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["value"])
+        c.hideSlot ? j("v-if", !0) : (f(), h("div", ie, [
+          v(n(oe), {
+            "model-value": S.value,
+            "add-text": "添加",
+            onAdd: E,
+            onClose: F
+          }, null, 8, ["model-value"])
         ])),
-        y(n(ne), {
-          modelValue: u.value,
-          "onUpdate:modelValue": e[3] || (e[3] = (l) => u.value = l),
-          title: r.title,
+        v(n(ne), {
+          modelValue: r.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (l) => r.value = l),
+          title: c.title,
           width: "950px",
-          onOnConfirm: R,
+          onOnConfirm: _,
           onOnCancel: w
         }, {
-          default: c(() => [
-            C(
+          default: g(() => [
+            k(
               "div",
               {
-                class: p(n(m)("content"))
+                class: m(n(s)("content"))
               },
               [
-                C(
+                k(
                   "div",
                   {
-                    class: p(n(m)("left")),
-                    style: G(P.value)
+                    class: m(n(s)("left")),
+                    style: G(K.value)
                   },
                   [
-                    u.value ? (i(), g(n(Z), {
-                      key: 0,
-                      "active-key": o.value,
-                      "onUpdate:activeKey": e[1] || (e[1] = (l) => o.value = l),
-                      onChange: _
+                    v(n(X), {
+                      "active-key": a.value,
+                      "onUpdate:activeKey": e[0] || (e[0] = (l) => a.value = l),
+                      onChange: N
                     }, {
-                      default: c(() => [
-                        (i(!0), h(
+                      default: g(() => [
+                        (f(!0), h(
                           H,
                           null,
-                          J(K.value, (l) => (i(), g(n(ee), {
+                          J(P.value, (l) => (f(), V(n(Y), {
                             key: l.key,
                             tab: l.tab
                           }, {
-                            default: c(() => [
-                              (i(), g(
+                            default: g(() => [
+                              (f(), V(
                                 Q(l.component),
                                 {
                                   ref_for: !0,
-                                  ref: (F) => N(F, l.key)
+                                  ref: (L) => B(L, l.key)
                                 },
                                 null,
                                 512
@@ -186,22 +176,22 @@ const ie = { key: 0 }, Ce = /* @__PURE__ */ L({
                       ]),
                       _: 1
                       /* STABLE */
-                    }, 8, ["active-key"])) : B("v-if", !0)
+                    }, 8, ["active-key"])
                   ],
                   6
                   /* CLASS, STYLE */
                 ),
-                C(
+                k(
                   "div",
                   {
-                    class: p(n(m)("right"))
+                    class: m(n(s)("right"))
                   },
                   [
-                    y(ue, {
-                      modelValue: a.value,
-                      "onUpdate:modelValue": e[2] || (e[2] = (l) => a.value = l),
-                      onDelete: $,
-                      onDeleteAll: z
+                    v(ue, {
+                      modelValue: o.value,
+                      "onUpdate:modelValue": e[1] || (e[1] = (l) => o.value = l),
+                      onDelete: x,
+                      onDeleteAll: $
                     }, null, 8, ["modelValue"])
                   ],
                   2
@@ -222,5 +212,5 @@ const ie = { key: 0 }, Ce = /* @__PURE__ */ L({
   }
 });
 export {
-  Ce as default
+  Ve as default
 };