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

package/lib/swiper/swiper.less

@@ -1,6 +1,6 @@
 @import '../styles/themes/themes.less';
 
-:where(.@{bk-prefix}-swiper-home) {
+.@{bk-prefix}-swiper-home {
   position: relative;
   overflow: hidden;
 
@@ -9,13 +9,13 @@
   }
 }
 
-:where(.@{bk-prefix}-swiper-main) {
+.@{bk-prefix}-swiper-main {
   display: flex;
   height: 100%;
   overflow: hidden;
 
   &.@{bk-prefix}-transition {
-    transition: 0.5s cubic-bezier(0.42, 0, 0.58, 1);
+    transition: .5s cubic-bezier(.42, 0, .58, 1);
   }
 
   .@{bk-prefix}-swiper-card {
@@ -39,7 +39,7 @@
   }
 }
 
-:where(.@{bk-prefix}-swiper-index) {
+.@{bk-prefix}-swiper-index {
   position: absolute;
   right: 0;
   bottom: 10px;
@@ -56,7 +56,7 @@
     list-style-type: none;
     background: #63656e;
     border-radius: 2px;
-    transition: width 0.525s;
+    transition: width .525s;
 
     &.@{bk-prefix}-current-index {
       width: 17px;
@@ -65,14 +65,14 @@
   }
 }
 
-:where(.@{bk-prefix}-swiper-nav) {
+.@{bk-prefix}-swiper-nav {
   position: absolute;
   top: calc(50% - 15px);
   display: none;
   width: 30px;
   height: 30px;
   cursor: pointer;
-  background: rgba(31, 45, 61, 0.4);
+  background: rgba(31,45,61,.4);
   border-radius: 50%;
 
   .@{bk-prefix}-swiper-nav-icon {
@@ -96,6 +96,6 @@
   }
 
   &:hover {
-    background: rgba(31, 45, 61, 0.6);
+    background: rgba(31,45,61,.6);
   }
 }

package/lib/swiper/swiper.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,27 +127,27 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-:where(.bk-swiper-home) {
+.bk-swiper-home {
   position: relative;
   overflow: hidden;
 }
-:where(.bk-swiper-home):hover .bk-swiper-nav {
+.bk-swiper-home:hover .bk-swiper-nav {
   display: block;
 }
-:where(.bk-swiper-main) {
+.bk-swiper-main {
   display: flex;
   height: 100%;
   overflow: hidden;
 }
-:where(.bk-swiper-main).bk-transition {
+.bk-swiper-main.bk-transition {
   transition: 0.5s cubic-bezier(0.42, 0, 0.58, 1);
 }
-:where(.bk-swiper-main) .bk-swiper-card {
+.bk-swiper-main .bk-swiper-card {
   height: 100%;
   padding: 0;
   margin: 0;
 }
-:where(.bk-swiper-main) .bk-swiper-img {
+.bk-swiper-main .bk-swiper-img {
   display: inline-block;
   width: 100%;
   height: 100%;
@@ -156,10 +156,10 @@
   background-repeat: no-repeat;
   background-size: cover;
 }
-:where(.bk-swiper-main) .bk-swiper-link {
+.bk-swiper-main .bk-swiper-link {
   cursor: pointer;
 }
-:where(.bk-swiper-index) {
+.bk-swiper-index {
   position: absolute;
   right: 0;
   bottom: 10px;
@@ -169,7 +169,7 @@
   margin: 0;
   justify-content: center;
 }
-:where(.bk-swiper-index) li {
+.bk-swiper-index li {
   width: 11px;
   height: 4px;
   margin: 0 3px;
@@ -178,11 +178,11 @@
   border-radius: 2px;
   transition: width 0.525s;
 }
-:where(.bk-swiper-index) li.bk-current-index {
+.bk-swiper-index li.bk-current-index {
   width: 17px;
   background: #c5c7d1;
 }
-:where(.bk-swiper-nav) {
+.bk-swiper-nav {
   position: absolute;
   top: calc(50% - 15px);
   display: none;
@@ -192,7 +192,7 @@
   background: rgba(31, 45, 61, 0.4);
   border-radius: 50%;
 }
-:where(.bk-swiper-nav) .bk-swiper-nav-icon {
+.bk-swiper-nav .bk-swiper-nav-icon {
   position: absolute;
   top: 9px;
   left: 11px;
@@ -201,14 +201,14 @@
   border-bottom: 2px solid #fff;
   border-left: 2px solid #fff;
 }
-:where(.bk-swiper-nav).bk-nav-prev {
+.bk-swiper-nav.bk-nav-prev {
   left: 14px;
   transform: rotate(45deg);
 }
-:where(.bk-swiper-nav).bk-nav-next {
+.bk-swiper-nav.bk-nav-next {
   right: 14px;
   transform: rotate(225deg);
 }
-:where(.bk-swiper-nav):hover {
+.bk-swiper-nav:hover {
   background: rgba(31, 45, 61, 0.6);
 }

package/lib/switcher/index.js

@@ -1,9 +1,7 @@
-import "../styles/reset.css";
-import "./switcher.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -36,7 +34,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["SwitcherThemeType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.SwitcherThemeType, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.useFormItem, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["SwitcherThemeType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.SwitcherThemeType, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.useFormItem, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -87,13 +85,13 @@ var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
 const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: external "../config-provider"
-var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var config_provider_y = x => () => x
-const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
+var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_config_provider_y = x => () => x
+const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
 ;// CONCATENATED MODULE: external "../icon"
-var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var icon_y = x => () => x
-const icon_namespaceObject = icon_x({ ["SwitcherLoading"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.SwitcherLoading });
+var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_icon_y = x => () => x
+const external_icon_namespaceObject = external_icon_x({ ["SwitcherLoading"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.SwitcherLoading });
 ;// CONCATENATED MODULE: ../../packages/switcher/src/switcher.tsx
 
 
@@ -127,21 +125,21 @@ const icon_namespaceObject = icon_x({ ["SwitcherLoading"]: () => __WEBPACK_EXTER
 
 
 var switcherType = {
-  theme: (0,shared_namespaceObject.SwitcherThemeType)(),
-  size: shared_namespaceObject.PropTypes.size(),
-  disabled: shared_namespaceObject.PropTypes.bool,
-  showText: shared_namespaceObject.PropTypes.bool,
-  isOutline: shared_namespaceObject.PropTypes.bool,
-  onText: shared_namespaceObject.PropTypes.string.def('ON'),
-  offText: shared_namespaceObject.PropTypes.string.def('OFF'),
-  isSquare: shared_namespaceObject.PropTypes.bool,
-  extCls: shared_namespaceObject.PropTypes.string,
-  beforeChange: shared_namespaceObject.PropTypes.func.def(undefined),
-  trueValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.bool]).def(true),
-  falseValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.bool]).def(false),
-  value: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.bool]).def(false),
-  modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.bool]).def(false),
-  withValidate: shared_namespaceObject.PropTypes.bool.def(true)
+  theme: (0,external_shared_namespaceObject.SwitcherThemeType)(),
+  size: external_shared_namespaceObject.PropTypes.size(),
+  disabled: external_shared_namespaceObject.PropTypes.bool,
+  showText: external_shared_namespaceObject.PropTypes.bool,
+  isOutline: external_shared_namespaceObject.PropTypes.bool,
+  onText: external_shared_namespaceObject.PropTypes.string.def('ON'),
+  offText: external_shared_namespaceObject.PropTypes.string.def('OFF'),
+  isSquare: external_shared_namespaceObject.PropTypes.bool,
+  extCls: external_shared_namespaceObject.PropTypes.string,
+  beforeChange: external_shared_namespaceObject.PropTypes.func.def(undefined),
+  trueValue: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.bool]).def(true),
+  falseValue: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.bool]).def(false),
+  value: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.bool]).def(false),
+  modelValue: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string, external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.bool]).def(false),
+  withValidate: external_shared_namespaceObject.PropTypes.bool.def(true)
 };
 var EVENTS;
 (function (EVENTS) {
@@ -161,8 +159,8 @@ var switcherEmitEventsType = _defineProperty(_defineProperty({}, EVENTS.UPDATE,
   emits: switcherEmitEventsType,
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var formItem = (0,shared_namespaceObject.useFormItem)();
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var formItem = (0,external_shared_namespaceObject.useFormItem)();
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var isLoading = (0,external_vue_namespaceObject.ref)(false);
     var isChecked = (0,external_vue_namespaceObject.computed)(function () {
@@ -235,7 +233,7 @@ var switcherEmitEventsType = _defineProperty(_defineProperty({}, EVENTS.UPDATE,
         "onClick": handleChange,
         "tabindex": "0",
         "onKeydown": handleKeydown
-      }, [isLoading.value ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.SwitcherLoading, {
+      }, [isLoading.value ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.SwitcherLoading, {
         "class": "".concat(resolveClassName('switcher-loading'))
       }, null) : '', props.showText ? (0,external_vue_namespaceObject.createVNode)("span", {
         "class": "switcher-text"
@@ -271,7 +269,7 @@ var switcherEmitEventsType = _defineProperty(_defineProperty({}, EVENTS.UPDATE,
  */
 
 
-var BkSwitcher = (0,shared_namespaceObject.withInstall)(switcher);
+var BkSwitcher = (0,external_shared_namespaceObject.withInstall)(switcher);
 /* harmony default export */ const src = (BkSwitcher);
 var __webpack_exports__default = __webpack_exports__["default"];
 export { __webpack_exports__default as default };

package/lib/switcher/switcher.css

@@ -11,12 +11,12 @@
     background-color: transparent;
   }
 }
-:where(.bk-transition) .bk-fade-enter-active,
-:where(.bk-transition) .bk-fade-leave-active {
+.bk-transition .bk-fade-enter-active,
+.bk-transition .bk-fade-leave-active {
   transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
 }
-:where(.bk-transition) .bk-fade-enter,
-:where(.bk-transition) .bk-fade-leave-to {
+.bk-transition .bk-fade-enter,
+.bk-transition .bk-fade-leave-to {
   opacity: 0;
 }
 .clearfix-style::after {
@@ -27,7 +27,7 @@
   content: '';
   visibility: hidden;
 }
-:where(.bk-popper) {
+.bk-popper {
   display: none;
   padding: 7px 14px;
   font-size: 12px;
@@ -35,42 +35,42 @@
   background: #333;
   border-radius: 4px;
 }
-:where(.bk-popper).light {
+.bk-popper.light {
   color: #63656e;
   background: #fff;
   box-shadow: #dcdee5 0 0 6px 0;
 }
-:where(.bk-popper) .bk-popper-arrow,
-:where(.bk-popper) .bk-popper-arrow::before {
+.bk-popper .bk-popper-arrow,
+.bk-popper .bk-popper-arrow::before {
   position: absolute;
   width: 8px;
   height: 8px;
   background: inherit;
 }
-:where(.bk-popper) .bk-popper-arrow {
+.bk-popper .bk-popper-arrow {
   visibility: hidden;
 }
-:where(.bk-popper) .bk-popper-arrow::before {
+.bk-popper .bk-popper-arrow::before {
   content: '';
   visibility: visible;
   transform: rotate(45deg);
 }
-:where(.bk-popper)[data-show] {
+.bk-popper[data-show] {
   display: block;
 }
-:where(.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow) {
+.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
   bottom: -4px;
 }
-:where(.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow) {
+.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
   top: -4px;
 }
-:where(.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow) {
+.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
   right: -4px;
 }
-:where(.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow) {
+.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
   left: -4px;
 }
-:where(.bk-switcher) {
+.bk-switcher {
   position: relative;
   display: inline-block;
   height: 20px;
@@ -94,7 +94,7 @@
   user-select: none;
   /* 显示文本时固定尺寸 */
 }
-:where(.bk-switcher):after {
+.bk-switcher:after {
   position: absolute;
   top: 1px;
   left: 1px;
@@ -107,7 +107,7 @@
   content: ' ';
   transition: all 0.3s ease;
 }
-:where(.bk-switcher) .switcher-text {
+.bk-switcher .switcher-text {
   display: block;
   margin-right: 6px;
   margin-left: 28px;
@@ -117,7 +117,7 @@
   text-align: center;
   transition: all 0.3s ease;
 }
-:where(.bk-switcher) .animating-node {
+.bk-switcher .animating-node {
   position: absolute;
   top: 0;
   right: 0;
@@ -132,7 +132,7 @@
   animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
   animation-fill-mode: forwards;
 }
-:where(.bk-switcher) .bk-switcher-loading {
+.bk-switcher .bk-switcher-loading {
   position: absolute;
   top: 1px;
   left: 1px;
@@ -147,7 +147,7 @@
   content: ' ';
   transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
 }
-:where(.bk-switcher) .bk-switcher-loading svg {
+.bk-switcher .bk-switcher-loading svg {
   position: absolute;
   top: 0;
   right: 0;
@@ -156,138 +156,138 @@
   margin: auto;
   animation: loading 1s linear infinite;
 }
-:where(.bk-switcher).is-loading {
+.bk-switcher.is-loading {
   cursor: defalt;
 }
-:where(.bk-switcher).is-loading input[type='checkbox'] {
+.bk-switcher.is-loading input[type=checkbox] {
   cursor: default;
 }
-:where(.bk-switcher).show-label {
+.bk-switcher.show-label {
   height: 28px;
   min-width: 60px;
   line-height: 28px;
 }
-:where(.bk-switcher).show-label::after {
+.bk-switcher.show-label::after {
   width: 24px;
   height: 24px;
 }
-:where(.bk-switcher).show-label .bk-switcher-loading {
+.bk-switcher.show-label .bk-switcher-loading {
   width: 24px;
   height: 24px;
   font-size: 20px;
 }
-:where(.bk-switcher).show-label.is-checked .bk-switcher-loading {
+.bk-switcher.show-label.is-checked .bk-switcher-loading {
   left: 100%;
   margin-left: -25px;
 }
-:where(.bk-switcher).is-disabled {
+.bk-switcher.is-disabled {
   cursor: not-allowed;
   opacity: 0.3;
 }
-:where(.bk-switcher).is-disabled .bk-switcher-loading {
+.bk-switcher.is-disabled .bk-switcher-loading {
   cursor: not-allowed;
 }
-:where(.bk-switcher).is-disabled::after {
+.bk-switcher.is-disabled::after {
   cursor: not-allowed;
 }
-:where(.bk-switcher).is-checked {
+.bk-switcher.is-checked {
   background: #2dcb56;
 }
-:where(.bk-switcher).is-checked .bk-switcher-loading svg {
+.bk-switcher.is-checked .bk-switcher-loading svg {
   color: #2dcb56;
 }
-:where(.bk-switcher).is-checked:not(.bk-switcher-outline):where(.bk-switcher).is-checked.bk-primary {
+.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.bk-primary {
   background: #3a84ff;
 }
-:where(.bk-switcher).is-checked:not(.bk-switcher-outline):where(.bk-switcher).is-checked.bk-primary .bk-switcher-loading svg {
+.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.bk-primary .bk-switcher-loading svg {
   color: #3a84ff;
 }
-:where(.bk-switcher).is-checked:after {
+.bk-switcher.is-checked:after {
   left: 100%;
   margin-left: -1px;
   transform: translateX(-100%);
 }
-:where(.bk-switcher).is-checked .switcher-text {
+.bk-switcher.is-checked .switcher-text {
   margin-right: 28px;
   margin-left: 6px;
 }
-:where(.bk-switcher):not(.show-label).is-checked .bk-switcher-loading {
+.bk-switcher:not(.show-label).is-checked .bk-switcher-loading {
   left: 100%;
   margin-left: -17px;
 }
-:where(.bk-switcher).bk-switcher-outline {
+.bk-switcher.bk-switcher-outline {
   background: #fff;
   border: 1px solid #c4c6cc;
 }
-:where(.bk-switcher).bk-switcher-outline:after {
+.bk-switcher.bk-switcher-outline:after {
   width: 24px;
   height: 24px;
   background-color: #c4c6cc;
   box-shadow: none;
 }
-:where(.bk-switcher).bk-switcher-outline .switcher-text {
+.bk-switcher.bk-switcher-outline .switcher-text {
   color: #c4c6cc;
 }
-:where(.bk-switcher).bk-switcher-outline.is-checked {
+.bk-switcher.bk-switcher-outline.is-checked {
   border: 1px solid #2dcb56;
 }
-:where(.bk-switcher).bk-switcher-outline.is-checked:after {
+.bk-switcher.bk-switcher-outline.is-checked:after {
   background-color: #2dcb56;
 }
-:where(.bk-switcher).bk-switcher-outline.is-checked .switcher-text {
+.bk-switcher.bk-switcher-outline.is-checked .switcher-text {
   color: #2dcb56;
 }
-:where(.bk-switcher).bk-switcher-outline .bk-switcher-loading svg {
+.bk-switcher.bk-switcher-outline .bk-switcher-loading svg {
   color: #fff;
 }
-:where(.bk-switcher).bk-switcher-outline:where(.bk-switcher).bk-primary.is-checked {
+.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked {
   border: 1px solid #3a84ff;
 }
-:where(.bk-switcher).bk-switcher-outline:where(.bk-switcher).bk-primary.is-checked:after {
+.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked:after {
   background: #3a84ff;
 }
-:where(.bk-switcher).bk-switcher-outline:where(.bk-switcher).bk-primary.is-checked .switcher-text {
+.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked .switcher-text {
   color: #3a84ff;
 }
-:where(.bk-switcher).bk-switcher-square {
+.bk-switcher.bk-switcher-square {
   border-radius: 2px;
 }
-:where(.bk-switcher).bk-switcher-square:after {
+.bk-switcher.bk-switcher-square:after {
   border-radius: 2px;
 }
-:where(.bk-switcher).bk-switcher-large {
+.bk-switcher.bk-switcher-large {
   height: 24px;
   min-width: 42px;
   line-height: 22px;
 }
-:where(.bk-switcher).bk-switcher-large:after {
+.bk-switcher.bk-switcher-large:after {
   width: 20px;
   height: 20px;
 }
-:where(.bk-switcher).bk-switcher-large .bk-switcher-loading {
+.bk-switcher.bk-switcher-large .bk-switcher-loading {
   width: 20px;
   height: 20px;
   font-size: 16px;
 }
-:where(.bk-switcher).bk-switcher-large.is-checked .bk-switcher-loading {
+.bk-switcher.bk-switcher-large.is-checked .bk-switcher-loading {
   margin-left: -21px;
 }
-:where(.bk-switcher).bk-switcher-small {
+.bk-switcher.bk-switcher-small {
   height: 16px;
   min-width: 26px;
   line-height: 22px;
 }
-:where(.bk-switcher).bk-switcher-small:after {
+.bk-switcher.bk-switcher-small:after {
   width: 12px;
   height: 12px;
 }
-:where(.bk-switcher).bk-switcher-small .bk-switcher-loading {
+.bk-switcher.bk-switcher-small .bk-switcher-loading {
   width: 12px;
   height: 12px;
   font-weight: 700;
   transform: scale(0.66667);
 }
-:where(.bk-switcher).bk-switcher-small.is-checked .bk-switcher-loading {
+.bk-switcher.bk-switcher-small.is-checked .bk-switcher-loading {
   margin-left: -13px;
 }
 :not(.show-label).bk-switcher-default.bk-switcher-outline::after {