3h1-ui 1.0.46 → 1.0.49

package/es/index.js

@@ -1,6 +1,6 @@
 var _a2;
 import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, renderSlot, getCurrentScope, onScopeDispose, getCurrentInstance, onMounted, nextTick, onUnmounted, watch, watchEffect, shallowRef, reactive, toRefs, isVNode, inject, computed, h, provide, onBeforeUnmount, resolveComponent, createElementBlock, normalizeClass, normalizeStyle, resolveDynamicComponent, Fragment, createCommentVNode, mergeProps, readonly, toDisplayString, useSlots, toRef, createSlots, renderList, normalizeProps, guardReactiveProps, toRaw, withModifiers } from "vue";
-import { Modal as Modal$1, Button, Tooltip, Tag, Tabs, TabPane, Input, Tree, Checkbox } from "ant-design-vue";
+import { Modal as Modal$1, Button, Tooltip, Tag, Tabs, TabPane, Input, Tree, Spin, Empty, CheckboxGroup, Checkbox } from "ant-design-vue";
 const _hoisted_1$3 = { class: "dialog-footer" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "indexView",
@@ -4271,7 +4271,6 @@ function useAppProviderContext() {
 }
 function useDesign(scope) {
   const values = useAppProviderContext();
-  console.log("value", values);
   return {
     prefixCls: `${values.prefixCls}-${scope}`,
     prefixVar: values.prefixCls
@@ -4435,12 +4434,10 @@ const _sfc_main$1 = defineComponent({
     "update:visible"
   ],
   setup(props2, { emit, attrs }) {
-    console.log("props", props2);
     const visibleRef = ref(false);
     const propsRef = ref(null);
     const modalWrapperRef = ref(null);
     const prefixCls = "shy-basic-modal";
-    console.log("previxCls", prefixCls);
     const extHeightRef = ref(0);
     const modalMethods = {
       setModalProps,
@@ -4490,7 +4487,6 @@ const _sfc_main$1 = defineComponent({
         visible: unref(visibleRef),
         wrapClassName: unref(getWrapClassName)
       };
-      console.log("attr", attr);
       if (unref(fullScreenRef)) {
         return omit$1(attr, ["height", "title"]);
       }
@@ -4754,12 +4750,26 @@ const _hoisted_6 = {
   class: "tree-select"
 };
 const _hoisted_7 = { class: "tree-item" };
-const _hoisted_8 = { class: "tree-item" };
+const _hoisted_8 = { class: "tree-item relative" };
 const _hoisted_9 = {
+  key: 0,
+  class: "spin"
+};
+const _hoisted_10 = { class: "tree-row" };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = {
   key: 1,
   class: "all-user"
 };
-const _hoisted_10 = {
+const _hoisted_14 = {
+  key: 0,
+  class: "spin"
+};
+const _hoisted_15 = { class: "tree-row" };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = {
   key: 2,
   class: "all-organization"
 };
@@ -4779,12 +4789,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       ];
     } },
-    type: { default: "all" }
+    type: { default: "all" },
+    selectType: { default: "multiple" }
   },
   emits: ["confirm", "cancel"],
   setup(__props, { expose, emit }) {
     const props2 = __props;
+    const spinning = ref(false);
     const activeKey = ref("1");
+    const tabType = ref();
     watch(
       () => props2.type,
       (value) => {
@@ -4792,8 +4805,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           activeKey.value = "1";
         } else if (value === "org") {
           activeKey.value = "3";
+        } else {
+          activeKey.value = "1";
         }
-      }
+        if (value === "all" || value === "user" || value === "org") {
+          tabType.value = value;
+        } else {
+          tabType.value = "other";
+        }
+      },
+      { immediate: true }
     );
     const userName = ref("");
     const format = (list) => {
@@ -4811,6 +4832,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const loadKv = async () => {
       try {
+        spinning.value = true;
         const res = await props2.deptFun();
         organization.value = format(res);
         const res2 = await props2.userFun();
@@ -4819,8 +4841,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         res2.forEach((user) => {
           checkMap[user.id] = false;
         });
+        spinning.value = false;
       } catch (err) {
         console.log("err", err);
+        spinning.value = false;
       }
     };
     loadKv();
@@ -4852,15 +4876,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const selectedKeys = ref([]);
-    ref([]);
     const userList = ref([]);
     const organization = ref([]);
     const checkMap = reactive({});
+    ref([]);
     const loadUser = async (deptId = void 0, realName = void 0) => {
       try {
+        spinning.value = true;
         const res = await props2.userFun(deptId, realName);
         userList.value = res;
+        spinning.value = false;
       } catch (err) {
+        spinning.value = false;
         console.log("err", err);
       }
     };
@@ -4875,42 +4902,92 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         loadUser(selectedKeys.value[0], userName.value);
       }
     };
+    const checkClickEvent = (id) => {
+      if (props2.selectType === "single") {
+        nextTick(() => {
+          singleCheckedKeys.value.checked = [];
+        });
+        if (id === userSelected.value[0]) {
+          userSelected.value = [];
+        } else {
+          userSelected.value = [id];
+        }
+        curKey.value = userSelected.value;
+      } else {
+        checkMap[id] = !checkMap[id];
+      }
+    };
     const allUserList = ref([]);
     ref([]);
     const organizationChecked = ref([]);
+    const userSelected = ref([]);
+    const singleCheckedKeys = ref({ checked: [] });
+    const curKey = ref([]);
+    const checkSingleEvent = (keys2, { checked, node }) => {
+      nextTick(() => {
+        userSelected.value = [];
+      });
+      if (checked) {
+        singleCheckedKeys.value.checked = [node.key];
+        curKey.value = singleCheckedKeys.value.checked;
+      }
+    };
+    const checkUserSingleEvent = (value) => {
+      nextTick(() => {
+        singleCheckedKeys.value.checked = [];
+      });
+      curKey.value = userSelected.value;
+    };
     const tagList = ref([]);
     const closeEvent = (id, type) => {
-      if (type === 1) {
-        checkMap[id] = false;
-      } else if (type === 2) {
-        console.log("2\u6807\u8BB0");
-      } else if (type === 3) {
-        const index2 = organizationChecked.value.findIndex((item) => {
-          return item === id;
+      if (props2.selectType === "single") {
+        nextTick(() => {
+          userSelected.value = [];
+          curKey.value = [];
+          singleCheckedKeys.value.checked = [];
         });
-        organizationChecked.value.splice(index2, 1);
+      } else {
+        if (type === 1) {
+          checkMap[id] = false;
+        } else if (type === 3) {
+          const index2 = organizationChecked.value.findIndex((item) => {
+            return item === id;
+          });
+          organizationChecked.value.splice(index2, 1);
+        }
       }
     };
     watchEffect(() => {
       tagList.value = [];
-      Object.keys(checkMap).forEach((key2) => {
-        if (checkMap[key2]) {
+      if (props2.selectType === "multiple") {
+        Object.keys(checkMap).forEach((key2) => {
+          if (checkMap[key2]) {
+            tagList.value.push({
+              id: key2,
+              color: "#108ee9",
+              type: 1,
+              name: titleMap.value[key2]
+            });
+          }
+        });
+        organizationChecked.value.forEach((item) => {
+          tagList.value.push({
+            id: item,
+            color: "#87d068",
+            type: 3,
+            name: titleMap.value[item]
+          });
+        });
+      } else {
+        curKey.value.forEach((item) => {
           tagList.value.push({
-            id: key2,
-            color: "#108ee9",
+            id: item,
+            color: "#87d068",
             type: 1,
-            name: titleMap.value[key2]
+            name: titleMap.value[item]
           });
-        }
-      });
-      organizationChecked.value.forEach((item) => {
-        tagList.value.push({
-          id: item,
-          color: "#87d068",
-          type: 3,
-          name: titleMap.value[item]
         });
-      });
+      }
     });
     const [registerModal, { openModal }] = useModal();
     ref();
@@ -4931,10 +5008,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         Object.keys(checkMap).forEach((key2) => {
           checkMap[key2] = false;
         });
+        userSelected.value = [];
+        singleCheckedKeys.value.checked = [];
+        curKey.value = [];
       });
     };
     expose({ open });
     return (_ctx, _cache) => {
+      const _component_a_empty = resolveComponent("a-empty");
       return openBlock(), createBlock(unref(BasicModal), {
         onRegister: unref(registerModal),
         width: 600,
@@ -4970,15 +5051,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onChange: activeChangeEvent
                 }, {
                   default: withCtx(() => [
-                    props2.type === "user" || props2.type === "all" ? (openBlock(), createBlock(unref(TabPane), {
+                    tabType.value === "user" || tabType.value === "all" || tabType.value === "other" ? (openBlock(), createBlock(unref(TabPane), {
                       key: "1",
                       tab: "\u7EC4\u7EC7\u67B6\u6784"
                     })) : createCommentVNode("", true),
-                    props2.type === "user" || props2.type === "all" ? (openBlock(), createBlock(unref(TabPane), {
+                    tabType.value === "user" || tabType.value === "all" || tabType.value === "other" ? (openBlock(), createBlock(unref(TabPane), {
                       key: "2",
                       tab: "\u6210\u5458"
                     })) : createCommentVNode("", true),
-                    props2.type === "org" || props2.type === "all" ? (openBlock(), createBlock(unref(TabPane), {
+                    tabType.value === "org" || tabType.value === "all" || tabType.value === "other" ? (openBlock(), createBlock(unref(TabPane), {
                       key: "3",
                       tab: "\u7EC4\u7EC7"
                     })) : createCommentVNode("", true)
@@ -5006,41 +5087,113 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["tree-data", "selectedKeys"])
                   ]),
                   createElementVNode("div", _hoisted_8, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(userList.value, (item, index2) => {
+                    spinning.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                      createVNode(unref(Spin))
+                    ])) : createCommentVNode("", true),
+                    props2.selectType === "single" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      userList.value.length === 0 ? (openBlock(), createBlock(unref(Empty), { key: 0 })) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(userList.value, (item, index2) => {
+                        return openBlock(), createBlock(unref(CheckboxGroup), {
+                          key: index2,
+                          class: "w-100",
+                          value: userSelected.value,
+                          "onUpdate:value": _cache[3] || (_cache[3] = ($event) => userSelected.value = $event),
+                          onChange: checkUserSingleEvent
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode("div", _hoisted_10, [
+                              createElementVNode("div", {
+                                onClick: ($event) => checkClickEvent(item.id)
+                              }, toDisplayString(item.name), 9, _hoisted_11),
+                              createVNode(unref(Checkbox), {
+                                value: item.id,
+                                "onUpdate:value": ($event) => item.id = $event
+                              }, null, 8, ["value", "onUpdate:value"])
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["value"]);
+                      }), 128))
+                    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                      userList.value.length === 0 ? (openBlock(), createBlock(unref(Empty), { key: 0 })) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(userList.value, (item, index2) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: index2,
+                          class: "tree-row"
+                        }, [
+                          createElementVNode("div", {
+                            onClick: ($event) => checkClickEvent(item.id)
+                          }, toDisplayString(item.name), 9, _hoisted_12),
+                          createVNode(unref(Checkbox), {
+                            checked: checkMap[item.id],
+                            "onUpdate:checked": ($event) => checkMap[item.id] = $event
+                          }, null, 8, ["checked", "onUpdate:checked"])
+                        ]);
+                      }), 128))
+                    ], 64))
+                  ])
+                ])) : activeKey.value === "2" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                  spinning.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                    createVNode(unref(Spin))
+                  ])) : createCommentVNode("", true),
+                  props2.selectType === "single" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    userList.value.length === 0 ? (openBlock(), createBlock(_component_a_empty, { key: 0 })) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(userList.value, (item, index2) => {
+                      return openBlock(), createBlock(unref(CheckboxGroup), {
+                        key: index2,
+                        value: userSelected.value,
+                        "onUpdate:value": _cache[4] || (_cache[4] = ($event) => userSelected.value = $event),
+                        onChange: checkUserSingleEvent
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", _hoisted_15, [
+                            createElementVNode("div", {
+                              style: { "cursor": "pointer" },
+                              onClick: ($event) => checkClickEvent(item.id)
+                            }, toDisplayString(item.name), 9, _hoisted_16),
+                            createVNode(unref(Checkbox), {
+                              value: item.id,
+                              "onUpdate:value": ($event) => item.id = $event
+                            }, null, 8, ["value", "onUpdate:value"])
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }), 128))
+                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                    userList.value.length === 0 ? (openBlock(), createBlock(_component_a_empty, { key: 0 })) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(userList.value, (item, index2) => {
                       return openBlock(), createElementBlock("div", {
                         key: index2,
                         class: "tree-row"
                       }, [
-                        createElementVNode("div", null, toDisplayString(item.name), 1),
+                        createElementVNode("div", {
+                          style: { "cursor": "pointer" },
+                          onClick: ($event) => checkClickEvent(item.id)
+                        }, toDisplayString(item.name), 9, _hoisted_17),
                         createVNode(unref(Checkbox), {
                           checked: checkMap[item.id],
                           "onUpdate:checked": ($event) => checkMap[item.id] = $event
                         }, null, 8, ["checked", "onUpdate:checked"])
                       ]);
                     }), 128))
