bkui-vue 1.0.3-beta.61.dialog.1 → 1.0.3-beta.62

package/lib/info-box/info-box.d.ts

@@ -1,34 +1,33 @@
 import { VNode } from 'vue';
-export interface Props {
+export interface ModalFuncProps {
     isShow?: boolean;
     width?: string | number;
-    extCls?: string | string[];
-    class?: string | string[];
+    height?: string | number;
+    'ext-cls': string | string[];
+    theme?: 'primary' | 'warning' | 'success' | 'danger';
     infoType?: 'success' | 'danger' | 'warning' | 'loading';
-    type?: 'success' | 'danger' | 'warning' | 'loading';
     title?: string | (() => VNode | string) | VNode;
     subTitle?: string | (() => VNode) | VNode;
-    content?: string | (() => VNode) | VNode;
+    confirmText?: string | (() => VNode) | VNode;
+    cancelText?: string | (() => VNode) | VNode;
+    onConfirm?: (...args: any[]) => any;
+    onClosed?: (...args: any[]) => any;
+    boundary?: HTMLElement;
+    draggable?: boolean;
+    maskClose?: boolean;
+    escClose?: boolean;
+    closeIcon?: boolean;
     headerAlign?: 'left' | 'center' | 'right';
     footerAlign?: 'left' | 'center' | 'right';
     contentAlign?: 'left' | 'center' | 'right';
+    dialogType?: 'show' | 'operation' | 'confirm';
     showMask?: boolean;
     quickClose?: boolean;
-    escClose?: boolean;
-    closeIcon?: boolean;
-    confirmText?: string | (() => VNode) | VNode;
-    theme?: 'primary' | 'warning' | 'success' | 'danger';
-    confirmButtonTheme?: 'primary' | 'warning' | 'success' | 'danger';
-    cancelText?: string | (() => VNode) | VNode;
-    beforeClose?: (action: string) => boolean | Promise<boolean>;
-    onConfirm?: () => void;
-    onCancel?: () => void;
-    onClose?: () => void;
 }
-declare const InfoBox: (config: Partial<Props>) => {
+declare const InfoBox: (config: Partial<ModalFuncProps>) => {
     show: () => void;
     hide: () => void;
-    update: (config: Partial<Props>) => void;
+    update: (config: Partial<ModalFuncProps>) => void;
     destroy: () => void;
 };
 export default InfoBox;

package/lib/info-box/info-box.less

@@ -1,86 +1,24 @@
 @import '../styles/themes/themes.less';
 
-.@{bk-prefix}-infobox {
-  font-size: 12px;
-
+&.@{bk-prefix}-info-wrapper {
   .@{bk-prefix}-modal-wrapper {
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-}
-
-.@{bk-prefix}-infobox-header {
-  padding-top: 24px;
-}
-
-.@{bk-prefix}-infobox-type {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
+    width: 440px;
 
-.@{bk-prefix}-infobox-icon {
-  width: 42px;
-  height: 42px;
-  font-size: 42px;
-
-  &.success {
-    color: @success-color;
-  }
-
-  &.warning {
-    color: @warning-color;
-  }
-
-  &.danger {
-    color: @danger-color;
+    .@{bk-prefix}-dialog-header {
+      .@{bk-prefix}-dialog-title {
+        margin-top: 16px;
+      }
+    }
   }
 
-  &.loading {
-    color: @primary-color;
+  .@{bk-prefix}-dialog-footer {
+    button {
+      min-width: 88px;
+    }
   }
 }
 
-.@{bk-prefix}-infobox-title {
-  padding-right: 24px;
-  padding-left: 24px;
-  margin-top: 24px;
-  font-size: 20px;
-  line-height: 32px;
-  color: #313238;
-}
-
-.@{bk-prefix}-infobox-content {
-  padding-right: 24px;
-  padding-left: 24px;
-  margin-top: 16px;
-}
-
-.@{bk-prefix}-infobox-footer {
-  display: flex;
-  padding-right: 24px;
-  padding-bottom: 24px;
-  padding-left: 24px;
-  margin-top: 24px;
-  align-content: center;
-
-  &.is-position-right {
-    justify-content: right;
-  }
-
-  &.is-position-center {
-    justify-content: center;
-  }
-
-  &.is-position-left {
-    justify-content: left;
-  }
-
-  .@{bk-prefix}-button {
-    min-width: 88px;
-    & ~ .@{bk-prefix}-button {
-      margin-left: 8px;
-    }
-  }
+.@{bk-prefix}-info-sub-title {
+  text-align: center;
+  word-break: break-all;
 }

package/lib/info-box/info-box.variable.css

@@ -127,72 +127,16 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-.bk-infobox {
-  font-size: 12px;
+.bk-info-wrapper .bk-modal-wrapper {
+  width: 440px;
 }
-.bk-infobox .bk-modal-wrapper {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.bk-infobox-header {
-  padding-top: 24px;
-}
-.bk-infobox-type {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.bk-infobox-icon {
-  width: 42px;
-  height: 42px;
-  font-size: 42px;
-}
-.bk-infobox-icon.success {
-  color: var(--success-color);
-}
-.bk-infobox-icon.warning {
-  color: var(--warning-color);
-}
-.bk-infobox-icon.danger {
-  color: var(--danger-color);
-}
-.bk-infobox-icon.loading {
-  color: var(--primary-color);
-}
-.bk-infobox-title {
-  padding-right: 24px;
-  padding-left: 24px;
-  margin-top: 24px;
-  font-size: 20px;
-  line-height: 32px;
-  color: #313238;
-}
-.bk-infobox-content {
-  padding-right: 24px;
-  padding-left: 24px;
+.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   margin-top: 16px;
 }
-.bk-infobox-footer {
-  display: flex;
-  padding-right: 24px;
-  padding-bottom: 24px;
-  padding-left: 24px;
-  margin-top: 24px;
-  align-content: center;
-}
-.bk-infobox-footer.is-position-right {
-  justify-content: right;
-}
-.bk-infobox-footer.is-position-center {
-  justify-content: center;
-}
-.bk-infobox-footer.is-position-left {
-  justify-content: left;
-}
-.bk-infobox-footer .bk-button {
+.bk-info-wrapper .bk-dialog-footer button {
   min-width: 88px;
 }
-.bk-infobox-footer .bk-button ~ .bk-button {
-  margin-left: 8px;
+.bk-info-sub-title {
+  text-align: center;
+  word-break: break-all;
 }

package/lib/input/index.js

@@ -120,7 +120,7 @@ function _regeneratorRuntime() {
   function makeInvokeMethod(e, r, n) {
     var o = h;
     return function (i, a) {
-      if (o === f) throw Error("Generator is already running");
+      if (o === f) throw new Error("Generator is already running");
       if (o === s) {
         if ("throw" === i) throw a;
         return {
@@ -262,7 +262,7 @@ function _regeneratorRuntime() {
           } else if (c) {
             if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
           } else {
-            if (!u) throw Error("try statement without catch or finally");
+            if (!u) throw new Error("try statement without catch or finally");
             if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
           }
         }
@@ -302,7 +302,7 @@ function _regeneratorRuntime() {
           return o;
         }
       }
-      throw Error("illegal catch attempt");
+      throw new Error("illegal catch attempt");
     },
     delegateYield: function delegateYield(e, r, n) {
       return this.delegate = {
@@ -573,7 +573,7 @@ function toPrimitive(t, r) {
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 

package/lib/link/index.js

@@ -40,7 +40,7 @@ const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODUL
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode });
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent });
 ;// CONCATENATED MODULE: external "vue-types"
 var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_types_y = x => () => x
@@ -88,7 +88,7 @@ var LinkThemeEnum;
   LinkThemeEnum["WARNING"] = "warning";
   LinkThemeEnum["DEFAULT"] = "default";
 })(LinkThemeEnum || (LinkThemeEnum = {}));
-/* harmony default export */ const src_link = (defineComponent({
+/* harmony default export */ const src_link = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Link',
   props: {
     theme: (0,external_vue_types_namespaceObject.toType)('linkTheme', {}).def(LinkThemeEnum.DEFAULT),

package/lib/loading/index.js

@@ -43,7 +43,7 @@ const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODUL
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive });
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -71,7 +71,7 @@ function toPrimitive(t, r) {
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
@@ -95,6 +95,9 @@ var config_provider_y = x => () => x
 const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
 ;// CONCATENATED MODULE: ../../packages/loading/src/loading.tsx
 
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -121,8 +124,6 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * IN THE SOFTWARE.
  */
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 
 var BkLoadingMode;
@@ -166,7 +167,7 @@ var loadingTypes = {
   zIndex: shared_namespaceObject.PropTypes.number.def(1),
   isDirective: shared_namespaceObject.PropTypes.bool.def(false)
 };
-/* harmony default export */ const loading = (defineComponent({
+/* harmony default export */ const loading = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Loading',
   props: loadingTypes,
   setup: function setup(props, ctx) {
@@ -186,27 +187,27 @@ var loadingTypes = {
         "class": "oval oval-".concat(i)
       }, null);
     })]);
-    var zIndexStyle = computed(function () {
+    var zIndexStyle = (0,external_vue_namespaceObject.computed)(function () {
       return {
         zIndex: props.zIndex
       };
     });
-    var maskStyle = computed(function () {
+    var maskStyle = (0,external_vue_namespaceObject.computed)(function () {
       return _objectSpread({
         opacity: props.opacity,
         backgroundColor: props.color
       }, zIndexStyle.value);
     });
-    var loadingWrapperCls = computed(function () {
+    var loadingWrapperCls = (0,external_vue_namespaceObject.computed)(function () {
       return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty({}, "".concat(resolveClassName('loading-wrapper')), props.loading), "".concat(resolveClassName('nested-loading')), !!ctx.slots["default"]), "".concat(resolveClassName('directive-loading')), props.isDirective));
     });
-    var containerCls = computed(function () {
+    var containerCls = (0,external_vue_namespaceObject.computed)(function () {
       return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, "".concat(resolveClassName("loading-size-".concat(props.size))), !!props.size), "".concat(resolveClassName("loading-".concat(props.theme))), !!props.theme), resolveClassName('loading-indicator'));
     });
-    var hasTitle = computed(function () {
+    var hasTitle = (0,external_vue_namespaceObject.computed)(function () {
       return !!props.title;
     });
-    var indicator = computed(function () {
+    var indicator = (0,external_vue_namespaceObject.computed)(function () {
       var isSpinMode = props.mode === BkLoadingMode.Spin;
       if (typeof props.indicator === 'function') {
         return (0,external_vue_namespaceObject.createVNode)(props.indicator, null, null);

package/lib/menu/index.js

@@ -68,7 +68,7 @@ function toPrimitive(t, r) {
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
@@ -448,7 +448,8 @@ var menuProps = {
  * IN THE SOFTWARE.
  */
 
-/* harmony default export */ const menu_group = (defineComponent({
+
+/* harmony default export */ const menu_group = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'MenuGroup',
   props: {
     name: {

package/lib/message/index.js

@@ -999,7 +999,7 @@ function toPrimitive(t, r) {
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
+  return "symbol" == _typeof(i) ? i : String(i);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js