@cloud-app-dev/vidc 2.0.0-alpha.1 → 2.0.0-alpha.2

package/es/ThemeAntd/style/checkbox.css

@@ -0,0 +1,64 @@
+div .cloudapp-checkbox {
+  color: inherit;
+}
+div .cloudapp-checkbox-checked .cloudapp-checkbox-inner {
+  border-color: var(--primary);
+  background-color: var(--primary);
+}
+div .cloudapp-checkbox-inner {
+  border-radius: var(--form-redius);
+  background-color: var(--form-bg);
+  border-color: var(--bd-color);
+}
+div .cloudapp-checkbox-wrapper {
+  color: inherit;
+}
+div .cloudapp-checkbox-disabled + span {
+  color: inherit;
+  opacity: 0.8;
+}
+div .cloudapp-checkbox-disabled.cloudapp-checkbox-checked .cloudapp-checkbox-inner::after {
+  border-color: var(--bd-color);
+}
+div .cloudapp-checkbox-wrapper:hover .cloudapp-checkbox-inner,
+div .cloudapp-checkbox:hover .cloudapp-checkbox-inner,
+div .cloudapp-checkbox-input:focus + .cloudapp-checkbox-inner {
+  border-color: var(--primary);
+}
+div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner::after {
+  background-color: var(--primary);
+}
+div .cloudapp-checkbox-disabled .cloudapp-checkbox-inner {
+  background-color: var(--form-bg);
+  opacity: 0.8;
+}
+div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner {
+  background-color: #fff;
+  border-color: var(--bd-color) !important;
+}
+div .cloudapp-tree-checkbox-inner {
+  border-color: var(--bd-color);
+  border-radius: var(--form-redius);
+}
+div .cloudapp-tree-checkbox-wrapper:hover .cloudapp-tree-checkbox-inner,
+div .cloudapp-tree-checkbox:hover .cloudapp-tree-checkbox-inner,
+div .cloudapp-tree-checkbox-input:focus + .cloudapp-tree-checkbox-inner {
+  border-color: var(--primary);
+}
+div .cloudapp-tree-checkbox-checked .cloudapp-tree-checkbox-inner {
+  border-color: var(--primary);
+  background-color: var(--primary);
+}
+div .cloudapp-tree-checkbox-disabled .cloudapp-tree-checkbox-inner {
+  background-color: var(--bg-lv1);
+  border-color: var(--bd-color);
+}
+div .cloudapp-tree-checkbox-indeterminate .cloudapp-tree-checkbox-inner::after {
+  background-color: var(--primary);
+}
+div .cloudapp-checkbox-checked::after {
+  border-color: var(--primary);
+}
+div .cloudapp-checkbox-group {
+  color: inherit;
+}

package/es/ThemeAntd/style/form.css

@@ -0,0 +1,10 @@
+div .cloudapp-form {
+  color: inherit;
+}
+div .cloudapp-form-item-label > label {
+  color: inherit;
+}
+div .cloudapp-form-item {
+  font-size: var(--fs);
+  color: inherit;
+}

package/es/ThemeAntd/style/input.css

@@ -0,0 +1,58 @@
+div .cloudapp-input {
+  color: inherit;
+  border-radius: var(--form-redius);
+  border-color: var(--bd-color);
+  background-color: var(--form-bg);
+}
+div .cloudapp-input:hover {
+  border-color: var(--primary);
+}
+div .cloudapp-input:focus,
+div .cloudapp-input-focused {
+  border-color: var(--primary);
+}
+div .cloudapp-input-affix-wrapper {
+  background-color: var(--form-bg);
+  color: inherit;
+  border-radius: var(--form-redius);
+  border-color: var(--bd-color);
+}
+div .cloudapp-input-affix-wrapper:hover {
+  border-color: var(--primary);
+}
+div .cloudapp-input-affix-wrapper:focus,
+div .cloudapp-input-affix-wrapper-focused {
+  border-color: var(--primary);
+}
+div .cloudapp-input[disabled] {
+  background-color: var(--form-bg);
+  color: inherit;
+  border-color: var(--bd-color);
+  opacity: 0.7;
+}
+div .cloudapp-input-number {
+  color: inherit;
+  border-radius: var(--form-redius);
+  border-color: var(--bd-color);
+  background-color: var(--form-bg);
+}
+div .cloudapp-input-number:hover {
+  border-color: var(--primary);
+}
+div .cloudapp-input-number:focus,
+div .cloudapp-input-number-focused {
+  border-color: var(--primary);
+}
+div .cloudapp-input-number-handler-wrap {
+  border-radius: 0 var(--form-redius) var(--form-redius) 0;
+  background-color: var(--form-bg);
+  color: inherit;
+}
+div .cloudapp-input-number-handler {
+  color: inherit;
+  border-top-color: var(--bd-color);
+}
+div .cloudapp-input-number-handler-up-inner,
+div .cloudapp-input-number-handler-down-inner {
+  color: inherit;
+}