-                  ])
-                ])) : activeKey.value === "2" ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(userList.value, (item, index2) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: index2,
-                      class: "tree-row"
-                    }, [
-                      createElementVNode("div", null, toDisplayString(item.name), 1),
-                      createVNode(unref(Checkbox), {
-                        checked: checkMap[item.id],
-                        "onUpdate:checked": ($event) => checkMap[item.id] = $event
-                      }, null, 8, ["checked", "onUpdate:checked"])
-                    ]);
-                  }), 128))
-                ])) : (openBlock(), createElementBlock("div", _hoisted_10, [
-                  createVNode(unref(Tree), {
+                  ], 64))
+                ])) : (openBlock(), createElementBlock("div", _hoisted_18, [
+                  props2.selectType === "single" ? (openBlock(), createBlock(unref(Tree), {
+                    key: 0,
+                    selectable: false,
+                    autoExpandParent: true,
+                    checkable: "",
+                    "tree-data": organization.value,
+                    checkedKeys: singleCheckedKeys.value,
+                    "onUpdate:checkedKeys": _cache[5] || (_cache[5] = ($event) => singleCheckedKeys.value = $event),
+                    checkStrictly: true,
+                    onCheck: checkSingleEvent
+                  }, null, 8, ["tree-data", "checkedKeys"])) : (openBlock(), createBlock(unref(Tree), {
+                    key: 1,
                     selectable: false,
                     autoExpandParent: true,
                     checkable: "",
                     "tree-data": organization.value,
                     checkedKeys: organizationChecked.value,
-                    "onUpdate:checkedKeys": _cache[3] || (_cache[3] = ($event) => organizationChecked.value = $event)
-                  }, null, 8, ["tree-data", "checkedKeys"])
+                    "onUpdate:checkedKeys": _cache[6] || (_cache[6] = ($event) => organizationChecked.value = $event)
+                  }, null, 8, ["tree-data", "checkedKeys"]))
                 ]))
               ])
             ])
