npm - bkui-vue - Versions diffs - 1.0.3-beta.25 → 1.0.3-beta.26 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (219) hide show

package/dist/index.cjs.js +46 -46
package/dist/index.esm.js +6148 -6162
package/dist/index.umd.js +46 -46
package/dist/style.css +1 -1
package/dist/style.variable.css +1 -1
package/lib/affix/affix.css +1 -1
package/lib/affix/affix.less +2 -2
package/lib/affix/affix.variable.css +3 -3
package/lib/alert/alert.css +21 -21
package/lib/alert/alert.less +17 -16
package/lib/alert/alert.variable.css +23 -23
package/lib/backtop/backtop.css +11 -11
package/lib/backtop/backtop.less +3 -3
package/lib/backtop/backtop.variable.css +13 -13
package/lib/badge/badge.css +32 -32
package/lib/badge/badge.less +5 -5
package/lib/badge/badge.variable.css +34 -34
package/lib/breadcrumb/breadcrumb.css +31 -31
package/lib/breadcrumb/breadcrumb.less +8 -8
package/lib/breadcrumb/breadcrumb.variable.css +33 -33
package/lib/button/button.css +69 -69
package/lib/button/button.less +3 -5
package/lib/button/button.variable.css +71 -71
package/lib/card/card.css +31 -31
package/lib/card/card.less +4 -4
package/lib/card/card.variable.css +33 -33
package/lib/cascader/cascader.css +63 -63
package/lib/cascader/cascader.less +12 -11
package/lib/cascader/cascader.variable.css +65 -65
package/lib/checkbox/checkbox.css +21 -21
package/lib/checkbox/checkbox.less +8 -8
package/lib/checkbox/checkbox.variable.css +23 -23
package/lib/code-diff/code-diff.css +97 -97
package/lib/code-diff/code-diff.less +3 -4
package/lib/code-diff/code-diff.variable.css +99 -99
package/lib/collapse/collapse.css +30 -30
package/lib/collapse/collapse.less +25 -24
package/lib/collapse/collapse.variable.css +32 -32
package/lib/collapse-transition/collapse-transition.css +32 -32
package/lib/collapse-transition/collapse-transition.less +59 -48
package/lib/collapse-transition/collapse-transition.variable.css +34 -34
package/lib/color-picker/color-picker.css +57 -57
package/lib/color-picker/color-picker.less +36 -30
package/lib/color-picker/color-picker.variable.css +59 -59
package/lib/config-provider/config-provider.variable.css +2 -2
package/lib/container/container.css +19 -19
package/lib/container/container.less +3 -3
package/lib/container/container.variable.css +21 -21
package/lib/date-picker/date-picker.css +92 -92
package/lib/date-picker/date-picker.d.ts +0 -1
package/lib/date-picker/date-picker.less +55 -54
package/lib/date-picker/date-picker.variable.css +94 -94
package/lib/date-picker/index.d.ts +0 -3
package/lib/date-picker/index.js +8 -8
package/lib/date-picker/time-picker.d.ts +0 -1
package/lib/dialog/dialog.css +51 -51
package/lib/dialog/dialog.less +1 -1
package/lib/dialog/dialog.variable.css +53 -53
package/lib/divider/divider.css +8 -8
package/lib/divider/divider.less +5 -8
package/lib/divider/divider.variable.css +10 -10
package/lib/dropdown/dropdown.css +15 -15
package/lib/dropdown/dropdown.less +6 -6
package/lib/dropdown/dropdown.variable.css +17 -17
package/lib/exception/exception.css +13 -13
package/lib/exception/exception.less +6 -6
package/lib/exception/exception.variable.css +15 -15
package/lib/fixed-navbar/fixed-navbar.css +9 -9
package/lib/fixed-navbar/fixed-navbar.less +1 -2
package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
package/lib/form/form.css +63 -63
package/lib/form/form.less +14 -16
package/lib/form/form.variable.css +65 -65
package/lib/image/image-viewer.css +23 -23
package/lib/image/image-viewer.less +24 -25
package/lib/image/image-viewer.variable.css +25 -25
package/lib/image/image.css +29 -29
package/lib/image/image.less +6 -8
package/lib/image/image.variable.css +31 -31
package/lib/info-box/info-box.css +10 -10
package/lib/info-box/info-box.less +1 -2
package/lib/info-box/info-box.variable.css +12 -12
package/lib/input/input.css +102 -104
package/lib/input/input.less +27 -33
package/lib/input/input.variable.css +104 -106
package/lib/link/link.css +18 -18
package/lib/link/link.less +1 -3
package/lib/link/link.variable.css +20 -20
package/lib/loading/loading.css +94 -94
package/lib/loading/loading.less +4 -4
package/lib/loading/loading.variable.css +96 -96
package/lib/menu/menu.css +38 -38
package/lib/menu/menu.less +10 -10
package/lib/menu/menu.variable.css +40 -40
package/lib/menu/submenu.css +1 -1
package/lib/menu/submenu.less +1 -1
package/lib/menu/submenu.variable.css +3 -3
package/lib/message/message.css +59 -59
package/lib/message/message.less +25 -24
package/lib/message/message.variable.css +61 -61
package/lib/modal/modal.css +26 -26
package/lib/modal/modal.less +8 -12
package/lib/modal/modal.variable.css +28 -28
package/lib/navigation/navigation.css +25 -25
package/lib/navigation/navigation.less +9 -9
package/lib/navigation/navigation.variable.css +27 -27
package/lib/notify/notify.css +17 -17
package/lib/notify/notify.less +8 -6
package/lib/notify/notify.variable.css +19 -19
package/lib/pagination/pagination.css +60 -60
package/lib/pagination/pagination.less +24 -25
package/lib/pagination/pagination.variable.css +62 -62
package/lib/pop-confirm/pop-confirm.css +10 -10
package/lib/pop-confirm/pop-confirm.less +14 -11
package/lib/pop-confirm/pop-confirm.variable.css +12 -12
package/lib/popover/popover.css +5 -5
package/lib/popover/popover.less +5 -6
package/lib/popover/popover.variable.css +7 -7
package/lib/process/process.css +36 -33
package/lib/process/process.less +8 -7
package/lib/process/process.variable.css +38 -35
package/lib/progress/progress.css +33 -33
package/lib/progress/progress.less +6 -5
package/lib/progress/progress.variable.css +35 -35
package/lib/radio/radio.css +51 -51
package/lib/radio/radio.less +13 -20
package/lib/radio/radio.variable.css +53 -53
package/lib/rate/rate.css +2 -2
package/lib/rate/rate.less +1 -1
package/lib/rate/rate.variable.css +4 -4
package/lib/rate/star.css +7 -7
package/lib/rate/star.less +1 -1
package/lib/rate/star.variable.css +9 -9
package/lib/resize-layout/resize-layout.css +42 -42
package/lib/resize-layout/resize-layout.less +17 -10
package/lib/resize-layout/resize-layout.variable.css +44 -44
package/lib/search-select/search-select.css +15 -15
package/lib/search-select/search-select.variable.css +17 -17
package/lib/select/select.css +87 -87
package/lib/select/select.less +27 -22
package/lib/select/select.variable.css +89 -89
package/lib/shared/index.js +6 -4
package/lib/sideslider/sideslider.css +14 -14
package/lib/sideslider/sideslider.less +9 -13
package/lib/sideslider/sideslider.variable.css +16 -16
package/lib/slider/slider.css +31 -31
package/lib/slider/slider.less +8 -8
package/lib/slider/slider.variable.css +33 -33
package/lib/steps/steps.css +134 -134
package/lib/steps/steps.less +44 -48
package/lib/steps/steps.variable.css +136 -136
package/lib/styles/mixins/animate.css +4 -4
package/lib/styles/mixins/animate.less +3 -3
package/lib/styles/mixins/animate.variable.css +6 -6
package/lib/styles/mixins/mixins.css +15 -15
package/lib/styles/mixins/mixins.variable.css +15 -15
package/lib/styles/mixins/popper.css +11 -11
package/lib/styles/mixins/popper.less +6 -6
package/lib/styles/mixins/popper.variable.css +13 -13
package/lib/styles/mixins/scroll.css +5 -5
package/lib/styles/mixins/scroll.less +4 -4
package/lib/styles/mixins/scroll.variable.css +7 -7
package/lib/styles/reset.css +6 -6
package/lib/styles/reset.less +4 -5
package/lib/styles/reset.variable.css +8 -8
package/lib/styles/themes/themes copy.less +167 -0
package/lib/styles/themes/themes.less +3 -10
package/lib/swiper/swiper.css +15 -15
package/lib/swiper/swiper.less +8 -8
package/lib/swiper/swiper.variable.css +17 -17
package/lib/switcher/switcher.css +57 -57
package/lib/switcher/switcher.less +14 -22
package/lib/switcher/switcher.variable.css +59 -59
package/lib/tab/tab.css +78 -78
package/lib/tab/tab.less +40 -39
package/lib/tab/tab.variable.css +80 -80
package/lib/table/components/table-column.d.ts +0 -1
package/lib/table/index.d.ts +0 -1
package/lib/table/index.js +0 -20
package/lib/table/plugins/head-filter.css +13 -13
package/lib/table/plugins/head-filter.less +3 -3
package/lib/table/plugins/head-filter.variable.css +15 -15
package/lib/table/plugins/head-sort.css +5 -5
package/lib/table/plugins/head-sort.less +2 -2
package/lib/table/plugins/head-sort.variable.css +7 -7
package/lib/table/plugins/settings.css +26 -26
package/lib/table/plugins/settings.less +1 -3
package/lib/table/plugins/settings.variable.css +28 -28
package/lib/table/table.css +380 -380
package/lib/table/table.less +10 -14
package/lib/table/table.variable.css +382 -382
package/lib/table-column/index.d.ts +0 -3
package/lib/table-column/index.js +0 -15
package/lib/tag/tag.css +51 -51
package/lib/tag/tag.less +34 -34
package/lib/tag/tag.variable.css +53 -53
package/lib/tag-input/tag-input.css +38 -38
package/lib/tag-input/tag-input.less +3 -3
package/lib/tag-input/tag-input.variable.css +40 -40
package/lib/time-picker/index.d.ts +0 -3
package/lib/time-picker/time-picker.css +40 -40
package/lib/time-picker/time-picker.less +76 -44
package/lib/time-picker/time-picker.variable.css +42 -42
package/lib/timeline/timeline.css +69 -69
package/lib/timeline/timeline.less +6 -12
package/lib/timeline/timeline.variable.css +71 -71
package/lib/transfer/transfer.css +89 -89
package/lib/transfer/transfer.less +1 -1
package/lib/transfer/transfer.variable.css +91 -91
package/lib/tree/tree.css +49 -49
package/lib/tree/tree.less +6 -7
package/lib/tree/tree.variable.css +51 -51
package/lib/upload/upload.css +98 -98
package/lib/upload/upload.less +68 -69
package/lib/upload/upload.variable.css +100 -100
package/lib/virtual-render/virtual-render.css +9 -9
package/lib/virtual-render/virtual-render.less +1 -1
package/lib/virtual-render/virtual-render.variable.css +11 -11
package/package.json +1 -1

