bkui-vue 2.0.1-beta.7 → 2.0.1-beta.70.search.1

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

@@ -1,35 +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;
-    footer?: 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

@@ -948,14 +948,13 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
       });
     });
     var tooltips = (0,external_vue_namespaceObject.computed)(function () {
-      var _props$modelValue2;
       if (showMaxLimit.value && ceilMaxLength.value - modelValueLength.value === 0) {
         return {
           content: t.value.maxlengthLimitTips
         };
       }
       return props.showOverflowTooltips && isOverflow.value && props.modelValue ? {
-        content: (_props$modelValue2 = props.modelValue) === null || _props$modelValue2 === void 0 ? void 0 : _props$modelValue2.toString(),
+        content: props.modelValue,
         sameWidth: true
       } : {
         disabled: true

package/lib/modal/hooks.d.ts

@@ -1,6 +1,6 @@
 import { type Ref } from 'vue';
 import type { ModalProps } from './modal';
-export declare const useContentResize: (root: Ref<HTMLElement | undefined>, resizeTarget: Ref<HTMLElement | undefined>, props: ModalProps) => {
+export declare const useContentResize: (root: Ref<HTMLElement>, resizeTarget: Ref<HTMLElement>, props: ModalProps) => {
     contentStyles: Ref<{}>;
     isContentScroll: Ref<boolean>;
 };