@kdcloudjs/kdesign 1.6.40 → 1.7.1

package/lib/tree-select/style/index.css

@@ -0,0 +1,504 @@
+/* -----------  color  ——————---- start */
+/* -----------  color  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  font  ——————---- start */
+/* -----------  font  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+/* -----------  Button  ——————---- start */
+/* -----------  Button  ——————---- end */
+/* -----------  Collapse  ——————---- start */
+/* -----------  Collapse  ——————---- end */
+/* -----------  Card  ——————---- start */
+/* -----------  Card  ——————---- end */
+/* -----------  Carousel  ——————---- start */
+/* -----------  Carousel  ——————---- end */
+/* -----------  Cascader  ——————---- start */
+/* -----------  Cascader  ——————---- end */
+/* -----------  Switch  ——————---- start */
+/* -----------  Switch  ——————---- end */
+/* -----------  Input  ——————---- start */
+/* -----------  Input  ——————---- end */
+/* -----------  InputNumber  ——————---- start */
+/* -----------  InputNumber  ——————---- end */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- end */
+/* -----------  Radio  ——————---- start */
+/* -----------  Radio  ——————---- end */
+/* -----------  icon  ——————---- start */
+/* -----------  icon  ——————---- end */
+/* -----------  Popconfirm  ——————---- start */
+/* -----------  Popconfirm  ——————---- end */
+/* -----------  Progress  ——————---- start */
+/* -----------  Progress  ——————---- end */
+/* -----------  Pagination  ——————---- start */
+/* -----------  Pagination  ——————---- end */
+/* -----------  Timeline  ——————---- start */
+/* -----------  Timeline  ——————---- end */
+/* -----------  Tabs  ——————---- start */
+/* -----------  Tabs  ——————---- end */
+/* -----------  Select  ——————---- start */
+/* -----------  Select  ——————---- end */
+/* -----------  Rate  ——————---- start */
+/* -----------  Rate  ——————---- end */
+/* -----------  Dropdown  ——————---- start */
+/* -----------  Dropdown  ——————---- end */
+/* -----------  Tooltip  ——————---- start */
+/* -----------  Tooltip  ——————---- end */
+/* -----------  Transfer  ——————---- start */
+/* -----------  Transfer  ——————---- end */
+/* -----------  DatePicker  ——————---- start */
+/* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
+/* -----------  Tree  ——————---- start */
+/* -----------  Tree  ——————---- end */
+/* -----------  Alert  ——————---- start */
+/* -----------  Alert  ——————---- end */
+/* -----------  Split-Panel ——————---- start */
+/* -----------  Split-Panel ——————---- end */
+/* -----------  Modal  ——————---- start */
+/* -----------  Modal  ——————---- end */
+/* -----------  Steps  ——————---- start */
+/* -----------  Steps  ——————---- end */
+/* -----------  Form  ——————---- start */
+/* -----------  Form  ——————---- end */
+/* -----------  Tag ——————---- start */
+/* -----------  Tag ——————---- end */
+/* -----------  Menu  ——————---- start */
+/* -----------  Menu  ——————---- end */
+/* -----------  notice  ——————---- start */
+/* -----------  message  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Layout  ——————---- start */
+/* -----------  Layout  ——————---- end */
+/* -----------  Typography  ——————---- start */
+/* -----------  Typography  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Badge  ——————---- start */
+/* -----------  Badge  ——————---- end */
+/* -----------  Anchor  ——————---- start */
+/* -----------  Anchor  ——————---- end */
+/* -----------  Avatar  ——————---- start */
+/* -----------  Avatar  ——————---- end */
+/* -----------  AdvancedSelector  ——————---- start */
+/* -----------  AdvancedSelector  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+/* 多行显示省略号 */
+/* 单行显示省略号 */
+/** 浮层箭头样式 **/
+.kd-tree-select {
+  position: relative;
+  display: inline-block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  background-color: transparent;
+  cursor: pointer;
+  vertical-align: middle;
+}
+.kd-tree-select-selector:hover .kd-tree-select-icon-active {
+  color: #3761ca;
+}
+.kd-tree-select-visible .kd-tree-select-icon-active {
+  color: #3761ca;
+}
+.kd-tree-select-visible .kd-tree-select-selection-item {
+  color: var(--kd-c-tree-select-placeholder-color-text, #b2b2b2);
+}
+.kd-tree-select-icon-arrow {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  vertical-align: middle;
+}
+.kd-tree-select-icon-arrow-up {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+}
+.kd-tree-select-icon-arrow-down {
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+}
+.kd-tree-select-icon-arrow-focus {
+  color: var(--kd-c-tree-select-color-border-foucs, var(--kd-g-color-theme, #5582f3));
+}
+.kd-tree-select-icon-clear {
+  opacity: 0;
+  z-index: 1;
+  position: absolute;
+  background: #fff;
+  -webkit-transition: opacity 0.15s ease;
+  transition: opacity 0.15s ease;
+}
+.kd-tree-select-icon-clear:hover {
+  color: var(--kd-c-tree-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
+}
+.kd-tree-select-focused {
+  border-color: var(--kd-c-tree-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
+}
+.kd-tree-select-placeholder {
+  position: absolute;
+  color: var(--kd-c-tree-select-placeholder-color-text, #b2b2b2);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  right: 28px;
+  left: 0;
+}
+.kd-tree-select-borderless {
+  border: none;
+}
+.kd-tree-select-underline {
+  border-bottom: 1px solid var(--kd-c-tree-select-color-border, var(--kd-g-color-input, #999));
+}
+.kd-tree-select-underline:hover:not(.kd-tree-select-multiple-disabled):not(.kd-tree-select-single-disabled) {
+  border-bottom: 1px solid var(--kd-c-tree-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
+}
+.kd-tree-select-bordered {
+  border: 1px solid var(--kd-c-tree-select-border-color-border, var(--kd-g-color-border-strong, #d9d9d9));
+  padding-left: var(--kd-c-tree-select-bordered-spacing-padding-left, 8px) !important;
+  border-radius: var(--kd-c-tree-select-bordered-radius-border, 2px);
+}
+.kd-tree-select-bordered:hover:not(.kd-tree-select-multiple-disabled):not(.kd-tree-select-single-disabled) {
+  border: 1px solid var(--kd-c-tree-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
+}
+.kd-tree-select-bordered .kd-tree-select-suffix {
+  padding-right: 8px;
+}
+.kd-tree-select-bordered.kd-tree-select-single .kd-tree-select-selection-search {
+  padding-left: var(--kd-c-tree-select-bordered-spacing-padding-left, 8px);
+}
+.kd-tree-select-bordered .kd-tree-select-placeholder {
+  padding-left: var(--kd-c-tree-select-bordered-spacing-padding-left, 8px);
+}
+.kd-tree-select-wrapper {
+  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  padding: var(--kd-c-tree-select-wrapper-spacing-padding, 1px 28px 1px 0);
+  max-width: 100%;
+  color: #212121;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  cursor: pointer;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  overflow-y: auto;
+  overflow-x: hidden;
+  position: relative;
+}
+.kd-tree-select-dropdown {
+  display: block;
+  left: 0;
+  z-index: var(--kd-c-tree-select-z-index, var(--kd-g-z-index-popper, 1050));
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 4px 0;
+  margin: 0;
+  overflow: auto;
+  font-size: var(--kd-c-tree-select-dropdown-font-size, 12px);
+  font-variant: initial;
+  background-color: var(--kd-c-tree-select-dropdown-color-background, var(--kd-g-color-background, #fff));
+  border-radius: var(--kd-c-tree-select-radius-border, var(--kd-g-radius-border, 2px));
+  outline: none;
+  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
+          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
+  max-height: 200px;
+}
+.kd-tree-select-dropdown .kd-tree {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+.kd-tree-select-dropdown-scroll {
+  overflow-y: auto;
+}
+.kd-tree-select-dropdown-empty {
+  padding: 5px 12px;
+}
+.kd-tree-select-dropdown-search {
+  padding: 5px 6px;
+}
+.kd-tree-select-dropdown-search-hidden {
+  display: none;
+}
+.kd-tree-select-size-small {
+  min-height: var(--kd-c-tree-select-sizing-height-small, 24px);
+  max-height: calc(var(--kd-c-tree-select-sizing-height-small, 24px) * 3 - 10px);
+  font-size: var(--kd-c-tree-select-font-size-small, 12px);
+}
+.kd-tree-select-size-middle {
+  min-height: var(--kd-c-tree-select-sizing-height-middle, 32px);
+  max-height: calc(var(--kd-c-tree-select-sizing-height-middle, 32px) * 3 - 10px);
+  font-size: var(--kd-c-tree-select-font-size-middle, 14px);
+}
+.kd-tree-select-size-large {
+  min-height: var(--kd-c-tree-select-sizing-height-large, 36px);
+  max-height: calc(var(--kd-c-tree-select-sizing-height-large, 36px) * 3 - 10px);
+  font-size: var(--kd-c-tree-select-font-size-large, 16px);
+}
+.kd-tree-select-suffix {
+  right: 0;
+  position: absolute;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 0;
+      -ms-flex: 0;
+          flex: 0;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  margin-left: 8px;
+}
+.kd-tree-select .kd-tree-select-single .kd-tree-select-selection-search {
+  position: absolute;
+  right: 28px;
+  left: 0;
+  height: 100%;
+}
+.kd-tree-select .kd-tree-select-single .kd-tree-select-selection-search-input {
+  outline: 0;
+  border-radius: 0;
+  border: none;
+  background: transparent;
+  height: 100%;
+  width: 100%;
+}
+.kd-tree-select .kd-tree-select-single .kd-tree-select-selection-item {
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.kd-tree-select .kd-tree-select-single-focused {
+  border-color: var(--kd-c-tree-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important;
+}
+.kd-tree-select .kd-tree-select-single-disabled {
+  background-color: var(--kd-c-tree-select-color-background-disabled, #f5f5f5);
+  color: var(--kd-c-tree-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
+}
+.kd-tree-select .kd-tree-select-single-disabled:hover {
+  cursor: not-allowed;
+}
+.kd-tree-select .kd-tree-select-single-disabled .kd-tree-select-suffix {
+  color: var(--kd-c-tree-select-arrow-icon-color-text-disabled, #b2b2b2);
+}
+.kd-tree-select .kd-tree-select-single:hover .kd-tree-select-icon-clear {
+  opacity: 1;
+}
+.kd-tree-select .kd-tree-select-single .kd-tree-select-icon-clear {
+  color: var(--kd-c-tree-select-icon-clear-color-text, #d9d9d9);
+}
+.kd-tree-select .kd-tree-select-single .kd-tree-select-icon-clear:hover {
+  color: var(--kd-c-tree-select-icon-clear-color-text-hover, #999);
+}
+.kd-tree-select .kd-tree-select-single-text {
+  color: var(--kd-c-tree-select-single-color-text, var(--kd-g-color-text-primary, #212121));
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.kd-tree-select .kd-tree-select-single-disabled-text {
+  color: var(--kd-c-tree-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
+}
+.kd-tree-select .kd-tree-select-selection-item {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  vertical-align: middle;
+  max-width: 100%;
+  height: 20px;
+  line-height: 20px;
+  margin: 2px 8px 2px 0;
+  cursor: default;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.kd-tree-select .kd-tree-select-selection-item-small {
+  height: 20px;
+  line-height: 18px;
+  font-size: 12px;
+}
+.kd-tree-select .kd-tree-select-selection-item-middle {
+  font-size: 12px;
+  height: 20px;
+  line-height: 18px;
+}
+.kd-tree-select .kd-tree-select-selection-item-large {
+  font-size: 14px;
+  line-height: 22px;
+  height: 22px;
+}
+.kd-tree-select .kd-tree-select-selection-item-content {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  vertical-align: middle;
+  padding: 0 7px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  border: 1px solid #ccc;
+  color: #212121;
+}
+.kd-tree-select .kd-tree-select-selection-item-span {
+  position: relative;
+  margin-left: 0.5px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.kd-tree-select .kd-tree-select-selection-item-input {
+  cursor: text;
+  margin: 0;
+  padding: 0;
+  background: 0 0;
+  border: none;
+  outline: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  width: 100%;
+  min-width: 20px;
+}
+.kd-tree-select-multiple .kd-tree-select-selection-tag {
+  max-width: calc(100% - 5px);
+}
+.kd-tree-select-multiple .kd-tree-select-selection-tag .kd-tag {
+  margin: 2px 8px 2px 0;
+  max-width: 100%;
+}
+.kd-tree-select-multiple .kd-tree-select-selection-search {
+  position: relative;
+  max-width: 100%;
+}
+.kd-tree-select-multiple .kd-tree-select-selection-search-input {
+  outline: 0;
+  border-radius: 0;
+  border: none;
+  background: transparent;
+  width: 100%;
+}
+.kd-tree-select-multiple .kd-tree-select-selection-search-mirror {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 999;
+  white-space: pre;
+  visibility: hidden;
+}
+.kd-tree-select-multiple-disabled {
+  cursor: not-allowed;
+  background-color: var(--kd-c-tree-select-color-background-disabled, #f5f5f5);
+  color: var(--kd-c-tree-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
+}
+.kd-tree-select-multiple-disabled .kd-tree-select-suffix {
+  color: var(--kd-c-tree-select-arrow-icon-color-text-disabled, #b2b2b2);
+}
+.kd-tree-select-multiple:hover .kd-tree-select-icon-clear {
+  opacity: 1;
+}
+.kd-tree-select-multiple .kd-tree-select-icon-clear {
+  color: var(--kd-c-tree-select-icon-clear-color-text, #d9d9d9);
+}
+.kd-tree-select-multiple .kd-tree-select-icon-clear:hover {
+  color: var(--kd-c-tree-select-icon-clear-color-text-hover, #999);
+}
+.kd-tree-select-multiple-selector {
+  position: relative;
+  cursor: text;
+  padding-right: 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.kd-tree-select-multiple .kd-tree-select-wrapper:hover:not(.kd-tree-select-multiple-disabled) {
+  border-bottom: 1px solid var(--kd-c-tree-select-color-border-hover, var(--kd-g-color-theme, #5582f3));
+}
+.kd-tree-select-multiple-footer {
+  color: var(--kd-c-tree-select-footer-color-text, var(--kd-g-color-text-primary, #212121));
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  padding: 0 12px;
+  height: 32px;
+  line-height: 32px;
+  border-top: 1px solid #d9d9d9;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.kd-tree-select-multiple-footer-hadSelected {
+  color: #999999;
+  padding-left: 12px;
+}
+.kd-tree-select-multiple-footer-hadSelected > span {
+  color: var(--kd-c-tree-select-footer-color-text-selected, #0e5fd8);
+  padding: 0 2px;
+}
+.kd-tree-select.topLeft.hidden,
+.kd-tree-select.bottomLeft.hidden,
+.kd-tree-select.topRight.hidden,
+.kd-tree-select.bottomRight.hidden {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
+}

package/lib/tree-select/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/lib/tree-select/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("../../style/index.less");
+require("./index.less");