bkui-vue 1.0.3-beta.8 → 2.0.1-beta.1

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,36 @@ var useRadio = function useRadio() {
   };
   // 值更新
   var handleChange = function handleChange(event) {
-    if (isDisabled.value) {
+    var _props$beforeChange, _props$beforeChange2;
+    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 beforeChangeValue = (_props$beforeChange = (_props$beforeChange2 = props.beforeChange) === null || _props$beforeChange2 === void 0 ? void 0 : _props$beforeChange2.call(props, newValue, event, props)) !== null && _props$beforeChange !== void 0 ? _props$beforeChange : 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 +323,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',
@@ -414,11 +429,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',
@@ -518,11 +534,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',
@@ -548,14 +565,20 @@ var radioGroupProps = {
       }
     };
     var handleChange = function handleChange(checkedRadioInstance) {
+      var _props$beforeChange, _props$beforeChange2;
       var nextValue = checkedRadioInstance.label;
-      radioInstanceList.forEach(function (radioInstance) {
-        if (radioInstance !== checkedRadioInstance) {
-          radioInstance.setChecked(false);
+      var beforeChangeValue = (_props$beforeChange = (_props$beforeChange2 = props.beforeChange) === null || _props$beforeChange2 === void 0 ? void 0 : _props$beforeChange2.call(props, nextValue, checkedRadioInstance, props)) !== null && _props$beforeChange !== void 0 ? _props$beforeChange : true;
+      Promise.resolve(beforeChangeValue).then(function (resp) {
+        if (resp) {
+          radioInstanceList.forEach(function (radioInstance) {
+            if (radioInstance !== checkedRadioInstance) {
+              radioInstance.setChecked(false);
+            }
+          });
+          context.emit('update:modelValue', nextValue);
+          context.emit('change', nextValue);
         }
       });
-      context.emit('update:modelValue', nextValue);
-      context.emit('change', nextValue);
     };
     (0,external_vue_namespaceObject.provide)(radioGroupKey, {
       props: props,

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/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;

package/lib/rate/star.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-stars {
   padding: 0;

package/lib/resize-layout/index.js

@@ -171,7 +171,7 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
     var asideStyle = (0,external_vue_namespaceObject.computed)(function () {
       var divide = initialDivide.value;
       if (typeof divide === 'number') {
-        divide = "".concat(divide, "px");
+        divide = divide <= min.value ? "".concat(min.value, "px") : "".concat(divide, "px");
       }
       return _defineProperty({}, cssPropKey.value, divide);
     });

package/lib/resize-layout/resize-layout.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-resize-layout {
   display: flex;

package/lib/scrollbar/index.d.ts

@@ -0,0 +1,15 @@
+import BkScrollbarCore, { Options } from './scrollbar-core';
+export default class BkScrollBar extends BkScrollbarCore {
+    static globalObserver: MutationObserver;
+    static instances: WeakMap<object, any>;
+    static removeObserver(): void;
+    constructor(...args: ConstructorParameters<typeof BkScrollbarCore>);
+    initDOM(): void;
+    unMount(): void;
+    scrollTo({ left, top }: {
+        left?: number;
+        top?: number;
+    }): void;
+    setOptions(options: Partial<Options>): void;
+    private createScrollElement;
+}