bkui-vue 1.0.3-beta.9 → 2.0.1-beta.10

package/lib/radio/index.d.ts

@@ -23,6 +23,9 @@ declare const BkRadio: {
         } & {
             default: boolean;
         };
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
     }>> & {
         onChange?: (value: any) => any;
         "onUpdate:modelValue"?: (value: any) => any;
@@ -61,6 +64,9 @@ declare const BkRadio: {
         } & {
             default: boolean;
         };
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
     }>> & {
         onChange?: (value: any) => any;
         "onUpdate:modelValue"?: (value: any) => any;
@@ -69,6 +75,7 @@ declare const BkRadio: {
         disabled: boolean;
         modelValue: string | number | boolean;
         checked: boolean;
+        beforeChange: (...args: any[]) => any;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -98,6 +105,9 @@ declare const BkRadio: {
         } & {
             default: boolean;
         };
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
     }>> & {
         onChange?: (value: any) => any;
         "onUpdate:modelValue"?: (value: any) => any;
@@ -116,6 +126,7 @@ declare const BkRadio: {
         disabled: boolean;
         modelValue: string | number | boolean;
         checked: boolean;
+        beforeChange: (...args: any[]) => any;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -142,6 +153,9 @@ declare const BkRadio: {
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 }>> & {
     onChange?: (value: any) => any;
     "onUpdate:modelValue"?: (value: any) => any;
@@ -163,6 +177,7 @@ declare const BkRadio: {
     disabled: boolean;
     modelValue: string | number | boolean;
     checked: boolean;
+    beforeChange: (...args: any[]) => any;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Group: import("vue").DefineComponent<{
         name: import("vue-types").VueTypeValidableDef<string> & {
@@ -183,6 +198,9 @@ declare const BkRadio: {
             default: string;
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
     }, {
         resolveClassName: (cls: string) => string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -207,6 +225,9 @@ declare const BkRadio: {
             default: string;
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
     }>> & {
         onChange?: (value: any) => any;
         "onUpdate:modelValue"?: (value: any) => any;
@@ -215,6 +236,7 @@ declare const BkRadio: {
         type: string;
         disabled: boolean;
         withValidate: boolean;
+        beforeChange: (...args: any[]) => any;
     }, {}>;
     Button: import("vue").DefineComponent<{
         name: import("vue-types").VueTypeValidableDef<string> & {
@@ -239,6 +261,9 @@ declare const BkRadio: {
             default: boolean;
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
     }, {
         isFocused: import("vue").Ref<boolean>;
         size: import("vue").Ref<string>;
@@ -275,6 +300,9 @@ declare const BkRadio: {
             default: boolean;
         };
         size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
+        beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
     }>> & {
         onChange?: (value: any) => any;
         "onUpdate:modelValue"?: (value: any) => any;
@@ -283,6 +311,7 @@ declare const BkRadio: {
         disabled: boolean;
         modelValue: string | number | boolean;
         checked: boolean;
+        beforeChange: (...args: any[]) => any;
     }, {}>;
 }>;
 export default BkRadio;

package/lib/radio/index.js

@@ -201,6 +201,7 @@ var useRadio = function useRadio() {
   var radioGroup = (0,external_vue_namespaceObject.inject)(radioGroupKey, shared_namespaceObject.EMPTY_OBJ);
   var isGroup = !(0,shared_namespaceObject.isEmptyObj)(radioGroup);
   var isChecked = (0,external_vue_namespaceObject.ref)(false);
+  var isPrechecking = (0,external_vue_namespaceObject.ref)(false);
   var size = (0,external_vue_namespaceObject.ref)('default');
   // 禁用状态
   var isDisabled = (0,external_vue_namespaceObject.computed)(function () {
@@ -237,23 +238,37 @@ var useRadio = function useRadio() {
   };
   // 值更新
   var handleChange = function handleChange(event) {
-    if (isDisabled.value) {
+    var _radioGroup$props$bef, _beforeChangeFn;
+    if (isDisabled.value || isPrechecking.value) {
       return;
     }
     var $targetInput = event.target;
-    isChecked.value = $targetInput.checked;
-    var nextValue = isChecked.value ? props.label : '';
-    emit('update:modelValue', nextValue);
-    emit('change', nextValue);
-    // 更新 radio-group
-    if (isGroup) {
-      radioGroup.handleChange(currentInstance.proxy);
-    }
-    (0,external_vue_namespaceObject.nextTick)(function () {
-      // 选中状态保持同步
-      if ($targetInput.checked !== isChecked.value) {
-        $targetInput.checked = isChecked.value;
+    var newValue = $targetInput.checked;
+    var beforeChangeFn = (_radioGroup$props$bef = radioGroup === null || radioGroup === void 0 ? void 0 : radioGroup.props.beforeChange) !== null && _radioGroup$props$bef !== void 0 ? _radioGroup$props$bef : props.beforeChange;
+    var beforeChangeValue = (_beforeChangeFn = beforeChangeFn === null || beforeChangeFn === void 0 ? void 0 : beforeChangeFn(newValue, event, props)) !== null && _beforeChangeFn !== void 0 ? _beforeChangeFn : true;
+    Promise.resolve(beforeChangeValue).then(function (result) {
+      if (result) {
+        isChecked.value = $targetInput.checked;
+        var nextValue = isChecked.value ? props.label : '';
+        emit('update:modelValue', nextValue);
+        emit('change', nextValue);
+        // 更新 radio-group
+        if (isGroup) {
+          radioGroup.handleChange(currentInstance.proxy);
+        }
+        (0,external_vue_namespaceObject.nextTick)(function () {
+          // 选中状态保持同步
+          if ($targetInput.checked !== isChecked.value) {
+            $targetInput.checked = isChecked.value;
+          }
+        });
+        return Promise.resolve(true);
       }
+      return Promise.reject();
+    })["catch"](function () {
+      $targetInput.checked = isChecked.value;
+    })["finally"](function () {
+      isPrechecking.value = false;
     });
   };
   (0,external_vue_namespaceObject.onMounted)(function () {
@@ -309,10 +324,11 @@ var useRadio = function useRadio() {
 
 var radioProps = {
   name: shared_namespaceObject.PropTypes.string.def(''),
-  label: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).isRequired,
-  modelValue: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).def(''),
+  label: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).isRequired,
+  modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(''),
   checked: shared_namespaceObject.PropTypes.bool.def(false),
-  disabled: shared_namespaceObject.PropTypes.bool.def(false)
+  disabled: shared_namespaceObject.PropTypes.bool.def(false),
+  beforeChange: shared_namespaceObject.PropTypes.func
 };
 /* harmony default export */ const src_radio = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Radio',
@@ -368,14 +384,14 @@ var radioProps = {
       "tabindex": "0"
     }, [(0,external_vue_namespaceObject.createVNode)("input", {
       "class": "".concat(this.resolveClassName('radio-input')),
-      "type": "radio",
-      "tabindex": "0",
-      "value": this.label,
       "checked": this.isChecked,
       "disabled": this.isDisabled,
-      "onFocus": this.handleFocus,
+      "tabindex": "0",
+      "type": "radio",
+      "value": this.label,
       "onBlur": this.handleBlur,
-      "onChange": this.handleChange
+      "onChange": this.handleChange,
+      "onFocus": this.handleFocus
     }, null), renderLabel()]);
   }
 }));
@@ -414,11 +430,12 @@ var radioProps = {
 
 var radioButtonProps = {
   name: shared_namespaceObject.PropTypes.string.def(''),
-  label: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).isRequired,
-  modelValue: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).def(''),
+  label: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).isRequired,
+  modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(''),
   checked: shared_namespaceObject.PropTypes.bool.def(false),
   disabled: shared_namespaceObject.PropTypes.bool.def(false),
-  size: shared_namespaceObject.PropTypes.size()
+  size: shared_namespaceObject.PropTypes.size(),
+  beforeChange: shared_namespaceObject.PropTypes.func
 };
 /* harmony default export */ const radio_button = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'RadioButton',
@@ -474,14 +491,14 @@ var radioButtonProps = {
       "tabindex": "0"
     }, [(0,external_vue_namespaceObject.createVNode)("input", {
       "class": "".concat(this.resolveClassName('radio-button-input')),
-      "type": "radio",
-      "tabindex": "0",
-      "value": this.label,
       "checked": this.isChecked,
       "disabled": this.isDisabled,
-      "onFocus": this.handleFocus,
+      "tabindex": "0",
+      "type": "radio",
+      "value": this.label,
       "onBlur": this.handleBlur,
-      "onChange": this.handleChange
+      "onChange": this.handleChange,
+      "onFocus": this.handleFocus
     }, null), renderLabel()]);
   }
 }));
@@ -518,11 +535,12 @@ var radioButtonProps = {
 
 var radioGroupProps = {
   name: shared_namespaceObject.PropTypes.string.def(''),
-  modelValue: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]),
+  modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]),
   disabled: shared_namespaceObject.PropTypes.bool,
   withValidate: shared_namespaceObject.PropTypes.bool.def(true),
   type: shared_namespaceObject.PropTypes.oneOf(['tab', 'capsule', 'card']).def('tab'),
-  size: shared_namespaceObject.PropTypes.size()
+  size: shared_namespaceObject.PropTypes.size(),
+  beforeChange: shared_namespaceObject.PropTypes.func
 };
 /* harmony default export */ const radio_group = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'RadioGroup',

package/lib/radio/radio-button.d.ts

@@ -22,6 +22,9 @@ declare const radioButtonProps: {
         default: boolean;
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 };
 export type RadioButtonProps = Readonly<ExtractPropTypes<typeof radioButtonProps>>;
 declare const _default: import("vue").DefineComponent<{
@@ -47,6 +50,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 }, {
     isFocused: import("vue").Ref<boolean>;
     size: import("vue").Ref<string>;
@@ -83,6 +89,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 }>> & {
     onChange?: (value: any) => any;
     "onUpdate:modelValue"?: (value: any) => any;
@@ -91,5 +100,6 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: string | number | boolean;
     checked: boolean;
+    beforeChange: (...args: any[]) => any;
 }, {}>;
 export default _default;

package/lib/radio/radio-group.d.ts

@@ -18,6 +18,9 @@ declare const radioGroupProps: {
         default: string;
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 };
 export type RadioGroupProps = Readonly<ExtractPropTypes<typeof radioGroupProps>>;
 declare const _default: import("vue").DefineComponent<{
@@ -39,6 +42,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 }, {
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -63,6 +69,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 }>> & {
     onChange?: (value: any) => any;
     "onUpdate:modelValue"?: (value: any) => any;
@@ -71,5 +80,6 @@ declare const _default: import("vue").DefineComponent<{
     type: string;
     disabled: boolean;
     withValidate: boolean;
+    beforeChange: (...args: any[]) => any;
 }, {}>;
 export default _default;

package/lib/radio/radio.d.ts

@@ -21,6 +21,9 @@ declare const radioProps: {
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 };
 export type RadioProps = Readonly<ExtractPropTypes<typeof radioProps>>;
 declare const _default: import("vue").DefineComponent<{
@@ -45,6 +48,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 }, {
     size: import("vue").Ref<string>;
     isFocused: import("vue").Ref<boolean>;
@@ -80,6 +86,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
 }>> & {
     onChange?: (value: any) => any;
     "onUpdate:modelValue"?: (value: any) => any;
@@ -88,5 +97,6 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     modelValue: string | number | boolean;
     checked: boolean;
+    beforeChange: (...args: any[]) => any;
 }, {}>;
 export default _default;

package/lib/radio/radio.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-radio-group {
   display: inline-flex;

package/lib/radio/type.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentPublicInstance } from 'vue';
 import type { RadioProps } from './radio';
 import type { RadioGroupProps } from './radio-group';
+import type { ComponentPublicInstance } from 'vue';
 export type IRadioInstance = ComponentPublicInstance<RadioProps, {
     isChecked: boolean;
     label: string;

package/lib/rate/index.js

@@ -170,11 +170,11 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
         "class": "".concat(resolveClassName('rate-stars'))
       }, [Array(props.max).fill(1).map(function (_, index) {
         return (0,external_vue_namespaceObject.createVNode)("svg", {
-          "class": starClass(index),
           "style": starStyle,
+          "class": starClass(index),
+          "viewBox": "0 0 64 64",
           "x": "0px",
           "y": "0px",
-          "viewBox": "0 0 64 64",
           "onClick": function onClick() {
             return chooseRate(index);
           },
@@ -302,21 +302,21 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
       return (0,external_vue_namespaceObject.createVNode)("p", {
         "class": rateClass
       }, [props.editable ? (0,external_vue_namespaceObject.createVNode)(star, (0,external_vue_namespaceObject.mergeProps)({
-        "rate": props.modelValue,
         "hover-rate": hoverRate.value,
-        "onChooseRate": chooseRate,
+        "rate": props.modelValue,
         "onChangeHover": changeHover,
+        "onChooseRate": chooseRate,
         "onMouseleave": function onMouseleave() {
           return changeHover(0);
         }
       }, commonAttrs), null) : [(0,external_vue_namespaceObject.createVNode)(star, (0,external_vue_namespaceObject.mergeProps)({
-        "rate": 5,
         "style": starStyle.value,
         "class": "".concat(resolveClassName('score-real')),
-        "editable": false
+        "editable": false,
+        "rate": 5
       }, commonAttrs), null), (0,external_vue_namespaceObject.createVNode)(star, (0,external_vue_namespaceObject.mergeProps)({
-        "rate": 0,
-        "editable": false
+        "editable": false,
+        "rate": 0
       }, commonAttrs), null)]]);
     };
   }

package/lib/rate/rate.css

@@ -8,3 +8,30 @@
   display: flex;
   overflow: hidden;
 }
+.bk-rate-stars {
+  padding: 0;
+  margin: 0;
+}
+.bk-rate-stars .bk-is-edit {
+  cursor: pointer;
+}
+.bk-rate-stars:after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.bk-rate-stars .bk-rate-star {
+  float: left;
+  margin-right: 3px;
+  enable-background: new 0 0 64 64;
+  fill: #c5c7d1;
+}
+.bk-rate-stars .bk-rate-star.bk-is-select {
+  fill: #ffb848;
+}
+.bk-rate-stars .bk-rate-star.bk-is-hover {
+  transform: scale(1.2);
+}
+.bk-rate-stars .bk-rate-star:last-child {
+  margin-right: 0;
+}

package/lib/rate/rate.less

@@ -11,3 +11,36 @@
     overflow: hidden;
   }
 }
+
+.@{bk-prefix}-rate-stars {
+  padding: 0;
+  margin: 0;
+
+  .@{bk-prefix}-is-edit {
+    cursor: pointer;
+  }
+
+  &:after {
+    display: table;
+    clear: both;
+    content: '';
+  }
+
+  .@{bk-prefix}-rate-star {
+    float: left;
+    margin-right: 3px;
+    enable-background: new 0 0 64 64;
+    fill: #c5c7d1;
+
+    &.@{bk-prefix}-is-select {
+      fill: #ffb848;
+    }
+    &.@{bk-prefix}-is-hover {
+      transform: scale(1.2);
+    }
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}

package/lib/rate/rate.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-rate {
   position: relative;
@@ -134,3 +137,30 @@
   display: flex;
   overflow: hidden;
 }
+.bk-rate-stars {
+  padding: 0;
+  margin: 0;
+}
+.bk-rate-stars .bk-is-edit {
+  cursor: pointer;
+}
+.bk-rate-stars:after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.bk-rate-stars .bk-rate-star {
+  float: left;
+  margin-right: 3px;
+  enable-background: new 0 0 64 64;
+  fill: #c5c7d1;
+}
+.bk-rate-stars .bk-rate-star.bk-is-select {
+  fill: #ffb848;
+}
+.bk-rate-stars .bk-rate-star.bk-is-hover {
+  transform: scale(1.2);
+}
+.bk-rate-stars .bk-rate-star:last-child {
+  margin-right: 0;
+}

package/lib/resize-layout/index.d.ts

@@ -1,7 +1,7 @@
 declare const BkResizeLayout: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        placement: import("vue-types").VueTypeDef<"top" | "right" | "bottom" | "left"> & {
-            default: "top" | "right" | "bottom" | "left";
+        placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top"> & {
+            default: "bottom" | "left" | "right" | "top";
         };
         min: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -70,8 +70,8 @@ declare const BkResizeLayout: {
         setCollapse: (collapse: any) => void;
         resolveClassName: (cls: string) => string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        placement: import("vue-types").VueTypeDef<"top" | "right" | "bottom" | "left"> & {
-            default: "top" | "right" | "bottom" | "left";
+        placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top"> & {
+            default: "bottom" | "left" | "right" | "top";
         };
         min: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -120,7 +120,7 @@ declare const BkResizeLayout: {
         "onCollapse-change"?: (...args: any[]) => any;
     }, {
         disabled: boolean;
-        placement: "top" | "right" | "bottom" | "left";
+        placement: "bottom" | "left" | "right" | "top";
         border: boolean;
         max: number;
         min: number;
@@ -138,8 +138,8 @@ declare const BkResizeLayout: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        placement: import("vue-types").VueTypeDef<"top" | "right" | "bottom" | "left"> & {
-            default: "top" | "right" | "bottom" | "left";
+        placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top"> & {
+            default: "bottom" | "left" | "right" | "top";
         };
         min: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -209,7 +209,7 @@ declare const BkResizeLayout: {
         resolveClassName: (cls: string) => string;
     }, {}, {}, {}, {
         disabled: boolean;
-        placement: "top" | "right" | "bottom" | "left";
+        placement: "bottom" | "left" | "right" | "top";
         border: boolean;
         max: number;
         min: number;
@@ -224,8 +224,8 @@ declare const BkResizeLayout: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    placement: import("vue-types").VueTypeDef<"top" | "right" | "bottom" | "left"> & {
-        default: "top" | "right" | "bottom" | "left";
+    placement: import("vue-types").VueTypeDef<"bottom" | "left" | "right" | "top"> & {
+        default: "bottom" | "left" | "right" | "top";
     };
     min: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -295,7 +295,7 @@ declare const BkResizeLayout: {
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], "before-resize" | "resizing" | "after-resize" | "collapse-change", {
     disabled: boolean;
-    placement: "top" | "right" | "bottom" | "left";
+    placement: "bottom" | "left" | "right" | "top";
     border: boolean;
     max: number;
     min: number;