bkui-vue 1.0.3-beta.26 → 1.0.3-beta.28

package/lib/table/plugins/head-filter.css

@@ -1,4 +1,4 @@
-:where(.bk-table-head-action) {
+.bk-table-head-action {
   display: flex;
   height: var(--row-height);
   padding: 0 10px 0 6px;
@@ -7,31 +7,31 @@
   cursor: pointer;
   align-items: center;
 }
-:where(.bk-table-head-action):last-of-type {
+.bk-table-head-action:last-of-type {
   margin-right: -10px;
 }
-:where(.bk-table-head-action).active {
+.bk-table-head-action.active {
   color: #3a84ff;
 }
-:where(.bk-table-head-action).opened {
+.bk-table-head-action.opened {
   color: inherit;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter {
+.bk-popover.bk-pop2-content.bk-table-head-filter {
   padding: 5px 0 0 0;
   background-color: #fff;
   border-radius: 2px;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list {
   display: inline-block;
   max-width: 300px;
   min-width: 200px;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
   max-height: 200px;
   min-height: 40px;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;
   padding: 0 10px;
@@ -40,19 +40,19 @@
   color: #63656e;
   text-align: left;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item:hover {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item:hover {
   background: #f0f1f5;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label:hover {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label:hover {
   background: #f0f1f5;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox-label {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox-label {
   white-space: nowrap;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox {
   margin-left: 0;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-footer {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
   padding: 12px;
   border-top: solid 1px #dcdee5;

package/lib/table/plugins/head-filter.less

@@ -1,5 +1,5 @@
 @import '../../styles/themes/themes.less';
-:where(.@{bk-prefix}-table-head-action) {
+.@{bk-prefix}-table-head-action {
   display: flex;
   height: var(--row-height);
   padding: 0 10px 0 6px;
@@ -21,13 +21,13 @@
   }
 }
 
-:where(.@{bk-prefix}-popover) {
+.@{bk-prefix}-popover {
   &.@{bk-prefix}-pop2-content {
     &.@{bk-prefix}-table-head-filter {
       padding: 5px 0 0 0;
       background-color: #fff;
       border-radius: 2px;
-      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
+      box-shadow: 0 3px 6px 0 rgba(0,0,0,.10);
 
       .content-list {
         display: inline-block;

package/lib/table/plugins/head-filter.variable.css

@@ -12,13 +12,13 @@
   --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;
   --line-height-base: 16px;
   --line-height-medium: 16px;
   --line-height-large: 18px;
-  --border-color: #dcdee5;
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
@@ -111,7 +111,7 @@
   --table-border-color: #dcdee5;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
-  --table-body-font-color: #63656e;
+  --table-body-font-color: #63656E;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
   --cascader-panel-border-color: #dcdee5;
@@ -127,7 +127,7 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-:where(.bk-table-head-action) {
+.bk-table-head-action {
   display: flex;
   height: var(--row-height);
   padding: 0 10px 0 6px;
@@ -136,31 +136,31 @@
   cursor: pointer;
   align-items: center;
 }
-:where(.bk-table-head-action):last-of-type {
+.bk-table-head-action:last-of-type {
   margin-right: -10px;
 }
-:where(.bk-table-head-action).active {
+.bk-table-head-action.active {
   color: #3a84ff;
 }
-:where(.bk-table-head-action).opened {
+.bk-table-head-action.opened {
   color: inherit;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter {
+.bk-popover.bk-pop2-content.bk-table-head-filter {
   padding: 5px 0 0 0;
   background-color: #fff;
   border-radius: 2px;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list {
   display: inline-block;
   max-width: 300px;
   min-width: 200px;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
   max-height: 200px;
   min-height: 40px;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;
   padding: 0 10px;
@@ -169,19 +169,19 @@
   color: #63656e;
   text-align: left;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item:hover {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item:hover {
   background: #f0f1f5;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label:hover {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label:hover {
   background: #f0f1f5;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox-label {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox-label {
   white-space: nowrap;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox {
   margin-left: 0;
 }
-:where(.bk-popover).bk-pop2-content.bk-table-head-filter .content-footer {
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
   padding: 12px;
   border-top: solid 1px #dcdee5;

package/lib/table/plugins/head-sort.css

@@ -1,4 +1,4 @@
-:where(.bk-head-cell-sort) {
+.bk-head-cell-sort {
   display: flex;
   height: 100%;
   padding: 0 4px;
@@ -9,18 +9,18 @@
   justify-content: center;
   align-items: center;
 }
-:where(.bk-head-cell-sort) .sort-action {
+.bk-head-cell-sort .sort-action {
   display: flex;
   height: 50%;
   color: #c0c4cc;
   cursor: pointer;
 }
-:where(.bk-head-cell-sort) .sort-action.active {
+.bk-head-cell-sort .sort-action.active {
   color: #3a84ff;
 }
-:where(.bk-head-cell-sort) .sort-action.sort-asc {
+.bk-head-cell-sort .sort-action.sort-asc {
   align-items: flex-end;
 }
-:where(.bk-head-cell-sort) .sort-action.sort-desc {
+.bk-head-cell-sort .sort-action.sort-desc {
   align-items: flex-start;
 }

package/lib/table/plugins/head-sort.less

@@ -1,6 +1,6 @@
 @import '../../styles/themes/themes.less';
 
-:where(.@{bk-prefix}-head-cell-sort) {
+.@{bk-prefix}-head-cell-sort {
   display: flex;
   height: 100%;
   padding: 0 4px;
@@ -29,4 +29,4 @@
       align-items: flex-start;
     }
   }
-}
+}

package/lib/table/plugins/head-sort.variable.css

@@ -12,13 +12,13 @@
   --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;
   --line-height-base: 16px;
   --line-height-medium: 16px;
   --line-height-large: 18px;
-  --border-color: #dcdee5;
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
@@ -111,7 +111,7 @@
   --table-border-color: #dcdee5;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
-  --table-body-font-color: #63656e;
+  --table-body-font-color: #63656E;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
   --cascader-panel-border-color: #dcdee5;
@@ -127,7 +127,7 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-:where(.bk-head-cell-sort) {
+.bk-head-cell-sort {
   display: flex;
   height: 100%;
   padding: 0 4px;
@@ -138,18 +138,18 @@
   justify-content: center;
   align-items: center;
 }
-:where(.bk-head-cell-sort) .sort-action {
+.bk-head-cell-sort .sort-action {
   display: flex;
   height: 50%;
   color: #c0c4cc;
   cursor: pointer;
 }
-:where(.bk-head-cell-sort) .sort-action.active {
+.bk-head-cell-sort .sort-action.active {
   color: #3a84ff;
 }
-:where(.bk-head-cell-sort) .sort-action.sort-asc {
+.bk-head-cell-sort .sort-action.sort-asc {
   align-items: flex-end;
 }
-:where(.bk-head-cell-sort) .sort-action.sort-desc {
+.bk-head-cell-sort .sort-action.sort-desc {
   align-items: flex-start;
 }

package/lib/table/plugins/settings.css

@@ -1,29 +1,29 @@
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] {
+.bk-table-settings[data-bk-table-settings-theme='true'] {
   padding: 0;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='top'] {
+.bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='top'] {
   border-right: solid 1px #dcdee5;
   border-bottom: solid 1px #dcdee5;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='bottom'] {
+.bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='bottom'] {
   border-top: solid 1px #dcdee5;
   border-left: solid 1px #dcdee5;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='left'] {
+.bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='left'] {
   border-top: solid 1px #dcdee5;
   border-right: solid 1px #dcdee5;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='right'] {
+.bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='right'] {
   border-bottom: solid 1px #dcdee5;
   border-left: solid 1px #dcdee5;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content {
   width: 515px;
   border: 1px solid #dcdee5;
   border-radius: 2px;
   opacity: 1;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head {
   position: relative;
   display: flex;
   padding: 0 24px;
@@ -33,13 +33,13 @@
   line-height: 32px;
   color: #313238;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
   position: absolute;
   top: 10px;
   right: 15px;
   cursor: pointer;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
   display: inline-block;
   height: 26px;
   margin: 24px 0;
@@ -47,58 +47,58 @@
   line-height: 26px;
   color: #313238;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body {
   max-height: 360px;
   padding: 0 24px;
   overflow-y: auto;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
   display: flex;
   font-size: 14px;
   line-height: 19px;
   color: #63656e;
   justify-content: space-between;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
   height: 22px;
   font-size: 14px;
   line-height: 22px;
   color: #313238;
   text-align: left;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
   color: #c4c6cc;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
   color: #3a84ff;
   cursor: pointer;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
   display: flex;
   max-height: 150px;
   align-items: flex-start;
   flex-wrap: wrap;
   margin-bottom: 16px;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
   width: 150px;
   height: 16px;
   margin-top: 16px;
   line-height: 16px;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
   display: flex;
   height: 76px;
   font-size: 14px;
   border-top: solid 1px #f0f1f5;
   align-items: center;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
   display: flex;
   width: 68px;
   height: 26px;
@@ -108,34 +108,34 @@
   justify-content: center;
   align-items: center;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
   color: #3a84ff;
   background: #e1ecff;
   border: 1px solid #a3c5fd;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
   border-right: none;
   border-left: none;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
   border-right: 1px solid #c4c6cc;
   border-left: 1px solid #c4c6cc;
   border-bottom-left-radius: 2px;
   border-top-left-radius: 2px;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-medium {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-medium {
   border-right: none;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
   border-right: 1px solid #c4c6cc;
   border-left: 1px solid #c4c6cc;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-medium {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-medium {
   border-left: none;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
   display: flex;
   height: 50px;
   padding: 0 24px;

package/lib/table/plugins/settings.less

@@ -1,6 +1,6 @@
 @import '../../styles/themes/themes.less';
 
-:where(.@{bk-prefix}-table-settings) {
+.@{bk-prefix}-table-settings {
   &[data-bk-table-settings-theme='true'] {
     padding: 0;
 
@@ -128,6 +128,7 @@
             justify-content: center;
             align-items: center;
 
+
             &.active {
               color: #3a84ff;
               background: #e1ecff;
@@ -162,6 +163,7 @@
             }
           }
         }
+
       }
 
       .setting-footer {

package/lib/table/plugins/settings.variable.css

@@ -12,13 +12,13 @@
   --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;
   --line-height-base: 16px;
   --line-height-medium: 16px;
   --line-height-large: 18px;
-  --border-color: #dcdee5;
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
@@ -111,7 +111,7 @@
   --table-border-color: #dcdee5;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
-  --table-body-font-color: #63656e;
+  --table-body-font-color: #63656E;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
   --cascader-panel-border-color: #dcdee5;
@@ -127,32 +127,32 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] {
+.bk-table-settings[data-bk-table-settings-theme='true'] {
   padding: 0;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='top'] {
+.bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='top'] {
   border-right: solid 1px #dcdee5;
   border-bottom: solid 1px #dcdee5;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='bottom'] {
+.bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='bottom'] {
   border-top: solid 1px #dcdee5;
   border-left: solid 1px #dcdee5;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='left'] {
+.bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='left'] {
   border-top: solid 1px #dcdee5;
   border-right: solid 1px #dcdee5;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='right'] {
+.bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='right'] {
   border-bottom: solid 1px #dcdee5;
   border-left: solid 1px #dcdee5;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content {
   width: 515px;
   border: 1px solid #dcdee5;
   border-radius: 2px;
   opacity: 1;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head {
   position: relative;
   display: flex;
   padding: 0 24px;
@@ -162,13 +162,13 @@
   line-height: 32px;
   color: #313238;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
   position: absolute;
   top: 10px;
   right: 15px;
   cursor: pointer;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
   display: inline-block;
   height: 26px;
   margin: 24px 0;
@@ -176,58 +176,58 @@
   line-height: 26px;
   color: #313238;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body {
   max-height: 360px;
   padding: 0 24px;
   overflow-y: auto;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
   display: flex;
   font-size: 14px;
   line-height: 19px;
   color: #63656e;
   justify-content: space-between;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
   height: 22px;
   font-size: 14px;
   line-height: 22px;
   color: #313238;
   text-align: left;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
   color: #c4c6cc;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
   color: #3a84ff;
   cursor: pointer;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
   display: flex;
   max-height: 150px;
   align-items: flex-start;
   flex-wrap: wrap;
   margin-bottom: 16px;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
   width: 150px;
   height: 16px;
   margin-top: 16px;
   line-height: 16px;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
   display: flex;
   height: 76px;
   font-size: 14px;
   border-top: solid 1px #f0f1f5;
   align-items: center;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
   display: flex;
   width: 68px;
   height: 26px;
@@ -237,34 +237,34 @@
   justify-content: center;
   align-items: center;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
   color: #3a84ff;
   background: #e1ecff;
   border: 1px solid #a3c5fd;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
   border-right: none;
   border-left: none;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
   border-right: 1px solid #c4c6cc;
   border-left: 1px solid #c4c6cc;
   border-bottom-left-radius: 2px;
   border-top-left-radius: 2px;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-medium {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-medium {
   border-right: none;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
   border-right: 1px solid #c4c6cc;
   border-left: 1px solid #c4c6cc;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-medium {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-medium {
   border-left: none;
 }
-:where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
+.bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
   display: flex;
   height: 50px;
   padding: 0 24px;