bkui-vue 2.0.1-beta.11 → 2.0.1-beta.111

package/lib/loading/index.d.ts

@@ -1,6 +1,160 @@
+import { vBkloading } from './directive';
 import { BkLoadingMode, BkLoadingSize, setDefaultIndicator } from './loading';
 declare const BkLoading: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            title?: string;
+            zIndex?: number;
+            mode?: "default" | "spin";
+            loading?: boolean;
+            inline?: boolean;
+            size?: "" | "small" | "large" | "mini";
+            opacity?: number;
+            color?: string;
+            isDirective?: boolean;
+            class?: unknown;
+            style?: unknown;
+            ref?: import("vue").VNodeRef;
+            readonly theme?: "default" | "danger" | "primary" | "success" | "warning" | "white";
+            key?: string | number | symbol;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            readonly indicator?: Function;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            indicator: {
+                type: FunctionConstructor;
+            };
+            loading: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            inline: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            theme: {
+                type: import("vue").PropType<"default" | "danger" | "primary" | "success" | "warning" | "white">;
+            };
+            title: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"" | "small" | "large" | "mini">;
+                default: BkLoadingSize;
+            };
+            mode: {
+                type: import("vue").PropType<"default" | "spin">;
+                default: string;
+            };
+            opacity: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            color: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            isDirective: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            title: string;
+            zIndex: number;
+            mode: "default" | "spin";
+            loading: boolean;
+            inline: boolean;
+            size: "" | "small" | "large" | "mini";
+            opacity: number;
+            color: string;
+            isDirective: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
         indicator: {
             type: FunctionConstructor;
         };
