3h1-ui 1.0.123 → 1.0.124

package/es/index.js

@@ -5327,34 +5327,37 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           column.dataIndex !== "index" ? (openBlock(), createBlock(unref(Form), { key: 0 }, {
             default: withCtx(() => [
               createVNode(unref(FormItem), null, {
-                default: withCtx(() => [
-                  column.type === "select" ? (openBlock(), createBlock(unref(Select), {
-                    key: 0,
-                    value: record[column.dataIndex],
-                    "onUpdate:value": ($event) => record[column.dataIndex] = $event,
-                    options: column.dicData,
-                    mode: column.mode,
-                    "max-tag-count": column.maxTagCount,
-                    "max-tag-text-length": column.maxTagTextLength
-                  }, null, 8, ["value", "onUpdate:value", "options", "mode", "max-tag-count", "max-tag-text-length"])) : column.type === "datePicker" ? (openBlock(), createBlock(unref(DatePicker), {
-                    key: 1,
-                    value: record[column.dataIndex],
-                    "onUpdate:value": ($event) => record[column.dataIndex] = $event,
-                    valueFormat: "YYYY-MM-DD HH:mm:ss",
-                    showTime: true
-                  }, null, 8, ["value", "onUpdate:value"])) : column.type === "number" ? (openBlock(), createBlock(unref(InputNumber), {
-                    key: 2,
-                    value: record[column.dataIndex],
-                    "onUpdate:value": ($event) => record[column.dataIndex] = $event,
-                    min: column.min,
-                    max: column.max,
-                    precision: column.precision || 2
-                  }, null, 8, ["value", "onUpdate:value", "min", "max", "precision"])) : (openBlock(), createBlock(unref(Input), {
-                    key: 3,
-                    value: record[column.dataIndex],
-                    "onUpdate:value": ($event) => record[column.dataIndex] = $event
-                  }, null, 8, ["value", "onUpdate:value"]))
-                ]),
+                default: withCtx(() => {
+                  var _a2;
+                  return [
+                    column.type === "select" ? (openBlock(), createBlock(unref(Select), {
+                      key: 0,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
+                      options: column.dicData,
+                      mode: column.mode,
+                      "max-tag-count": column.maxTagCount,
+                      "max-tag-text-length": column.maxTagTextLength
+                    }, null, 8, ["value", "onUpdate:value", "options", "mode", "max-tag-count", "max-tag-text-length"])) : column.type === "datePicker" ? (openBlock(), createBlock(unref(DatePicker), {
+                      key: 1,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
+                      valueFormat: "YYYY-MM-DD HH:mm:ss",
+                      showTime: true
+                    }, null, 8, ["value", "onUpdate:value"])) : column.type === "number" ? (openBlock(), createBlock(unref(InputNumber), {
+                      key: 2,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
+                      min: column.min,
+                      max: column.max,
+                      precision: (_a2 = column.precision) != null ? _a2 : 2
+                    }, null, 8, ["value", "onUpdate:value", "min", "max", "precision"])) : (openBlock(), createBlock(unref(Input), {
+                      key: 3,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event
+                    }, null, 8, ["value", "onUpdate:value"]))
+                  ];
+                }),
                 _: 2
               }, 1024)
             ]),
@@ -5377,8 +5380,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Table_vue_vue_type_style_index_0_scoped_22afe612_lang = "";
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-22afe612"]]);
+const Table_vue_vue_type_style_index_0_scoped_21e4cb4e_lang = "";
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-21e4cb4e"]]);
 const componentMap$1 = /* @__PURE__ */ new Map();
 componentMap$1.set("Input", Input);
 componentMap$1.set("InputGroup", Input.Group);
@@ -7553,6 +7556,7 @@ const _sfc_main$z = defineComponent({
     });
     const getBindValue = computed(() => {
       const attr = {
+        maskClosable: false,
         ...attrs,
         ...unref(getMergeProps),
         visible: unref(visibleRef),
@@ -9500,11 +9504,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["select"],
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     const props2 = __props;
     const treeData = ref([]);
     const searchToolbar = ref(false);
-    console.log("props", props2);
     async function fetch() {
       const res = await props2.api();
       treeData.value = res;
@@ -9512,9 +9515,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     function handleSelect(keys) {
       emit("select", keys[0]);
     }
+    const reload = async () => {
+      await fetch();
+    };
     onMounted(() => {
       fetch();
     });
+    expose({ reload });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$v), {
         title: "",
@@ -13436,13 +13443,19 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   emits: ["confirm", "register"],
   setup(__props, { emit }) {
     const props2 = __props;
-    const [register, { closeModal }] = useModalInner((data) => {
+    const [register, { closeModal }] = useModalInner(async () => {
+      await tableRef.value.clearSelectedRowKeys();
+      tableRef.value.reload();
+      treeRef.value.reload();
     });
     const getTreeProps = inject("getTreeProps");
     const getTableProps = inject("getTableProps");
     const tableRef = ref();
+    const treeRef = ref();
     const handleSelect = (key2) => {
-      tableRef.value.setProps({ searchInfo: { deptId: key2 } });
+      tableRef.value.setProps({
+        searchInfo: { [unref(getTableProps).searchKey]: key2 }
+      });
       tableRef.value.reload();
     };
     const handleComfirm = () => {
@@ -13461,6 +13474,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_1$5, [
             createVNode(_sfc_main$u, mergeProps(unref(getTreeProps), {
               class: "tree",
+              ref_key: "treeRef",
+              ref: treeRef,
               onSelect: handleSelect
             }), null, 16),
             createElementVNode("div", _hoisted_2, [
@@ -13476,8 +13491,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Modal_vue_vue_type_style_index_0_scoped_c8b3688d_lang = "";
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c8b3688d"]]);
+const Modal_vue_vue_type_style_index_0_scoped_a0c6e482_lang = "";
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a0c6e482"]]);
 const _hoisted_1$4 = { class: "api-modal-select" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "ApiModalSelect",
@@ -13510,7 +13525,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           { title: "b", dataIndex: "b" },
           { title: "c", dataIndex: "c" },
           { title: "d", dataIndex: "d" }
-        ]
+        ],
+        searchKey: "deptId"
       })
     },
     tree: {
@@ -13623,8 +13639,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ApiModalSelect_vue_vue_type_style_index_0_scoped_ae47630a_lang = "";
-const ApiModalSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-ae47630a"]]);
+const ApiModalSelect_vue_vue_type_style_index_0_scoped_5427533c_lang = "";
+const ApiModalSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-5427533c"]]);
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }

package/es/style.css

@@ -286,7 +286,7 @@ span.iconify {
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.table-plus[data-v-22afe612] {
+.table-plus[data-v-21e4cb4e] {
   width: 30px;
   height: 30px;
   font-size: 24px;
@@ -297,21 +297,21 @@ span.iconify {
   line-height: 30px;
   cursor: pointer;
 }
-.table-children[data-v-22afe612] .ant-form-item {
+.table-children[data-v-21e4cb4e] .ant-form-item {
   margin-bottom: 0 !important;
 }
-.delete-wrapper[data-v-22afe612] {
+.delete-wrapper[data-v-21e4cb4e] {
   height: 100%;
 }
-.delete-wrapper:hover .delete-item[data-v-22afe612] {
+.delete-wrapper:hover .delete-item[data-v-21e4cb4e] {
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.delete-wrapper:hover .delete-index[data-v-22afe612] {
+.delete-wrapper:hover .delete-index[data-v-21e4cb4e] {
   display: none;
 }
-.delete-wrapper .delete-item[data-v-22afe612] {
+.delete-wrapper .delete-item[data-v-21e4cb4e] {
   background-color: red;
   border-radius: 50%;
   width: 30px;
@@ -320,7 +320,7 @@ span.iconify {
   display: none;
   cursor: pointer;
 }
-.delete-wrapper .delete-index[data-v-22afe612] {
+.delete-wrapper .delete-index[data-v-21e4cb4e] {
   display: inline-block;
 }
 /* stylelint-disable no-duplicate-selectors */
@@ -1047,23 +1047,23 @@ span.iconify {
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.wrapper[data-v-c8b3688d] {
+.wrapper[data-v-a0c6e482] {
   display: flex;
 }
-.tree[data-v-c8b3688d] {
+.tree[data-v-a0c6e482] {
   flex: none;
 }
-.table-wrapper[data-v-c8b3688d] {
+.table-wrapper[data-v-a0c6e482] {
   flex: 1 1 0%;
   overflow: hidden;
 }
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-[data-v-ae47630a] .ant-input-group-addon {
+[data-v-5427533c] .ant-input-group-addon {
   padding: 0;
 }
-.btn-wrapper[data-v-ae47630a] {
+.btn-wrapper[data-v-5427533c] {
   padding: 0 5px;
   display: flex;
   align-items: center;

package/lib/index.js

@@ -5332,34 +5332,37 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           column.dataIndex !== "index" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Form), { key: 0 }, {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(antDesignVue.FormItem), null, {
-                default: vue.withCtx(() => [
-                  column.type === "select" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Select), {
-                    key: 0,
-                    value: record[column.dataIndex],
-                    "onUpdate:value": ($event) => record[column.dataIndex] = $event,
-                    options: column.dicData,
-                    mode: column.mode,
-                    "max-tag-count": column.maxTagCount,
-                    "max-tag-text-length": column.maxTagTextLength
-                  }, null, 8, ["value", "onUpdate:value", "options", "mode", "max-tag-count", "max-tag-text-length"])) : column.type === "datePicker" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.DatePicker), {
-                    key: 1,
-                    value: record[column.dataIndex],
-                    "onUpdate:value": ($event) => record[column.dataIndex] = $event,
-                    valueFormat: "YYYY-MM-DD HH:mm:ss",
-                    showTime: true
-                  }, null, 8, ["value", "onUpdate:value"])) : column.type === "number" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.InputNumber), {
-                    key: 2,
-                    value: record[column.dataIndex],
-                    "onUpdate:value": ($event) => record[column.dataIndex] = $event,
-                    min: column.min,
-                    max: column.max,
-                    precision: column.precision || 2
-                  }, null, 8, ["value", "onUpdate:value", "min", "max", "precision"])) : (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Input), {
-                    key: 3,
-                    value: record[column.dataIndex],
-                    "onUpdate:value": ($event) => record[column.dataIndex] = $event
-                  }, null, 8, ["value", "onUpdate:value"]))
-                ]),
+                default: vue.withCtx(() => {
+                  var _a2;
+                  return [
+                    column.type === "select" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Select), {
+                      key: 0,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
+                      options: column.dicData,
+                      mode: column.mode,
+                      "max-tag-count": column.maxTagCount,
+                      "max-tag-text-length": column.maxTagTextLength
+                    }, null, 8, ["value", "onUpdate:value", "options", "mode", "max-tag-count", "max-tag-text-length"])) : column.type === "datePicker" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.DatePicker), {
+                      key: 1,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
+                      valueFormat: "YYYY-MM-DD HH:mm:ss",
+                      showTime: true
+                    }, null, 8, ["value", "onUpdate:value"])) : column.type === "number" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.InputNumber), {
+                      key: 2,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event,
+                      min: column.min,
+                      max: column.max,
+                      precision: (_a2 = column.precision) != null ? _a2 : 2
+                    }, null, 8, ["value", "onUpdate:value", "min", "max", "precision"])) : (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Input), {
+                      key: 3,
+                      value: record[column.dataIndex],
+                      "onUpdate:value": ($event) => record[column.dataIndex] = $event
+                    }, null, 8, ["value", "onUpdate:value"]))
+                  ];
+                }),
                 _: 2
               }, 1024)
             ]),
@@ -5382,8 +5385,8 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Table_vue_vue_type_style_index_0_scoped_22afe612_lang = "";
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-22afe612"]]);
+const Table_vue_vue_type_style_index_0_scoped_21e4cb4e_lang = "";
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-21e4cb4e"]]);
 const componentMap$1 = /* @__PURE__ */ new Map();
 componentMap$1.set("Input", antDesignVue.Input);
 componentMap$1.set("InputGroup", antDesignVue.Input.Group);
@@ -7558,6 +7561,7 @@ const _sfc_main$z = vue.defineComponent({
     });
     const getBindValue = vue.computed(() => {
       const attr = {
+        maskClosable: false,
         ...attrs,
         ...vue.unref(getMergeProps),
         visible: vue.unref(visibleRef),
@@ -9505,11 +9509,10 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     }
   },
   emits: ["select"],
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     const props2 = __props;
     const treeData = vue.ref([]);
     const searchToolbar = vue.ref(false);
-    console.log("props", props2);
     async function fetch() {
       const res = await props2.api();
       treeData.value = res;
@@ -9517,9 +9520,13 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     function handleSelect(keys) {
       emit("select", keys[0]);
     }
+    const reload = async () => {
+      await fetch();
+    };
     vue.onMounted(() => {
       fetch();
     });
+    expose({ reload });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$v), {
         title: "",
@@ -13441,13 +13448,19 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   emits: ["confirm", "register"],
   setup(__props, { emit }) {
     const props2 = __props;
-    const [register, { closeModal }] = useModalInner((data) => {
+    const [register, { closeModal }] = useModalInner(async () => {
+      await tableRef.value.clearSelectedRowKeys();
+      tableRef.value.reload();
+      treeRef.value.reload();
     });
     const getTreeProps = vue.inject("getTreeProps");
     const getTableProps = vue.inject("getTableProps");
     const tableRef = vue.ref();
+    const treeRef = vue.ref();
     const handleSelect = (key2) => {
-      tableRef.value.setProps({ searchInfo: { deptId: key2 } });
+      tableRef.value.setProps({
+        searchInfo: { [vue.unref(getTableProps).searchKey]: key2 }
+      });
       tableRef.value.reload();
     };
     const handleComfirm = () => {
@@ -13466,6 +13479,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_1$5, [
             vue.createVNode(_sfc_main$u, vue.mergeProps(vue.unref(getTreeProps), {
               class: "tree",
+              ref_key: "treeRef",
+              ref: treeRef,
               onSelect: handleSelect
             }), null, 16),
             vue.createElementVNode("div", _hoisted_2, [
@@ -13481,8 +13496,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Modal_vue_vue_type_style_index_0_scoped_c8b3688d_lang = "";
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c8b3688d"]]);
+const Modal_vue_vue_type_style_index_0_scoped_a0c6e482_lang = "";
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a0c6e482"]]);
 const _hoisted_1$4 = { class: "api-modal-select" };
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "ApiModalSelect",
@@ -13515,7 +13530,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           { title: "b", dataIndex: "b" },
           { title: "c", dataIndex: "c" },
           { title: "d", dataIndex: "d" }
-        ]
+        ],
+        searchKey: "deptId"
       })
     },
     tree: {
@@ -13628,8 +13644,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ApiModalSelect_vue_vue_type_style_index_0_scoped_ae47630a_lang = "";
-const ApiModalSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-ae47630a"]]);
+const ApiModalSelect_vue_vue_type_style_index_0_scoped_5427533c_lang = "";
+const ApiModalSelect = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-5427533c"]]);
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }

package/package.json

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