package/es/ThemeAntd/style/pagination.css

@@ -0,0 +1,44 @@
+div .cloudapp-pagination {
+  color: inherit;
+}
+div .cloudapp-pagination-prev,
+div .cloudapp-pagination-next,
+div .cloudapp-pagination-jump-prev,
+div .cloudapp-pagination-jump-next {
+  border-radius: var(--form-redius);
+  line-height: 28px;
+}
+div .cloudapp-pagination-prev .cloudapp-pagination-item-link,
+div .cloudapp-pagination-next .cloudapp-pagination-item-link {
+  border-radius: var(--form-redius);
+}
+div .cloudapp-pagination-item {
+  border-radius: var(--form-redius);
+}
+div .cloudapp-pagination-item-active {
+  border-color: var(--primary);
+}
+div .cloudapp-pagination-item-active a {
+  color: var(--primary);
+}
+div .cloudapp-pagination-item:focus,
+div .cloudapp-pagination-item:hover {
+  border-color: var(--primary);
+}
+div .cloudapp-pagination-item:focus a,
+div .cloudapp-pagination-item:hover a {
+  color: var(--primary);
+}
+div .cloudapp-pagination-prev:focus .cloudapp-pagination-item-link,
+div .cloudapp-pagination-next:focus .cloudapp-pagination-item-link,
+div .cloudapp-pagination-prev:hover .cloudapp-pagination-item-link,
+div .cloudapp-pagination-next:hover .cloudapp-pagination-item-link {
+  color: var(--primary);
+  border-color: var(--primary);
+}
+div .cloudapp-pagination-disabled .cloudapp-pagination-item-link,
+div .cloudapp-pagination-disabled:hover .cloudapp-pagination-item-link,
+div .cloudapp-pagination-disabled:focus .cloudapp-pagination-item-link {
+  border-color: var(--disabled);
+  color: var(--disabled);
+}

package/es/ThemeAntd/style/picker.css