package/lib/timeline/timeline.variable.css CHANGED Viewed

@@ -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;
@@ -130,7 +130,7 @@
 * {
   box-sizing: border-box;
 }
-.bk-timeline {
+:where(.bk-timeline) {
   padding: 0;
   margin: 16px 0 0;
   font-style: normal;
@@ -139,7 +139,7 @@
   text-align: left;
   list-style: none;
 }
-.bk-timeline .bk-timeline-dot {
+:where(.bk-timeline) .bk-timeline-dot {
   position: relative;
   padding-bottom: 24px;
   padding-left: 16px;
@@ -148,7 +148,7 @@
   font-size: 0;
   border-left: 1px solid #d8d8d8;
 }
-.bk-timeline .bk-timeline-dot::before {
+:where(.bk-timeline) .bk-timeline-dot::before {
   position: absolute;
   top: calc(12px * -1);
   left: -6px;
@@ -161,12 +161,12 @@
   content: '';
   box-sizing: border-box;
 }
-.bk-timeline .bk-timeline-dot:last-child {
+:where(.bk-timeline) .bk-timeline-dot:last-child {
   padding-bottom: 0;
   /* 保留border使用间距保持一致 */
   border-left: 1px solid transparent;
 }
-.bk-timeline .bk-timeline-dot .bk-timeline-title {
+:where(.bk-timeline) .bk-timeline-dot .bk-timeline-title {
   display: inline-block;
   padding-bottom: 10px;
   margin-top: -3px;
@@ -174,13 +174,13 @@
   color: #63656e;
   cursor: pointer;
 }
-.bk-timeline .bk-timeline-dot .bk-timeline-content {
+:where(.bk-timeline) .bk-timeline-dot .bk-timeline-content {
   max-width: 300px;
   font-size: 14px;
   color: #979ba5;
   word-break: break-all;
 }
-.bk-timeline .bk-timeline-dot .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-dot .bk-timeline-icon {
   position: absolute;
   top: calc(16px * -1);
   left: -8px;
@@ -192,165 +192,165 @@
   justify-content: center;
   align-items: center;
 }
-.bk-timeline .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner {
+:where(.bk-timeline) .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner {
   display: inline-block;
 }
-.bk-timeline .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner > :first-child {
+:where(.bk-timeline) .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner > :first-child {
   font-size: 12px;
 }
-.bk-timeline .bk-timeline-dot .bk-timeline-section {
+:where(.bk-timeline) .bk-timeline-dot .bk-timeline-section {
   position: relative;
   top: calc((11px + 2px) * -1);
 }
-.bk-timeline .bk-timeline-dot.bk-timeline-large {
+:where(.bk-timeline) .bk-timeline-dot.bk-timeline-large {
   margin-top: calc(15px + 2px);
 }
-.bk-timeline .bk-timeline-dot.bk-timeline-large::before {
+:where(.bk-timeline) .bk-timeline-dot.bk-timeline-large::before {
   top: calc((15px + 1px) * -1);
   left: -8px;
   width: 15px;
   height: 15px;
 }
-.bk-timeline .bk-timeline-dot.bk-timeline-large > .bk-timeline-section {
+:where(.bk-timeline) .bk-timeline-dot.bk-timeline-large > .bk-timeline-section {
   top: calc((15px + 1px) * -1);
 }
-.bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon {
+:where(.bk-timeline) .bk-timeline-dot.bk-timeline-item-custom-icon {
   margin-top: calc(15px + 2px);
 }
-.bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon::before {
+:where(.bk-timeline) .bk-timeline-dot.bk-timeline-item-custom-icon::before {
   display: none;
 }
-.bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon > .bk-timeline-section {
+:where(.bk-timeline) .bk-timeline-dot.bk-timeline-item-custom-icon > .bk-timeline-section {
   top: calc((15px + 1px) * -1);
 }
-.bk-timeline .bk-timeline-dot:first-child {
+:where(.bk-timeline) .bk-timeline-dot:first-child {
   margin-top: 0;
 }
-.bk-timeline .bk-timeline-custom::before {
+:where(.bk-timeline) .bk-timeline-custom::before {
   /* stylelint-disable-next-line declaration-no-important */
   border: none !important;
 }
-.bk-timeline .bk-timeline-custom .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-custom .bk-timeline-icon {
   /* stylelint-disable-next-line declaration-no-important */
   border: none !important;
 }
-.bk-timeline .bk-timeline-primary {
+:where(.bk-timeline) .bk-timeline-primary {
   border-left: 1px solid var(--primary-color);
 }
-.bk-timeline .bk-timeline-primary::before,
-.bk-timeline .bk-timeline-primary .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-primary::before,
+:where(.bk-timeline) .bk-timeline-primary .bk-timeline-icon {
   color: var(--primary-color);
   border: 2px solid var(--primary-color);
 }
-.bk-timeline .bk-timeline-primary.bk-timeline-filled::before,
-.bk-timeline .bk-timeline-primary.bk-timeline-filled .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-primary.bk-timeline-filled::before,
+:where(.bk-timeline) .bk-timeline-primary.bk-timeline-filled .bk-timeline-icon {
   background: var(--primary-color);
 }
-.bk-timeline .bk-timeline-warning {
+:where(.bk-timeline) .bk-timeline-warning {
   border-left: 1px solid var(--warning-color);
 }
-.bk-timeline .bk-timeline-warning::before,
-.bk-timeline .bk-timeline-warning .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-warning::before,
+:where(.bk-timeline) .bk-timeline-warning .bk-timeline-icon {
   color: var(--warning-color);
   border: 2px solid var(--warning-color);
 }
-.bk-timeline .bk-timeline-warning.bk-timeline-filled::before,
-.bk-timeline .bk-timeline-warning.bk-timeline-filled .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-warning.bk-timeline-filled::before,
+:where(.bk-timeline) .bk-timeline-warning.bk-timeline-filled .bk-timeline-icon {
   background: var(--warning-color);
 }
-.bk-timeline .bk-timeline-success {
+:where(.bk-timeline) .bk-timeline-success {
   border-left: 1px solid var(--success-color);
 }
-.bk-timeline .bk-timeline-success::before,
-.bk-timeline .bk-timeline-success .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-success::before,
+:where(.bk-timeline) .bk-timeline-success .bk-timeline-icon {
   color: var(--success-color);
   border: 2px solid var(--success-color);
 }
-.bk-timeline .bk-timeline-success.bk-timeline-filled::before,
-.bk-timeline .bk-timeline-success.bk-timeline-filled .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-success.bk-timeline-filled::before,
+:where(.bk-timeline) .bk-timeline-success.bk-timeline-filled .bk-timeline-icon {
   background: var(--success-color);
 }
-.bk-timeline .bk-timeline-danger {
+:where(.bk-timeline) .bk-timeline-danger {
   border-left: 1px solid var(--danger-color);
 }
-.bk-timeline .bk-timeline-danger::before,
-.bk-timeline .bk-timeline-danger .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-danger::before,
+:where(.bk-timeline) .bk-timeline-danger .bk-timeline-icon {
   color: var(--danger-color);
   border: 2px solid var(--danger-color);
 }
-.bk-timeline .bk-timeline-danger.bk-timeline-filled::before,
-.bk-timeline .bk-timeline-danger.bk-timeline-filled .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-danger.bk-timeline-filled::before,
+:where(.bk-timeline) .bk-timeline-danger.bk-timeline-filled .bk-timeline-icon {
   background: var(--danger-color);
 }
-.bk-timeline .bk-timeline-blue::before,
-.bk-timeline .bk-timeline-blue .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-blue::before,
+:where(.bk-timeline) .bk-timeline-blue .bk-timeline-icon {
   color: #3a84ff;
   border: 2px solid #3a84ff;
 }
-.bk-timeline .bk-timeline-blue.bk-timeline-filled::before,
-.bk-timeline .bk-timeline-blue.bk-timeline-filled .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-blue.bk-timeline-filled::before,
+:where(.bk-timeline) .bk-timeline-blue.bk-timeline-filled .bk-timeline-icon {
   background: #3a84ff;
 }
-.bk-timeline .bk-timeline-red::before,
-.bk-timeline .bk-timeline-red .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-red::before,
+:where(.bk-timeline) .bk-timeline-red .bk-timeline-icon {
   color: #ea3636;
   border: 2px solid #ea3636;
 }
-.bk-timeline .bk-timeline-red.bk-timeline-filled::before,
-.bk-timeline .bk-timeline-red.bk-timeline-filled .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-red.bk-timeline-filled::before,
+:where(.bk-timeline) .bk-timeline-red.bk-timeline-filled .bk-timeline-icon {
   background: #ea3636;
 }
-.bk-timeline .bk-timeline-green::before,
-.bk-timeline .bk-timeline-green .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-green::before,
+:where(.bk-timeline) .bk-timeline-green .bk-timeline-icon {
   color: #2dcb56;
   border: 2px solid #2dcb56;
 }
-.bk-timeline .bk-timeline-green.bk-timeline-filled::before,
-.bk-timeline .bk-timeline-green.bk-timeline-filled .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-green.bk-timeline-filled::before,
+:where(.bk-timeline) .bk-timeline-green.bk-timeline-filled .bk-timeline-icon {
   background: #2dcb56;
 }
-.bk-timeline .bk-timeline-yellow::before,
-.bk-timeline .bk-timeline-yellow .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-yellow::before,
+:where(.bk-timeline) .bk-timeline-yellow .bk-timeline-icon {
   color: #ff9c01;
   border: 2px solid #ff9c01;
 }
-.bk-timeline .bk-timeline-yellow.bk-timeline-filled::before,
-.bk-timeline .bk-timeline-yellow.bk-timeline-filled .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-yellow.bk-timeline-filled::before,
+:where(.bk-timeline) .bk-timeline-yellow.bk-timeline-filled .bk-timeline-icon {
   background: #ff9c01;
 }
-.bk-timeline .bk-timeline-gray::before,
-.bk-timeline .bk-timeline-gray .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-gray::before,
+:where(.bk-timeline) .bk-timeline-gray .bk-timeline-icon {
   color: #63656e;
   border: 2px solid #63656e;
 }
-.bk-timeline .bk-timeline-gray.bk-timeline-filled::before,
-.bk-timeline .bk-timeline-gray.bk-timeline-filled .bk-timeline-icon {
+:where(.bk-timeline) .bk-timeline-gray.bk-timeline-filled::before,
+:where(.bk-timeline) .bk-timeline-gray.bk-timeline-filled .bk-timeline-icon {
   background: #63656e;
 }
-.bk-timeline-dashed .bk-step .bk-step-title::after,
-.bk-timeline-dashed .bk-step .bk-step-indicator::after {
+:where(.bk-timeline) .bk-timeline-dashed .bk-step .bk-step-title::after,
+:where(.bk-timeline) .bk-timeline-dashed .bk-step .bk-step-indicator::after {
   background-image: linear-gradient(to right, var(--light-gray) 50%, transparent 0%);
   background-position: bottom;
   background-repeat: repeat-x;
   background-size: 6px 1px;
 }
-.bk-timeline-solid .bk-step .bk-step-title::after,
-.bk-timeline-solid .bk-step .bk-step-indicator::after {
+:where(.bk-timeline) .bk-timeline-solid .bk-step .bk-step-title::after,
+:where(.bk-timeline) .bk-timeline-solid .bk-step .bk-step-indicator::after {
   background-color: var(--light-gray);
 }
-.bk-timeline-vertical {
+:where(.bk-timeline) .bk-timeline-vertical {
   height: 100%;
   flex-direction: column;
 }
-.bk-timeline-vertical .bk-step {
+:where(.bk-timeline) .bk-timeline-vertical .bk-step {
   margin-right: 0;
   margin-bottom: 8px;
 }
-.bk-timeline-vertical .bk-step .bk-step-title::after,
-.bk-timeline-vertical .bk-step .bk-step-indicator::after {
+:where(.bk-timeline) .bk-timeline-vertical .bk-step .bk-step-title::after,
+:where(.bk-timeline) .bk-timeline-vertical .bk-step .bk-step-indicator::after {
   display: none;
 }
-.bk-timeline-vertical .bk-step::after {
+:where(.bk-timeline) .bk-timeline-vertical .bk-step::after {
   position: absolute;
   top: 32px;
   left: 12px;
@@ -362,7 +362,7 @@
   background-size: 1px 6px;
   content: '';
 }
-.bk-timeline-vertical .bk-step .bk-step-title {
+:where(.bk-timeline) .bk-timeline-vertical .bk-step .bk-step-title {
   display: flex;
   height: 100%;
   margin-top: 0;

package/lib/transfer/transfer.css CHANGED Viewed

@@ -1,18 +1,18 @@
-.bk-transfer {
+:where(.bk-transfer) {
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 14px;
 }
-.bk-transfer .transfer {
+:where(.bk-transfer) .transfer {
   margin: 0 8px;
   font-size: 24px;
   color: #c4c6cc;
 }
-.bk-transfer .transfer-button-group {
+:where(.bk-transfer) .transfer-button-group {
   margin: 0 8px;
 }
-.bk-transfer .transfer-button-group .transfer-button {
+:where(.bk-transfer) .transfer-button-group .transfer-button {
   display: flex;
   width: 24px;
   height: 24px;
@@ -24,20 +24,20 @@
   align-items: center;
   justify-content: center;
 }
-.bk-transfer .transfer-button-group .transfer-button:first-child {
+:where(.bk-transfer) .transfer-button-group .transfer-button:first-child {
   margin-bottom: 8px;
 }
-.bk-transfer .transfer-button-group .transfer-button.disabled {
+:where(.bk-transfer) .transfer-button-group .transfer-button.disabled {
   color: #c4c6cc;
   cursor: not-allowed;
   background-color: #fafbfd;
   border-color: #dcdee5;
 }
-.bk-transfer .transfer-button-group .transfer-button span {
+:where(.bk-transfer) .transfer-button-group .transfer-button span {
   font-size: 18px;
 }
-.bk-transfer .source-list,
-.bk-transfer .target-list {
+:where(.bk-transfer) .source-list,
+:where(.bk-transfer) .target-list {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -48,41 +48,41 @@
   border: 1px solid #dcdee5;
   border-radius: 2px;
 }
-.bk-transfer .source-list .slot-header,
-.bk-transfer .target-list .slot-header,
-.bk-transfer .source-list .header,
-.bk-transfer .target-list .header {
+:where(.bk-transfer) .source-list .slot-header,
+:where(.bk-transfer) .target-list .slot-header,
+:where(.bk-transfer) .source-list .header,
+:where(.bk-transfer) .target-list .header {
   height: 40px;
   padding: 0 16px;
   background-color: #fafbfd;
   border-bottom: 1px solid #dcdee5;
 }
-.bk-transfer .source-list .header,
-.bk-transfer .target-list .header {
+:where(.bk-transfer) .source-list .header,
+:where(.bk-transfer) .target-list .header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-weight: 700;
 }
-.bk-transfer .source-list .header .select-all,
-.bk-transfer .target-list .header .select-all {
+:where(.bk-transfer) .source-list .header .select-all,
+:where(.bk-transfer) .target-list .header .select-all {
   font-size: 12px;
   font-weight: normal;
   color: #3a84ff;
   cursor: pointer;
 }
-.bk-transfer .source-list .header .select-all.disabled,
-.bk-transfer .target-list .header .select-all.disabled {
+:where(.bk-transfer) .source-list .header .select-all.disabled,
+:where(.bk-transfer) .target-list .header .select-all.disabled {
   color: #c4c6cc;
   cursor: not-allowed;
 }
-.bk-transfer .source-list .header .select-total-count,
-.bk-transfer .target-list .header .select-total-count {
+:where(.bk-transfer) .source-list .header .select-total-count,
+:where(.bk-transfer) .target-list .header .select-total-count {
   font-weight: normal;
   color: #979ba5;
 }
-.bk-transfer .source-list .transfer-search-input,
-.bk-transfer .target-list .transfer-search-input {
+:where(.bk-transfer) .source-list .transfer-search-input,
+:where(.bk-transfer) .target-list .transfer-search-input {
   width: calc(100% - 32px);
   height: 30px;
   margin: 8px 16px 0;
@@ -91,22 +91,22 @@
   border-radius: 0;
   outline: none;
 }
-.bk-transfer .source-list .transfer-search-input.is-focused,
-.bk-transfer .target-list .transfer-search-input.is-focused {
+:where(.bk-transfer) .source-list .transfer-search-input.is-focused,
+:where(.bk-transfer) .target-list .transfer-search-input.is-focused {
   box-shadow: none;
 }
-.bk-transfer .source-list .transfer-search-input .icon-search,
-.bk-transfer .target-list .transfer-search-input .icon-search {
+:where(.bk-transfer) .source-list .transfer-search-input .icon-search,
+:where(.bk-transfer) .target-list .transfer-search-input .icon-search {
   font-size: 18px;
   line-height: 28px;
   color: #c4c6cc;
 }
-.bk-transfer .source-list .transfer-search-input input,
-.bk-transfer .target-list .transfer-search-input input {
+:where(.bk-transfer) .source-list .transfer-search-input input,
+:where(.bk-transfer) .target-list .transfer-search-input input {
   padding-left: 4px;
 }
-.bk-transfer .source-list .empty,
-.bk-transfer .target-list .empty {
+:where(.bk-transfer) .source-list .empty,
+:where(.bk-transfer) .target-list .empty {
   flex: 1;
   display: flex;
   align-items: center;
@@ -115,23 +115,23 @@
   color: #c4c6cc;
   cursor: default;
 }
-.bk-transfer .source-list .content,
-.bk-transfer .target-list .content {
+:where(.bk-transfer) .source-list .content,
+:where(.bk-transfer) .target-list .content {
   flex: 1;
   margin: 4px 0;
   overflow-y: auto;
 }
-.bk-transfer .source-list .content.is-flex,
-.bk-transfer .target-list .content.is-flex {
+:where(.bk-transfer) .source-list .content.is-flex,
+:where(.bk-transfer) .target-list .content.is-flex {
   display: flex;
   flex-direction: column;
 }
-.bk-transfer .source-list .content li.custom-item,
-.bk-transfer .target-list .content li.custom-item,
-.bk-transfer .source-list .content li .item-content,
-.bk-transfer .target-list .content li .item-content,
-.bk-transfer .source-list .content .checkbox-item,
-.bk-transfer .target-list .content .checkbox-item {
+:where(.bk-transfer) .source-list .content li.custom-item,
+:where(.bk-transfer) .target-list .content li.custom-item,
+:where(.bk-transfer) .source-list .content li .item-content,
+:where(.bk-transfer) .target-list .content li .item-content,
+:where(.bk-transfer) .source-list .content .checkbox-item,
+:where(.bk-transfer) .target-list .content .checkbox-item {
   display: flex;
   height: 32px;
   padding: 0 16px;
@@ -139,80 +139,80 @@
   cursor: pointer;
   align-items: center;
 }
-.bk-transfer .source-list .content li.custom-item:hover:not(.is-disabled),
-.bk-transfer .target-list .content li.custom-item:hover:not(.is-disabled),
-.bk-transfer .source-list .content li .item-content:hover:not(.is-disabled),
-.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled),
-.bk-transfer .source-list .content .checkbox-item:hover:not(.is-disabled),
-.bk-transfer .target-list .content .checkbox-item:hover:not(.is-disabled) {
+:where(.bk-transfer) .source-list .content li.custom-item:hover:not(.is-disabled),
+:where(.bk-transfer) .target-list .content li.custom-item:hover:not(.is-disabled),
+:where(.bk-transfer) .source-list .content li .item-content:hover:not(.is-disabled),
+:where(.bk-transfer) .target-list .content li .item-content:hover:not(.is-disabled),
+:where(.bk-transfer) .source-list .content .checkbox-item:hover:not(.is-disabled),
+:where(.bk-transfer) .target-list .content .checkbox-item:hover:not(.is-disabled) {
   color: #3a84ff;
   background-color: #e1ecff;
 }
-.bk-transfer .source-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
-.bk-transfer .target-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
-.bk-transfer .source-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper,
-.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper,
-.bk-transfer .source-list .content .checkbox-item:hover:not(.is-disabled) .icon-wrapper,
-.bk-transfer .target-list .content .checkbox-item:hover:not(.is-disabled) .icon-wrapper {
+:where(.bk-transfer) .source-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
+:where(.bk-transfer) .target-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
+:where(.bk-transfer) .source-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper,
+:where(.bk-transfer) .target-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper,
+:where(.bk-transfer) .source-list .content .checkbox-item:hover:not(.is-disabled) .icon-wrapper,
+:where(.bk-transfer) .target-list .content .checkbox-item:hover:not(.is-disabled) .icon-wrapper {
   visibility: visible;
 }
-.bk-transfer .source-list .content li.custom-item .content-text,
-.bk-transfer .target-list .content li.custom-item .content-text,
-.bk-transfer .source-list .content li .item-content .content-text,
-.bk-transfer .target-list .content li .item-content .content-text,
-.bk-transfer .source-list .content .checkbox-item .content-text,
-.bk-transfer .target-list .content .checkbox-item .content-text {
+:where(.bk-transfer) .source-list .content li.custom-item .content-text,
+:where(.bk-transfer) .target-list .content li.custom-item .content-text,
+:where(.bk-transfer) .source-list .content li .item-content .content-text,
+:where(.bk-transfer) .target-list .content li .item-content .content-text,
+:where(.bk-transfer) .source-list .content .checkbox-item .content-text,
+:where(.bk-transfer) .target-list .content .checkbox-item .content-text {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-transfer .source-list .content li.custom-item .icon-wrapper,
-.bk-transfer .target-list .content li.custom-item .icon-wrapper,
-.bk-transfer .source-list .content li .item-content .icon-wrapper,
-.bk-transfer .target-list .content li .item-content .icon-wrapper,
-.bk-transfer .source-list .content .checkbox-item .icon-wrapper,
-.bk-transfer .target-list .content .checkbox-item .icon-wrapper {
+:where(.bk-transfer) .source-list .content li.custom-item .icon-wrapper,
+:where(.bk-transfer) .target-list .content li.custom-item .icon-wrapper,
+:where(.bk-transfer) .source-list .content li .item-content .icon-wrapper,
+:where(.bk-transfer) .target-list .content li .item-content .icon-wrapper,
+:where(.bk-transfer) .source-list .content .checkbox-item .icon-wrapper,
+:where(.bk-transfer) .target-list .content .checkbox-item .icon-wrapper {
   visibility: hidden;
 }
-.bk-transfer .source-list .content li.custom-item .icon-wrapper .bk-icon,
-.bk-transfer .target-list .content li.custom-item .icon-wrapper .bk-icon,
-.bk-transfer .source-list .content li .item-content .icon-wrapper .bk-icon,
-.bk-transfer .target-list .content li .item-content .icon-wrapper .bk-icon,
-.bk-transfer .source-list .content .checkbox-item .icon-wrapper .bk-icon,
-.bk-transfer .target-list .content .checkbox-item .icon-wrapper .bk-icon {
+:where(.bk-transfer) .source-list .content li.custom-item .icon-wrapper .bk-icon,
+:where(.bk-transfer) .target-list .content li.custom-item .icon-wrapper .bk-icon,
+:where(.bk-transfer) .source-list .content li .item-content .icon-wrapper .bk-icon,
+:where(.bk-transfer) .target-list .content li .item-content .icon-wrapper .bk-icon,
+:where(.bk-transfer) .source-list .content .checkbox-item .icon-wrapper .bk-icon,
+:where(.bk-transfer) .target-list .content .checkbox-item .icon-wrapper .bk-icon {
   display: flex;
   font-size: 30px;
 }
-.bk-transfer .source-list .content li.custom-item .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content li.custom-item .icon-wrapper .icon-delete,
-.bk-transfer .source-list .content li .item-content .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content li .item-content .icon-wrapper .icon-delete,
-.bk-transfer .source-list .content .checkbox-item .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content .checkbox-item .icon-wrapper .icon-delete {
+:where(.bk-transfer) .source-list .content li.custom-item .icon-wrapper .icon-delete,
+:where(.bk-transfer) .target-list .content li.custom-item .icon-wrapper .icon-delete,
+:where(.bk-transfer) .source-list .content li .item-content .icon-wrapper .icon-delete,
+:where(.bk-transfer) .target-list .content li .item-content .icon-wrapper .icon-delete,
+:where(.bk-transfer) .source-list .content .checkbox-item .icon-wrapper .icon-delete,
+:where(.bk-transfer) .target-list .content .checkbox-item .icon-wrapper .icon-delete {
   margin-right: 6px;
   font-size: 16px;
 }
-.bk-transfer .source-list .content li.custom-item.is-disabled,
-.bk-transfer .target-list .content li.custom-item.is-disabled,
-.bk-transfer .source-list .content li .item-content.is-disabled,
-.bk-transfer .target-list .content li .item-content.is-disabled,
-.bk-transfer .source-list .content .checkbox-item.is-disabled,
-.bk-transfer .target-list .content .checkbox-item.is-disabled {
+:where(.bk-transfer) .source-list .content li.custom-item.is-disabled,
+:where(.bk-transfer) .target-list .content li.custom-item.is-disabled,
+:where(.bk-transfer) .source-list .content li .item-content.is-disabled,
+:where(.bk-transfer) .target-list .content li .item-content.is-disabled,
+:where(.bk-transfer) .source-list .content .checkbox-item.is-disabled,
+:where(.bk-transfer) .target-list .content .checkbox-item.is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;
 }
-.bk-transfer .source-list .content .checkbox-item .item-content,
-.bk-transfer .target-list .content .checkbox-item .item-content {
+:where(.bk-transfer) .source-list .content .checkbox-item .item-content,
+:where(.bk-transfer) .target-list .content .checkbox-item .item-content {
   display: flex;
   align-items: center;
 }
-.bk-transfer .source-list .content::-webkit-scrollbar,
-.bk-transfer .target-list .content::-webkit-scrollbar {
+:where(.bk-transfer) .source-list .content::-webkit-scrollbar,
+:where(.bk-transfer) .target-list .content::-webkit-scrollbar {
   width: 4px;
 }
-.bk-transfer .source-list .content::-webkit-scrollbar-thumb,
-.bk-transfer .target-list .content::-webkit-scrollbar-thumb {
+:where(.bk-transfer) .source-list .content::-webkit-scrollbar-thumb,
+:where(.bk-transfer) .target-list .content::-webkit-scrollbar-thumb {
   height: 5px;
   background-color: #dcdee5;
   border-radius: 2px;

package/lib/transfer/transfer.less CHANGED Viewed

@@ -2,7 +2,7 @@
 @transfer-item-hover-background-color: #e1ecff;
-.@{bk-prefix}-transfer {
+:where(.@{bk-prefix}-transfer) {
   display: flex;
   justify-content: center;
   align-items: center;