bkui-vue 0.0.1-beta.36 → 0.0.1-beta.37

package/dist/bkui-vue.cjs.js

@@ -9262,8 +9262,9 @@ const inputType = {
   showControl: PropTypes.bool.def(true),
   showClearOnlyHover: PropTypes.bool.def(false),
   precision: PropTypes.number.def(0).validate((val) => val >= 0 && val < 20),
-  modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  size: PropTypes.size()
+  modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def(""),
+  size: PropTypes.size(),
+  rows: PropTypes.number
 };
 const inputEvents = ["update:modelValue", "focus", "blur", "change", "clear", "input", "keypress", "keydown", "keyup", "enter", "paste"];
 const EventEnum = stringEnum([...inputEvents]);
@@ -9275,7 +9276,8 @@ var Component$i = vue.defineComponent({
   setup(props, ctx) {
     const isFocused = vue.ref(false);
     const isCNInput = vue.ref(false);
-    const inputClsPrefix = "bk-input";
+    const isTextArea = vue.computed(() => props.type === "textarea");
+    const inputClsPrefix = vue.computed(() => isTextArea.value ? "bk-textarea" : "bk-input");
     const _a = ctx.attrs, {
       class: cls,
       style
@@ -9284,13 +9286,13 @@ var Component$i = vue.defineComponent({
       "style"
     ]);
     const inputCls = vue.computed(() => classes({
-      [`${inputClsPrefix}--${props.size}`]: !!props.size,
+      [`${inputClsPrefix.value}--${props.size}`]: !!props.size,
       "is-focused": isFocused.value,
       "is-readonly": props.readonly,
       "is-disabled": props.disabled,
       "is-simplicity": props.behavior === "simplicity",
       [`${cls}`]: !!cls
-    }, inputClsPrefix));
+    }, inputClsPrefix.value));
     const suffixIconMap = {
       search: () => vue.createVNode(search, null, null),
       password: () => vue.createVNode(eye, {
@@ -9376,11 +9378,28 @@ var Component$i = vue.defineComponent({
       ctx.emit(EventEnum["update:modelValue"], newVal);
     }
     function getCls(name) {
-      return `${inputClsPrefix}--${name}`;
+      return `${inputClsPrefix.value}--${name}`;
     }
     function handleVisibleChange() {
       pwdVisible.value = !pwdVisible.value;
     }
+    const bindProps = vue.computed(() => ({
+      value: props.modelValue,
+      maxlength: props.maxlength,
+      placeholder: props.placeholder,
+      readonly: props.readonly,
+      disabled: props.disabled,
+      onInput: handleInput,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onPaste: handlePaste,
+      onChange: handleChange,
+      onKeypress: handleKeyPress,
+      onKeydown: handleKeydown,
+      onKeyup: handleKeyup,
+      onCompositionstart: handleCompositionStart,
+      onCompositionend: handleCompositionEnd
+    }));
     return () => {
       var _a2, _b, _c, _d, _e, _f;
       return vue.createVNode("div", {
@@ -9390,31 +9409,18 @@ var Component$i = vue.defineComponent({
         "class": getCls("prefix-area")
       }, [vue.createVNode("span", {
         "class": getCls("prefix-area--text")
-      }, [props.prefix])]), vue.createVNode("input", vue.mergeProps(inputAttrs, {
-        "class": `${inputClsPrefix}--text`,
-        "value": props.modelValue,
+      }, [props.prefix])]), isTextArea.value ? vue.createVNode("textarea", vue.mergeProps(inputAttrs, bindProps.value, {
+        "rows": props.rows
+      }), null) : vue.createVNode("input", vue.mergeProps(inputAttrs, {
+        "class": `${inputClsPrefix.value}--text`,
         "type": pwdVisible.value && props.type === "password" ? "text" : props.type,
-        "maxlength": props.maxlength,
         "step": props.step,
         "max": props.max,
-        "min": props.min,
-        "placeholder": props.placeholder,
-        "readonly": props.readonly,
-        "disabled": props.disabled,
-        "onInput": handleInput,
-        "onFocus": handleFocus,
-        "onBlur": handleBlur,
-        "onPaste": handlePaste,
-        "onChange": handleChange,
-        "onKeypress": handleKeyPress,
-        "onKeydown": handleKeydown,
-        "onKeyup": handleKeyup,
-        "onCompositionstart": handleCompositionStart,
-        "onCompositionend": handleCompositionEnd
-      }), null), props.clearable && !!props.modelValue && vue.createVNode(close$1, {
+        "min": props.min
+      }, bindProps.value), null), !isTextArea.value && props.clearable && !!props.modelValue && vue.createVNode(close$1, {
         "onClick": clear,
         "class": clearCls.value
-      }, null), suffixIcon.value, typeof props.maxlength === "number" && props.showWordLimit && vue.createVNode("p", {
+      }, null), suffixIcon.value, typeof props.maxlength === "number" && (props.showWordLimit || isTextArea.value) && vue.createVNode("p", {
         "class": getCls("max-length")
       }, [props.modelValue.toString().length, vue.createTextVNode("/"), vue.createVNode("span", null, [ceilMaxLength.value])]), isNumberInput.value && props.showControl && vue.createVNode("div", {
         "class": getCls("number-control")
@@ -12489,7 +12495,7 @@ const resolveColumnWidth = (root, colgroups, autoWidth = 20) => {
   const {
     width
   } = root.getBoundingClientRect() || {};
-  let avgWidth = width;
+  let avgWidth = width - 4;
   const avgColIndexList = [];
   const resolveColNumberWidth = (col, numWidth, resetAvgWidth = true) => {
     Object.assign(col, {
@@ -12573,11 +12579,13 @@ const resolvePaginationOption = (propPagination, defVal) => {
 };
 class TableRender {
   constructor(props, ctx, reactiveProp, colgroups) {
+    __publicField(this, "getColumnClass", (colIndex) => `${this.uuid}-column-${colIndex}`);
     this.props = props;
     this.context = ctx;
     this.reactiveProp = reactiveProp;
     this.colgroups = colgroups;
     this.plugins = new TablePlugins(props, ctx);
+    this.uuid = random(8);
   }
   get propActiveCols() {
     return this.reactiveProp.activeColumns;
@@ -12659,12 +12667,13 @@ class TableRender {
         "style": rowStyle,
         "onClick": (e) => this.handleRowClick(e, row, index, rows),
         "onDblclick": (e) => this.handleRowDblClick(e, row, index, rows)
-      }, [this.props.columns.map((column) => vue.createVNode("td", {
+      }, [this.props.columns.map((column, index2) => vue.createVNode("td", {
+        "class": this.getColumnClass(index2),
         "colspan": 1,
         "rowspan": 1
       }, [vue.createVNode("div", {
         "class": "cell"
-      }, [this.renderCell(row, column, index, rows)])]))]);
+      }, [this.renderCell(row, column, index2, rows)])]))]);
     })]);
   }
   handleRowClick(e, row, index, rows) {
@@ -12688,12 +12697,10 @@ class TableRender {
       const colCls = classes({
         active: this.isColActive(index)
       });
-      const colStyle = {
-        width: resolveWidth(column.calcWidth)
-      };
+      const width = `${resolveWidth(column.calcWidth)}`.replace(/px$/i, "");
       return vue.createVNode("col", {
         "class": colCls,
-        "style": colStyle
+        "width": width
       }, null);
     })]);
   }

package/dist/bkui-vue.esm.js

@@ -9260,8 +9260,9 @@ const inputType = {
   showControl: PropTypes.bool.def(true),
   showClearOnlyHover: PropTypes.bool.def(false),
   precision: PropTypes.number.def(0).validate((val) => val >= 0 && val < 20),
-  modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  size: PropTypes.size()
+  modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def(""),
+  size: PropTypes.size(),
+  rows: PropTypes.number
 };
 const inputEvents = ["update:modelValue", "focus", "blur", "change", "clear", "input", "keypress", "keydown", "keyup", "enter", "paste"];
 const EventEnum = stringEnum([...inputEvents]);
@@ -9273,7 +9274,8 @@ var Component$i = defineComponent({
   setup(props, ctx) {
     const isFocused = ref(false);
     const isCNInput = ref(false);
-    const inputClsPrefix = "bk-input";
+    const isTextArea = computed(() => props.type === "textarea");
+    const inputClsPrefix = computed(() => isTextArea.value ? "bk-textarea" : "bk-input");
     const _a = ctx.attrs, {
       class: cls,
       style
@@ -9282,13 +9284,13 @@ var Component$i = defineComponent({
       "style"
     ]);
     const inputCls = computed(() => classes({
-      [`${inputClsPrefix}--${props.size}`]: !!props.size,
+      [`${inputClsPrefix.value}--${props.size}`]: !!props.size,
       "is-focused": isFocused.value,
       "is-readonly": props.readonly,
       "is-disabled": props.disabled,
       "is-simplicity": props.behavior === "simplicity",
       [`${cls}`]: !!cls
-    }, inputClsPrefix));
+    }, inputClsPrefix.value));
     const suffixIconMap = {
       search: () => createVNode(search, null, null),
       password: () => createVNode(eye, {
@@ -9374,11 +9376,28 @@ var Component$i = defineComponent({
       ctx.emit(EventEnum["update:modelValue"], newVal);
     }
     function getCls(name) {
-      return `${inputClsPrefix}--${name}`;
+      return `${inputClsPrefix.value}--${name}`;
     }
     function handleVisibleChange() {
       pwdVisible.value = !pwdVisible.value;
     }
+    const bindProps = computed(() => ({
+      value: props.modelValue,
+      maxlength: props.maxlength,
+      placeholder: props.placeholder,
+      readonly: props.readonly,
+      disabled: props.disabled,
+      onInput: handleInput,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onPaste: handlePaste,
+      onChange: handleChange,
+      onKeypress: handleKeyPress,
+      onKeydown: handleKeydown,
+      onKeyup: handleKeyup,
+      onCompositionstart: handleCompositionStart,
+      onCompositionend: handleCompositionEnd
+    }));
     return () => {
       var _a2, _b, _c, _d, _e, _f;
       return createVNode("div", {
@@ -9388,31 +9407,18 @@ var Component$i = defineComponent({
         "class": getCls("prefix-area")
       }, [createVNode("span", {
         "class": getCls("prefix-area--text")
-      }, [props.prefix])]), createVNode("input", mergeProps(inputAttrs, {
-        "class": `${inputClsPrefix}--text`,
-        "value": props.modelValue,
+      }, [props.prefix])]), isTextArea.value ? createVNode("textarea", mergeProps(inputAttrs, bindProps.value, {
+        "rows": props.rows
+      }), null) : createVNode("input", mergeProps(inputAttrs, {
+        "class": `${inputClsPrefix.value}--text`,
         "type": pwdVisible.value && props.type === "password" ? "text" : props.type,
-        "maxlength": props.maxlength,
         "step": props.step,
         "max": props.max,
-        "min": props.min,
-        "placeholder": props.placeholder,
-        "readonly": props.readonly,
-        "disabled": props.disabled,
-        "onInput": handleInput,
-        "onFocus": handleFocus,
-        "onBlur": handleBlur,
-        "onPaste": handlePaste,
-        "onChange": handleChange,
-        "onKeypress": handleKeyPress,
-        "onKeydown": handleKeydown,
-        "onKeyup": handleKeyup,
-        "onCompositionstart": handleCompositionStart,
-        "onCompositionend": handleCompositionEnd
-      }), null), props.clearable && !!props.modelValue && createVNode(close$1, {
+        "min": props.min
+      }, bindProps.value), null), !isTextArea.value && props.clearable && !!props.modelValue && createVNode(close$1, {
         "onClick": clear,
         "class": clearCls.value
-      }, null), suffixIcon.value, typeof props.maxlength === "number" && props.showWordLimit && createVNode("p", {
+      }, null), suffixIcon.value, typeof props.maxlength === "number" && (props.showWordLimit || isTextArea.value) && createVNode("p", {
         "class": getCls("max-length")
       }, [props.modelValue.toString().length, createTextVNode("/"), createVNode("span", null, [ceilMaxLength.value])]), isNumberInput.value && props.showControl && createVNode("div", {
         "class": getCls("number-control")
@@ -12487,7 +12493,7 @@ const resolveColumnWidth = (root, colgroups, autoWidth = 20) => {
   const {
     width
   } = root.getBoundingClientRect() || {};
-  let avgWidth = width;
+  let avgWidth = width - 4;
   const avgColIndexList = [];
   const resolveColNumberWidth = (col, numWidth, resetAvgWidth = true) => {
     Object.assign(col, {
@@ -12571,11 +12577,13 @@ const resolvePaginationOption = (propPagination, defVal) => {
 };
 class TableRender {
   constructor(props, ctx, reactiveProp, colgroups) {
+    __publicField(this, "getColumnClass", (colIndex) => `${this.uuid}-column-${colIndex}`);
     this.props = props;
     this.context = ctx;
     this.reactiveProp = reactiveProp;
     this.colgroups = colgroups;
     this.plugins = new TablePlugins(props, ctx);
+    this.uuid = random(8);
   }
   get propActiveCols() {
     return this.reactiveProp.activeColumns;
@@ -12657,12 +12665,13 @@ class TableRender {
         "style": rowStyle,
         "onClick": (e) => this.handleRowClick(e, row, index, rows),
         "onDblclick": (e) => this.handleRowDblClick(e, row, index, rows)
-      }, [this.props.columns.map((column) => createVNode("td", {
+      }, [this.props.columns.map((column, index2) => createVNode("td", {
+        "class": this.getColumnClass(index2),
         "colspan": 1,
         "rowspan": 1
       }, [createVNode("div", {
         "class": "cell"
-      }, [this.renderCell(row, column, index, rows)])]))]);
+      }, [this.renderCell(row, column, index2, rows)])]))]);
     })]);
   }
   handleRowClick(e, row, index, rows) {
@@ -12686,12 +12695,10 @@ class TableRender {
       const colCls = classes({
         active: this.isColActive(index)
       });
-      const colStyle = {
-        width: resolveWidth(column.calcWidth)
-      };
+      const width = `${resolveWidth(column.calcWidth)}`.replace(/px$/i, "");
       return createVNode("col", {
         "class": colCls,
-        "style": colStyle
+        "width": width
       }, null);
     })]);
   }

package/dist/bkui-vue.umd.js

@@ -9263,8 +9263,9 @@ ${$(r2)}`), n2;
     showControl: PropTypes.bool.def(true),
     showClearOnlyHover: PropTypes.bool.def(false),
     precision: PropTypes.number.def(0).validate((val) => val >= 0 && val < 20),
-    modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    size: PropTypes.size()
+    modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def(""),
+    size: PropTypes.size(),
+    rows: PropTypes.number
   };
   const inputEvents = ["update:modelValue", "focus", "blur", "change", "clear", "input", "keypress", "keydown", "keyup", "enter", "paste"];
   const EventEnum = stringEnum([...inputEvents]);
@@ -9276,7 +9277,8 @@ ${$(r2)}`), n2;
     setup(props, ctx) {
       const isFocused = vue.ref(false);
       const isCNInput = vue.ref(false);
-      const inputClsPrefix = "bk-input";
+      const isTextArea = vue.computed(() => props.type === "textarea");
+      const inputClsPrefix = vue.computed(() => isTextArea.value ? "bk-textarea" : "bk-input");
       const _a = ctx.attrs, {
         class: cls,
         style
@@ -9285,13 +9287,13 @@ ${$(r2)}`), n2;
         "style"
       ]);
       const inputCls = vue.computed(() => classes({
-        [`${inputClsPrefix}--${props.size}`]: !!props.size,
+        [`${inputClsPrefix.value}--${props.size}`]: !!props.size,
         "is-focused": isFocused.value,
         "is-readonly": props.readonly,
         "is-disabled": props.disabled,
         "is-simplicity": props.behavior === "simplicity",
         [`${cls}`]: !!cls
-      }, inputClsPrefix));
+      }, inputClsPrefix.value));
       const suffixIconMap = {
         search: () => vue.createVNode(search, null, null),
         password: () => vue.createVNode(eye, {
@@ -9377,11 +9379,28 @@ ${$(r2)}`), n2;
         ctx.emit(EventEnum["update:modelValue"], newVal);
       }
       function getCls(name) {
-        return `${inputClsPrefix}--${name}`;
+        return `${inputClsPrefix.value}--${name}`;
       }
       function handleVisibleChange() {
         pwdVisible.value = !pwdVisible.value;
       }
+      const bindProps = vue.computed(() => ({
+        value: props.modelValue,
+        maxlength: props.maxlength,
+        placeholder: props.placeholder,
+        readonly: props.readonly,
+        disabled: props.disabled,
+        onInput: handleInput,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onPaste: handlePaste,
+        onChange: handleChange,
+        onKeypress: handleKeyPress,
+        onKeydown: handleKeydown,
+        onKeyup: handleKeyup,
+        onCompositionstart: handleCompositionStart,
+        onCompositionend: handleCompositionEnd
+      }));
       return () => {
         var _a2, _b, _c, _d, _e, _f;
         return vue.createVNode("div", {
@@ -9391,31 +9410,18 @@ ${$(r2)}`), n2;
           "class": getCls("prefix-area")
         }, [vue.createVNode("span", {
           "class": getCls("prefix-area--text")
-        }, [props.prefix])]), vue.createVNode("input", vue.mergeProps(inputAttrs, {
-          "class": `${inputClsPrefix}--text`,
-          "value": props.modelValue,
+        }, [props.prefix])]), isTextArea.value ? vue.createVNode("textarea", vue.mergeProps(inputAttrs, bindProps.value, {
+          "rows": props.rows
+        }), null) : vue.createVNode("input", vue.mergeProps(inputAttrs, {
+          "class": `${inputClsPrefix.value}--text`,
           "type": pwdVisible.value && props.type === "password" ? "text" : props.type,
-          "maxlength": props.maxlength,
           "step": props.step,
           "max": props.max,
-          "min": props.min,
-          "placeholder": props.placeholder,
-          "readonly": props.readonly,
-          "disabled": props.disabled,
-          "onInput": handleInput,
-          "onFocus": handleFocus,
-          "onBlur": handleBlur,
-          "onPaste": handlePaste,
-          "onChange": handleChange,
-          "onKeypress": handleKeyPress,
-          "onKeydown": handleKeydown,
-          "onKeyup": handleKeyup,
-          "onCompositionstart": handleCompositionStart,
-          "onCompositionend": handleCompositionEnd
-        }), null), props.clearable && !!props.modelValue && vue.createVNode(close$1, {
+          "min": props.min
+        }, bindProps.value), null), !isTextArea.value && props.clearable && !!props.modelValue && vue.createVNode(close$1, {
           "onClick": clear,
           "class": clearCls.value
-        }, null), suffixIcon.value, typeof props.maxlength === "number" && props.showWordLimit && vue.createVNode("p", {
+        }, null), suffixIcon.value, typeof props.maxlength === "number" && (props.showWordLimit || isTextArea.value) && vue.createVNode("p", {
           "class": getCls("max-length")
         }, [props.modelValue.toString().length, vue.createTextVNode("/"), vue.createVNode("span", null, [ceilMaxLength.value])]), isNumberInput.value && props.showControl && vue.createVNode("div", {
           "class": getCls("number-control")
@@ -12490,7 +12496,7 @@ ${$(r2)}`), n2;
     const {
       width
     } = root.getBoundingClientRect() || {};
-    let avgWidth = width;
+    let avgWidth = width - 4;
     const avgColIndexList = [];
     const resolveColNumberWidth = (col, numWidth, resetAvgWidth = true) => {
       Object.assign(col, {
@@ -12574,11 +12580,13 @@ ${$(r2)}`), n2;
   };
   class TableRender {
     constructor(props, ctx, reactiveProp, colgroups) {
+      __publicField(this, "getColumnClass", (colIndex) => `${this.uuid}-column-${colIndex}`);
       this.props = props;
       this.context = ctx;
       this.reactiveProp = reactiveProp;
       this.colgroups = colgroups;
       this.plugins = new TablePlugins(props, ctx);
+      this.uuid = random(8);
     }
     get propActiveCols() {
       return this.reactiveProp.activeColumns;
@@ -12660,12 +12668,13 @@ ${$(r2)}`), n2;
           "style": rowStyle,
           "onClick": (e) => this.handleRowClick(e, row, index, rows),
           "onDblclick": (e) => this.handleRowDblClick(e, row, index, rows)
-        }, [this.props.columns.map((column) => vue.createVNode("td", {
+        }, [this.props.columns.map((column, index2) => vue.createVNode("td", {
+          "class": this.getColumnClass(index2),
           "colspan": 1,
           "rowspan": 1
         }, [vue.createVNode("div", {
           "class": "cell"
-        }, [this.renderCell(row, column, index, rows)])]))]);
+        }, [this.renderCell(row, column, index2, rows)])]))]);
       })]);
     }
     handleRowClick(e, row, index, rows) {
@@ -12689,12 +12698,10 @@ ${$(r2)}`), n2;
         const colCls = classes({
           active: this.isColActive(index)
         });
-        const colStyle = {
-          width: resolveWidth(column.calcWidth)
-        };
+        const width = `${resolveWidth(column.calcWidth)}`.replace(/px$/i, "");
         return vue.createVNode("col", {
           "class": colCls,
-          "style": colStyle
+          "width": width
         }, null);
       })]);
     }

package/dist/style.css

@@ -1162,6 +1162,35 @@ optgroup {
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.bk-textarea {
+  width: 100%;
+  min-height: 70px;
+  font-size: 12px;
+  line-height: 20px;
+  background-color: white;
+  border: 1px solid #c4c6cc;
+  border-radius: 2px;
+  box-sizing: border-box;
+  transition: all 0.3s;
+}
+.bk-textarea > textarea {
+  width: 100%;
+  padding: 5px 10px;
+  line-height: 1.5;
+  text-align: left;
+  vertical-align: middle;
+  border: 0;
+  outline: none;
+  resize: none;
+}
+.bk-textarea--max-length {
+  align-self: center;
+  padding-right: 10px;
+  margin: 0;
+}
+.bk-textarea--max-length span {
+  color: #979ba5;
+}
 .bk-input {
   display: flex;
   align-items: stretch;
@@ -1191,12 +1220,24 @@ optgroup {
 }
 .bk-input--large {
   height: 38px;
+  font-size: 14px;
+}
+.bk-input--large--max-length {
   font-size: 16px;
 }
 .bk-input--small {
   height: 26px;
   font-size: 12px;
 }
+.bk-input--small--max-length {
+  font-size: 12px;
+}
+.bk-input--default {
+  font-size: 12px;
+}
+.bk-input--default--max-length {
+  font-size: 12px;
+}
 .bk-input.is-focused:not(.is-readonly) {
   border-color: #3a84ff;
   outline: 0;
@@ -1234,7 +1275,6 @@ optgroup {
 }
 .bk-input--text {
   padding: 0 10px;
-  font-size: 12px;
   line-height: 1;
   color: #63656e;
   background-color: white;
@@ -2766,6 +2806,7 @@ optgroup {
 .bk-table .bk-table-body table {
   width: 100%;
   border-collapse: collapse;
+  table-layout: fixed;
 }
 .bk-table .bk-table-head table th,
 .bk-table .bk-table-body table th,
@@ -2777,7 +2818,6 @@ optgroup {
 .bk-table .bk-table-body table th .cell,
 .bk-table .bk-table-head table td .cell,
 .bk-table .bk-table-body table td .cell {
-  height: var(--row-height);
   padding: 0 15px;
   overflow: hidden;
   line-height: var(--row-height);
@@ -2807,23 +2847,24 @@ optgroup {
 .bk-table .bk-table-footer {
   line-height: 40px;
 }
-.bk-table.bordered-row .cell {
+.bk-table.bordered-row td,
+.bk-table.bordered-row th {
   border-bottom: 1px solid #dcdee5;
 }
 .bk-table.bordered-outer {
   border-right: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
 }
-.bk-table.bordered-col th .cell,
-.bk-table.bordered-col td .cell {
+.bk-table.bordered-col th,
+.bk-table.bordered-col td {
   border-right: 1px solid #dcdee5;
 }
-.bk-table.bordered-col th:last-child .cell,
-.bk-table.bordered-col td:last-child .cell {
+.bk-table.bordered-col th:last-child,
+.bk-table.bordered-col td:last-child {
   border-right: none;
 }
-.bk-table.bordered-none th .cell,
-.bk-table.bordered-none td .cell {
+.bk-table.bordered-none th,
+.bk-table.bordered-none td {
   border-top: none;
   border-right: none;
   border-bottom: none;
@@ -4692,23 +4733,16 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
   scrollbar-width: thin;
 }
 .bk-virtual-render.bk-scroll-x::-webkit-scrollbar {
-  height: 8px;
-  background-color: transparent;
-}
-.bk-virtual-render.bk-scroll-x::-webkit-scrollbar-thumb {
-  background-color: #a0a0a0;
-  border-radius: 8px;
+  height: 6px;
 }
 .bk-virtual-render.bk-scroll-y {
   overflow-y: auto;
 }
 .bk-virtual-render.bk-scroll-y::-webkit-scrollbar {
-  width: 6px;
-  background-color: transparent;
+  width: 4px;
 }
 .bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb {
-  background-color: #dcdee5;
-  border-radius: 6px;
+  border-radius: 4px;
 }
 /* 边框色 */
 /* 按钮、表单边框颜色、禁用时文本颜色 */