1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | Object.defineProperty(exports, "__esModule", {
|
6 | value: true
|
7 | });
|
8 | exports.default = void 0;
|
9 |
|
10 | require("antd/es/tooltip/style");
|
11 |
|
12 | var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
|
13 |
|
14 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
15 |
|
16 | var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
17 |
|
18 | require("./ThemeColor.less");
|
19 |
|
20 | var _icons = require("@ant-design/icons");
|
21 |
|
22 | var _react = _interopRequireDefault(require("react"));
|
23 |
|
24 | var _excluded = ["color", "check"];
|
25 |
|
26 | var Tag = _react.default.forwardRef(function (_ref, ref) {
|
27 | var color = _ref.color,
|
28 | check = _ref.check,
|
29 | rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
30 | return _react.default.createElement("div", (0, _extends2.default)({}, rest, {
|
31 | style: {
|
32 | backgroundColor: color
|
33 | },
|
34 | ref: ref
|
35 | }), check ? _react.default.createElement(_icons.CheckOutlined, null) : '');
|
36 | });
|
37 |
|
38 | var ThemeColor = function ThemeColor(_ref2, ref) {
|
39 | var value = _ref2.value,
|
40 | colorList = _ref2.colorList,
|
41 | onChange = _ref2.onChange,
|
42 | formatMessage = _ref2.formatMessage;
|
43 |
|
44 | if (!colorList || (colorList === null || colorList === void 0 ? void 0 : colorList.length) < 1) {
|
45 | return null;
|
46 | }
|
47 |
|
48 | return _react.default.createElement("div", {
|
49 | className: "theme-color",
|
50 | ref: ref
|
51 | }, _react.default.createElement("div", {
|
52 | className: "theme-color-content"
|
53 | }, colorList === null || colorList === void 0 ? void 0 : colorList.map(function (_ref3) {
|
54 | var key = _ref3.key,
|
55 | color = _ref3.color;
|
56 | if (!key) return;
|
57 | return _react.default.createElement(_tooltip.default, {
|
58 | key: color,
|
59 | title: formatMessage({
|
60 | id: "app.setting.themecolor.".concat(key)
|
61 | })
|
62 | }, _react.default.createElement(Tag, {
|
63 | className: "theme-color-block",
|
64 | color: color,
|
65 | check: value === color,
|
66 | onClick: function onClick() {
|
67 | return onChange && onChange(color);
|
68 | }
|
69 | }));
|
70 | })));
|
71 | };
|
72 |
|
73 | var _default = _react.default.forwardRef(ThemeColor);
|
74 |
|
75 | exports.default = _default; |
\ | No newline at end of file |