@@ -5051,11 +5204,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const IndexView_vue_vue_type_style_index_0_scoped_729122e8_lang = "";
-const UserSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-729122e8"]]);
+const IndexView_vue_vue_type_style_index_0_scoped_0c28696f_lang = "";
+const UserSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0c28696f"]]);
 const antd_min = "";
 const index$1 = "";
-console.log("BasicModal", BasicModal);
 const index = {
   install(app) {
     app.component("s-dialog", ShyDialog);

package/es/style.css

@@ -138,80 +138,101 @@
 .shy-basic-title-help[data-v-f417d66d] {
   margin-left: 10px;
 }
-.user-body[data-v-729122e8] {
+.user-body[data-v-0c28696f] {
   border: 1px solid #d9d9d9;
 }
-.tab-wrapper[data-v-729122e8] {
+.tab-wrapper[data-v-0c28696f] {
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.tab-wrapper[data-v-729122e8] .ant-tabs-nav {
+.tab-wrapper[data-v-0c28696f] .ant-tabs-nav {
   padding-left: 15px;
   margin-bottom: 0;
   border: none !important;
 }
-.tab-wrapper[data-v-729122e8] .ant-tabs-nav::before {
+.tab-wrapper[data-v-0c28696f] .ant-tabs-nav::before {
   border-color: #d9d9d9;
 }
-.tab-wrapper .flex-tab[data-v-729122e8] {
+.tab-wrapper .flex-tab[data-v-0c28696f] {
   flex: auto;
 }
-.tab-wrapper .flex-input[data-v-729122e8] {
+.tab-wrapper .flex-input[data-v-0c28696f] {
   position: absolute;
   right: 0;
   margin-right: 15px;
   width: 200px;
 }
-.user-wrapper[data-v-729122e8] {
+.user-wrapper[data-v-0c28696f] {
   overflow: auto;
   height: 300px;
 }
-.user-wrapper .tree-select[data-v-729122e8] {
+.user-wrapper .tree-select[data-v-0c28696f] {
   display: flex;
   justify-content: space-between;
   overflow: hidden;
   height: 300px;
 }
-.user-wrapper .tree-select .tree-item[data-v-729122e8] {
+.user-wrapper .tree-select .tree-item[data-v-0c28696f] {
   flex: 1 1 0 !important;
   overflow: hidden;
   box-sizing: border-box;
 }
-.user-wrapper .tree-select .tree-item .tree-row[data-v-729122e8] {
+.user-wrapper .tree-select .tree-item .tree-row[data-v-0c28696f] {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  cursor: pointer;
 }
-.user-wrapper .tree-select .tree-item[data-v-729122e8]:first-child {
+.user-wrapper .tree-select .tree-item[data-v-0c28696f]:first-child {
   border-right: 1px solid #d9d9d9;
   padding: 10px 15px;
 }
-.user-wrapper .tree-select .tree-item[data-v-729122e8]:last-child {
+.user-wrapper .tree-select .tree-item[data-v-0c28696f]:last-child {
   padding: 10px 15px;
 }
-.all-user[data-v-729122e8] {
+.all-user[data-v-0c28696f] {
   padding: 15px;
 }
-.all-user[data-v-729122e8] .ant-checkbox-group {
+.all-user[data-v-0c28696f] .ant-checkbox-group {
   width: 100%;
 }
-.all-user .tree-row[data-v-729122e8] {
+.all-user .tree-row[data-v-0c28696f] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.all-organization[data-v-729122e8] {
+.all-organization[data-v-0c28696f] {
   padding: 15px;
 }
-.tags-selected[data-v-729122e8] {
+.tags-selected[data-v-0c28696f] {
   overflow: auto;
   padding: 8px;
   margin-bottom: 15px;
   height: 80px;
   border: 1px solid #d9d9d9;
 }
+.w-100[data-v-0c28696f] {
+  width: 100%;
+}
+.spin[data-v-0c28696f] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  background: #fff;
+  border-radius: 4px;
+}
+.relative[data-v-0c28696f] {
+  position: relative;
+}
 /*!
  * 
  * ant-design-vue v3.2.13

package/lib/index.js

@@ -4273,7 +4273,6 @@ function useAppProviderContext() {
 }
 function useDesign(scope) {
   const values = useAppProviderContext();
-  console.log("value", values);
   return {
     prefixCls: `${values.prefixCls}-${scope}`,
     prefixVar: values.prefixCls
@@ -4437,12 +4436,10 @@ const _sfc_main$1 = vue.defineComponent({
     "update:visible"
   ],
   setup(props2, { emit, attrs }) {
-    console.log("props", props2);
     const visibleRef = vue.ref(false);
     const propsRef = vue.ref(null);
     const modalWrapperRef = vue.ref(null);
     const prefixCls = "shy-basic-modal";
-    console.log("previxCls", prefixCls);
     const extHeightRef = vue.ref(0);
     const modalMethods = {
       setModalProps,
@@ -4492,7 +4489,6 @@ const _sfc_main$1 = vue.defineComponent({
         visible: vue.unref(visibleRef),
         wrapClassName: vue.unref(getWrapClassName)
       };
-      console.log("attr", attr);
       if (vue.unref(fullScreenRef)) {
         return omit$1(attr, ["height", "title"]);
       }
@@ -4756,12 +4752,26 @@ const _hoisted_6 = {
   class: "tree-select"
 };
 const _hoisted_7 = { class: "tree-item" };
-const _hoisted_8 = { class: "tree-item" };
+const _hoisted_8 = { class: "tree-item relative" };
 const _hoisted_9 = {
+  key: 0,
+  class: "spin"
+};
+const _hoisted_10 = { class: "tree-row" };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = {
   key: 1,
   class: "all-user"
 };
-const _hoisted_10 = {
+const _hoisted_14 = {
+  key: 0,
+  class: "spin"
+};
+const _hoisted_15 = { class: "tree-row" };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = {
   key: 2,
   class: "all-organization"
 };
@@ -4781,12 +4791,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       ];
     } },
-    type: { default: "all" }
+    type: { default: "all" },
+    selectType: { default: "multiple" }
   },
   emits: ["confirm", "cancel"],
   setup(__props, { expose, emit }) {
     const props2 = __props;
+    const spinning = vue.ref(false);
     const activeKey = vue.ref("1");
+    const tabType = vue.ref();
     vue.watch(
       () => props2.type,
       (value) => {
@@ -4794,8 +4807,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           activeKey.value = "1";
         } else if (value === "org") {
           activeKey.value = "3";
+        } else {
+          activeKey.value = "1";
         }
-      }
+        if (value === "all" || value === "user" || value === "org") {
+          tabType.value = value;
+        } else {
+          tabType.value = "other";
+        }
+      },
+      { immediate: true }
     );
     const userName = vue.ref("");
     const format = (list) => {
@@ -4813,6 +4834,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const loadKv = async () => {
       try {
+        spinning.value = true;
         const res = await props2.deptFun();
         organization.value = format(res);
         const res2 = await props2.userFun();
@@ -4821,8 +4843,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         res2.forEach((user) => {
           checkMap[user.id] = false;
         });
+        spinning.value = false;
       } catch (err) {
         console.log("err", err);
+        spinning.value = false;
       }
     };
     loadKv();
@@ -4854,15 +4878,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const selectedKeys = vue.ref([]);
-    vue.ref([]);
     const userList = vue.ref([]);
     const organization = vue.ref([]);
     const checkMap = vue.reactive({});
+    vue.ref([]);
     const loadUser = async (deptId = void 0, realName = void 0) => {
       try {
+        spinning.value = true;
         const res = await props2.userFun(deptId, realName);
         userList.value = res;
+        spinning.value = false;
       } catch (err) {
+        spinning.value = false;
         console.log("err", err);
       }
     };
@@ -4877,42 +4904,92 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         loadUser(selectedKeys.value[0], userName.value);
       }
     };
+    const checkClickEvent = (id) => {
+      if (props2.selectType === "single") {
+        vue.nextTick(() => {
+          singleCheckedKeys.value.checked = [];
+        });
+        if (id === userSelected.value[0]) {
+          userSelected.value = [];
+        } else {
+          userSelected.value = [id];
+        }
+        curKey.value = userSelected.value;
+      } else {
+        checkMap[id] = !checkMap[id];
+      }
+    };
     const allUserList = vue.ref([]);
     vue.ref([]);
     const organizationChecked = vue.ref([]);
+    const userSelected = vue.ref([]);
+    const singleCheckedKeys = vue.ref({ checked: [] });
+    const curKey = vue.ref([]);
+    const checkSingleEvent = (keys2, { checked, node }) => {
+      vue.nextTick(() => {
+        userSelected.value = [];
+      });
+      if (checked) {
+        singleCheckedKeys.value.checked = [node.key];
+        curKey.value = singleCheckedKeys.value.checked;
+      }
+    };
+    const checkUserSingleEvent = (value) => {
+      vue.nextTick(() => {
+        singleCheckedKeys.value.checked = [];
+      });
+      curKey.value = userSelected.value;
+    };
     const tagList = vue.ref([]);
     const closeEvent = (id, type) => {
-      if (type === 1) {
-        checkMap[id] = false;
-      } else if (type === 2) {
-        console.log("2\u6807\u8BB0");
-      } else if (type === 3) {
-        const index2 = organizationChecked.value.findIndex((item) => {
-          return item === id;
+      if (props2.selectType === "single") {
+        vue.nextTick(() => {
+          userSelected.value = [];
+          curKey.value = [];
+          singleCheckedKeys.value.checked = [];
         });
-        organizationChecked.value.splice(index2, 1);
+      } else {
+        if (type === 1) {
+          checkMap[id] = false;
+        } else if (type === 3) {
+          const index2 = organizationChecked.value.findIndex((item) => {
+            return item === id;
+          });
+          organizationChecked.value.splice(index2, 1);
+        }
       }
     };
     vue.watchEffect(() => {
       tagList.value = [];
-      Object.keys(checkMap).forEach((key2) => {
-        if (checkMap[key2]) {
+      if (props2.selectType === "multiple") {
+        Object.keys(checkMap).forEach((key2) => {
+          if (checkMap[key2]) {
+            tagList.value.push({
+              id: key2,
+              color: "#108ee9",
+              type: 1,
+              name: titleMap.value[key2]
+            });
+          }
+        });
+        organizationChecked.value.forEach((item) => {
+          tagList.value.push({
+            id: item,
+            color: "#87d068",
+            type: 3,
+            name: titleMap.value[item]
+          });
+        });
+      } else {
+        curKey.value.forEach((item) => {
           tagList.value.push({
-            id: key2,
-            color: "#108ee9",
+            id: item,
+            color: "#87d068",
             type: 1,
-            name: titleMap.value[key2]
+            name: titleMap.value[item]
           });
-        }
-      });
-      organizationChecked.value.forEach((item) => {
-        tagList.value.push({
-          id: item,
-          color: "#87d068",
-          type: 3,
-          name: titleMap.value[item]
         });
-      });
+      }
     });
     const [registerModal, { openModal }] = useModal();
     vue.ref();
@@ -4933,10 +5010,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         Object.keys(checkMap).forEach((key2) => {
           checkMap[key2] = false;
         });
+        userSelected.value = [];
+        singleCheckedKeys.value.checked = [];
+        curKey.value = [];
       });
     };
     expose({ open });
     return (_ctx, _cache) => {
+      const _component_a_empty = vue.resolveComponent("a-empty");
       return vue.openBlock(), vue.createBlock(vue.unref(BasicModal), {
         onRegister: vue.unref(registerModal),
         width: 600,
@@ -4972,15 +5053,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   onChange: activeChangeEvent
                 }, {
                   default: vue.withCtx(() => [
-                    props2.type === "user" || props2.type === "all" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.TabPane), {
+                    tabType.value === "user" || tabType.value === "all" || tabType.value === "other" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.TabPane), {
                       key: "1",
                       tab: "\u7EC4\u7EC7\u67B6\u6784"
                     })) : vue.createCommentVNode("", true),
-                    props2.type === "user" || props2.type === "all" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.TabPane), {
+                    tabType.value === "user" || tabType.value === "all" || tabType.value === "other" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.TabPane), {
                       key: "2",
                       tab: "\u6210\u5458"
                     })) : vue.createCommentVNode("", true),
-                    props2.type === "org" || props2.type === "all" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.TabPane), {
+                    tabType.value === "org" || tabType.value === "all" || tabType.value === "other" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.TabPane), {
                       key: "3",
                       tab: "\u7EC4\u7EC7"
                     })) : vue.createCommentVNode("", true)
@@ -5008,41 +5089,113 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }, null, 8, ["tree-data", "selectedKeys"])
                   ]),
                   vue.createElementVNode("div", _hoisted_8, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(userList.value, (item, index2) => {
+                    spinning.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+                      vue.createVNode(vue.unref(antDesignVue.Spin))
+                    ])) : vue.createCommentVNode("", true),
+                    props2.selectType === "single" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                      userList.value.length === 0 ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Empty), { key: 0 })) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(userList.value, (item, index2) => {
+                        return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.CheckboxGroup), {
+                          key: index2,
+                          class: "w-100",
+                          value: userSelected.value,
+                          "onUpdate:value": _cache[3] || (_cache[3] = ($event) => userSelected.value = $event),
+                          onChange: checkUserSingleEvent
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createElementVNode("div", _hoisted_10, [
+                              vue.createElementVNode("div", {
+                                onClick: ($event) => checkClickEvent(item.id)
+                              }, vue.toDisplayString(item.name), 9, _hoisted_11),
+                              vue.createVNode(vue.unref(antDesignVue.Checkbox), {
+                                value: item.id,
+                                "onUpdate:value": ($event) => item.id = $event
+                              }, null, 8, ["value", "onUpdate:value"])
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["value"]);
+                      }), 128))
+                    ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                      userList.value.length === 0 ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Empty), { key: 0 })) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(userList.value, (item, index2) => {
+                        return vue.openBlock(), vue.createElementBlock("div", {
+                          key: index2,
+                          class: "tree-row"
+                        }, [
+                          vue.createElementVNode("div", {
+                            onClick: ($event) => checkClickEvent(item.id)
+                          }, vue.toDisplayString(item.name), 9, _hoisted_12),
+                          vue.createVNode(vue.unref(antDesignVue.Checkbox), {
+                            checked: checkMap[item.id],
+                            "onUpdate:checked": ($event) => checkMap[item.id] = $event
+                          }, null, 8, ["checked", "onUpdate:checked"])
+                        ]);
+                      }), 128))
+                    ], 64))
+                  ])
+                ])) : activeKey.value === "2" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
+                  spinning.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+                    vue.createVNode(vue.unref(antDesignVue.Spin))
+                  ])) : vue.createCommentVNode("", true),
+                  props2.selectType === "single" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                    userList.value.length === 0 ? (vue.openBlock(), vue.createBlock(_component_a_empty, { key: 0 })) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(userList.value, (item, index2) => {
+                      return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.CheckboxGroup), {
+                        key: index2,
+                        value: userSelected.value,
+                        "onUpdate:value": _cache[4] || (_cache[4] = ($event) => userSelected.value = $event),
+                        onChange: checkUserSingleEvent
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("div", _hoisted_15, [
+                            vue.createElementVNode("div", {
+                              style: { "cursor": "pointer" },
+                              onClick: ($event) => checkClickEvent(item.id)
+                            }, vue.toDisplayString(item.name), 9, _hoisted_16),
+                            vue.createVNode(vue.unref(antDesignVue.Checkbox), {
+                              value: item.id,
+                              "onUpdate:value": ($event) => item.id = $event
+                            }, null, 8, ["value", "onUpdate:value"])
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }), 128))
+                  ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                    userList.value.length === 0 ? (vue.openBlock(), vue.createBlock(_component_a_empty, { key: 0 })) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(userList.value, (item, index2) => {
                       return vue.openBlock(), vue.createElementBlock("div", {
                         key: index2,
                         class: "tree-row"
                       }, [
-                        vue.createElementVNode("div", null, vue.toDisplayString(item.name), 1),
+                        vue.createElementVNode("div", {
+                          style: { "cursor": "pointer" },
+                          onClick: ($event) => checkClickEvent(item.id)
+                        }, vue.toDisplayString(item.name), 9, _hoisted_17),
                         vue.createVNode(vue.unref(antDesignVue.Checkbox), {
                           checked: checkMap[item.id],
                           "onUpdate:checked": ($event) => checkMap[item.id] = $event
                         }, null, 8, ["checked", "onUpdate:checked"])
                       ]);
                     }), 128))
-                  ])
-                ])) : activeKey.value === "2" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(userList.value, (item, index2) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      key: index2,
-                      class: "tree-row"
-                    }, [
-                      vue.createElementVNode("div", null, vue.toDisplayString(item.name), 1),
-                      vue.createVNode(vue.unref(antDesignVue.Checkbox), {
-                        checked: checkMap[item.id],
-                        "onUpdate:checked": ($event) => checkMap[item.id] = $event
-                      }, null, 8, ["checked", "onUpdate:checked"])
-                    ]);
-                  }), 128))
-                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
-                  vue.createVNode(vue.unref(antDesignVue.Tree), {
+                  ], 64))
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
+                  props2.selectType === "single" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Tree), {
+                    key: 0,
+                    selectable: false,
+                    autoExpandParent: true,
+                    checkable: "",
+                    "tree-data": organization.value,
+                    checkedKeys: singleCheckedKeys.value,
+                    "onUpdate:checkedKeys": _cache[5] || (_cache[5] = ($event) => singleCheckedKeys.value = $event),
+                    checkStrictly: true,
+                    onCheck: checkSingleEvent
+                  }, null, 8, ["tree-data", "checkedKeys"])) : (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Tree), {
+                    key: 1,
                     selectable: false,
                     autoExpandParent: true,
                     checkable: "",
                     "tree-data": organization.value,
                     checkedKeys: organizationChecked.value,
-                    "onUpdate:checkedKeys": _cache[3] || (_cache[3] = ($event) => organizationChecked.value = $event)
-                  }, null, 8, ["tree-data", "checkedKeys"])
+                    "onUpdate:checkedKeys": _cache[6] || (_cache[6] = ($event) => organizationChecked.value = $event)
+                  }, null, 8, ["tree-data", "checkedKeys"]))
                 ]))
               ])
             ])
@@ -5053,11 +5206,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const IndexView_vue_vue_type_style_index_0_scoped_729122e8_lang = "";
-const UserSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-729122e8"]]);
+const IndexView_vue_vue_type_style_index_0_scoped_0c28696f_lang = "";
+const UserSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0c28696f"]]);
 const antd_min = "";
 const index$1 = "";
-console.log("BasicModal", BasicModal);
 const index = {
   install(app) {
     app.component("s-dialog", ShyDialog);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "1.0.46",
+  "version": "1.0.49",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",