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

package/lib/form/form.d.ts

@@ -52,11 +52,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     handleSubmit: (event: Event) => void;
-    validate: (fields?: string | Array<string>) => Promise<{
+    validate: (fields?: Array<string> | string) => Promise<{
         [key: string]: any;
     }>;
     getValidateResult: () => Promise<boolean>;
-    clearValidate: (fields?: string | Array<string>) => void;
+    clearValidate: (fields?: Array<string> | string) => void;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: any;
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     };
 }>> & {
-    onSubmit?: (...args: any[] | unknown[]) => any;
+    onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
     onValidate?: (property: string, result: boolean, message: string) => any;
 }, {
     labelWidth: string | number;

package/lib/form/form.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/form/index.d.ts

@@ -4,84 +4,145 @@ import { formProps } from './form';
 import FormItem from './form-item';
 export * from './type';
 declare const BkForm: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        formType: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        labelWidth: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        labelPosition: import("vue-types").VueTypeDef<string>;
-        model: import("vue-types").VueTypeValidableDef<{
-            [key: string]: any;
-        }> & {
-            default: () => {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            labelWidth?: string | number;
+            rules?: {
                 [key: string]: any;
             };
-        };
-        rules: import("vue-types").VueTypeValidableDef<{
-            [key: string]: any;
-        }> & {
-            default: () => {
+            formType?: string;
+            model?: {
                 [key: string]: any;
             };
+            class?: unknown;
+            style?: unknown;
+            onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
+            ref?: import("vue").VNodeRef;
+            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 labelPosition?: string;
+            onValidate?: (property: string, result: boolean, message: string) => any;
         };
-    }>> & {
-        onSubmit?: (...args: any[] | unknown[]) => any;
-        onValidate?: (property: string, result: boolean, message: string) => any;
-    }, {
-        handleSubmit: (event: Event) => void;
-        validate: (fields?: string | string[]) => Promise<{
-            [key: string]: any;
-        }>;
-        getValidateResult: () => Promise<boolean>;
-        clearValidate: (fields?: string | string[]) => void;
-        resolveClassName: (cls: string) => string;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        submit: any;
-        validate: (property: string, result: boolean, message: string) => boolean;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        formType: import("vue-types").VueTypeDef<string> & {
-            default: string;
+        $attrs: {
+            [x: string]: unknown;
         };
-        labelWidth: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
+        $refs: {
+            [x: string]: unknown;
         };
-        labelPosition: import("vue-types").VueTypeDef<string>;
-        model: import("vue-types").VueTypeValidableDef<{
-            [key: string]: any;
-        }> & {
-            default: () => {
+        $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: "submit", ...args: unknown[]) => void) & ((event: "submit", ...args: any[]) => void) & ((event: "validate", property: string, result: boolean, message: string) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            formType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            labelWidth: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            labelPosition: import("vue-types").VueTypeDef<string>;
+            model: import("vue-types").VueTypeValidableDef<{
                 [key: string]: any;
+            }> & {
+                default: () => {
+                    [key: string]: any;
+                };
             };
-        };
-        rules: import("vue-types").VueTypeValidableDef<{
-            [key: string]: any;
-        }> & {
-            default: () => {
+            rules: import("vue-types").VueTypeValidableDef<{
                 [key: string]: any;
+            }> & {
+                default: () => {
+                    [key: string]: any;
+                };
             };
-        };
-    }>> & {
-        onSubmit?: (...args: any[] | unknown[]) => any;
-        onValidate?: (property: string, result: boolean, message: string) => any;
-    }, {
-        labelWidth: string | number;
-        rules: {
-            [key: string]: any;
-        };
-        formType: string;
-        model: {
-            [key: string]: any;
-        };
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+        }>> & {
+            onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
+            onValidate?: (property: string, result: boolean, message: string) => any;
+        }, {
+            handleSubmit: (event: Event) => void;
+            validate: (fields?: string | string[]) => Promise<{
+                [key: string]: any;
+            }>;
+            getValidateResult: () => Promise<boolean>;
+            clearValidate: (fields?: string | string[]) => void;
+            resolveClassName: (cls: string) => string;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            submit: any;
+            validate: (property: string, result: boolean, message: string) => boolean;
+        }, string, {
+            labelWidth: string | number;
+            rules: {
+                [key: string]: any;
+            };
+            formType: string;
+            model: {
+                [key: string]: any;
+            };
+        }, {}, 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<{
         formType: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
@@ -104,9 +165,9 @@ declare const BkForm: {
             };
         };
     }>> & {
-        onSubmit?: (...args: any[] | unknown[]) => any;
+        onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
         onValidate?: (property: string, result: boolean, message: string) => any;
-    }, {
+    } & import("vue").ShallowUnwrapRef<{
         handleSubmit: (event: Event) => void;
         validate: (fields?: string | string[]) => Promise<{
             [key: string]: any;
@@ -114,16 +175,7 @@ declare const BkForm: {
         getValidateResult: () => Promise<boolean>;
         clearValidate: (fields?: string | string[]) => void;
         resolveClassName: (cls: string) => string;
-    }, {}, {}, {}, {
-        labelWidth: string | number;
-        rules: {
-            [key: string]: any;
-        };
-        formType: string;
-        model: {
-            [key: string]: any;
-        };
-    }>;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -150,7 +202,7 @@ declare const BkForm: {
         };
     };
 }>> & {
-    onSubmit?: (...args: any[] | unknown[]) => any;
+    onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
     onValidate?: (property: string, result: boolean, message: string) => any;
 }, {
     handleSubmit: (event: Event) => void;
@@ -206,11 +258,6 @@ declare const BkForm: {
         rules: import("vue-types").VueTypeValidableDef<unknown[]> & {
             default: () => unknown[];
         };
-        autoCheck: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
         description: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -219,9 +266,13 @@ declare const BkForm: {
         };
     }, {
         isShowLabel: import("vue").ComputedRef<boolean>;
-        labelStyles: import("vue").ComputedRef<any>;
+        labelStyles: import("vue").ComputedRef<{
+            width: string;
+            paddingRight: string;
+            textAlign: string;
+        }>;
         contentStyles: import("vue").ComputedRef<{
-            "margin-left": any;
+            "margin-left": string;
         }>;
         isFormTypeVertical: import("vue").ComputedRef<boolean>;
         validate: (trigger?: string, showError?: boolean) => Promise<boolean>;
@@ -262,11 +313,6 @@ declare const BkForm: {
         rules: import("vue-types").VueTypeValidableDef<unknown[]> & {
             default: () => unknown[];
         };
-        autoCheck: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
         description: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -276,14 +322,13 @@ declare const BkForm: {
     }>>, {
         required: boolean;
         label: string;
+        description: string;
         email: boolean;
         property: string;
         max: number;
         min: number;
         maxlength: number;
         rules: unknown[];
-        autoCheck: boolean;
-        description: string;
         errorDisplayType: string;
     }, {}>;
     ComposeFormItem: import("vue").DefineComponent<{

package/lib/form/index.js

@@ -5,10 +5,10 @@ import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isBoolean_dcb66997__ from "lodash/isBoolean";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isString_e6fa8a5b__ from "lodash/isString";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_get_9427f899__ from "lodash/get";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_isFunction_f90b20d6__ from "lodash/isFunction";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__ from "../directives";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_get_9427f899__ from "lodash/get";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_isFunction_f90b20d6__ from "lodash/isFunction";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isDate_b457317b__ from "lodash/isDate";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEmpty_e109fd6b__ from "lodash/isEmpty";
 /******/ // The require scope
@@ -165,38 +165,38 @@ var isCustomComponent = function isCustomComponent(node) {
   }
 }));
 ;// 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,
@@ -266,7 +266,6 @@ var formEvents = {
   }
 };
 /* harmony default export */ const src_form = ((0,external_vue_namespaceObject.defineComponent)({
-  // eslint-disable-next-line vue/no-reserved-component-names
   name: 'Form',
   props: formProps,
   emits: formEvents,
@@ -375,8 +374,8 @@ var formEvents = {
     };
   },
   render: function render() {
-    var _this$$slots$default, _this$$slots;
-    var formClasses = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, "".concat(this.resolveClassName('form')), true), "".concat(this.resolveClassName("form--".concat(this.formType))), true));
+    var _classes, _this$$slots$default, _this$$slots;
+    var formClasses = (0,shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "".concat(this.resolveClassName('form')), true), _defineProperty(_classes, "".concat(this.resolveClassName("form--".concat(this.formType))), true), _classes));
     return (0,external_vue_namespaceObject.createVNode)("form", {
       "class": formClasses,
       "onSubmit": this.handleSubmit
@@ -420,14 +419,6 @@ function _nonIterableSpread() {
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-;// CONCATENATED MODULE: external "lodash/get"
-var get_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var get_y = x => () => x
-const get_namespaceObject = get_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_get_9427f899__["default"] });
-;// CONCATENATED MODULE: external "lodash/isFunction"
-var isFunction_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var isFunction_y = x => () => x
-const isFunction_namespaceObject = isFunction_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_isFunction_f90b20d6__["default"] });
 ;// CONCATENATED MODULE: external "../directives"
 var directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var directives_y = x => () => x
