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

package/lib/slider/index.d.ts

@@ -98,6 +98,10 @@ declare const Slider: {
             type: FunctionConstructor;
             default: (value: number) => number;
         };
+        labelClick: {
+            type: (BooleanConstructor | FunctionConstructor)[];
+            default: boolean;
+        };
     }>> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -177,6 +181,10 @@ declare const Slider: {
             type: FunctionConstructor;
             default: (value: number) => number;
         };
+        labelClick: {
+            type: (BooleanConstructor | FunctionConstructor)[];
+            default: boolean;
+        };
     }>> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -199,6 +207,7 @@ declare const Slider: {
         formatterLabel: Function;
         formatterButtonLabel: Function;
         formatterTipLabel: Function;
+        labelClick: boolean | Function;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -280,6 +289,10 @@ declare const Slider: {
             type: FunctionConstructor;
             default: (value: number) => number;
         };
+        labelClick: {
+            type: (BooleanConstructor | FunctionConstructor)[];
+            default: boolean;
+        };
     }>> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -304,6 +317,7 @@ declare const Slider: {
         formatterLabel: Function;
         formatterButtonLabel: Function;
         formatterTipLabel: Function;
+        labelClick: boolean | Function;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -382,6 +396,10 @@ declare const Slider: {
         type: FunctionConstructor;
         default: (value: number) => number;
     };
+    labelClick: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -406,5 +424,6 @@ declare const Slider: {
     formatterLabel: Function;
     formatterButtonLabel: Function;
     formatterTipLabel: Function;
+    labelClick: boolean | Function;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default Slider;

package/lib/slider/index.js

@@ -817,7 +817,11 @@ var off = function off(element, event, handler) {
       "default": function _default(value) {
         return value;
       }
-    } // 自定义tip格式
+    },
+    labelClick: {
+      type: [Boolean, Function],
+      "default": false
+    }
   },
   emits: ['update:modelValue', 'change'],
   setup: function setup(props, _ref) {
@@ -1155,6 +1159,30 @@ var off = function off(element, event, handler) {
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
+    var handleStepLabelClick = function handleStepLabelClick(e, step) {
+      var _ref3, _step$stepWidth;
+      var percent = (_ref3 = (_step$stepWidth = step.stepWidth) !== null && _step$stepWidth !== void 0 ? _step$stepWidth : step.percent) !== null && _ref3 !== void 0 ? _ref3 : step;
+      if (props.labelClick) {
+        e.stopPropagation();
+        e.stopImmediatePropagation();
+        e.preventDefault();
+        var fnResult;
+        if (typeof props.labelClick === 'function') {
+          var args = {
+            percent: percent,
+            step: step
+          };
+          fnResult = props.labelClick(e, args);
+          if (fnResult === false) {
+            return;
+          }
+        }
+        percent = typeof fnResult === 'number' ? fnResult : percent;
+        console.log('handleStepLabelClick', percent);
+        setPosition(percent);
+        return;
+      }
+    };
     var renderDom = function renderDom() {
       var _slots$start, _slots$end;
       return (0,external_vue_namespaceObject.createVNode)("div", {
@@ -1178,7 +1206,10 @@ var off = function off(element, event, handler) {
           "class": ["".concat(resolveClassName('slider-interval')), {
             vertical: props.vertical
           }],
-          "style": getIntervalStyle(interval)
+          "style": getIntervalStyle(interval),
+          "onClick": function onClick(e) {
+            return handleStepLabelClick(e, interval);
+          }
         }, null);
       }) : null, props.customContent ? customList.value.map(function (custom, index) {
         if (index === 0 || index === customList.value.length - 1) {
@@ -1189,7 +1220,10 @@ var off = function off(element, event, handler) {
           "class": ["".concat(resolveClassName('slider-interval')), {
             vertical: props.vertical
           }],
-          "style": getIntervalStyle(custom.percent)
+          "style": getIntervalStyle(custom.percent),
+          "onClick": function onClick(e) {
+            return handleStepLabelClick(e, custom);
+          }
         }, null);
       }) : undefined, props.showBetweenLabel || props.showIntervalLabel || props.customContent ? (0,external_vue_namespaceObject.createVNode)("div", {
         "class": ["".concat(resolveClassName('slider-labels')), props.vertical ? 'vertical' : 'horizontal']
@@ -1212,7 +1246,10 @@ var off = function off(element, event, handler) {
             return (0,external_vue_namespaceObject.createVNode)("div", {
               "class": ["".concat(resolveClassName('slider-label')), props.vertical ? 'vertical' : 'horizontal'],
               "key": index,
-              "style": getIntervalStyle(intervalLabel.stepWidth)
+              "style": getIntervalStyle(intervalLabel.stepWidth),
+              "onClick": function onClick(e) {
+                return handleStepLabelClick(e, intervalLabel);
+              }
             }, [intervalLabel.stepLabel]);
           });
         }
@@ -1221,7 +1258,10 @@ var off = function off(element, event, handler) {
             return (0,external_vue_namespaceObject.createVNode)("div", {
               "class": ["".concat(resolveClassName('slider-label')), props.vertical ? 'vertical' : 'horizontal'],
               "key": index,
-              "style": getIntervalStyle(item.percent)
+              "style": getIntervalStyle(item.percent),
+              "onClick": function onClick(e) {
+                return handleStepLabelClick(e, item);
+              }
             }, [item.label]);
           });
         }

