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

package/lib/collapse-transition/collapse-transition.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,11 +127,11 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-:where(.bk-collapse-transitioncollapse-transition) {
+.bk-collapse-transitioncollapse-transition {
   transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
 }
-:where(.bk-collapse-transition-leave-active),
-:where(.bk-collapse-transition-enter-active) {
+.bk-collapse-transition-leave-active,
+.bk-collapse-transition-enter-active {
   transition: 0.3s max-height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
 }
 .horizontal-collapse-transition {
@@ -146,77 +146,77 @@
 .fade-in-linear-leave-active {
   opacity: 0;
 }
-:where(.bk-fade-in-linear-enter-active),
-:where(.bk-fade-in-linear-leave-active) {
+.bk-fade-in-linear-enter-active,
+.bk-fade-in-linear-leave-active {
   transition: opacity 200ms linear;
 }
-:where(.bk-fade-in-linear-enter),
-:where(.bk-fade-in-linear-leave),
-:where(.bk-fade-in-linear-leave-active) {
+.bk-fade-in-linear-enter,
+.bk-fade-in-linear-leave,
+.bk-fade-in-linear-leave-active {
   opacity: 0;
 }
-:where(.bk-fade-in-enter-active),
-:where(.bk-fade-in-leave-active) {
+.bk-fade-in-enter-active,
+.bk-fade-in-leave-active {
   transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
 }
-:where(.bk-fade-in-enter),
-:where(.bk-fade-in-leave-active) {
+.bk-fade-in-enter,
+.bk-fade-in-leave-active {
   opacity: 0;
 }
-:where(.bk-zoom-in-center-enter-active),
-:where(.bk-zoom-in-center-leave-active) {
+.bk-zoom-in-center-enter-active,
+.bk-zoom-in-center-leave-active {
   transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
 }
-:where(.bk-zoom-in-center-enter),
-:where(.bk-zoom-in-center-leave-active) {
+.bk-zoom-in-center-enter,
+.bk-zoom-in-center-leave-active {
   opacity: 0;
   transform: scaleX(0);
 }
-:where(.bk-zoom-in-top-enter-active),
-:where(.bk-zoom-in-top-leave-active) {
+.bk-zoom-in-top-enter-active,
+.bk-zoom-in-top-leave-active {
   opacity: 1;
   transform: scaleY(1);
   transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transform-origin: center top;
 }
-:where(.bk-zoom-in-top-enter),
-:where(.bk-zoom-in-top-leave-active) {
+.bk-zoom-in-top-enter,
+.bk-zoom-in-top-leave-active {
   opacity: 0;
   transform: scaleY(0);
 }
-:where(.bk-zoom-in-bottom-enter-active),
-:where(.bk-zoom-in-bottom-leave-active) {
+.bk-zoom-in-bottom-enter-active,
+.bk-zoom-in-bottom-leave-active {
   opacity: 1;
   transform: scaleY(1);
   transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transform-origin: center bottom;
 }
-:where(.bk-zoom-in-bottom-enter),
-:where(.bk-zoom-in-bottom-leave-active) {
+.bk-zoom-in-bottom-enter,
+.bk-zoom-in-bottom-leave-active {
   opacity: 0;
   transform: scaleY(0);
 }
-:where(.bk-zoom-in-left-enter-active),
-:where(.bk-zoom-in-left-leave-active) {
+.bk-zoom-in-left-enter-active,
+.bk-zoom-in-left-leave-active {
   opacity: 1;
   transform: scale(1, 1);
   transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
   transform-origin: top left;
 }
-:where(.bk-zoom-in-left-enter),
-:where(.bk-zoom-in-left-leave-active) {
+.bk-zoom-in-left-enter,
+.bk-zoom-in-left-leave-active {
   opacity: 0;
   transform: scale(0.45, 0.45);
 }
-:where(.bk-list-enter-active),
-:where(.bk-list-leave-active) {
+.bk-list-enter-active,
+.bk-list-leave-active {
   transition: all 1s;
 }
-:where(.bk-list-enter),
+.bk-list-enter,
 .bk-list-leave-active {
   opacity: 0;
   transform: translateY(-30px);
 }
-:where(.bk-opacity-transition) {
+.bk-opacity-transition {
   transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
 }

package/lib/collapse-transition/index.js

@@ -1,7 +1,6 @@
-import "../styles/reset.css";
-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__config_provider_9d0186d9__ from "../config-provider";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -34,15 +33,15 @@ __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({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const external_shared_namespaceObject = x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
 ;// CONCATENATED MODULE: external "vue"
 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({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps });
 ;// 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: ../../packages/collapse-transition/src/collapse-transition.tsx
 
 /*
@@ -124,7 +123,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
         el.style.paddingBottom = el.dataset.oldPaddingBottom;
       }
     };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return {
       on: on,
@@ -172,7 +171,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  */
 
 
-var BKCollapseTransition = (0,shared_namespaceObject.withInstall)(collapse_transition);
+var BKCollapseTransition = (0,external_shared_namespaceObject.withInstall)(collapse_transition);
 /* harmony default export */ const src = (BKCollapseTransition);
 var __webpack_exports__default = __webpack_exports__["default"];
 export { __webpack_exports__default as default };

package/lib/color-picker/color-picker.css

@@ -1,4 +1,4 @@
-:where(.bk-color-picker) {
+.bk-color-picker {
   position: relative;
   display: inline-flex;
   height: 32px;
@@ -10,77 +10,77 @@
   transition: border 0.2s, box-shadow 0.2s;
   align-content: center;
 }
-:where(.bk-color-picker).bk-color-picker-show-value {
+.bk-color-picker.bk-color-picker-show-value {
   width: 150px;
 }
-:where(.bk-color-picker).bk-color-picker-large {
+.bk-color-picker.bk-color-picker-large {
   height: 36px;
 }
-:where(.bk-color-picker).bk-color-picker-large.bk-color-picker-show-value {
+.bk-color-picker.bk-color-picker-large.bk-color-picker-show-value {
   width: 170px;
 }
-:where(.bk-color-picker).bk-color-picker-large.bk-color-picker-show-value .bk-color-picker-text {
+.bk-color-picker.bk-color-picker-large.bk-color-picker-show-value .bk-color-picker-text {
   width: calc(100% - 62px);
   font-size: 16px;
 }
-:where(.bk-color-picker).bk-color-picker-large .bk-color-picker-color .bk-color-picker-color-square {
+.bk-color-picker.bk-color-picker-large .bk-color-picker-color .bk-color-picker-color-square {
   width: 22px;
   height: 22px;
   font-size: 22px;
 }
-:where(.bk-color-picker).bk-color-picker-small {
+.bk-color-picker.bk-color-picker-small {
   height: 28px;
 }
-:where(.bk-color-picker).bk-color-picker-small.bk-color-picker-show-value {
+.bk-color-picker.bk-color-picker-small.bk-color-picker-show-value {
   width: 132px;
 }
-:where(.bk-color-picker).bk-color-picker-small.bk-color-picker-show-value .bk-color-picker-text {
+.bk-color-picker.bk-color-picker-small.bk-color-picker-show-value .bk-color-picker-text {
   width: calc(100% - 56px);
   font-size: 12px;
 }
-:where(.bk-color-picker).bk-color-picker-small .bk-color-picker-color .bk-color-picker-color-square {
+.bk-color-picker.bk-color-picker-small .bk-color-picker-color .bk-color-picker-color-square {
   width: 16px;
   height: 16px;
   font-size: 16px;
 }
-:where(.bk-color-picker):hover,
-:where(.bk-color-picker):focus {
+.bk-color-picker:hover,
+.bk-color-picker:focus {
   border-color: #3a84ff;
   transition: border 0.2s;
 }
-:where(.bk-color-picker).bk-color-picker-show-dropdown {
+.bk-color-picker.bk-color-picker-show-dropdown {
   border-color: #3a84ff;
   box-shadow: 0 0 0 2px rgba(45, 140, 240, 0.2);
   transition: border 0.2s, box-shadow 0.2s;
 }
-:where(.bk-color-picker).bk-color-picker-show-dropdown .icon-angle-down {
+.bk-color-picker.bk-color-picker-show-dropdown .icon-angle-down {
   transform: rotate(-180deg);
   transition: transform 0.3s;
 }
-:where(.bk-color-picker).bk-color-picker-disabled {
+.bk-color-picker.bk-color-picker-disabled {
   cursor: not-allowed;
   background-color: #e1ecff;
   border-color: #699df4;
 }
-:where(.bk-color-picker).bk-color-picker-disabled .bk-color-picker-text {
+.bk-color-picker.bk-color-picker-disabled .bk-color-picker-text {
   color: #3a84ff;
 }
-:where(.bk-color-picker).bk-color-picker-disabled .bk-color-picker-icon .icon-angle-down {
+.bk-color-picker.bk-color-picker-disabled .bk-color-picker-icon .icon-angle-down {
   color: #3a84ff;
 }
-:where(.bk-color-picker) .bk-color-picker-color {
+.bk-color-picker .bk-color-picker-color {
   display: flex;
   margin-left: 6px;
   align-items: center;
 }
-:where(.bk-color-picker) .bk-color-picker-color .bk-color-picker-color-square {
+.bk-color-picker .bk-color-picker-color .bk-color-picker-color-square {
   width: 18px;
   height: 18px;
   font-size: 18px;
   color: #3a84ff;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
 }
-:where(.bk-color-picker) .bk-color-picker-text {
+.bk-color-picker .bk-color-picker-text {
   display: flex;
   width: calc(100% - 58px);
   margin-left: 6px;
@@ -89,12 +89,12 @@
   color: #63656e;
   align-items: center;
 }
-:where(.bk-color-picker) .bk-color-picker-text span {
+.bk-color-picker .bk-color-picker-text span {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-:where(.bk-color-picker) .bk-color-picker-icon {
+.bk-color-picker .bk-color-picker-icon {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -102,7 +102,7 @@
   margin-right: 5px;
   transform: rotate(180deg);
 }
-:where(.bk-color-picker) .bk-color-picker-icon .icon-angle-down {
+.bk-color-picker .bk-color-picker-icon .icon-angle-down {
   position: absolute;
   right: 4px;
   display: flex;
@@ -112,22 +112,22 @@
   transition: transform 0.3s;
 }
 /*下拉面板*/
-:where(.bk-color-picker-dropdown) {
+.bk-color-picker-dropdown {
   width: 272px;
 }
-:where(.bk-color-picker-saturation) {
+.bk-color-picker-saturation {
   position: relative;
   height: 180px;
   margin: 0 6px 6px;
 }
-:where(.bk-color-picker-saturation) .bk-color-picker-saturation-white {
+.bk-color-picker-saturation .bk-color-picker-saturation-white {
   background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
 }
-:where(.bk-color-picker-saturation) .bk-color-picker-saturation-black {
+.bk-color-picker-saturation .bk-color-picker-saturation-black {
   background: linear-gradient(0deg, #000, transparent);
 }
-:where(.bk-color-picker-saturation) .bk-color-picker-saturation-white,
-:where(.bk-color-picker-saturation) .bk-color-picker-saturation-black {
+.bk-color-picker-saturation .bk-color-picker-saturation-white,
+.bk-color-picker-saturation .bk-color-picker-saturation-black {
   position: absolute;
   top: 0;
   left: 0;
@@ -135,18 +135,18 @@
   height: 100%;
   cursor: pointer;
 }
-:where(.bk-color-picker-hue) {
+.bk-color-picker-hue {
   position: relative;
   height: 10px;
   margin: 0 6px 6px;
   cursor: pointer;
   background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
 }
-:where(.bk-color-picker-hue) .bk-color-picker-hue-pointer {
+.bk-color-picker-hue .bk-color-picker-hue-pointer {
   position: absolute;
   top: 0;
 }
-:where(.bk-color-picker-hue) .bk-color-picker-hue-pointer .bk-color-picker-hue-rectangle {
+.bk-color-picker-hue .bk-color-picker-hue-pointer .bk-color-picker-hue-rectangle {
   width: 4px;
   height: 8px;
   margin-top: 1px;
@@ -156,26 +156,26 @@
   transform: translateX(-2px);
   box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
 }
-:where(.bk-color-picker-input) {
+.bk-color-picker-input {
   display: flex;
   margin: 0 6px 1px;
   font-size: 12px;
   color: #63656e;
   justify-content: space-between;
 }
-:where(.bk-color-picker-input) .bk-color-picker-input-hex .bk-color-picker-input-part .bk-color-picker-input-value {
+.bk-color-picker-input .bk-color-picker-input-hex .bk-color-picker-input-part .bk-color-picker-input-value {
   width: 70px;
 }
-:where(.bk-color-picker-input) .bk-color-picker-input-rgba {
+.bk-color-picker-input .bk-color-picker-input-rgba {
   display: flex;
   width: 160px;
   justify-content: space-between;
 }
-:where(.bk-color-picker-input) .bk-color-picker-input-part {
+.bk-color-picker-input .bk-color-picker-input-part {
   display: flex;
   flex-flow: column;
 }
-:where(.bk-color-picker-input) .bk-color-picker-input-part .bk-color-picker-input-value {
+.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-value {
   width: 32px;
   height: 22px;
   padding: 0 4px;
@@ -185,32 +185,32 @@
   outline: none;
   transition: border 0.2s;
 }
-:where(.bk-color-picker-input) .bk-color-picker-input-part .bk-color-picker-input-value:focus {
+.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-value:focus {
   border-color: #3a84ff;
   transition: border 0.2s;
 }
-:where(.bk-color-picker-input) .bk-color-picker-input-part .bk-color-picker-input-value.error {
+.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-value.error {
   border-color: #3a84ff;
 }
-:where(.bk-color-picker-input) .bk-color-picker-input-part .bk-color-picker-input-value::-webkit-outer-spin-button,
-:where(.bk-color-picker-input) .bk-color-picker-input-part .bk-color-picker-input-value::-webkit-inner-spin-button {
+.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-value::-webkit-outer-spin-button,
+.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-value::-webkit-inner-spin-button {
   margin: 0;
   appearance: none;
 }
-:where(.bk-color-picker-input) .bk-color-picker-input-part .bk-color-picker-input-text {
+.bk-color-picker-input .bk-color-picker-input-part .bk-color-picker-input-text {
   height: 18px;
   line-height: 18px;
   text-align: center;
 }
-:where(.bk-color-picker-recommend-container) {
+.bk-color-picker-recommend-container {
   padding: 6px;
   border-top: 1px solid #f0f1f5;
 }
-:where(.bk-color-picker-recommend-container) .bk-color-picker-recommend {
+.bk-color-picker-recommend-container .bk-color-picker-recommend {
   display: flex;
   flex-wrap: wrap;
 }
-:where(.bk-color-picker-recommend-container) .bk-color-picker-recommend .bk-color-picker-recommend-color {
+.bk-color-picker-recommend-container .bk-color-picker-recommend .bk-color-picker-recommend-color {
   width: 20px;
   height: 20px;
   margin: 3px;
@@ -218,23 +218,23 @@
   border-radius: 3px;
   box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
 }
-:where(.bk-color-picker-recommend-container) .bk-color-picker-recommend .bk-color-picker-recommend-color.bk-color-picker-recommend-selected-color {
+.bk-color-picker-recommend-container .bk-color-picker-recommend .bk-color-picker-recommend-color.bk-color-picker-recommend-selected-color {
   box-shadow: 0 0 3px 2px #3a84ff;
 }
-:where(.bk-color-picker-saturation),
-:where(.bk-color-picker-hue),
-:where(.bk-color-picker-recommend) {
+.bk-color-picker-saturation,
+.bk-color-picker-hue,
+.bk-color-picker-recommend {
   outline: none;
   transition: box-shadow 0.2s;
 }
-:where(.bk-color-picker-saturation):focus,
-:where(.bk-color-picker-hue):focus,
-:where(.bk-color-picker-recommend):focus {
+.bk-color-picker-saturation:focus,
+.bk-color-picker-hue:focus,
+.bk-color-picker-recommend:focus {
   box-shadow: 0 0 0 2px rgba(45, 140, 240, 0.5);
   transition: box-shadow 0.2s;
 }
 /*饱和度和预设值共用样式*/
-:where(.bk-color-picker-pointer) {
+.bk-color-picker-pointer {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -242,7 +242,7 @@
   height: 4px;
   cursor: pointer;
 }
-:where(.bk-color-picker-pointer) .bk-color-picker-circle {
+.bk-color-picker-pointer .bk-color-picker-circle {
   position: absolute;
   top: 0;
   left: 0;
@@ -253,10 +253,10 @@
   transform: translate(-2px, -2px);
   box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
 }
-:where(.bk-color-picker-empty) {
+.bk-color-picker-empty {
   position: relative;
 }
-:where(.bk-color-picker-empty)::after {
+.bk-color-picker-empty::after {
   position: absolute;
   top: 1px;
   left: calc(50% - 1px);
@@ -267,7 +267,7 @@
   content: '';
   transform: rotate(45deg);
 }
-:where(.bk-color-dropdown-container) {
+.bk-color-dropdown-container {
   padding: 0px;
   cursor: default;
   transform-origin: center top;