@ucloud-fe/react-components 1.5.17 → 1.5.18

package/lib/components/Textarea/Textarea.d.ts

@@ -0,0 +1,12 @@
+export default Textarea;
+declare class Textarea extends React.Component<any, any, any> {
+    static propTypes: {
+        /** @ignore */
+        className: PropTypes.Requireable<string>;
+    };
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): JSX.Element;
+}
+import React from "react";
+import PropTypes from "prop-types";

package/lib/components/Textarea/Textarea.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _style = require("./style");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+// TODO: autoSize https://github.com/ant-design/ant-design/blob/master/components/input/calculateNodeHeight.tsx
+var Textarea = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Textarea, _Component);
+
+  var _super = _createSuper(Textarea);
+
+  function Textarea() {
+    (0, _classCallCheck2.default)(this, Textarea);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(Textarea, [{
+    key: "render",
+    value: function render() {
+      var rest = (0, _extends2.default)({}, this.props);
+      return /*#__PURE__*/_react.default.createElement(_style.TextareaWrap, rest);
+    }
+  }]);
+  return Textarea;
+}(_react.Component);
+
+Textarea.propTypes = {
+  /** @ignore */
+  className: _propTypes.default.string
+};
+var _default = Textarea;
+exports.default = _default;

package/lib/components/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export default Textarea;
+import Textarea from "./Textarea";

package/lib/components/Textarea/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Textarea = _interopRequireDefault(require("./Textarea"));
+
+var _default = _Textarea.default;
+exports.default = _default;

package/lib/components/Textarea/style/index.d.ts

@@ -0,0 +1 @@
+export const TextareaWrap: import("react").SFC<import("emotion-theming/types/helper").AddOptionalTo<Pick<any, string | number | symbol> & import("react").RefAttributes<any>, "theme">>;

