@king-one/antdv 1.2.22 → 1.2.24

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @king-one/antdv
 
+## 1.2.24
+
+### Patch Changes
+
+- 选择器增加 hideSlot 字段,支持单独使用 modal
+
+## 1.2.23
+
+### Patch Changes
+
+- 选择器增加确认与取消事件
+
 ## 1.2.22
 
 ### Patch Changes

package/dist/es/components/dept-selector/src/dept.mjs

@@ -1,24 +1,24 @@
-import { defineComponent as H, ref as s, watch as k, createVNode as n, Fragment as J } from "vue";
+import { defineComponent as H, ref as s, watch as p, createVNode as n, Fragment as J } from "vue";
 import { useNamespace as Q } from "../../../hooks/use-namespace/index.mjs";
 import "../../index.mjs";
 import { message as W, FormItemRest as X, InputSearch as Y, Tree as Z, Empty as C, Input as ee } from "ant-design-vue";
 import { GET_DEPT_TREE_URL as le, deptSelectorEmits as te, deptSelectorProps as ae } from "./types.mjs";
 import { KProModal as ne } from "../../pro-modal/index.mjs";
 import { KIcon as P } from "../../icon/index.mjs";
-const h = Q("dept-selector"), ve = /* @__PURE__ */ H({
+const f = Q("dept-selector"), ve = /* @__PURE__ */ H({
   name: "KDeptSelector",
   props: ae,
   emits: te,
   setup(t, {
-    emit: m,
+    emit: h,
     attrs: V,
     slots: g
   }) {
-    const x = s(!0), w = s(!0), y = s([]), f = s([]), d = s([]), A = s(!1), u = s(t.isBuiltInRequest ? {
+    const x = s(!0), w = s(!0), y = s([]), m = s([]), d = s([]), A = s(!1), u = s(t.isBuiltInRequest ? {
       children: "children",
       title: "deptName",
       key: "id"
-    } : t.fieldNames), b = s(""), o = s([]), v = s(t.treeData), E = s(!1), p = s("");
+    } : t.fieldNames), S = s(""), r = s([]), v = s(t.treeData), E = s(!1), k = s("");
     if (t.isBuiltInRequest) {
       if (!t.http)
         throw new Error("请传入http实例");
@@ -37,35 +37,35 @@ const h = Q("dept-selector"), ve = /* @__PURE__ */ H({
       } else {
         if (Array.isArray(t.modelValue)) return;
         const e = t.modelValue[u.value.key];
-        f.value = [e], y.value = [e];
+        m.value = [e], y.value = [e];
       }
     }, I = (e) => {
       if (E.value)
         return E.value = !1;
-      t.type === "radio" ? o.value.length > 0 && (b.value = o.value[0][u.value.title] || "") : b.value = o.value.map((l) => l[u.value.title]).join(",");
+      t.type === "radio" ? r.value.length > 0 && (S.value = r.value[0][u.value.title] || "") : S.value = r.value.map((l) => l[u.value.title]).join(",");
     };
-    k(() => t.visible, () => {
+    p(() => t.visible, () => {
       t.visible && N();
     }, {
       immediate: !0
-    }), k(() => t.modelValue, () => {
+    }), p(() => t.modelValue, () => {
       v.value.length > 0 && N();
     }, {
       immediate: !0,
       deep: !0
-    }), k(v, () => {
+    }), p(v, () => {
       v.value.length > 0 && N();
     }, {
       immediate: !0,
       deep: !0
     });
     function R(e) {
-      const l = (i, r) => {
+      const l = (i, o) => {
         for (const a of i) {
-          if (a[u.value.key] === r)
+          if (a[u.value.key] === o)
             return a;
           if (a.children && a.children.length) {
-            const c = l(a.children, r);
+            const c = l(a.children, o);
             if (c) return c;
           }
         }
@@ -76,17 +76,17 @@ const h = Q("dept-selector"), ve = /* @__PURE__ */ H({
     function D(e) {
       return e ? e.map((l) => R(l)).filter(Boolean) : [];
     }
-    k(d, () => {
-      t.type === "checkbox" && (x.value ? o.value = D(d.value.checked) : o.value = D(d.value), I("watch checkedKeys..."));
+    p(d, () => {
+      t.type === "checkbox" && (x.value ? r.value = D(d.value.checked) : r.value = D(d.value), I("watch checkedKeys..."));
     }, {
       immediate: !0,
       deep: !0
-    }), k(f, () => {
-      t.type === "radio" && (o.value = D(f.value), I("watch selectedKeys..."));
+    }), p(m, () => {
+      t.type === "radio" && (r.value = D(m.value), I("watch selectedKeys..."));
     }, {
       immediate: !0,
       deep: !0
-    }), k(() => t.treeData, () => {
+    }), p(() => t.treeData, () => {
       t.isBuiltInRequest || (v.value = t.treeData);
     });
     const _ = () => {
@@ -94,22 +94,22 @@ const h = Q("dept-selector"), ve = /* @__PURE__ */ H({
     }, B = () => {
       E.value = !0;
     }, O = () => {
-      m("update:visible", !1);
+      h("update:visible", !1), h("cancel");
     }, F = () => {
-      if (!o.value.length) {
+      if (!r.value.length) {
         W.warn("请选择部门");
         return;
       }
-      t.type === "radio" ? m("update:modelValue", {
-        [u.value.key]: f.value[0],
-        [u.value.title]: o.value[0][u.value.title]
-      }) : m("update:modelValue", o.value.map((e) => ({
+      t.type === "radio" ? h("update:modelValue", {
+        [u.value.key]: m.value[0],
+        [u.value.title]: r.value[0][u.value.title]
+      }) : h("update:modelValue", r.value.map((e) => ({
         [u.value.key]: e[u.value.key],
         [u.value.title]: e[u.value.title]
-      }))), m("update:visible", !1), I("handleConfirm ...");
+      }))), h("update:visible", !1), h("confirm", r.value), I("handleConfirm ...");
     }, M = (e) => {
       if (E.value = !0, t.type === "radio")
-        return o.value = [], f.value = [], !1;
+        return r.value = [], m.value = [], !1;
       if (x.value)
         d.value.checked = d.value.checked.filter((l) => l !== e[u.value.key]);
       else {
@@ -120,8 +120,8 @@ const h = Q("dept-selector"), ve = /* @__PURE__ */ H({
         });
       }
     }, L = (e) => {
-      const l = [], i = (r) => {
-        for (const a of r)
+      const l = [], i = (o) => {
+        for (const a of o)
           l.push(a[u.value.key]), a.children && a.children.length && i(a.children);
       };
       return i(e), l;
@@ -138,50 +138,50 @@ const h = Q("dept-selector"), ve = /* @__PURE__ */ H({
       onOnConfirm: F
     }, {
       default: () => [n("div", {
-        class: h.e("modal-content")
+        class: f.e("modal-content")
       }, [$(), j()], 2)]
-    }, 8, ["modelValue", "modalProps", "onOnCancel", "onOnConfirm"])]), K = (e, l) => {
+    }, 8, ["modelValue", "modalProps", "onOnCancel", "onOnConfirm"])]), b = (e, l) => {
       let i;
-      for (let r = 0; r < l.length; r++) {
-        const a = l[r];
+      for (let o = 0; o < l.length; o++) {
+        const a = l[o];
         if (a.children)
           if (a.children.some((c) => c[u.value.key] === e)) {
             i = a[u.value.key];
             break;
-          } else K(e, a.children) && (i = K(e, a.children));
+          } else b(e, a.children) && (i = b(e, a.children));
       }
       return i;
     }, z = (e) => {
       if (!e.trim()) {
-        y.value = [], p.value = "", w.value = !0;
+        y.value = [], k.value = "", w.value = !0;
         return;
       }
-      const l = /* @__PURE__ */ new Set(), i = (r, a) => {
-        r.forEach((c) => {
+      const l = /* @__PURE__ */ new Set(), i = (o, a) => {
+        o.forEach((c) => {
           var U;
           if ((U = c[u.value.title]) != null && U.includes(a)) {
-            let S = K(c[u.value.key], v.value);
-            for (; S; )
-              l.add(S), S = K(S, v.value);
+            let K = b(c[u.value.key], v.value);
+            for (; K; )
+              l.add(K), K = b(K, v.value);
             l.add(c[u.value.key]);
           }
           c.children && c.children.length > 0 && i(c.children, a);
         });
       };
-      i(v.value, e), y.value = Array.from(l), p.value = e, w.value = !0;
+      i(v.value, e), y.value = Array.from(l), k.value = e, w.value = !0;
     }, G = (e) => {
       const l = e[u.value.title] || "";
-      if (!p.value)
+      if (!k.value)
         return n("span", null, [l]);
-      const i = l.indexOf(p.value);
+      const i = l.indexOf(k.value);
       if (i === -1)
         return n("span", null, [l]);
-      const r = l.substring(0, i), a = l.substring(i, i + p.value.length), c = l.substring(i + p.value.length);
-      return n("span", null, [r, n("span", {
+      const o = l.substring(0, i), a = l.substring(i, i + k.value.length), c = l.substring(i + k.value.length);
+      return n("span", null, [o, n("span", {
         style: "color: #f50; font-weight: bold"
       }, [a]), c]);
     }, $ = () => n("div", {
-      class: h.e("modal-content-left")
+      class: f.e("modal-content-left")
     }, [n(X, null, {
       default: () => [n(Y, {
         placeholder: "请输入部门名称",
@@ -194,8 +194,8 @@ const h = Q("dept-selector"), ve = /* @__PURE__ */ H({
     }), v.value.length > 0 ? n(Z, {
       expandedKeys: y.value,
       "onUpdate:expandedKeys": (e) => y.value = e,
-      selectedKeys: f.value,
-      "onUpdate:selectedKeys": (e) => f.value = e,
+      selectedKeys: m.value,
+      "onUpdate:selectedKeys": (e) => m.value = e,
       checkedKeys: d.value,
       "onUpdate:checkedKeys": (e) => d.value = e,
       checkable: t.type === "checkbox",
@@ -209,7 +209,7 @@ const h = Q("dept-selector"), ve = /* @__PURE__ */ H({
       "tree-data": v.value,
       onCheck: _,
       onSelect: B,
-      class: h.e("modal-content-left-tree")
+      class: f.e("modal-content-left-tree")
     }, {
       icon: (e) => T(e),
       title: G,
@@ -221,13 +221,13 @@ const h = Q("dept-selector"), ve = /* @__PURE__ */ H({
       name: e.parentId === "0" ? "qiye" : "bumen",
       size: 16
     }, null, 8, ["name"]), j = () => n("div", {
-      class: h.e("modal-content-right")
-    }, [o.value.length > 0 ? o.value.map((e) => n("div", {
-      class: h.e("modal-content-right-item")
+      class: f.e("modal-content-right")
+    }, [r.value.length > 0 ? r.value.map((e) => n("div", {
+      class: f.e("modal-content-right-item")
     }, [n("div", {
-      class: h.e("modal-content-right-item-label")
+      class: f.e("modal-content-right-item-label")
     }, [T(e), n("span", null, [e[u.value.title]])], 2), n("div", {
-      class: h.e("modal-content-right-item-del"),
+      class: f.e("modal-content-right-item-del"),
       onClick: () => M(e)
     }, [n(P, {
       name: "shanchu",
@@ -239,17 +239,17 @@ const h = Q("dept-selector"), ve = /* @__PURE__ */ H({
     return () => {
       var e;
       return n("div", {
-        class: h.b()
-      }, [(e = g.default) != null && e.call(g) ? g.default() : n("div", null, [n(ee, {
+        class: f.b()
+      }, [t.hideSlot ? null : (e = g.default) != null && e.call(g) ? g.default() : n("div", null, [n(ee, {
         style: "width: 100%;",
         readonly: !0,
-        value: b.value,
-        "onUpdate:value": (l) => b.value = l,
-        onClick: () => m("update:visible", !0),
+        value: S.value,
+        "onUpdate:value": (l) => S.value = l,
+        onClick: () => h("update:visible", !0),
         placeholder: "请选择部门"
       }, {
         suffix: () => n("div", {
-          onClick: () => m("update:visible", !0)
+          onClick: () => h("update:visible", !0)
         }, [n(P, {
           style: {
             cursor: "pointer"

package/dist/es/components/dept-selector/src/types.mjs

@@ -39,10 +39,19 @@ const t = {
   /**
    * 请求前缀，如 qy-user-service
    */
-  prefix: String
+  prefix: String,
+  /**
+   * 是否隐藏插槽，只使用 modal
+   */
+  hideSlot: {
+    type: Boolean,
+    default: !1
+  }
 }, l = "/security/dept/company/tree", a = {
   "update:visible": (e) => !0,
-  "update:modelValue": (e) => !0
+  "update:modelValue": (e) => !0,
+  confirm: (e) => !0,
+  cancel: () => !0
 };
 export {
   l as GET_DEPT_TREE_URL,

package/dist/es/components/pro-selector/index.mjs

@@ -1,14 +1,15 @@
 import { withInstall as r } from "../utils/install.mjs";
 import e from "./src/pro-user.mjs";
 import "./style/index.mjs";
-import { GTE_ORGTREE_URL as l, UserSelectorProps as E, selectUserContextKey as R } from "./src/types.mjs";
+import { GTE_ORGTREE_URL as l, UserSelectorProps as E, selectUserContextKey as R, userSelectorEmits as U } from "./src/types.mjs";
 import "./src/hooks/index.mjs";
 e.GTE_ORGTREE_URL = "/security/dept/user/tree";
-const m = r(e);
+const p = r(e);
 export {
   l as GTE_ORGTREE_URL,
-  m as KUserSelector,
+  p as KUserSelector,
   e as ProUserSelector,
   E as UserSelectorProps,
-  R as selectUserContextKey
+  R as selectUserContextKey,
+  U as userSelectorEmits
 };

package/dist/es/components/pro-selector/src/pro-user.mjs

@@ -1,43 +1,37 @@
-import { defineComponent as O, ref as n, provide as S, reactive as T, watch as U, nextTick as g, createVNode as l, createTextVNode as v } from "vue";
+import { defineComponent as L, ref as s, provide as O, reactive as T, watch as U, nextTick as g, createVNode as l, createTextVNode as v } from "vue";
 import "../../index.mjs";
 import { useNamespace as D } from "../../../hooks/use-namespace/index.mjs";
 import { message as w, Input as R, Empty as x, FormItemRest as B } from "ant-design-vue";
-import { selectUserContextKey as M, UserSelectorProps as z } from "./types.mjs";
-import A from "./components/org-tree.mjs";
-import K from "./components/user.mjs";
-import { KProModal as F } from "../../pro-modal/index.mjs";
+import { selectUserContextKey as M, userSelectorEmits as z, UserSelectorProps as A } from "./types.mjs";
+import K from "./components/org-tree.mjs";
+import F from "./components/user.mjs";
+import { KProModal as _ } from "../../pro-modal/index.mjs";
 import { KIcon as f } from "../../icon/index.mjs";
-import { KUserAvatar as _ } from "../../pro-user-avatar/index.mjs";
+import { KUserAvatar as q } from "../../pro-user-avatar/index.mjs";
 const {
   b: u
-} = D("pro-user-selector"), i = D("user-selector-extermal"), $ = /* @__PURE__ */ O({
+} = D("pro-user-selector"), i = D("user-selector-extermal"), ee = /* @__PURE__ */ L({
   name: "ProUserSelector",
-  props: z,
-  emits: {
-    "update:visible": (a) => !0,
-    "update:modelValue": (a) => !0,
-    "delete-user": (a) => !0,
-    confirm: (a) => !0,
-    cancel: () => !0
-  },
+  props: A,
+  emits: z,
   setup(a, {
-    emit: s,
+    emit: n,
     slots: p,
-    expose: V,
-    attrs: b
+    expose: E,
+    attrs: V
   }) {
-    const d = n(""), r = n([]), o = n(), c = n(null);
-    S(M, T({
+    const d = s(""), r = s([]), o = s(), c = s(null);
+    O(M, T({
       maxCount: a.maxCount,
       http: a.http,
       isBuiltInRequest: a.isBuiltInRequest,
       prefix: a.prefix,
       initData: a.initData
     }));
-    const h = n(a.modelValue || []), m = n(!1);
+    const h = s(a.modelValue || []), m = s(!1);
     U(() => a.modelValue, (e) => {
       m.value ? m.value = !1 : (h.value = JSON.parse(JSON.stringify(e)), g(() => {
-        E(h.value);
+        k(h.value);
       }));
     }, {
       deep: !0,
@@ -49,19 +43,19 @@ const {
     }, {
       deep: !0
     });
-    async function E(e) {
+    async function k(e) {
       if (o.value) {
         const t = await o.value.dataLoadPromise;
         o.value.getInitData(e, t);
       }
     }
-    const k = (e) => {
+    const I = (e) => {
       var t;
-      r.value = r.value.filter((L) => L.id !== e), (t = o.value) == null || t.deleteDeptUser(e);
-    }, I = () => {
-      s("update:visible", !1), s("cancel");
+      r.value = r.value.filter((y) => y.id !== e), (t = o.value) == null || t.deleteDeptUser(e);
+    }, b = () => {
+      n("update:visible", !1), n("cancel");
     }, C = (e) => {
-      s("update:modelValue", a.modelValue.filter((t) => t.id !== e));
+      n("update:modelValue", a.modelValue.filter((t) => t.id !== e));
     }, N = () => {
       if (r.value.length === 0) {
         w.warn("请选择用户");
@@ -72,20 +66,20 @@ const {
         realName: t.realName || "",
         avatar: t.avatar
       }));
-      s("update:visible", !1), m.value = !0, s("update:modelValue", e), s("confirm", e);
+      n("update:visible", !1), m.value = !0, n("update:modelValue", e), n("confirm", e);
     };
-    V({
+    E({
       deleteCheckedUser: C
     });
-    const P = () => l(F, {
+    const S = () => l(_, {
       modelValue: a.visible,
       title: "选择联系人",
       modalProps: {
         cancelText: "取消",
         okText: "确定",
-        ...b
+        ...V
       },
-      onOnCancel: () => I(),
+      onOnCancel: () => b(),
       onOnConfirm: () => N()
     }, {
       default: () => [l("div", {
@@ -105,7 +99,7 @@ const {
           name: "search"
         }, null),
         _: 1
-      }, 8, ["value", "onUpdate:value", "allowClear"])]), l(A, {
+      }, 8, ["value", "onUpdate:value", "allowClear"])]), l(K, {
         ref: o,
         selectUserList: r.value,
         "onUpdate:selectUserList": (e) => r.value = e,
@@ -119,31 +113,31 @@ const {
         ref: c
       }, [l("div", {
         class: u("user-list")
-      }, [r.value.length > 0 ? r.value.map((e) => l(K, {
+      }, [r.value.length > 0 ? r.value.map((e) => l(F, {
         key: e.id,
         userInfo: e,
         isChecked: !1,
         isDelete: !0,
-        "onDelete-user": k
+        "onDelete-user": I
       }, null, 8, ["userInfo", "isDelete", "onDelete-user"])) : l(x, {
         image: x.PRESENTED_IMAGE_SIMPLE,
         description: "暂无数据"
       }, null, 8, ["image"])], 2)], 512)], 2)], 2)]
-    }, 8, ["modelValue", "modalProps", "onOnCancel", "onOnConfirm"]), y = () => l(B, null, {
+    }, 8, ["modelValue", "modalProps", "onOnCancel", "onOnConfirm"]), P = () => l(B, null, {
       default: () => [l("div", {
         class: i.b()
-      }, [p.default ? p.default() : l("div", {
+      }, [a.hideSlot ? null : p.default ? p.default() : l("div", {
         class: i.b("list")
       }, [l("div", {
         class: i.b("icon"),
-        onClick: () => s("update:visible", !0)
+        onClick: () => n("update:visible", !0)
       }, [l(f, {
         name: "plus",
         size: 20,
         color: "#409eff"
       }, null)], 10, ["onClick"]), a.modelValue.map((e) => l("div", {
         class: i.b("item")
-      }, [l(_, {
+      }, [l(q, {
         name: e.realName,
         avatar: e.avatar,
         size: "small"
@@ -155,11 +149,11 @@ const {
         name: "shanchu",
         size: 18,
         color: "#646a73"
-      }, null)], 8, ["onClick"])], 2))], 2), P()], 2)]
+      }, null)], 8, ["onClick"])], 2))], 2), S()], 2)]
     });
-    return () => y();
+    return () => P();
   }
 });
 export {
-  $ as default
+  ee as default
 };

package/dist/es/components/pro-selector/src/types.mjs

@@ -1,4 +1,4 @@
-const e = Symbol("selectUserContextKey"), t = {
+const t = Symbol("selectUserContextKey"), l = {
   visible: {
     type: Boolean,
     default: !1
@@ -33,10 +33,24 @@ const e = Symbol("selectUserContextKey"), t = {
     type: Boolean,
     default: !1
   },
-  prefix: String
-}, l = "/security/dept/user/tree";
+  prefix: String,
+  /**
+   * 是否隐藏插槽，只使用 modal
+   */
+  hideSlot: {
+    type: Boolean,
+    default: !1
+  }
+}, u = "/security/dept/user/tree", o = {
+  "update:visible": (e) => !0,
+  "update:modelValue": (e) => !0,
+  "delete-user": (e) => !0,
+  confirm: (e) => !0,
+  cancel: () => !0
+};
 export {
-  l as GTE_ORGTREE_URL,
-  t as UserSelectorProps,
-  e as selectUserContextKey
+  u as GTE_ORGTREE_URL,
+  l as UserSelectorProps,
+  t as selectUserContextKey,
+  o as userSelectorEmits
 };