bkui-vue 0.0.1-beta.182 → 0.0.1-beta.185

package/dist/index.esm.js

@@ -10154,7 +10154,8 @@ const propsMixin$1 = {
   renderDirective: PropTypes.commonType(["show", "if"], "renderDirective").def("show"),
   beforeClose: PropTypes.custom(() => true),
   dialogType: PropTypes.commonType(["show", "operation", "confirm", "process"], "dialogType").def("operation"),
-  multiInstance: PropTypes.bool.def(true)
+  multiInstance: PropTypes.bool.def(true),
+  infoType: PropTypes.commonType(["success", "warning", "danger", "loading"], "infoType").def()
 };
 var Component$u = defineComponent({
   name: "Modal",
@@ -10408,6 +10409,23 @@ var Dialog = defineComponent({
     };
   },
   render() {
+    const renderIcon = () => {
+      const iconMap = {
+        loading: createVNode(spinner, {
+          "class": "bk-info-icon primary"
+        }, null),
+        warning: createVNode(warn, {
+          "class": "bk-info-icon warning"
+        }, null),
+        success: createVNode(success, {
+          "class": "bk-info-icon success"
+        }, null),
+        danger: createVNode(close$1, {
+          "class": "bk-info-icon danger"
+        }, null)
+      };
+      return iconMap[this.infoType];
+    };
     const dialogSlot = {
       header: () => {
         var _a, _b, _c, _d, _e, _f;
@@ -10416,7 +10434,11 @@ var Dialog = defineComponent({
           "onMousedown": this.moveHandler
         }, [(_c = (_b = (_a = this.$slots).tools) == null ? void 0 : _b.call(_a)) != null ? _c : ""]), createVNode("div", {
           "class": "bk-dialog-header"
-        }, [createVNode("span", {
+        }, [createVNode("div", {
+          "class": "bk-header-icon"
+        }, [this.infoType ? renderIcon() : createVNode("slot", {
+          "name": "info-icon"
+        }, null)]), createVNode("span", {
           "class": "bk-dialog-title",
           "style": `text-align: ${this.headerAlign}`
         }, [(_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : this.title])])];
@@ -16984,7 +17006,7 @@ var TableCell = defineComponent({
       }
     });
     onBeforeUnmount(() => {
-      observerIns.stop();
+      observerIns == null ? void 0 : observerIns.stop();
       bkEllipsisIns == null ? void 0 : bkEllipsisIns.destroyInstance(refRoot.value);
     });
     return () => {
@@ -20152,27 +20174,28 @@ const InfoBox = (config) => {
         update
       });
       const getContent = () => {
-        const children = [];
-        if (modalFuncProps.value.subTitle) {
-          switch (typeof modalFuncProps.value.subTitle) {
-            case "string":
-              children.push(h$1("div", modalFuncProps.value.subTitle));
-              break;
-            case "function":
-              children.push(h$1("div", modalFuncProps.value.subTitle()));
-              break;
-            default:
-              children.push(h$1(modalFuncProps.value.subTitle));
-              break;
-          }
+        if (!modalFuncProps.value.subTitle) {
+          return "";
+        }
+        switch (typeof modalFuncProps.value.subTitle) {
+          case "function":
+            return modalFuncProps.value.subTitle();
+          default:
+          case "string":
+            return modalFuncProps.value.subTitle;
         }
-        return children;
       };
-      return () => createVNode(Dialog, __spreadProps(__spreadValues({}, modalFuncProps.value), {
+      return () => createVNode(Dialog, __spreadProps(__spreadValues({
+        headerAlign: "center",
+        footerAlign: "center"
+      }, modalFuncProps.value), {
         isShow: isShow.value,
         onClosed,
         onConfirm
-      }), getContent());
+      }), [h$1("div", {
+        class: "bk-info-sub-title",
+        style: `text-Align:${modalFuncProps.value.contentAlign || "center"}`
+      }, getContent())]);
     }
   });
   const app = createApp(dialog2).mount(container2);