bkui-vue 2.0.1-beta.75 → 2.0.1-beta.76

package/lib/alert/alert.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
-    theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-        default: "" | "info" | "success" | "danger" | "warning";
+    theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+        default: "" | "danger" | "success" | "warning" | "info";
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -26,8 +26,8 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (event: Event) => Event;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-        default: "" | "info" | "success" | "danger" | "warning";
+    theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+        default: "" | "danger" | "success" | "warning" | "info";
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: (event: Event) => any;
 }, {
     title: string;
-    theme: "" | "info" | "success" | "danger" | "warning";
+    theme: "" | "danger" | "success" | "warning" | "info";
     closable: boolean;
     closeText: string;
     showIcon: boolean;

package/lib/alert/index.d.ts

@@ -1,7 +1,7 @@
 declare const BkAlert: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-            default: "" | "info" | "success" | "danger" | "warning";
+        theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
         };
         title: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -29,8 +29,8 @@ declare const BkAlert: {
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         close: (event: Event) => Event;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-            default: "" | "info" | "success" | "danger" | "warning";
+        theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
         };
         title: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -52,7 +52,7 @@ declare const BkAlert: {
         onClose?: (event: Event) => any;
     }, {
         title: string;
-        theme: "" | "info" | "success" | "danger" | "warning";
+        theme: "" | "danger" | "success" | "warning" | "info";
         closable: boolean;
         closeText: string;
         showIcon: boolean;
@@ -64,8 +64,8 @@ declare const BkAlert: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-            default: "" | "info" | "success" | "danger" | "warning";
+        theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+            default: "" | "danger" | "success" | "warning" | "info";
         };
         title: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -92,7 +92,7 @@ declare const BkAlert: {
         handleClose: (event: Event) => void;
     }, {}, {}, {}, {
         title: string;
-        theme: "" | "info" | "success" | "danger" | "warning";
+        theme: "" | "danger" | "success" | "warning" | "info";
         closable: boolean;
         closeText: string;
         showIcon: boolean;
@@ -101,8 +101,8 @@ declare const BkAlert: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
-        default: "" | "info" | "success" | "danger" | "warning";
+    theme: import("vue-types").VueTypeDef<"" | "danger" | "success" | "warning" | "info"> & {
+        default: "" | "danger" | "success" | "warning" | "info";
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -131,7 +131,7 @@ declare const BkAlert: {
     close: (event: Event) => Event;
 }, string, {
     title: string;
-    theme: "" | "info" | "success" | "danger" | "warning";
+    theme: "" | "danger" | "success" | "warning" | "info";
     closable: boolean;
     closeText: string;
     showIcon: boolean;

package/lib/button/button.d.ts

@@ -26,8 +26,8 @@
 import { ExtractPropTypes, PropType } from 'vue';
 type IButtonNativeType = PropType<'button' | 'reset' | 'submit'>;
 declare const buttonProps: {
-    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
-    hoverTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
+    theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
+    hoverTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
     size: {
         type: PropType<"" | "small" | "large">;
         default: "";
@@ -67,8 +67,8 @@ declare const buttonProps: {
 };
 export type ButtonPropTypes = ExtractPropTypes<typeof buttonProps>;
 declare const _default: import("vue").DefineComponent<{
-    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
-    hoverTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
+    theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
+    hoverTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
     size: {
         type: PropType<"" | "small" | "large">;
         default: "";
@@ -106,8 +106,8 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], "click" | "mouseover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
-    hoverTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
+    theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
+    hoverTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
     size: {
         type: PropType<"" | "small" | "large">;
         default: "";
@@ -152,8 +152,8 @@ declare const _default: import("vue").DefineComponent<{
     text: boolean;
     size: "" | "small" | "large";
     disabled: boolean;
-    icon: string;
     loading: boolean;
+    icon: string;
     iconRight: string;
     loadingMode: "default" | "spin";
     outline: boolean;

package/lib/button/index.d.ts

@@ -1,8 +1,8 @@
 import ButtonGroup from './button-group';
 declare const BkButton: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
-        hoverTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
+        theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
+        hoverTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
         size: {
             type: import("vue").PropType<"" | "small" | "large">;
             default: "";
@@ -43,8 +43,8 @@ declare const BkButton: {
         onClick?: (...args: any[]) => any;
         onMouseover?: (...args: any[]) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
-        hoverTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
+        theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
+        hoverTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
         size: {
             type: import("vue").PropType<"" | "small" | "large">;
             default: "";
@@ -89,8 +89,8 @@ declare const BkButton: {
         text: boolean;
         size: "" | "small" | "large";
         disabled: boolean;
-        icon: string;
         loading: boolean;
+        icon: string;
         iconRight: string;
         loadingMode: "default" | "spin";
         outline: boolean;
@@ -104,8 +104,8 @@ declare const BkButton: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
-        hoverTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
+        theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
+        hoverTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
         size: {
             type: import("vue").PropType<"" | "small" | "large">;
             default: "";
@@ -150,8 +150,8 @@ declare const BkButton: {
         text: boolean;
         size: "" | "small" | "large";
         disabled: boolean;
-        icon: string;
         loading: boolean;
+        icon: string;
         iconRight: string;
         loadingMode: "default" | "spin";
         outline: boolean;
@@ -162,8 +162,8 @@ declare const BkButton: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
-    hoverTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary">;
+    theme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
+    hoverTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning">;
     size: {
         type: import("vue").PropType<"" | "small" | "large">;
         default: "";
@@ -208,8 +208,8 @@ declare const BkButton: {
     text: boolean;
     size: "" | "small" | "large";
     disabled: boolean;
-    icon: string;
     loading: boolean;
+    icon: string;
     iconRight: string;
     loadingMode: "default" | "spin";
     outline: boolean;

package/lib/cascader/cascader-panel.d.ts

@@ -1,4 +1,8 @@
 import { INode } from './interface';
+/**
+ * CascaderPanel 组件
+ * 用于展示级联选择器的面板，支持多选、单选、远程加载等功能。
+ */
 declare const _default: import("vue").DefineComponent<{
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
@@ -56,6 +60,7 @@ declare const _default: import("vue").DefineComponent<{
     noDataText: string;
     emptyText: string;
     resolveClassName: (cls: string) => string;
+    scrollToSelected: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;

package/lib/cascader/cascader.d.ts

@@ -1,4 +1,8 @@
 import { INode } from './interface';
+/**
+ * Cascader 组件
+ * 用于展示级联选择器，支持多选、单选、搜索、远程加载等功能。
+ */
 declare const _default: import("vue").DefineComponent<{
     modelValue: import("vue-types").VueTypeDef<(string | number | string[])[]>;
     list: import("vue-types").VueTypeValidableDef<unknown[]> & {

package/lib/cascader/index.d.ts

@@ -944,6 +944,7 @@ declare const BkCascader: {
         noDataText: string;
         emptyText: string;
         resolveClassName: (cls: string) => string;
+        scrollToSelected: () => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;

package/lib/cascader/index.js

@@ -869,6 +869,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 
 
 
+/**
+ * CascaderPanel 组件
+ * 用于展示级联选择器的面板，支持多选、单选、远程加载等功能。
+ */
 /* harmony default export */ const cascader_panel = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'CascaderPanel',
   props: {
@@ -893,6 +897,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     });
     var activePath = (0,external_vue_namespaceObject.ref)([]);
     var checkValue = (0,external_vue_namespaceObject.ref)([]);
+    /**
+     * 根据传入的值计算尺寸
+     * @param value - 数字或字符串类型的尺寸值
+     * @returns 带单位的尺寸字符串
+     */
     var getSizeComputed = function getSizeComputed(value) {
       if (typeof value === 'number') {
         return "".concat(value, "px");
@@ -901,6 +910,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     };
     var panelHeight = getSizeComputed(props.height);
     var panelWidth = getSizeComputed(props.width);
+    /**
+     * 更新选中的值
+     * @param value - 选中的值数组
+     */
     var updateCheckValue = function updateCheckValue(value) {
       if (value.length === 0) {
         menus.list = menus.list.slice(0, 1);
@@ -909,6 +922,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       expandByNodeList(value);
       checkValue.value = value;
     };
+    /**
+     * 根据节点列表展开菜单
+     * @param value - 节点ID数组
+     */
     var expandByNodeList = function expandByNodeList(value) {
       var targetList = [];
       // 如果配置了多选，找出最长的序列，即其最远的路径，以展开所有面板
@@ -980,6 +997,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         store.config.remoteMethod(node, updateNodes);
       }
     };
+    /**
+     * 生成节点事件
+     * @param node - 节点对象
+     * @returns 事件对象
+     */
     var nodeEvent = function nodeEvent(node) {
       var _node$config = node.config,
         trigger = _node$config.trigger,
@@ -998,6 +1020,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       };
       return events;
     };
+    /**
+     * 搜索面板事件
+     * @param node - 节点对象
+     * @returns 事件对象
+     */
     var searchPanelEvents = function searchPanelEvents(node) {
       var multiple = node.config.multiple;
       var events = {
@@ -1013,12 +1040,38 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       };
       return events;
     };
+    /**
+     * 滚动到选中的节点
+     */
+    var scrollToSelected = function scrollToSelected() {
+      // 遍历每个级别的菜单
+      menus.list.forEach(function (_menu, level) {
+        // 查找当前级别中选中的或已勾选的节点
+        var selectedNode = document.querySelector(".".concat(resolveClassName('cascader-panel'), ":nth-child(").concat(level + 1, ") .").concat(resolveClassName('cascader-node.is-selected'), ", .").concat(resolveClassName('cascader-node.is-checked')));
+        if (selectedNode) {
+          (0,external_vue_namespaceObject.nextTick)(function () {
+            selectedNode.scrollIntoView();
+          });
+        }
+      });
+    };
     var noDataText = t.value.noData;
     var emptyText = t.value.emptyText;
+    /**
+     * 判断节点是否在路径中
+     * @param node - 节点对象
+     * @returns 布尔值，表示节点是否在路径中
+     */
     var isNodeInPath = function isNodeInPath(node) {
       var currentLevel = activePath.value[node.level - 1] || {};
       return currentLevel.id === node.id;
     };
+    /**
+     * 判断节点是否被选中
+     * @param node - 节点对象
+     * @param checkValue - 选中值数组
+     * @returns 布尔值，表示节点是否被选中
+     */
     var isCheckedNode = function isCheckedNode(node, checkValue) {
       var multiple = node.config.multiple;
       if (multiple) {
@@ -1033,6 +1086,11 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       node.setNodeCheck(value ? value : false);
       nodeCheckHandler(node);
     };
+    /**
+     * 渲染节点图标
+     * @param node - 节点对象
+     * @returns 图标组件
+     */
     var iconRender = function iconRender(node) {
       return node.loading ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Spinner, {
         "class": resolveClassName('icon-spinner')
@@ -1040,6 +1098,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         "class": resolveClassName('icon-angle-right')
       }, null);
     };
+    // 监听 modelValue 的变化，更新选中值
     (0,external_vue_namespaceObject.watch)(function () {
       return props.modelValue;
     }, function (value) {
@@ -1047,6 +1106,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     }, {
       immediate: true
     });
+    // 监听 store 的变化，更新菜单列表
     (0,external_vue_namespaceObject.watch)(function () {
       return props.store;
     }, function (value) {
@@ -1068,7 +1128,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       expandByNodeList: expandByNodeList,
       noDataText: noDataText,
       emptyText: emptyText,
-      resolveClassName: resolveClassName
+      resolveClassName: resolveClassName,
+      scrollToSelected: scrollToSelected
     };
   },
   render: function render() {
@@ -1584,6 +1645,10 @@ var Store = /*#__PURE__*/function () {
 
 
 
+/**
+ * Cascader 组件
+ * 用于展示级联选择器，支持多选、单选、搜索、远程加载等功能。
+ */
 /* harmony default export */ const cascader = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Cascader',
   directives: {
@@ -1779,6 +1844,10 @@ var Store = /*#__PURE__*/function () {
       (0,external_vue_namespaceObject.nextTick)(function () {
         var _inputRef$value2;
         val && ((_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.focus());
+        if (val.isShow) {
+          var _cascaderPanel$value;
+          (_cascaderPanel$value = cascaderPanel.value) === null || _cascaderPanel$value === void 0 || _cascaderPanel$value.scrollToSelected(); // 滚动到选中的节点
+        }
       });
       val.isShow && focusEmitter(); // 面板打开，触发focus事件
       // 面板收起，搜索状态关闭

package/lib/dialog/dialog.d.ts

@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<{
     footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
         default: "left" | "right" | "center";
     };
-    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    confirmButtonTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+        default: "danger" | "primary" | "success" | "warning";
     };
     dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -149,8 +149,8 @@ declare const _default: import("vue").DefineComponent<{
     footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
         default: "left" | "right" | "center";
     };
-    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    confirmButtonTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+        default: "danger" | "primary" | "success" | "warning";
     };
     dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -232,9 +232,9 @@ declare const _default: import("vue").DefineComponent<{
     left: string;
     top: string;
     isShow: boolean;
+    backgroundColor: string;
     draggable: boolean;
     transfer: string | boolean | HTMLElement;
-    backgroundColor: string;
     renderDirective: "show" | "if";
     fullscreen: boolean;
     showMask: boolean;
@@ -251,7 +251,7 @@ declare const _default: import("vue").DefineComponent<{
     totalStep: number;
     headerAlign: "left" | "right" | "center";
     footerAlign: "left" | "right" | "center";
-    confirmButtonTheme: "success" | "danger" | "warning" | "primary";
+    confirmButtonTheme: "danger" | "primary" | "success" | "warning";
     isLoading: boolean;
 }, {}>;
 export default _default;

package/lib/dialog/index.d.ts

@@ -36,8 +36,8 @@ declare const BkDialog: {
         footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
             default: "left" | "right" | "center";
         };
-        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-            default: "success" | "danger" | "warning" | "primary";
+        confirmButtonTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+            default: "danger" | "primary" | "success" | "warning";
         };
         dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
         isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -158,8 +158,8 @@ declare const BkDialog: {
         footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
             default: "left" | "right" | "center";
         };
-        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-            default: "success" | "danger" | "warning" | "primary";
+        confirmButtonTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+            default: "danger" | "primary" | "success" | "warning";
         };
         dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
         isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -241,9 +241,9 @@ declare const BkDialog: {
         left: string;
         top: string;
         isShow: boolean;
+        backgroundColor: string;
         draggable: boolean;
         transfer: string | boolean | HTMLElement;
-        backgroundColor: string;
         renderDirective: "show" | "if";
         fullscreen: boolean;
         showMask: boolean;
@@ -260,7 +260,7 @@ declare const BkDialog: {
         totalStep: number;
         headerAlign: "left" | "right" | "center";
         footerAlign: "left" | "right" | "center";
-        confirmButtonTheme: "success" | "danger" | "warning" | "primary";
+        confirmButtonTheme: "danger" | "primary" | "success" | "warning";
         isLoading: boolean;
     }, true, {}, {}, {
         P: {};
@@ -306,8 +306,8 @@ declare const BkDialog: {
         footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
             default: "left" | "right" | "center";
         };
-        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-            default: "success" | "danger" | "warning" | "primary";
+        confirmButtonTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+            default: "danger" | "primary" | "success" | "warning";
         };
         dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
         isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -389,9 +389,9 @@ declare const BkDialog: {
         left: string;
         top: string;
         isShow: boolean;
+        backgroundColor: string;
         draggable: boolean;
         transfer: string | boolean | HTMLElement;
-        backgroundColor: string;
         renderDirective: "show" | "if";
         fullscreen: boolean;
         showMask: boolean;
@@ -408,7 +408,7 @@ declare const BkDialog: {
         totalStep: number;
         headerAlign: "left" | "right" | "center";
         footerAlign: "left" | "right" | "center";
-        confirmButtonTheme: "success" | "danger" | "warning" | "primary";
+        confirmButtonTheme: "danger" | "primary" | "success" | "warning";
         isLoading: boolean;
     }>;
     __isFragment?: never;
@@ -451,8 +451,8 @@ declare const BkDialog: {
     footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
         default: "left" | "right" | "center";
     };
-    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    confirmButtonTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+        default: "danger" | "primary" | "success" | "warning";
     };
     dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -542,9 +542,9 @@ declare const BkDialog: {
     left: string;
     top: string;
     isShow: boolean;
+    backgroundColor: string;
     draggable: boolean;
     transfer: string | boolean | HTMLElement;
-    backgroundColor: string;
     renderDirective: "show" | "if";
     fullscreen: boolean;
     showMask: boolean;
@@ -561,7 +561,7 @@ declare const BkDialog: {
     totalStep: number;
     headerAlign: "left" | "right" | "center";
     footerAlign: "left" | "right" | "center";
-    confirmButtonTheme: "success" | "danger" | "warning" | "primary";
+    confirmButtonTheme: "danger" | "primary" | "success" | "warning";
     isLoading: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkDialog;

package/lib/dialog/props.d.ts

@@ -35,8 +35,8 @@ declare const props: {
     footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
         default: "left" | "right" | "center";
     };
-    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
-        default: "success" | "danger" | "warning" | "primary";
+    confirmButtonTheme: import("vue-types").VueTypeDef<"danger" | "primary" | "success" | "warning"> & {
+        default: "danger" | "primary" | "success" | "warning";
     };
     dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {

package/lib/directives/index.d.ts

@@ -2,4 +2,5 @@ export { default as clickoutside } from './clickoutside';
 export { default as bkEllipsis, createInstance as bkEllipsisInstance } from './ellipsis';
 export { default as mousewheel } from './mousewheel';
 export { default as bkTooltips } from './tooltips';
+export { vBkloading as bkLoading } from '../loading';
 export { overflowTitle } from '../overflow-title';