@king-one/antdv 2.5.7 → 2.6.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @king-one/antdv
 
+## 2.6.0
+
+### Minor Changes
+
+- 增加了 pro-dynamic-tag 组件
+
 ## 2.5.7
 
 ### 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/index.vue2.mjs

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