@@ -0,0 +1,86 @@
+div .cloudapp-picker {
+  background-color: var(--form-bg);
+  border-radius: var(--form-radius);
+  color: inherit;
+}
+div .cloudapp-picker:hover,
+div .cloudapp-picker-focused {
+  border-color: var(--primary);
+}
+div .cloudapp-picker-suffix {
+  color: inherit;
+}
+div .cloudapp-picker-panel {
+  background-color: var(--form-bg);
+  border-color: var(--form-divider-color);
+}
+div .cloudapp-picker-panel .cloudapp-picker-footer {
+  border-color: var(--form-divider-color);
+}
+div .cloudapp-picker-header {
+  border-bottom-color: var(--form-divider-color);
+  color: inherit;
+}
+div .cloudapp-picker-header button {
+  color: inherit;
+}
+div .cloudapp-picker-panel-container {
+  background-color: var(--form-bg);
+}
+div .cloudapp-picker-dropdown {
+  color: inherit;
+  border-radius: var(--form-radius);
+}
+div .cloudapp-picker-cell {
+  color: inherit;
+  opacity: 0.6;
+}
+div .cloudapp-picker-cell-in-view {
+  color: inherit;
+  opacity: 1;
+}
+div .cloudapp-picker-content th {
+  color: inherit;
+}
+div .cloudapp-picker-today-btn {
+  color: var(--primary);
+}
+div .cloudapp-picker-cell .cloudapp-picker-cell-inner {
+  border-radius: var(--form-radius);
+}
+div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-today .cloudapp-picker-cell-inner::before {
+  border-radius: var(--form-radius);
+}
+div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-in-view) .cloudapp-picker-cell-inner,
+div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-selected):not(.cloudapp-picker-cell-range-start):not(.cloudapp-picker-cell-range-end):not(.cloudapp-picker-cell-range-hover-start):not(.cloudapp-picker-cell-range-hover-end) .cloudapp-picker-cell-inner {
+  background-color: var(--form-bg-dark);
+}
+div .cloudapp-picker-input > input {
+  color: inherit;
+}
+div .cloudapp-picker-range-arrow::after {
+  border-color: var(--form-bg);
+}
+div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-selected .cloudapp-picker-cell-inner,
+div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-start .cloudapp-picker-cell-inner,
+div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-end .cloudapp-picker-cell-inner {
+  background-color: var(--primary);
+}
+div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-start:not(.cloudapp-picker-cell-range-start-single)::before,
+div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-end:not(.cloudapp-picker-cell-range-end-single)::before {
+  background-color: var(--primary);
+  opacity: 0.8;
+}
+div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-in-range::before {
+  background-color: var(--primary);
+  opacity: 0.8;
+}
+div .cloudapp-picker-focused .cloudapp-picker-separator {
+  color: inherit;
+}
+div .cloudapp-picker-separator {
+  color: inherit;
+}
+div .cloudapp-picker-range .cloudapp-picker-active-bar {
+  background-color: var(--primary);
+}

package/es/ThemeAntd/style/popover.css

@@ -0,0 +1,3 @@
+div .cloudapp-popover-inner {
+  border-radius: var(--form-redius);
+}

package/es/ThemeAntd/style/radio.css

@@ -0,0 +1,71 @@
+div .cloudapp-radio-button-wrapper {
+  outline: unset;
+}
+div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):hover {
+  border-color: var(--primary);
+  color: var(--primary);
+}
+div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled) {
+  border-color: var(--primary);
+  color: var(--primary);
+  box-shadow: -1px 0 0 0 var(--primary);
+}
+div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):first-child {
+  border-color: var(--primary);
+}
+div .cloudapp-radio-disabled .cloudapp-radio-inner::after {
+  background-color: var(--bd-color);
+}
+div .cloudapp-radio-disabled .cloudapp-radio-inner {
+  background-color: var(--form-bg);
+  opacity: 0.8;
+}
+div .cloudapp-radio-button-wrapper:hover {
+  color: var(--primary);
+}
+div .cloudapp-radio-checked .cloudapp-radio-inner {
+  border-color: var(--primary);
+}
+div .cloudapp-radio-inner {
+  background-color: var(--form-bg);
+}
+div .cloudapp-radio-inner::after {
+  background-color: var(--primary);
+}
+div .cloudapp-radio-checked::after {
+  border-color: var(--primary);
+}
+div .cloudapp-radio-wrapper {
+  color: inherit;
+}
+div .cloudapp-radio-disabled + span {
+  color: inherit;
+  opacity: 0.8;
+}
+div .cloudapp-radio-wrapper:hover .cloudapp-radio,
+div .cloudapp-radio:hover .cloudapp-radio-inner,
+div .cloudapp-radio-input:focus + .cloudapp-radio-inner {
+  border-color: var(--primary);
+}
+div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled)::before {
+  background-color: var(--primary) !important;
+  opacity: unset;
+}
+div .cloudapp-radio-group-solid .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled) {
+  background-color: var(--primary);
+  border-color: var(--primary);
+}
+div .cloudapp-radio-group-solid .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):hover {
+  background-color: var(--primary-dark);
+  border-color: var(--primary-dark);
+  box-shadow: -1px 0 0 0 var(--primary);
+}
+div .cloudapp-radio-button-wrapper-checked:not([class*=' cloudapp-radio-button-wrapper-disabled']).cloudapp-radio-button-wrapper:first-child {
+  border-right-color: var(--primary);
+}
+div .cloudapp-radio-button-wrapper:last-child {
+  border-radius: 0 var(--form-redius) var(--form-redius) 0;
+}
+div .cloudapp-radio-button-wrapper:first-child {
+  border-radius: var(--form-redius) 0 0 var(--form-redius);
+}