@@ -436,6 +427,14 @@ const directives_namespaceObject = directives_x({ ["bkTooltips"]: () => __WEBPAC
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
 const icon_namespaceObject = icon_x({ ["ExclamationCircleShape"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ExclamationCircleShape });
+;// CONCATENATED MODULE: external "lodash/get"
+var get_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var get_y = x => () => x
+const get_namespaceObject = get_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_get_9427f899__["default"] });
+;// CONCATENATED MODULE: external "lodash/isFunction"
+var isFunction_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var isFunction_y = x => () => x
+const isFunction_namespaceObject = isFunction_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_isFunction_f90b20d6__["default"] });
 ;// CONCATENATED MODULE: ../../packages/form/src/utils.ts
 /*
  * Tencent is pleased to support the open source community by making
@@ -580,7 +579,6 @@ var formItemProps = {
   min: shared_namespaceObject.PropTypes.number,
   maxlength: shared_namespaceObject.PropTypes.number,
   rules: shared_namespaceObject.PropTypes.array,
-  autoCheck: shared_namespaceObject.PropTypes.bool.def(false),
   description: shared_namespaceObject.PropTypes.string,
   errorDisplayType: shared_namespaceObject.PropTypes.oneOf(['tooltips', 'normal']).def('normal')
 };
@@ -797,17 +795,19 @@ var isValid = function isValid(value) {
           var rule = rules[stepIndex];
           return Promise.resolve().then(function () {
             var result = rule.validator(value);
-            var errorMessage = getRuleMessage(rule);
             // 异步验证（validator 返回一个 Promise）
-            if (typeof result !== 'boolean' && typeof result.then === 'function') {
+            if (typeof result !== 'boolean' && typeof result !== 'string' && typeof result.then === 'function') {
               return result.then(function (data) {
                 // 异步验证结果为 false
                 if (data === false) {
-                  return Promise.reject(errorMessage);
+                  return Promise.reject(getRuleMessage(rule));
+                }
+                if (typeof data === 'string') {
+                  return Promise.reject(data);
                 }
               }).then(function () {
                 return doValidate();
-              }, function () {
+              }, function (errorMessage) {
                 if (showError) {
                   state.isError = true;
                   state.errorMessage = errorMessage;
@@ -817,7 +817,8 @@ var isValid = function isValid(value) {
               });
             }
             // 同步验证失败
-            if (!result) {
+            if (result === false) {
+              var errorMessage = getRuleMessage(rule);
               if (showError) {
                 state.isError = true;
                 // 验证结果返回的是 String 表示验证失败，返回结果作为错误信息
@@ -867,12 +868,13 @@ var isValid = function isValid(value) {
     });
   },
   render: function render() {
-    var _this = this,
+    var _classes,
+      _this = this,
       _this$$slots$labelApp,
       _this$$slots,
       _this$$slots$default,
       _this$$slots2;
-    var itemClassees = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty({}, "".concat(this.resolveClassName('form-item')), true), 'is-error', this.isError), 'is-required', this.required));
+    var itemClassees = (0,shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "".concat(this.resolveClassName('form-item')), true), _defineProperty(_classes, 'is-error', this.isError), _defineProperty(_classes, 'is-required', this.required), _classes));
     var renderLabel = function renderLabel() {
       if (_this.$slots.label) {
         return (0,external_vue_namespaceObject.createVNode)("span", null, [_this.$slots.label()]);
@@ -903,11 +905,11 @@ var isValid = function isValid(value) {
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "class": itemClassees
     }, [this.isShowLabel && (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(this.resolveClassName('form-label')),
-      "style": this.labelStyles
+      "style": this.labelStyles,
+      "class": "".concat(this.resolveClassName('form-label'))
     }, [renderLabel(), this.isFormTypeVertical && ((_this$$slots$labelApp = (_this$$slots = this.$slots).labelAppend) === null || _this$$slots$labelApp === void 0 ? void 0 : _this$$slots$labelApp.call(_this$$slots))]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(this.resolveClassName('form-content')),
-      "style": this.contentStyles
+      "style": this.contentStyles,
+      "class": "".concat(this.resolveClassName('form-content'))
     }, [(_this$$slots$default = (_this$$slots2 = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots2), renderError()])]);
   }
 }));

package/lib/form/type.d.ts

@@ -18,7 +18,7 @@ export interface IFormItemRule {
     max?: number;
     maxlength?: number;
     pattern?: RegExp;
-    validator?: (any: any) => boolean | Promise<boolean>;
-    message: string | (() => string);
+    validator?: (any: any) => Promise<boolean> | boolean;
+    message: (() => string) | string;
     trigger: 'blur' | 'change';
 }

package/lib/icon/angle-double-down-line.js

@@ -29,38 +29,38 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 ;// 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,