bkui-vue 0.0.1-beta.71 → 0.0.1-beta.74

package/dist/index.esm.js

@@ -9618,8 +9618,8 @@ var Component$q = defineComponent({
 const BkCollapse = withInstall(Component$q);
 const propsMixin$1 = {
   isShow: PropTypes.bool.def(false),
-  width: PropTypes.string.def("50%") || PropTypes.number,
-  height: PropTypes.string.def("50%") || PropTypes.number,
+  width: PropTypes.oneOfType([String, Number]).def("50%"),
+  height: PropTypes.oneOfType([String, Number]).def("50%"),
   customClass: PropTypes.string || PropTypes.array,
   scrollable: PropTypes.bool.def(true),
   showMask: PropTypes.bool.def(true),
@@ -9632,12 +9632,13 @@ const propsMixin$1 = {
   draggable: PropTypes.bool.def(true),
   quickClose: PropTypes.bool.def(true),
   transfer: PropTypes.bool.def(false),
-  title: PropTypes.string.def("Header"),
   maxHeight: PropTypes.string,
   direction: PropTypes.string,
   animateType: PropTypes.string.def("slide"),
   renderDirective: PropTypes.commonType(["show", "if"], "renderDirective").def("show"),
-  beforeClose: PropTypes.custom(() => true)
+  beforeClose: PropTypes.custom(() => true),
+  dialogType: PropTypes.commonType(["show", "operation", "confirm", "process"], "dialogType").def("operation"),
+  multiInstance: PropTypes.bool.def(true)
 };
 var Component$p = defineComponent({
   name: "Modal",
@@ -9706,7 +9707,7 @@ var Component$p = defineComponent({
     } : {};
     const bodyClass = `bk-modal-body ${this.animateType === "slide" ? this.direction : ""}`;
     return createVNode("div", {
-      "class": ["bk-modal-wrapper", this.size, this.customClass, this.fullscreen ? "bk-model-fullscreen" : ""],
+      "class": ["bk-modal-wrapper", this.customClass],
       "style": this.compStyle
     }, [withDirectives(createVNode("div", {
       "class": "bk-modal-outside",
@@ -9722,8 +9723,8 @@ var Component$p = defineComponent({
           "class": "bk-modal-header"
         }, [(_c = (_b = (_a = this.$slots).header) == null ? void 0 : _b.call(_a)) != null ? _c : ""]), createVNode("div", {
           "class": "bk-modal-content",
-          "style": __spreadValues({}, maxHeight)
-        }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]), createVNode("div", {
+          "style": [this.dialogType === "show" ? "height: calc(100% - 74px);margin-bottom: 0px" : "", __spreadValues({}, maxHeight)]
+        }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]), this.dialogType === "show" ? "" : createVNode("div", {
           "class": "bk-modal-footer"
         }, [(_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : ""])]) : ""];
       }
@@ -9780,12 +9781,14 @@ var Component$o = defineComponent({
     });
     watch(() => props.isShow, (val) => {
       if (!val) {
-        data2.moveStyle = {
-          top: "50%",
-          left: "50%"
-        };
-        data2.positionX = 0;
-        data2.positionY = 0;
+        setTimeout(() => {
+          data2.moveStyle = {
+            top: "50%",
+            left: "50%"
+          };
+          data2.positionX = 0;
+          data2.positionY = 0;
+        }, 1e3);
       }
     });
     const handleClose = () => {
@@ -9813,6 +9816,9 @@ var Component$o = defineComponent({
       if (props.fullscreen) {
         return false;
       }
+      if (!props.draggable) {
+        return false;
+      }
       const odiv = e.target;
       const parentHeight = e.currentTarget.parentNode.parentNode.offsetHeight;
       const parentWidth = e.currentTarget.parentNode.parentNode.offsetWidth;
@@ -9863,11 +9869,11 @@ var Component$o = defineComponent({
   render() {
     const dialogSlot = {
       header: () => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         return [createVNode("div", {
           "class": ["bk-dialog-tool", this.fullscreen || !this.draggable ? "" : "move", this.draggable ? "content-dragging" : ""],
           "onMousedown": this.moveHandler
-        }, [createVNode("span", {
+        }, [(_c = (_b = (_a = this.$slots).tools) == null ? void 0 : _b.call(_a)) != null ? _c : "", createVNode("span", {
           "class": ["bk-dialog-close", this.closeIcon ? "" : "close-icon"],
           "onClick": this.handleClose
         }, [createTextVNode("+")])]), createVNode("div", {
@@ -9875,7 +9881,7 @@ var Component$o = defineComponent({
         }, [createVNode("span", {
           "class": "bk-dialog-title",
           "style": `text-align: ${this.headerAlign}`
-        }, [(_c = (_b = (_a = this.$slots).header) == null ? void 0 : _b.call(_a)) != null ? _c : this.title])])];
+        }, [(_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : this.title])])];
       },
       default: () => {
         var _a, _b, _c;
@@ -9927,7 +9933,7 @@ var Component$o = defineComponent({
         })]) : ""]);
       }
     };
-    const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""}`;
+    const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""} ${this.multiInstance ? "multi-instance" : ""}`;
     return createVNode(BkModal, mergeProps(this.$props, {
       "class": [className, this.fullscreen ? "bk-model-fullscreen" : this.size],
       "style": this.data.moveStyle
@@ -12110,6 +12116,10 @@ var Component$d = defineComponent({
     BkButton
   },
   props: __spreadProps(__spreadValues({}, sliderPops), {
+    title: {
+      type: String,
+      default: ""
+    },
     direction: {
       type: String,
       default: "right",
@@ -16283,7 +16293,7 @@ const menuProps = {
     type: Boolean,
     default: false
   },
-  OpenedKeys: {
+  openedKeys: {
     type: Array
   },
   mode: {
@@ -16309,7 +16319,7 @@ var Component$6 = defineComponent({
     const mode = computed(() => props.mode);
     const collapse2 = ref(props.collapse);
     const oldOpenKeys = ref([]);
-    watch(() => props.OpenedKeys, (keys = openedKeys.value) => {
+    watch(() => props.openedKeys, (keys = openedKeys.value) => {
       openedKeys.value = keys;
     }, {
       immediate: true
@@ -21595,6 +21605,7 @@ var useNodeAction = (props, ctx, flatData, renderData, schemaValues) => {
     renderTreeNode,
     hanldeTreeNodeClick,
     deepAutoOpen,
+    asyncNodeClick,
     setNodeAction,
     setNodeOpened,
     setSelect,
@@ -21975,7 +21986,7 @@ var useTreeInit = (props) => {
           flatten(item, depth, parent, path);
         } else {
           if (typeof item === "object" && item !== null) {
-            const uuid2 = getUid(item);
+            const uuid2 = `${getUid(item)}`;
             const currentPath = path !== null ? `${path}-${i}` : `${i}`;
             const hasChildren = !!(item[children] || []).length;
             const attrs = {
@@ -22017,7 +22028,9 @@ var useTreeInit = (props) => {
     return [outputData, schema];
   };
   const formatData = getFlatdata(props);
-  const loopEvents = [];
+  const nextLoopEvents = /* @__PURE__ */ new Map();
+  const afterSelectEvents = [];
+  const afterSelectWatch = [];
   const flatData = reactive({
     data: formatData[0],
     schema: formatData[1],
@@ -22028,6 +22041,25 @@ var useTreeInit = (props) => {
     asyncNodeClick,
     deepAutoOpen
   } = useNodeAsync(props, flatData);
+  const onSelected = (event) => {
+    afterSelectEvents.push(event);
+  };
+  const registerNextLoop = (key, event, reset2 = true) => {
+    if (reset2 && nextLoopEvents.has(key)) {
+      nextLoopEvents.delete(key);
+    }
+    nextLoopEvents.set(key, event);
+  };
+  const executeNextEvent = () => {
+    Array.from(nextLoopEvents.keys()).forEach((key) => {
+      const target = nextLoopEvents.get(key);
+      if (Array.isArray(target)) {
+        target.forEach((event) => Reflect.apply(event, globalThis, []));
+      } else {
+        Reflect.apply(target, globalThis, []);
+      }
+    });
+  };
   watch(() => [props.data], (newData) => {
     var _a2, _b;
     const formatData2 = getFlatdata(props, newData, schemaValues.value);
@@ -22036,16 +22068,24 @@ var useTreeInit = (props) => {
     if (((_a2 = props.async) == null ? void 0 : _a2.callback) && ((_b = props.async) == null ? void 0 : _b.deepAutoOpen) === "every") {
       deepAutoOpen();
     }
-    nextTick(() => {
-      loopEvents.forEach((event) => {
-        Reflect.apply(event, globalThis, []);
-      });
-    });
+    executeNextEvent();
   }, {
     deep: true
   });
+  if (props.selectable) {
+    watch(() => props.selected, (newData) => {
+      afterSelectWatch.length = 0;
+      afterSelectEvents.forEach((event) => {
+        Reflect.apply(event, globalThis, [newData]);
+        afterSelectWatch.push(() => Reflect.apply(event, globalThis, [newData]));
+      });
+      registerNextLoop("afterSelectWatch", afterSelectWatch);
+    }, {
+      immediate: true
+    });
+  }
   const afterDataUpdate = (callFn) => {
-    loopEvents.push(callFn);
+    registerNextLoop("afterDataUpdate", callFn);
   };
   if ((_a = props.async) == null ? void 0 : _a.callback) {
     deepAutoOpen();
@@ -22055,7 +22095,8 @@ var useTreeInit = (props) => {
     schemaValues,
     asyncNodeClick,
     deepAutoOpen,
-    afterDataUpdate
+    afterDataUpdate,
+    onSelected
   };
 };
 var Component$2 = defineComponent({
@@ -22066,7 +22107,7 @@ var Component$2 = defineComponent({
     const {
       flatData,
       schemaValues,
-      afterDataUpdate
+      onSelected
     } = useTreeInit(props);
     const {
       setNodeAttr,
@@ -22112,18 +22153,15 @@ var Component$2 = defineComponent({
       setNodeOpened,
       setOpen,
       setNodeAction,
-      setSelect
+      setSelect,
+      asyncNodeClick
     } = useNodeAction(props, ctx, flatData, renderData, schemaValues);
     const setChecked = (item, checked = true) => {
       setNodeAction(resolveNodeItem(item), NODE_ATTRIBUTES.IS_CHECKED, checked);
     };
-    if (props.selectable) {
-      watch(() => props.selected, (newData) => {
-        afterDataUpdate(() => setSelect(newData, true, true));
-      }, {
-        immediate: true
-      });
-    }
+    onSelected((newData) => {
+      setSelect(newData, true, true);
+    });
     const getData = () => flatData;
     ctx.expose({
       hanldeTreeNodeClick,
@@ -22137,6 +22175,7 @@ var Component$2 = defineComponent({
       setNodeAction,
       setNodeOpened,
       setSelect,
+      asyncNodeClick,
       getData
     });
     const root = ref();