bkui-vue 2.0.1-beta.2 → 2.0.1-beta.21

package/lib/radio/radio.d.ts

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

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

@@ -137,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;

package/lib/resize-layout/index.js

@@ -293,7 +293,6 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
       }
       var asideRect = asideRef.value.getBoundingClientRect();
       // 最小化同时设置为已折叠，此时展开以初始化initial-divide数据为参考
-      // eslint-disable-next-line no-multi-assign
       minimized.value = collapsed.value = asideRect[cssPropKey.value] <= parseAutoMinimize.value;
       if (!minimized.value) {
         asideContentVisible.value = true;
@@ -366,18 +365,18 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
       "ref": "bkResizeLayoutRef",
       "class": bkResizeLayoutClass
     }, [(0,external_vue_namespaceObject.createVNode)("aside", {
-      "class": "".concat(this.resolveClassName('resize-layout-aside')),
       "ref": "asideRef",
-      "style": this.asideStyle
+      "style": this.asideStyle,
+      "class": "".concat(this.resolveClassName('resize-layout-aside'))
     }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
       "class": "".concat(this.resolveClassName('resize-layout-aside-content'))
     }, [(_this$$slots$aside = (_this$$slots = this.$slots).aside) === null || _this$$slots$aside === void 0 ? void 0 : _this$$slots$aside.call(_this$$slots)]), [[external_vue_namespaceObject.vShow, this.asideContentVisible]]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("i", {
-      "class": "".concat(this.resolveClassName('resize-trigger')),
       "style": this.triggerStyle,
+      "class": "".concat(this.resolveClassName('resize-trigger')),
       "onMousedown": (0,external_vue_namespaceObject.withModifiers)(this.handleMousedown, ['left'])
     }, null), [[external_vue_namespaceObject.vShow, !this.disabled && (!this.collapsed || this.autoMinimize)]]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("i", {
-      "class": ["".concat(this.resolveClassName('resize-proxy')), this.placement],
-      "ref": "resizeProxyRef"
+      "ref": "resizeProxyRef",
+      "class": ["".concat(this.resolveClassName('resize-proxy')), this.placement]
     }, null), [[external_vue_namespaceObject.vShow, !this.collapsed || this.autoMinimize]]), this.collapsible && (((_this$$slots$collapse = (_this$$slots2 = this.$slots)['collapse-trigger']) === null || _this$$slots$collapse === void 0 ? void 0 : _this$$slots$collapse.call(_this$$slots2)) || (this.collapsed ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, {
       "width": 26,
       "height": 26,
@@ -391,8 +390,8 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
     }, null)))]), (0,external_vue_namespaceObject.createVNode)("main", {
       "class": "".concat(this.resolveClassName('resize-layout-main'))
     }, [(_this$$slots$main = (_this$$slots3 = this.$slots).main) === null || _this$$slots$main === void 0 ? void 0 : _this$$slots$main.call(_this$$slots3)]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(this.resolveClassName('resize-mask')),
-      "ref": "resizeMaskRef"
+      "ref": "resizeMaskRef",
+      "class": "".concat(this.resolveClassName('resize-mask'))
     }, null)]);
   }
 }));

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

@@ -1,6 +1,6 @@
 declare const _default: import("vue").DefineComponent<{
-    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;
@@ -64,8 +64,8 @@ declare const _default: import("vue").DefineComponent<{
     setCollapse: (collapse: any) => void;
     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", 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;
@@ -114,7 +114,7 @@ declare const _default: import("vue").DefineComponent<{
     "onCollapse-change"?: (...args: any[]) => any;
 }, {
     disabled: boolean;
-    placement: "top" | "right" | "bottom" | "left";
+    placement: "bottom" | "left" | "right" | "top";
     border: boolean;
     max: number;
     min: number;

package/lib/scrollbar/index.js

@@ -18202,7 +18202,6 @@ var BkScrollbarCore = /*#__PURE__*/function () {
         // Hack for https://github.com/WICG/ResizeObserver/issues/38
         var resizeObserverStarted = false;
         var resizeObserver = elWindow.ResizeObserver || ResizeObserver;
-        // eslint-disable-next-line new-cap
         this.resizeObserver = new resizeObserver(function () {
           if (!resizeObserverStarted) return;
           elWindow.requestAnimationFrame(function () {

package/lib/scrollbar/scrollbar-core/index.d.ts

@@ -24,7 +24,7 @@ interface DebouncedFunc<T extends (...args: any[]) => any> {
     flush(): ReturnType<T> | undefined;
 }
 export interface Options {
-    forceVisible: boolean | Axis;
+    forceVisible: Axis | boolean;
     clickOnTrack: boolean;
     scrollbarMinSize: number;
     scrollbarMaxSize: number;
@@ -67,9 +67,9 @@ type ClassNames = {
 type Axis = 'x' | 'y';
 type AxisProps = {
     scrollOffsetAttr: 'scrollLeft' | 'scrollTop';
-    sizeAttr: 'width' | 'height';
-    scrollSizeAttr: 'scrollWidth' | 'scrollHeight';
-    offsetSizeAttr: 'offsetWidth' | 'offsetHeight';
+    sizeAttr: 'height' | 'width';
+    scrollSizeAttr: 'scrollHeight' | 'scrollWidth';
+    offsetSizeAttr: 'offsetHeight' | 'offsetWidth';
     offsetAttr: 'left' | 'top';
     overflowAttr: 'overflowX' | 'overflowY';
     dragOffset: number;
@@ -160,11 +160,11 @@ export default class BkScrollbarCore {
      * 模拟滚动条内部缩略滚动器滚动位置缓存器
      */
     wrapperScrollMap: {};
-    onMouseMove: DebouncedFunc<any> | (() => void);
-    onWindowResize: DebouncedFunc<any> | (() => void);
-    onStopScrolling: DebouncedFunc<any> | (() => void);
-    onMouseEntered: DebouncedFunc<any> | (() => void);
-    onMouseWheel: DebouncedFunc<any> | (() => void);
+    onMouseMove: (() => void) | DebouncedFunc<any>;
+    onWindowResize: (() => void) | DebouncedFunc<any>;
+    onStopScrolling: (() => void) | DebouncedFunc<any>;
+    onMouseEntered: (() => void) | DebouncedFunc<any>;
+    onMouseWheel: (() => void) | DebouncedFunc<any>;
     constructor(element: HTMLElement, options?: Partial<Options>);
     getScrollbarWidth(): number;
     init(): void;