package/es/ThemeAntd/style/scrollbar.css

@@ -0,0 +1,19 @@
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
+  border-radius: 8px;
+}
+::-webkit-scrollbar-thumb {
+  border-radius: 8px;
+  background: #ddd;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #888;
+}
+::-webkit-scrollbar-thumb:active {
+  background: #999;
+}

package/es/ThemeAntd/style/select.css

@@ -0,0 +1,57 @@
+div .cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
+  border-radius: var(--form-redius);
+  border-color: var(--bd-color);
+  background-color: var(--form-bg);
+}
+div .cloudapp-select-multiple .cloudapp-select-selector {
+  border-radius: var(--form-redius);
+  border-color: var(--bd-color);
+  background-color: var(--form-bg);
+}
+div .cloudapp-select-multiple .cloudapp-select-selection-item {
+  border-radius: var(--form-redius);
+  border-color: var(--bd-color);
+  background-color: var(--form-bg);
+}
+div .cloudapp-select:not(.cloudapp-select-disabled):hover .cloudapp-select-selector {
+  border-color: var(--primary);
+}
+div .cloudapp-select-focused.cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
+  border-color: var(--primary);
+}
+div .cloudapp-select-focused.cloudapp-select-multiple .cloudapp-select-selector {
+  border-color: var(--primary);
+}
+div .cloudapp-select-multiple .cloudapp-select-selection-item-remove {
+  color: inherit;
+}
+div .cloudapp-select-multiple .cloudapp-select-selection-item-remove:hover {
+  color: var(--primary);
+}
+div .cloudapp-select {
+  color: inherit;
+  font-size: var(--fs);
+}
+div .cloudapp-select-arrow {
+  color: inherit;
+}
+div .cloudapp-select-dropdown {
+  background-color: var(--form-bg);
+  color: inherit;
+}
+div .cloudapp-select-item {
+  color: inherit;
+}
+div .cloudapp-select-item-option-active:not(.cloudapp-select-item-option-disabled) {
+  background-color: var(--form-bg-dark);
+}
+div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disabled) .cloudapp-select-item-option-state {
+  color: var(--primary);
+}
+div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disabled) {
+  color: var(--primary);
+  background-color: var(--form-bg-light);
+}
+div .cloudapp-select-focused:not(.cloudapp-select-disabled).cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
+  border-color: var(--primary);
+}

package/es/ThemeAntd/style/table.css

@@ -0,0 +1,36 @@
+div .cloudapp-table {
+  background-color: var(--table-bg);
+  color: inherit;
+  font-size: var(--fs);
+}
+div .cloudapp-table-tbody > tr.cloudapp-table-row:hover > td {
+  background: var(--table-row-hover-color);
+}
+div .cloudapp-table-thead > tr > th:not(.cloudapp-table-cell-scrollbar) {
+  background-color: var(--table-head-bg);
+  border-bottom-color: var(--table-bd);
+  color: inherit;
+}
+div .cloudapp-table-thead > tr > th.cloudapp-table-cell-scrollbar {
+  box-shadow: none;
+  background-color: var(--table-head-bg);
+}
+div .cloudapp-table-cell-fix-left,
+div .cloudapp-table-cell-fix-right {
+  background-color: var(--table-bg);
+}
+div .cloudapp-table-tbody > tr > td {
+  border-bottom-color: var(--table-bd);
+}
+div tr.cloudapp-table-expanded-row > td,
+div tr.cloudapp-table-expanded-row:hover > td {
+  background-color: var(--table-row-hover-color);
+}
+div .cloudapp-table-row-expand-icon {
+  border-radius: var(--form-redius);
+  color: var(--primary);
+}
+div .cloudapp-table-row-expand-icon:focus,
+div .cloudapp-table-row-expand-icon:hover {
+  color: var(--primary-dark);
+}

package/es/ThemeAntd/style/tree.css

@@ -0,0 +1,4 @@
+div .cloudapp-tree {
+  color: inherit;
+  background: transparent;
+}

package/es/Tree/demo.d.ts

@@ -0,0 +1,2 @@
+declare function App(): JSX.Element;
+export default App;