package/lib/components/Textarea/style/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextareaWrap = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _core = require("@emotion/core");
+
+var _withProps = _interopRequireDefault(require("../../../utils/withProps"));
+
+var _this = void 0;
+
+var themeMixin = function themeMixin(props) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var _props$theme = props.theme,
+      DT = _props$theme.designTokens,
+      fontSize = _props$theme.fontSize;
+  return /*#__PURE__*/(0, _core.css)("font-size:", fontSize, ";color:", DT.T_COLOR_TEXT_DEFAULT_DARK, ";border:1px solid ", DT.T_COLOR_LINE_DEFAULT_LIGHT, ";background:", DT.T_INPUT_COLOR_BG_DEFAULT, ";box-shadow:", DT.T_SHADOW_INSET_DEFAULT, ";&:hover,&:focus{border-color:", DT.T_COLOR_LINE_DEFAULT_DARK, ";background:", DT.T_INPUT_COLOR_BG_ACTIVE, ";}&:focus{border-color:", DT.T_COLOR_LINE_PRIMARY_DEFAULT, ";}&::placeholder{opacity:1;color:", DT.T_COLOR_TEXT_REMARK_LIGHT, ";}&[disabled]{color:", DT.T_COLOR_TEXT_DISABLED, ";border-color:", DT.T_COLOR_LINE_DISABLED_DARK, ";background:", DT.T_COLOR_BG_DISABLED_LIGHT, ";box-shadow:0 0 0 0 ", DT.T_COLOR_BG_TRANSPARENT, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRhcmVhL3N0eWxlL2luZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVjIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRhcmVhL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCB3aXRoUHJvcHMgZnJvbSAnc3JjL3V0aWxzL3dpdGhQcm9wcyc7XG5cbmNvbnN0IHRoZW1lTWl4aW4gPSBwcm9wcyA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICB0aGVtZTogeyBkZXNpZ25Ub2tlbnM6IERULCBmb250U2l6ZSB9XG4gICAgfSA9IHByb3BzO1xuXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgZm9udC1zaXplOiAke2ZvbnRTaXplfTtcbiAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfREFSS307XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7RFQuVF9DT0xPUl9MSU5FX0RFRkFVTFRfTElHSFR9O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfSU5QVVRfQ09MT1JfQkdfREVGQVVMVH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7RFQuVF9TSEFET1dfSU5TRVRfREVGQVVMVH07XG4gICAgICAgICY6aG92ZXIsXG4gICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke0RULlRfQ09MT1JfTElORV9ERUZBVUxUX0RBUkt9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0lOUFVUX0NPTE9SX0JHX0FDVElWRX07XG4gICAgICAgIH1cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3JkZXItY29sb3I6ICR7RFQuVF9DT0xPUl9MSU5FX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgIH1cbiAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9SRU1BUktfTElHSFR9O1xuICAgICAgICB9XG4gICAgICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgICAgIGNvbG9yOiAke0RULlRfQ09MT1JfVEVYVF9ESVNBQkxFRH07XG4gICAgICAgICAgICBib3JkZXItY29sb3I6ICR7RFQuVF9DT0xPUl9MSU5FX0RJU0FCTEVEX0RBUkt9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVC5UX0NPTE9SX0JHX0RJU0FCTEVEX0xJR0hUfTtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDAgJHtEVC5UX0NPTE9SX0JHX1RSQU5TUEFSRU5UfTtcbiAgICAgICAgfVxuICAgIGA7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWFXcmFwID0gd2l0aFByb3BzKCkoc3R5bGVkKCd0ZXh0YXJlYScpYFxuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZzogNHB4IDhweDtcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgICBtaW4taGVpZ2h0OiAkezEyICogMS41ICsgKDQgKyAxKSAqIDJ9cHg7XG4gICAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgICR7dGhlbWVNaXhpbn07XG5gKTtcbiJdfQ== */"));
+}.bind(void 0);
+
+var TextareaWrap = (0, _withProps.default)()(( /*#__PURE__*/0, _styledBase.default)('textarea', {
+  target: "e1nuqkzi0",
+  label: "TextareaWrap"
+})("display:block;box-sizing:border-box;width:100%;padding:4px 8px;border-radius:2px;line-height:1.5;min-height:", 12 * 1.5 + (4 + 1) * 2, "px;resize:vertical;outline:none;", themeMixin, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRhcmVhL3N0eWxlL2luZGV4LmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDMEQiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dGFyZWEvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcblxuaW1wb3J0IHdpdGhQcm9wcyBmcm9tICdzcmMvdXRpbHMvd2l0aFByb3BzJztcblxuY29uc3QgdGhlbWVNaXhpbiA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7XG4gICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQsIGZvbnRTaXplIH1cbiAgICB9ID0gcHJvcHM7XG5cbiAgICByZXR1cm4gY3NzYFxuICAgICAgICBmb250LXNpemU6ICR7Zm9udFNpemV9O1xuICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfREVGQVVMVF9EQVJLfTtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtEVC5UX0NPTE9SX0xJTkVfREVGQVVMVF9MSUdIVH07XG4gICAgICAgIGJhY2tncm91bmQ6ICR7RFQuVF9JTlBVVF9DT0xPUl9CR19ERUZBVUxUfTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtEVC5UX1NIQURPV19JTlNFVF9ERUZBVUxUfTtcbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3JkZXItY29sb3I6ICR7RFQuVF9DT0xPUl9MSU5FX0RFRkFVTFRfREFSS307XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfSU5QVVRfQ09MT1JfQkdfQUNUSVZFfTtcbiAgICAgICAgfVxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtEVC5UX0NPTE9SX0xJTkVfUFJJTUFSWV9ERUZBVUxUfTtcbiAgICAgICAgfVxuICAgICAgICAmOjpwbGFjZWhvbGRlciB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX1JFTUFSS19MSUdIVH07XG4gICAgICAgIH1cbiAgICAgICAgJltkaXNhYmxlZF0ge1xuICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RJU0FCTEVEfTtcbiAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtEVC5UX0NPTE9SX0xJTkVfRElTQUJMRURfREFSS307XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RULlRfQ09MT1JfQkdfRElTQUJMRURfTElHSFR9O1xuICAgICAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgMCAke0RULlRfQ09MT1JfQkdfVFJBTlNQQVJFTlR9O1xuICAgICAgICB9XG4gICAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYVdyYXAgPSB3aXRoUHJvcHMoKShzdHlsZWQoJ3RleHRhcmVhJylgXG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nOiA0cHggOHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICBsaW5lLWhlaWdodDogMS41O1xuICAgIG1pbi1oZWlnaHQ6ICR7MTIgKiAxLjUgKyAoNCArIDEpICogMn1weDtcbiAgICByZXNpemU6IHZlcnRpY2FsO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgJHt0aGVtZU1peGlufTtcbmApO1xuIl19 */")));
+exports.TextareaWrap = TextareaWrap;

package/lib/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,21 @@
+export default ThemeProvider;
+declare class ThemeProvider extends React.Component<any, any, any> {
+    static propTypes: {
+        /**
+         * 自定义主题
+         */
+        theme: PropTypes.Validator<object>;
+    };
+    constructor(props: any);
+    cache: string;
+    state: {
+        theme: any;
+    };
+    uid: string;
+    getMergedTheme: (theme: any) => any;
+    componentWillReceiveProps(nextProps: any): void;
+    componentWillUnmount: () => void;
+    render(): JSX.Element;
+}
+import React from "react";
+import PropTypes from "prop-types";

package/lib/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _emotionTheming = require("emotion-theming");
+
+var _theme3 = require("./theme");
+
+var _runtime = require("./runtime");
+
+var _excluded = ["theme"];
+
+var _this = void 0;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var themeStack = [];
+var themeMap = {};
+
+var updateRuntimeTheme = function updateRuntimeTheme() {
+  (0, _newArrowCheck2.default)(this, _this);
+  (0, _runtime.setRuntimeTheme)(themeMap[themeStack[themeStack.length - 1]]);
+}.bind(void 0);
+
+var ThemeProvider = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ThemeProvider, _Component);
+
+  var _super = _createSuper(ThemeProvider);
+
+  function ThemeProvider(props) {
+    var _this3 = this;
+
+    var _this2;
+
+    (0, _classCallCheck2.default)(this, ThemeProvider);
+    _this2 = _super.call(this, props);
+
+    _this2.getMergedTheme = function (theme) {
+      (0, _newArrowCheck2.default)(this, _this3);
+      return (0, _theme3.generateTheme)(theme);
+    }.bind(this);
+
+    _this2.componentWillUnmount = function () {
+      var _this4 = this;
+
+      (0, _newArrowCheck2.default)(this, _this3);
+      delete themeMap[_this2.uid];
+      themeStack = themeStack.filter(function (uid) {
+        (0, _newArrowCheck2.default)(this, _this4);
+        return uid !== _this2.uid;
+      }.bind(this));
+      updateRuntimeTheme();
+    }.bind(this);
+
+    var _theme2 = _this2.getMergedTheme(props.theme);
+
+    _this2.cache = JSON.stringify(_theme2);
+    _this2.state = {
+      theme: _theme2
+    };
+    _this2.uid = (0, _uniqueId2.default)('_theme_provider_');
+    themeStack.push(_this2.uid);
+    themeMap[_this2.uid] = _theme2;
+    updateRuntimeTheme();
+    return _this2;
+  }
+
+  (0, _createClass2.default)(ThemeProvider, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {
+      var _this5 = this;
+
+      var theme = nextProps.theme;
+
+      if (JSON.stringify(theme) !== this.cache) {
+        var mergedTheme = this.getMergedTheme(theme);
+        this.cache = JSON.stringify(theme);
+        this.setState({
+          theme: mergedTheme
+        }, function () {
+          (0, _newArrowCheck2.default)(this, _this5);
+          themeMap[this.uid] = mergedTheme;
+          updateRuntimeTheme();
+        }.bind(this));
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      // eslint-disable-next-line no-unused-vars
+      var _this$props = this.props,
+          _theme = _this$props.theme,
+          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      var theme = this.state.theme;
+      return /*#__PURE__*/_react.default.createElement(_emotionTheming.ThemeProvider, (0, _extends2.default)({
+        theme: theme
+      }, rest));
+    }
+  }]);
+  return ThemeProvider;
+}(_react.Component);
+
+ThemeProvider.propTypes = {
+  /**
+   * 自定义主题
+   */
+  theme: _propTypes.default.object.isRequired
+};
+var _default = ThemeProvider;
+exports.default = _default;