package/lib/slider/slider.css

@@ -76,6 +76,20 @@
   border-radius: 100%;
   transform: translateX(-50%);
 }
+.bk-slider .bk-slider-interval:hover {
+  cursor: pointer;
+}
+.bk-slider .bk-slider-interval:hover::after {
+  content: '';
+  position: absolute;
+  left: -5px;
+  top: -4px;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: #fff;
+  border: solid 1px #3a84ff;
+}
 .bk-slider .bk-slider-interval.vertical {
   left: 2px;
 }

package/lib/slider/slider.d.ts

@@ -99,6 +99,10 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         default: (value: number) => number;
     };
+    labelClick: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
 }, {
     renderDom: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -175,6 +179,10 @@ declare const _default: import("vue").DefineComponent<{
         type: FunctionConstructor;
         default: (value: number) => number;
     };
+    labelClick: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: boolean;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -197,5 +205,6 @@ declare const _default: import("vue").DefineComponent<{
     formatterLabel: Function;
     formatterButtonLabel: Function;
     formatterTipLabel: Function;
+    labelClick: boolean | Function;
 }, {}>;
 export default _default;

package/lib/slider/slider.less

@@ -89,6 +89,21 @@
     border-radius: 100%;
     transform: translateX(-50%);
 
+    &:hover {
+      cursor: pointer;
+      &::after {
+        content: '';
+        position: absolute;
+        left: -5px;
+        top: -4px;
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #fff;
+        border: solid 1px @primary-color;
+      }
+    }
+
     &.vertical {
       left: 2px;
     }

package/lib/slider/slider.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-slider {
   display: flex;
@@ -202,6 +205,20 @@
   border-radius: 100%;
   transform: translateX(-50%);
 }
+.bk-slider .bk-slider-interval:hover {
+  cursor: pointer;
+}
+.bk-slider .bk-slider-interval:hover::after {
+  content: '';
+  position: absolute;
+  left: -5px;
+  top: -4px;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: #fff;
+  border: solid 1px var(--primary-color);
+}
 .bk-slider .bk-slider-interval.vertical {
   left: 2px;
 }

package/lib/steps/steps.variable.css

@@ -13,6 +13,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;
@@ -124,6 +125,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;
 }
 * {
   box-sizing: border-box;

package/lib/styles/mixins/animate.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;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/styles/mixins/popper.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-popper {
   display: none;

package/lib/styles/mixins/scroll.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-F-scroll-x {
   overflow-x: auto;

package/lib/styles/reset.css

@@ -12,9 +12,7 @@ body {
   padding: 0;
   margin: 0;
 }
-*,
-*::before,
-*::after {
+* {
   box-sizing: border-box;
 }
 /**

package/lib/styles/reset.less

@@ -9,7 +9,7 @@
   &::-webkit-scrollbar-thumb {
     background: #ddd;
     border-radius: 20px;
-    box-shadow: inset 0 0 6px rgba(204, 204, 204, .3);
+    box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
   }
 }
 
@@ -19,9 +19,7 @@ body {
   margin: 0;
 }
 
-*,
-*::before,
-*::after {
+* {
   box-sizing: border-box;
 }
 
@@ -199,7 +197,6 @@ select {
  * 3. Improve usability and consistency of cursor style between image-type `input` and others.
  */
 button,
-
 html input[type='button'],
 input[type='reset'],
 input[type='submit'] {
@@ -295,7 +292,7 @@ input[type='search']::-webkit-search-decoration {
  * Define consistent border, margin, and padding.
  */
 fieldset {
-  padding: .35em .625em .75em;
+  padding: 0.35em 0.625em 0.75em;
   margin: 0 2px;
   border: 1px solid #c0c0c0;
 }

package/lib/styles/reset.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;
 }
 .scroll-bar-style::-webkit-scrollbar {
   width: 4px;
@@ -138,9 +141,7 @@ body {
   padding: 0;
   margin: 0;
 }
-*,
-*::before,
-*::after {
+* {
   box-sizing: border-box;
 }
 /**

package/lib/styles/themes/themes.less

@@ -13,6 +13,7 @@
 @whitesmoke-color: #fafbfd;
 @disable-color: #dcdee5;
 @disable-bg-color: #f9fafd;
+@border-color: #dcdee5;
 
 @font-size-base: 12px;
 @font-size-medium: 14px;
@@ -167,3 +168,7 @@
 @search-select-placeholder-color: @light-gray;
 @search-select-message-color: @danger-color;
 @search-select-menu-border-color: @disable-color;
+
+// select theme
+@select-active-color: #e1ecff;
+@select-hover-color: #f5f7fa;

package/lib/swiper/swiper.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-swiper-home {
   position: relative;

package/lib/switcher/switcher.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;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/tab/tab.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-tab {
   position: relative;

package/lib/table/cache.d.ts

@@ -1,6 +1,14 @@
+type StackStorageFnType = {
+    [name: string]: {
+        timerId?: number;
+        fn?: () => void;
+    };
+};
 export default class BkTableCache {
-    storage: any;
+    storage: WeakMap<Object, StackStorageFnType>;
+    defKey: symbol;
     constructor();
-    queueStack(methodName: any, fn?: () => void): void;
-    clearQueueStack(methodName: any): void;
+    queueStack(methodName: any, fn?: () => void, key?: Object): void;
+    clearQueueStack(methodName: any, key?: Object): void;
 }
+export {};

package/lib/table/components/table-cell.d.ts

@@ -1,5 +1,6 @@
+import { Column } from '../props';
 declare const _default: import("vue").DefineComponent<{
-    column: import("vue-types").VueTypeDef<import("../props").Column>;
+    column: import("vue-types").VueTypeDef<Column>;
     row: import("vue-types").VueTypeValidableDef<any> & {
         default: any;
     };
@@ -24,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     resizerWay: import("vue-types").VueTypeDef<"debounce" | "throttle">;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    column: import("vue-types").VueTypeDef<import("../props").Column>;
+    column: import("vue-types").VueTypeDef<Column>;
     row: import("vue-types").VueTypeValidableDef<any> & {
         default: any;
     };

package/lib/table/components/table-column.d.ts

@@ -1,5 +1,4 @@
 import { ExtractPropTypes } from 'vue';
-import { Column } from '../props';
 declare const TableColumnProp: {
     label: import("vue-types").VueTypeDef<import("../props").LabelFunctionString>;
     field: import("vue-types").VueTypeDef<import("../props").LabelFunctionString>;
@@ -14,7 +13,7 @@ declare const TableColumnProp: {
         default: string;
     };
     showOverflowTooltip: import("vue-types").VueTypeDef<import("../props").IOverflowTooltipProp>;
-    type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
+    type: import("vue-types").VueTypeDef<"index" | "selection" | "expand" | "__COL_TYPE_NONE">;
     resizable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -65,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     showOverflowTooltip: import("vue-types").VueTypeDef<import("../props").IOverflowTooltipProp>;
-    type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
+    type: import("vue-types").VueTypeDef<"index" | "selection" | "expand" | "__COL_TYPE_NONE">;
     resizable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -101,10 +100,6 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }, {
-    initColumns: (_col: Column | Column[], _rm?: boolean) => void;
-    bkTableCache: {
-        queueStack: (_: any, fn: any) => any;
-    };
     column: {
         fixed?: boolean | "right" | "left";
         resizable?: boolean;
@@ -160,14 +155,14 @@ declare const _default: import("vue").DefineComponent<{
             height?: number;
             maxHeight?: number;
         };
-        type?: "none" | "index" | "selection" | "expand";
+        type?: "index" | "selection" | "expand" | "__COL_TYPE_NONE";
         label?: import("../props").LabelFunctionString;
         width?: string | number;
         className?: import("../props").RowClassFunctionString;
         align?: "" | "right" | "left" | "center";
         showOverflowTooltip?: boolean | {
-            content: string | Function;
-            disabled?: (col: Column, row: any) => boolean;
+            content: string | ((col: import("../props").Column, row: any) => string);
+            disabled?: boolean | ((col: import("../props").Column, row: any) => boolean);
             watchCellResize?: boolean;
             mode?: "auto" | "static";
             popoverOption?: any;
@@ -177,12 +172,7 @@ declare const _default: import("vue").DefineComponent<{
         field: import("../props").LabelFunctionString;
         prop?: import("../props").LabelFunctionString;
     };
-}, unknown, {}, {
-    updateColumnDefine(unmounted?: boolean): void;
-    copyProps(props: ITableColumn): {};
-    updateColumnDefineByParent(): void;
-    unmountColumn(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     label: import("vue-types").VueTypeDef<import("../props").LabelFunctionString>;
     field: import("vue-types").VueTypeDef<import("../props").LabelFunctionString>;
     render: import("vue-types").VueTypeDef<import("../props").RenderFunctionString>;
@@ -196,7 +186,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     showOverflowTooltip: import("vue-types").VueTypeDef<import("../props").IOverflowTooltipProp>;
-    type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
+    type: import("vue-types").VueTypeDef<"index" | "selection" | "expand" | "__COL_TYPE_NONE">;
     resizable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {

package/lib/table/const.d.ts

@@ -53,7 +53,7 @@ export declare const COLUMN_ATTRIBUTE: {
 /**
  * Y 轴滚动条宽度
  */
-export declare const SCROLLY_WIDTH = 6;
+export declare const SCROLLY_WIDTH = 0;
 /**
  * 默认行高
  */
@@ -82,9 +82,9 @@ export declare const createDefaultSizeList: (t: ComputedRef<Language['table']>)
 /**
  * Provide key: init column when use <column { ...props }> template
  */
-export declare const PROVIDE_KEY_INIT_COL = "InitColumns";
-export declare const PROVIDE_KEY_TB_CACHE = "BKTableCahce";
-export declare const BK_COLUMN_UPDATE_DEFINE = "Bk_COlumn_Update_Define";
+export declare const PROVIDE_KEY_INIT_COL: unique symbol;
+export declare const PROVIDE_KEY_TB_CACHE: unique symbol;
+export declare const BK_COLUMN_UPDATE_DEFINE: unique symbol;
 /**
  * 表格底部高度
  * 分页组件