package/es/Tree/demo.js

@@ -0,0 +1,69 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useState } from 'react';
+import Tree from './index';
+import IconFont from '../IconFont';
+var treeData = [{
+  id: '1',
+  name: 'test',
+  children: [{
+    id: '11',
+    name: 'test11'
+  }, {
+    id: '22',
+    name: 'test22'
+  }]
+}];
+
+function App() {
+  var _useState = useState({
+    keyword: 'te'
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    value: state.keyword,
+    onChange: function onChange(e) {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          keyword: e.target.value
+        });
+      });
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: 20,
+      width: 300,
+      height: 400
+    }
+  }, /*#__PURE__*/React.createElement(Tree, {
+    key: state.keyword,
+    treeData: treeData,
+    virtual: false,
+    icon: function icon(node) {
+      return /*#__PURE__*/React.createElement(IconFont, {
+        type: "".concat(treeData.length > 0 && node.id === treeData[0].id ? 'icon-S_Bar_Home' : 'icon-S_Photo_ListTree')
+      });
+    }
+  })));
+}
+
+export default App;

package/es/Tree/index.css

@@ -0,0 +1,64 @@
+.bc-base-tree-component {
+  padding: 10px 0;
+  user-select: none;
+}
+.bc-base-tree-component .cloudapp-tree-switcher {
+  position: relative;
+  top: -2px;
+  left: 8px;
+  z-index: 2;
+  margin-right: 5px;
+}
+.bc-base-tree-component .cloudapp-tree-title {
+  font-size: var(--fs-small);
+  flex: 1 1;
+}
+.bc-base-tree-component .cloudapp-tree-treenode {
+  width: 100%;
+  white-space: nowrap;
+  font-size: var(--fs-small);
+  min-width: max-content;
+  position: relative;
+  display: inline-flex;
+  width: calc(100% - 32px);
+}
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper {
+  font-size: var(--fs-small);
+  min-width: max-content;
+  position: relative;
+  display: inline-flex;
+  width: calc(100% - 32px);
+}
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover,
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected {
+  background: transparent;
+  color: var(--primary);
+  position: relative;
+}
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover:after,
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected:after {
+  content: '';
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  border-bottom: 1px solid var(--primary);
+}
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-switcher,
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-switcher,
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-iconEle,
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-iconEle {
+  color: var(--primary);
+}
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-switcher .anticon,
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-switcher .anticon,
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper:hover .cloudapp-tree-iconEle .anticon,
+.bc-base-tree-component .cloudapp-tree-treenode span.cloudapp-tree-node-content-wrapper.cloudapp-tree-node-selected .cloudapp-tree-iconEle .anticon {
+  color: var(--primary);
+}
+.bc-base-tree-component .cloudapp-tree-treenode-switcher-open .cloudapp-tree-switcher,
+.bc-base-tree-component .cloudapp-tree-treenode-switcher-close .cloudapp-tree-switcher,
+.bc-base-tree-component .cloudapp-tree-treenode-switcher-open .cloudapp-tree-iconEle,
+.bc-base-tree-component .cloudapp-tree-treenode-switcher-close .cloudapp-tree-iconEle {
+  color: var(--icon);
+}

package/es/Tree/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * tree 基础组件支持各种自定义其他tree可用过它来拓展
+ */
+import React from 'react';
+import { DataNode, TreeProps } from 'antd/lib/tree';
+import './index.less';
+export interface ITreeNodeProps {
+    prefix?: (node: DataNode) => JSX.Element;
+    suffix?: (node: DataNode) => JSX.Element;
+    keyword?: string;
+    key?: string;
+    nameKey?: string;
+    RenderTreeTitle?: (node: DataNode) => JSX.Element;
+}
+export interface BaseTreeProps extends TreeProps {
+    checkable?: boolean;
+    className?: string;
+    treeData?: DataNode[] | any[];
+    showIcon?: boolean;
+    treeNodeProps?: ITreeNodeProps;
+    icon?: (node: DataNode) => JSX.Element;
+}
+declare const BTree: React.ForwardRefExoticComponent<BaseTreeProps & React.RefAttributes<any>>;
+export default BTree;