package/lib/components/ThemeProvider/dark.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _designTokensDark = _interopRequireDefault(require("./designTokensDark"));
+
+var _default = {
+  designTokens: _designTokensDark.default
+};
+exports.default = _default;

package/lib/components/ThemeProvider/designTokens.d.ts

@@ -0,0 +1,269 @@
+declare const _default: {
+    T_BUTTON_COMMON_COLOR_MASK: string;
+    T_BUTTON_PRIMARY_COLOR_BG_DEFAULT: string;
+    T_BUTTON_PRIMARY_COLOR_BG_HOVER: string;
+    T_BUTTON_PRIMARY_COLOR_TEXT_DEFAULT: string;
+    T_BUTTON_SECONDARY_COLOR_BG_DEFAULT: string;
+    T_CARD_COLOR_BG_DEFAULT: string;
+    T_CHART_TIMEPICKER_BG_DEFAULT: string;
+    T_CHART_TIMEPICKER_ICON_DEFAULT: string;
+    T_COLOR_BG_CONTENT_1: string;
+    T_COLOR_BG_DEFAULT_BRIGHT: string;
+    T_COLOR_BG_DEFAULT_DARK: string;
+    T_COLOR_BG_DEFAULT_HOVER: string;
+    T_COLOR_BG_DEFAULT_LIGHT: string;
+    T_COLOR_BG_DEFAULT_NORMAL: string;
+    T_COLOR_BG_DISABLED_DARK: string;
+    T_COLOR_BG_DISABLED_LIGHT: string;
+    T_COLOR_BG_ERROR_DARK: string;
+    T_COLOR_BG_ERROR_LIGHT: string;
+    T_COLOR_BG_HIGHLIGHT: string;
+    T_COLOR_BG_MENU: string;
+    T_COLOR_BG_NOTICE_DARK: string;
+    T_COLOR_BG_NOTICE_LIGHT: string;
+    T_COLOR_BG_PRIMARY_1: string;
+    T_COLOR_BG_PRIMARY_2: string;
+    T_COLOR_BG_PRIMARY_3: string;
+    T_COLOR_BG_PRIMARY_4: string;
+    T_COLOR_BG_PRIMARY_5: string;
+    T_COLOR_BG_SIDEBAR: string;
+    T_COLOR_BG_SUCCESS_DARK: string;
+    T_COLOR_BG_SUCCESS_LIGHT: string;
+    T_COLOR_BG_TRANSPARENT: string;
+    T_COLOR_BG_WARNING_DARK: string;
+    T_COLOR_BG_WARNING_LIGHT: string;
+    T_COLOR_BG_WHITE: string;
+    T_COLOR_LEGEND_BLUE_1: string;
+    T_COLOR_LEGEND_BLUE_2: string;
+    T_COLOR_LEGEND_BLUE_3: string;
+    T_COLOR_LEGEND_BLUE_4: string;
+    T_COLOR_LEGEND_BLUE_5: string;
+    T_COLOR_LEGEND_BLUE_6: string;
+    T_COLOR_LEGEND_BLUE_7: string;
+    T_COLOR_LEGEND_BLUE_8: string;
+    T_COLOR_LEGEND_BLUE_9: string;
+    T_COLOR_LEGEND_CYAN_1: string;
+    T_COLOR_LEGEND_CYAN_2: string;
+    T_COLOR_LEGEND_CYAN_3: string;
+    T_COLOR_LEGEND_CYAN_4: string;
+    T_COLOR_LEGEND_CYAN_5: string;
+    T_COLOR_LEGEND_CYAN_6: string;
+    T_COLOR_LEGEND_CYAN_7: string;
+    T_COLOR_LEGEND_CYAN_8: string;
+    T_COLOR_LEGEND_CYAN_9: string;
+    T_COLOR_LEGEND_GREEN_1: string;
+    T_COLOR_LEGEND_GREEN_2: string;
+    T_COLOR_LEGEND_GREEN_3: string;
+    T_COLOR_LEGEND_GREEN_4: string;
+    T_COLOR_LEGEND_GREEN_5: string;
+    T_COLOR_LEGEND_GREEN_6: string;
+    T_COLOR_LEGEND_GREEN_7: string;
+    T_COLOR_LEGEND_GREEN_8: string;
+    T_COLOR_LEGEND_GREEN_9: string;
+    T_COLOR_LEGEND_LIGHTBLUE_1: string;
+    T_COLOR_LEGEND_LIGHTBLUE_2: string;
+    T_COLOR_LEGEND_LIGHTBLUE_3: string;
+    T_COLOR_LEGEND_LIGHTBLUE_4: string;
+    T_COLOR_LEGEND_LIGHTBLUE_5: string;
+    T_COLOR_LEGEND_LIGHTBLUE_6: string;
+    T_COLOR_LEGEND_LIGHTBLUE_7: string;
+    T_COLOR_LEGEND_LIGHTBLUE_8: string;
+    T_COLOR_LEGEND_LIGHTBLUE_9: string;
+    T_COLOR_LEGEND_ORANGE_1: string;
+    T_COLOR_LEGEND_ORANGE_2: string;
+    T_COLOR_LEGEND_ORANGE_3: string;
+    T_COLOR_LEGEND_ORANGE_4: string;
+    T_COLOR_LEGEND_ORANGE_5: string;
+    T_COLOR_LEGEND_ORANGE_6: string;
+    T_COLOR_LEGEND_ORANGE_7: string;
+    T_COLOR_LEGEND_ORANGE_8: string;
+    T_COLOR_LEGEND_ORANGE_9: string;
+    T_COLOR_LEGEND_PURPLE_1: string;
+    T_COLOR_LEGEND_PURPLE_2: string;
+    T_COLOR_LEGEND_PURPLE_3: string;
+    T_COLOR_LEGEND_PURPLE_4: string;
+    T_COLOR_LEGEND_PURPLE_5: string;
+    T_COLOR_LEGEND_PURPLE_6: string;
+    T_COLOR_LEGEND_PURPLE_7: string;
+    T_COLOR_LEGEND_PURPLE_8: string;
+    T_COLOR_LEGEND_PURPLE_9: string;
+    T_COLOR_LEGEND_RED_1: string;
+    T_COLOR_LEGEND_RED_2: string;
+    T_COLOR_LEGEND_RED_3: string;
+    T_COLOR_LEGEND_RED_4: string;
+    T_COLOR_LEGEND_RED_5: string;
+    T_COLOR_LEGEND_RED_6: string;
+    T_COLOR_LEGEND_RED_7: string;
+    T_COLOR_LEGEND_RED_8: string;
+    T_COLOR_LEGEND_RED_9: string;
+    T_COLOR_LEGEND_YELLOW_1: string;
+    T_COLOR_LEGEND_YELLOW_2: string;
+    T_COLOR_LEGEND_YELLOW_3: string;
+    T_COLOR_LEGEND_YELLOW_4: string;
+    T_COLOR_LEGEND_YELLOW_5: string;
+    T_COLOR_LEGEND_YELLOW_6: string;
+    T_COLOR_LEGEND_YELLOW_7: string;
+    T_COLOR_LEGEND_YELLOW_8: string;
+    T_COLOR_LEGEND_YELLOW_9: string;
+    T_COLOR_LINE_DEFAULT_DARK: string;
+    T_COLOR_LINE_DEFAULT_LIGHT: string;
+    T_COLOR_LINE_DEFAULT_TRANSPARENT: string;
+    T_COLOR_LINE_DISABLED_DARK: string;
+    T_COLOR_LINE_DISABLED_LIGHT: string;
+    T_COLOR_LINE_ERROR_DARK: string;
+    T_COLOR_LINE_ERROR_LIGHT: string;
+    T_COLOR_LINE_NOTICE_DARK: string;
+    T_COLOR_LINE_NOTICE_LIGHT: string;
+    T_COLOR_LINE_PRIMARY_DEFAULT: string;
+    T_COLOR_LINE_PRIMARY_HOVER: string;
+    T_COLOR_LINE_PRIMARY_LIGHT: string;
+    T_COLOR_LINE_SUCCESS_DARK: string;
+    T_COLOR_LINE_SUCCESS_LIGHT: string;
+    T_COLOR_LINE_WARNING_DARK: string;
+    T_COLOR_LINE_WARNING_LIGHT: string;
+    T_COLOR_TEXT_DEFAULT_BRIGHT: string;
+    T_COLOR_TEXT_DEFAULT_DARK: string;
+    T_COLOR_TEXT_DEFAULT_LIGHT: string;
+    T_COLOR_TEXT_DEFAULT_NORMAL: string;
+    T_COLOR_TEXT_DISABLED: string;
+    T_COLOR_TEXT_ERROR: string;
+    T_COLOR_TEXT_ERROR_DARK: string;
+    T_COLOR_TEXT_PRIMARY_DEFAULT: string;
+    T_COLOR_TEXT_PRIMARY_HOVER: string;
+    T_COLOR_TEXT_REMARK_DARK: string;
+    T_COLOR_TEXT_REMARK_LIGHT: string;
+    T_COLOR_TEXT_SUCCESS: string;
+    T_COLOR_TEXT_SUCCESS_DARK: string;
+    T_COLOR_TEXT_SYSTEM_BLACK: string;
+    T_COLOR_TEXT_SYSTEM_WHITE: string;
+    T_COLOR_TEXT_WARNING: string;
+    T_COLOR_TEXT_WARNING_DARK: string;
+    T_COLOR_TEXT_WHITE: string;
+    T_CONTROL_FONT_SIZE_LG: string;
+    T_CONTROL_FONT_SIZE_MD: string;
+    T_CONTROL_FONT_SIZE_SM: string;
+    T_CONTROL_HEIGHT_LG: string;
+    T_CONTROL_HEIGHT_MD: string;
+    T_CONTROL_HEIGHT_SM: string;
+    T_CONTROL_SPACING_LG: string;
+    T_CONTROL_SPACING_MD: string;
+    T_CONTROL_SPACING_SM: string;
+    T_CORNER_CIRCLE: string;
+    T_CORNER_LG: string;
+    T_CORNER_SM: string;
+    T_CORNER_ZERO: string;
+    T_DRAWER_RESIZER_BG_DEFAULT: string;
+    T_DRAWER_RESIZER_BG_HOVER: string;
+    T_FRAME_LOGO_COLOR_BG_DEFAULT: string;
+    T_FRAME_PRODUCTS_COLOR_TEXT_ICON: string;
+    T_FRAME_SIDEBAR_COLOR_BG_ACTIVE: string;
+    T_FRAME_SIDEBAR_COLOR_BG_DEFAULT: string;
+    T_FRAME_SIDEBAR_COLOR_BG_EXPAND: string;
+    T_FRAME_TOP_COLOR_BG_DEFAULT: string;
+    T_FRAME_TOP_COLOR_BG_HOVER: string;
+    T_HEIGHT_LG: string;
+    T_HEIGHT_MD: string;
+    T_HEIGHT_SM: string;
+    T_IDE_DEFAULT_COLOR_BG_ACTION: string;
+    T_IDE_DEFAULT_COLOR_BG_DEFAULT: string;
+    T_IDE_READONLY_COLOR_BG_ACTION: string;
+    T_IDE_READONLY_COLOR_BG_DEFAULT: string;
+    T_INPUT_COLOR_BG_ACTIVE: string;
+    T_INPUT_COLOR_BG_DEFAULT: string;
+    T_INPUT_COLOR_BG_HL_DEFAULT: string;
+    T_INPUT_COLOR_BG_HL_ERROR: string;
+    T_LINE_STYLE_BASE: string;
+    T_LINE_STYLE_DASHED: string;
+    T_LINE_WIDTH_BASE: string;
+    T_LINE_WIDTH_LG: string;
+    T_LINE_WIDTH_SM: string;
+    T_LOADING_COLOR_LAYER_DEFAULT: string;
+    T_MODAL_COLOR_LAYER_DEFAULT: string;
+    T_MODAL_SHADOW_DEFAULT: string;
+    T_PAY_COLOR_BG_1: string;
+    T_PAY_COLOR_BG_2: string;
+    T_PAY_COLOR_BG_3: string;
+    T_POPOVER_COLOR_BG_DARK: string;
+    T_POPOVER_COLOR_BG_LIGHT: string;
+    T_POPOVER_COLOR_LINE_DARK: string;
+    T_POPOVER_COLOR_LINE_LIGHT: string;
+    T_PROGRESS_COLOR_BG_DEFAULT: string;
+    T_SCROLLBAR_COLOR_BG_DEFAULT: string;
+    T_SCROLLBAR_COLOR_BORDER_DEFAULT: string;
+    T_SHADOW_BLOCK_BOTTOM_LG: string;
+    T_SHADOW_BLOCK_BOTTOM_SM: string;
+    T_SHADOW_BLOCK_DEFAULT_LG: string;
+    T_SHADOW_BLOCK_DEFAULT_MD: string;
+    T_SHADOW_BLOCK_DEFAULT_SM: string;
+    T_SHADOW_BLOCK_LEFT_LG: string;
+    T_SHADOW_BLOCK_LEFT_SM: string;
+    T_SHADOW_BLOCK_RIGHT_LG: string;
+    T_SHADOW_BLOCK_RIGHT_SM: string;
+    T_SHADOW_BLOCK_TOP_LG: string;
+    T_SHADOW_BLOCK_TOP_SM: string;
+    T_SHADOW_BUTTON_DEFAULT: string;
+    T_SHADOW_BUTTON_ERROR: string;
+    T_SHADOW_BUTTON_ERROR_HOVER: string;
+    T_SHADOW_BUTTON_HOVER: string;
+    T_SHADOW_BUTTON_PRIMARY: string;
+    T_SHADOW_BUTTON_PRIMARY_HOVER: string;
+    T_SHADOW_INSET_1: string;
+    T_SHADOW_INSET_BOTTOM: string;
+    T_SHADOW_INSET_DEFAULT: string;
+    T_SHADOW_INSET_ERROR: string;
+    T_SHADOW_INSET_LEFT: string;
+    T_SHADOW_INSET_RIGHT: string;
+    T_SHADOW_INSET_TOP: string;
+    T_SKELETON_COLOR_BG_DARK: string;
+    T_SKELETON_COLOR_BG_LIGHT: string;
+    T_SLIDER_COLOR_BG_ACTIVE: string;
+    T_SLIDER_COLOR_BG_DEFAULT: string;
+    T_SLIDER_COLOR_LINE_ACTIVE: string;
+    T_SLIDER_COLOR_LINE_DEFAULT: string;
+    T_SLIDER_COLOR_TEXT_ACTIVE: string;
+    T_SLIDER_COLOR_TEXT_DEFAULT: string;
+    T_SPACING_COMMON_LG: string;
+    T_SPACING_COMMON_MD: string;
+    T_SPACING_COMMON_SM: string;
+    T_SPACING_COMMON_XLG: string;
+    T_SPACING_COMMON_XS: string;
+    T_SPACING_COMMON_XXLG: string;
+    T_SPACING_COMMON_XXXLG: string;
+    T_SQUARE_LG: string;
+    T_SQUARE_MD: string;
+    T_SQUARE_SM: string;
+    T_SWITCH_COLOR_BG_INNER_OFF: string;
+    T_SWITCH_COLOR_BG_INNER_ON: string;
+    T_SWITCH_COLOR_BG_OUTER: string;
+    T_SWITCH_COLOR_LINE_INNER_ON: string;
+    T_SWITCH_COLOR_TEXT_OFF: string;
+    T_SWITCH_COLOR_TEXT_ON: string;
+    T_TABLE_ROW_COLOR_BG_DEFAULT: string;
+    T_TABLE_ROW_COLOR_BG_HOVER: string;
+    T_TABS_DEFAULT_COLOR_BG_DEFAULT: string;
+    T_TABS_DEFAULT_COLOR_BG_HOVER: string;
+    T_TABS_DEFAULT_COLOR_LINE_HOVER: string;
+    T_TABS_PRODUCT_COLOR_BG_HOVER: string;
+    T_TABS_PRODUCT_COLOR_LINE_ACTIVE: string;
+    T_TABS_PRODUCT_COLOR_SHADOW_DEFAULT: string;
+    T_TABS_PRODUCT_COLOR_SHADOW_HOVER: string;
+    T_TABS_PRODUCT_COLOR_TEXT_DEFAULT: string;
+    T_TYPO_FONT_SIZE_1: string;
+    T_TYPO_FONT_SIZE_2: string;
+    T_TYPO_FONT_SIZE_3: string;
+    T_TYPO_FONT_SIZE_4: string;
+    T_TYPO_FONT_SIZE_5: string;
+    T_TYPO_FONT_SIZE_6: string;
+    T_TYPO_FONT_SIZE_7: string;
+    T_TYPO_FONT_SIZE_8: string;
+    T_TYPO_FONT_WEIGHT_BOLD: string;
+    T_TYPO_FONT_WEIGHT_LIGHT: string;
+    T_TYPO_FONT_WEIGHT_NORMAL: string;
+    T_TYPO_LINE_HEIGHT_LG: string;
+    T_TYPO_LINE_HEIGHT_MD: string;
+    T_TYPO_LINE_HEIGHT_SM: string;
+    T_WIDTH_LG: string;
+    T_WIDTH_MD: string;
+    T_WIDTH_SM: string;
+};
+export default _default;