@@ -15,7 +169,7 @@ declare const BkLoading: {
             default: boolean;
         };
         theme: {
-            type: import("vue").PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
+            type: import("vue").PropType<"default" | "danger" | "primary" | "success" | "warning" | "white">;
         };
         title: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -50,134 +204,7 @@ declare const BkLoading: {
         } & {
             default: boolean;
         };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        indicator: {
-            type: FunctionConstructor;
-        };
-        loading: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        inline: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        theme: {
-            type: import("vue").PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
-        };
-        title: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        size: {
-            type: import("vue").PropType<"" | "small" | "large" | "mini">;
-            default: BkLoadingSize;
-        };
-        mode: {
-            type: import("vue").PropType<"default" | "spin">;
-            default: string;
-        };
-        opacity: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        color: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        zIndex: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        isDirective: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }>>, {
-        title: string;
-        size: "" | "small" | "large" | "mini";
-        zIndex: number;
-        mode: "default" | "spin";
-        color: string;
-        inline: boolean;
-        loading: boolean;
-        opacity: number;
-        isDirective: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        indicator: {
-            type: FunctionConstructor;
-        };
-        loading: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        inline: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        theme: {
-            type: import("vue").PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
-        };
-        title: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        size: {
-            type: import("vue").PropType<"" | "small" | "large" | "mini">;
-            default: BkLoadingSize;
-        };
-        mode: {
-            type: import("vue").PropType<"default" | "spin">;
-            default: string;
-        };
-        opacity: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        color: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        zIndex: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        isDirective: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {
-        title: string;
-        size: "" | "small" | "large" | "mini";
-        zIndex: number;
-        mode: "default" | "spin";
-        color: string;
-        inline: boolean;
-        loading: boolean;
-        opacity: number;
-        isDirective: boolean;
-    }>;
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -196,7 +223,7 @@ declare const BkLoading: {
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
+        type: import("vue").PropType<"default" | "danger" | "primary" | "success" | "warning" | "white">;
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -233,13 +260,13 @@ declare const BkLoading: {
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     title: string;
-    size: "" | "small" | "large" | "mini";
     zIndex: number;
     mode: "default" | "spin";
-    color: string;
-    inline: boolean;
     loading: boolean;
+    inline: boolean;
+    size: "" | "small" | "large" | "mini";
     opacity: number;
+    color: string;
     isDirective: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     setDefaultIndicator: typeof setDefaultIndicator;
@@ -247,4 +274,4 @@ declare const BkLoading: {
     BkLoadingSize: typeof BkLoadingSize;
 }>;
 export default BkLoading;
-export { BkLoading, setDefaultIndicator, BkLoadingMode, BkLoadingSize };
+export { BkLoading, setDefaultIndicator, BkLoadingMode, BkLoadingSize, vBkloading };

package/lib/loading/index.js

@@ -33,7 +33,8 @@ __webpack_require__.d(__webpack_exports__, {
   BkLoadingMode: () => (/* reexport */ BkLoadingMode),
   BkLoadingSize: () => (/* reexport */ BkLoadingSize),
   "default": () => (/* binding */ src),
-  setDefaultIndicator: () => (/* reexport */ setDefaultIndicator)
+  setDefaultIndicator: () => (/* reexport */ setDefaultIndicator),
+  vBkloading: () => (/* reexport */ vBkloading)
 });
 
 ;// CONCATENATED MODULE: external "../shared"
@@ -43,40 +44,40 @@ 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({ ["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 });
+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 });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(o) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
 
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return (hint === "string" ? String : Number)(input);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
 
 
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : String(i);
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
 
 function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -95,9 +96,6 @@ 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.
@@ -124,6 +122,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * 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;
@@ -133,10 +133,10 @@ var BkLoadingMode;
 })(BkLoadingMode || (BkLoadingMode = {}));
 var BkLoadingSize;
 (function (BkLoadingSize) {
-  BkLoadingSize["Normal"] = "";
+  BkLoadingSize["Large"] = "large";
   BkLoadingSize["Mini"] = "mini";
+  BkLoadingSize["Normal"] = "";
   BkLoadingSize["Small"] = "small";
-  BkLoadingSize["Large"] = "large";
 })(BkLoadingSize || (BkLoadingSize = {}));
 var defaultIndicator;
 function setDefaultIndicator(Indicator) {
@@ -167,7 +167,7 @@ var loadingTypes = {
   zIndex: shared_namespaceObject.PropTypes.number.def(1),
   isDirective: shared_namespaceObject.PropTypes.bool.def(false)
 };
-/* harmony default export */ const loading = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const loading = (defineComponent({
   name: 'Loading',
   props: loadingTypes,
   setup: function setup(props, ctx) {
@@ -187,27 +187,29 @@ var loadingTypes = {
         "class": "oval oval-".concat(i)
       }, null);
     })]);
-    var zIndexStyle = (0,external_vue_namespaceObject.computed)(function () {
+    var zIndexStyle = computed(function () {
       return {
         zIndex: props.zIndex
       };
     });
-    var maskStyle = (0,external_vue_namespaceObject.computed)(function () {
+    var maskStyle = computed(function () {
       return _objectSpread({
         opacity: props.opacity,
         backgroundColor: props.color
       }, zIndexStyle.value);
     });
-    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 loadingWrapperCls = computed(function () {
+      var _classes;
+      return (0,shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "".concat(resolveClassName('loading-wrapper')), props.loading), _defineProperty(_classes, "".concat(resolveClassName('nested-loading')), !!ctx.slots["default"]), _defineProperty(_classes, "".concat(resolveClassName('directive-loading')), props.isDirective), _classes));
     });
-    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 containerCls = computed(function () {
+      var _classes2;
+      return (0,shared_namespaceObject.classes)((_classes2 = {}, _defineProperty(_classes2, "".concat(resolveClassName("loading-size-".concat(props.size))), !!props.size), _defineProperty(_classes2, "".concat(resolveClassName("loading-".concat(props.theme))), !!props.theme), _classes2), resolveClassName('loading-indicator'));
     });
-    var hasTitle = (0,external_vue_namespaceObject.computed)(function () {
+    var hasTitle = computed(function () {
       return !!props.title;
     });
-    var indicator = (0,external_vue_namespaceObject.computed)(function () {
+    var indicator = computed(function () {
       var isSpinMode = props.mode === BkLoadingMode.Spin;
       if (typeof props.indicator === 'function') {
         return (0,external_vue_namespaceObject.createVNode)(props.indicator, null, null);
@@ -222,11 +224,11 @@ var loadingTypes = {
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": loadingWrapperCls.value
       }, [(_ctx$slots$default = (_ctx$slots = ctx.slots)["default"]) === null || _ctx$slots$default === void 0 ? void 0 : _ctx$slots$default.call(_ctx$slots), props.loading && [(ctx.slots["default"] || props.isDirective) && (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(resolveClassName('loading-mask')),
-        "style": maskStyle.value
+        "style": maskStyle.value,
+        "class": "".concat(resolveClassName('loading-mask'))
       }, null), (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": containerCls.value,
-        "style": zIndexStyle.value
+        "style": zIndexStyle.value,
+        "class": containerCls.value
       }, [indicator.value, hasTitle.value && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(resolveClassName('loading-title'))
       }, [props.title])])]]);
@@ -329,8 +331,8 @@ var vBkloading = {
   unmounted: function unmounted(el) {
     var _instance$vm2, _instance$instance;
     var instance = el[INSTANCE_KEY];
-    el === null || el === void 0 || el.removeChild(instance === null || instance === void 0 || (_instance$vm2 = instance.vm) === null || _instance$vm2 === void 0 || (_instance$vm2 = _instance$vm2.$el) === null || _instance$vm2 === void 0 ? void 0 : _instance$vm2.parentNode);
-    instance === null || instance === void 0 || (_instance$instance = instance.instance) === null || _instance$instance === void 0 || _instance$instance.unmount();
+    el === null || el === void 0 ? void 0 : el.removeChild(instance === null || instance === void 0 || (_instance$vm2 = instance.vm) === null || _instance$vm2 === void 0 || (_instance$vm2 = _instance$vm2.$el) === null || _instance$vm2 === void 0 ? void 0 : _instance$vm2.parentNode);
+    instance === null || instance === void 0 || (_instance$instance = instance.instance) === null || _instance$instance === void 0 ? void 0 : _instance$instance.unmount();
     el[INSTANCE_KEY] = null;
   }
 };
@@ -378,4 +380,5 @@ var __webpack_exports__BkLoadingMode = __webpack_exports__.BkLoadingMode;
 var __webpack_exports__BkLoadingSize = __webpack_exports__.BkLoadingSize;
 var __webpack_exports__default = __webpack_exports__["default"];
 var __webpack_exports__setDefaultIndicator = __webpack_exports__.setDefaultIndicator;
-export { __webpack_exports__BkLoading as BkLoading, __webpack_exports__BkLoadingMode as BkLoadingMode, __webpack_exports__BkLoadingSize as BkLoadingSize, __webpack_exports__default as default, __webpack_exports__setDefaultIndicator as setDefaultIndicator };
+var __webpack_exports__vBkloading = __webpack_exports__.vBkloading;
+export { __webpack_exports__BkLoading as BkLoading, __webpack_exports__BkLoadingMode as BkLoadingMode, __webpack_exports__BkLoadingSize as BkLoadingSize, __webpack_exports__default as default, __webpack_exports__setDefaultIndicator as setDefaultIndicator, __webpack_exports__vBkloading as vBkloading };

package/lib/loading/loading.d.ts

@@ -4,10 +4,10 @@ export declare enum BkLoadingMode {
     Spin = "spin"
 }
 export declare enum BkLoadingSize {
-    Normal = "",
+    Large = "large",
     Mini = "mini",
-    Small = "small",
-    Large = "large"
+    Normal = "",
+    Small = "small"
 }
 export declare function setDefaultIndicator(Indicator: any): void;
 export declare const loadingTypes: {
@@ -25,7 +25,7 @@ export declare const loadingTypes: {
         default: boolean;
     };
     theme: {
-        type: PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
+        type: PropType<"default" | "danger" | "primary" | "success" | "warning" | "white">;
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -77,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
+        type: PropType<"default" | "danger" | "primary" | "success" | "warning" | "white">;
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -127,7 +127,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
+        type: PropType<"default" | "danger" | "primary" | "success" | "warning" | "white">;
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -164,13 +164,13 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     title: string;
-    size: "" | "small" | "large" | "mini";
     zIndex: number;
     mode: "default" | "spin";
-    color: string;
-    inline: boolean;
     loading: boolean;
+    inline: boolean;
+    size: "" | "small" | "large" | "mini";
     opacity: number;
+    color: string;
     isDirective: boolean;
 }, {}>;
 export default _default;

package/lib/loading/loading.variable.css

@@ -109,6 +109,7 @@
   --date-picker-dropdown-bg: #fff;
   --table-bg-color: var(--white-color);
   --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
   --table-body-font-color: #63656E;

package/lib/locale/index.d.ts

@@ -1,3 +1,3 @@
 export { default as en } from './lang/en';
-export { default as zhCn } from './lang/zh-cn';
 export type { Language } from './lang/en';
+export { default as zhCn } from './lang/zh-cn';