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

package/lib/tree/tree.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,28 +127,28 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-.bk-F-scroll-x {
+:where(.bk-F-scroll-x) {
   overflow-x: auto;
   scrollbar-color: #a0a0a0 transparent;
   scrollbar-width: thin;
 }
-.bk-F-scroll-x::-webkit-scrollbar {
+:where(.bk-F-scroll-x)::-webkit-scrollbar {
   height: 6px;
 }
-.bk-F-scroll-y {
+:where(.bk-F-scroll-y) {
   overflow-y: auto;
 }
-.bk-F-scroll-y::-webkit-scrollbar {
+:where(.bk-F-scroll-y)::-webkit-scrollbar {
   width: 4px;
 }
-.bk-F-scroll-y::-webkit-scrollbar-thumb {
+:where(.bk-F-scroll-y)::-webkit-scrollbar-thumb {
   border-radius: 4px;
 }
-.bk-virtual-render {
+:where(.bk-virtual-render) {
   position: relative;
 }
-.bk-virtual-render .bk-virtual-content,
-.bk-virtual-render.bk-virtual-content {
+:where(.bk-virtual-render) .bk-virtual-content,
+:where(.bk-virtual-render).bk-virtual-content {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -156,15 +156,15 @@
   width: 100%;
   height: 100%;
 }
-.bk-virtual-render .bk-virtual-section {
+:where(.bk-virtual-render) .bk-virtual-section {
   width: 1px;
   background: transparent;
 }
-.bk-checkbox-group {
+:where(.bk-checkbox-group) {
   display: inline-flex;
   letter-spacing: normal;
 }
-.bk-checkbox {
+:where(.bk-checkbox) {
   display: inline-flex;
   justify-self: center;
   align-items: center;
@@ -174,19 +174,19 @@
   cursor: pointer;
   user-select: none;
 }
-.bk-checkbox ~ .bk-checkbox {
+:where(.bk-checkbox) ~ .bk-checkbox {
   margin-left: 24px;
 }
-.bk-checkbox.is-checked .bk-checkbox-input {
+:where(.bk-checkbox).is-checked .bk-checkbox-input {
   background: #3a84ff;
   border-color: #3a84ff;
   transition: all 0.1s;
 }
-.bk-checkbox.is-checked .bk-checkbox-input.small::after {
+:where(.bk-checkbox).is-checked .bk-checkbox-input.small::after {
   width: 3px;
   height: 6px;
 }
-.bk-checkbox.is-checked .bk-checkbox-input::after {
+:where(.bk-checkbox).is-checked .bk-checkbox-input::after {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -199,16 +199,16 @@
   transform: translate(-50%, -60%) scaleY(1) rotate(45deg);
   transform-origin: center;
 }
-.bk-checkbox.is-indeterminated .bk-checkbox-input {
+:where(.bk-checkbox).is-indeterminated .bk-checkbox-input {
   background: #3a84ff;
   border-color: #3a84ff;
   transition: all 0.1s;
 }
-.bk-checkbox.is-indeterminated .bk-checkbox-input.small::after {
+:where(.bk-checkbox).is-indeterminated .bk-checkbox-input.small::after {
   width: 6px;
   height: 2px;
 }
-.bk-checkbox.is-indeterminated .bk-checkbox-input::after {
+:where(.bk-checkbox).is-indeterminated .bk-checkbox-input::after {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -220,31 +220,31 @@
   content: '';
   transform: translate(-50%, -50%);
 }
-.bk-checkbox.is-disabled {
+:where(.bk-checkbox).is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;
 }
-.bk-checkbox.is-disabled .bk-checkbox-input {
+:where(.bk-checkbox).is-disabled .bk-checkbox-input {
   background: #fafbfd;
   border-color: #dcdee5;
 }
-.bk-checkbox.is-disabled .bk-checkbox-input::after {
+:where(.bk-checkbox).is-disabled .bk-checkbox-input::after {
   background: #dcdee5;
 }
-.bk-checkbox.is-disabled.is-checked .bk-checkbox-input {
+:where(.bk-checkbox).is-disabled.is-checked .bk-checkbox-input {
   background: #a3c5fd;
   border-color: #a3c5fd;
 }
-.bk-checkbox.is-disabled.is-checked .bk-checkbox-input::after {
+:where(.bk-checkbox).is-disabled.is-checked .bk-checkbox-input::after {
   background: #a3c5fd;
 }
-.bk-checkbox.is-prechecking {
+:where(.bk-checkbox).is-prechecking {
   position: relative;
 }
-.bk-checkbox.is-prechecking .bk-checkbox-input {
+:where(.bk-checkbox).is-prechecking .bk-checkbox-input {
   visibility: hidden;
 }
-.bk-checkbox-input {
+:where(.bk-checkbox-input) {
   position: relative;
   display: inline-block;
   width: 16px;
@@ -253,11 +253,11 @@
   border: 1px solid #979ba5;
   border-radius: 2px;
 }
-.bk-checkbox-input.small {
+:where(.bk-checkbox-input).small {
   width: 14px;
   height: 14px;
 }
-.bk-checkbox-original {
+:where(.bk-checkbox-original) {
   position: absolute;
   top: 0;
   left: 0;
@@ -265,27 +265,27 @@
   width: 0;
   height: 0;
 }
-.bk-checkbox-label {
+:where(.bk-checkbox-label) {
   display: inline-block;
   margin-left: 6px;
   vertical-align: middle;
 }
-.bk-checkbox-checking {
+:where(.bk-checkbox-checking) {
   position: absolute;
   font-size: 16px;
   color: #3a84ff;
   animation: loading 1s linear infinite;
 }
-.bk-tree {
+:where(.bk-tree) {
   font-size: 14px;
 }
-.bk-tree .bk-node-row {
+:where(.bk-tree) .bk-node-row {
   padding-left: calc(var(--offset-left));
 }
-.bk-tree .bk-node-row.is-selected {
+:where(.bk-tree) .bk-node-row.is-selected {
   background-color: #ebf2ff;
 }
-.bk-tree-node {
+:where(.bk-tree) .bk-tree-node {
   position: relative;
   display: flex;
   height: var(--lineHeight);
@@ -294,10 +294,10 @@
   cursor: pointer;
   align-items: center;
 }
-.bk-tree-node:not(.is-root) {
-  margin-left: calc(var(--depth)*var(--indent));
+:where(.bk-tree) .bk-tree-node:not(.is-root) {
+  margin-left: calc(var(--depth) * var(--indent));
 }
-.bk-tree-node:not(.is-root).level-line::before {
+:where(.bk-tree) .bk-tree-node:not(.is-root).level-line::before {
   position: absolute;
   top: calc(50% + 1px);
   left: calc(0px - var(--indent) + 6px);
@@ -308,10 +308,10 @@
   border-bottom: var(--level-line);
   content: '';
 }
-.bk-tree-node.is-open .bk-node-action {
+:where(.bk-tree) .bk-tree-node.is-open .bk-node-action {
   color: #63656e;
 }
-.bk-tree-node .node-virtual-line {
+:where(.bk-tree) .bk-tree-node .node-virtual-line {
   position: absolute;
   top: -12px;
   bottom: 50%;
@@ -320,44 +320,44 @@
   width: 0;
   border-left: var(--level-line);
 }
-.bk-tree-node .bk-node-prefix {
+:where(.bk-tree) .bk-tree-node .bk-node-prefix {
   display: flex;
   width: 14px;
   height: 14px;
   align-items: center;
   justify-content: center;
 }
-.bk-tree-node .bk-node-action {
+:where(.bk-tree) .bk-tree-node .bk-node-action {
   margin-right: 6px;
   color: #979ba5;
 }
-.bk-tree-node .bk-tree-icon {
+:where(.bk-tree) .bk-tree-node .bk-tree-icon {
   margin: 0 6px 0 4px;
 }
-.bk-tree-node .bk-node-content {
+:where(.bk-tree) .bk-tree-node .bk-node-content {
   display: flex;
   flex: 1;
   align-items: center;
   min-width: 0;
 }
-.bk-tree-node .bk-node-content .bk-checkbox {
+:where(.bk-tree) .bk-tree-node .bk-node-content .bk-checkbox {
   margin: 0;
 }
-.bk-tree-node .bk-node-content .bk-checkbox .bk-checkbox-input {
+:where(.bk-tree) .bk-tree-node .bk-node-content .bk-checkbox .bk-checkbox-input {
   margin: 0;
 }
-.bk-tree-node .bk-node-content .bk-node-text {
+:where(.bk-tree) .bk-tree-node .bk-node-content .bk-node-text {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-tree-drop-active {
+:where(.bk-tree) .bk-tree-drop-active {
   background: #f5f7fa;
 }
-.bk-tree-drop-disabled {
+:where(.bk-tree) .bk-tree-drop-disabled {
   background: #ffd5d5;
 }
-.bk-tree-drop-disabled .bk-tree-node {
+:where(.bk-tree) .bk-tree-drop-disabled .bk-tree-node {
   cursor: no-drop;
 }