@fonixtree/magic-design 2.0.31 → 2.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (131) hide show
  1. package/es/assets/fonts/.DS_Store +0 -0
  2. package/es/assets/less/modal.less +1 -1
  3. package/es/common/LinkModal/FilteredProductModal/index.js +7 -3
  4. package/es/common/LinkModal/FilteredProductModal/index.less +1 -1
  5. package/es/common/LinkModal/index.js +1 -1
  6. package/es/common/ProductModal/index.js +23 -30
  7. package/es/composite-comp/bol/components/Banner/mobile/index.js +6 -0
  8. package/es/composite-comp/bol/components/Video/defaultJSON.js +24 -0
  9. package/es/composite-comp/bol/config-panels/TagCompConfig/imgs/layout1.png +0 -0
  10. package/es/composite-comp/bol/second-config-panels/VideoSecondConfig/index.js +0 -1
  11. package/es/composite-comp/common/components/ProductItem/index.js +4 -2
  12. package/es/composite-comp/common/components/ProductItem/index.less +9 -0
  13. package/es/composite-comp/dito/components/Recommend/defaultJSON.js +1 -1
  14. package/es/composite-comp/dito/components/Recommend/mobile/index.js +14 -2
  15. package/es/composite-comp/dito/components/SignBoard/defaultJSON.js +41 -37
  16. package/es/composite-comp/dito/components/SignBoard/mobile/index.js +32 -27
  17. package/es/composite-comp/dito/components/SignBoard/mobile/index.less +0 -14
  18. package/es/composite-comp/dito/components/SignBoard/pc/index.js +8 -11
  19. package/es/composite-comp/dito/config-panels/SignBoardConfig/SignBoardConfigContent/index.js +9 -47
  20. package/es/composite-comp/dito/config-panels/SignBoardConfig/index.js +9 -2
  21. package/es/composite-comp/dito/second-config-panels/RecommendSecondConfig/AIRecommendation/index.js +3 -3
  22. package/es/composite-comp/dito/second-config-panels/RecommendSecondConfig/index.js +14 -2
  23. package/es/core/Designer/ToolBarModal/index.js +16 -4
  24. package/es/core/Designer/index.js +3 -0
  25. package/es/decorator/index.js +24 -1
  26. package/es/locale/en/en.json +1 -1
  27. package/es/locale/es/es.json +1 -1
  28. package/es/locale/id/id.json +1 -1
  29. package/es/meta-comp/components/Button/index.js +7 -0
  30. package/es/meta-comp/components/Text/formats/fontStyle.js +58 -0
  31. package/es/meta-comp/components/Text/index.js +9 -0
  32. package/es/meta-comp/config-panels/ButtonConfig/index.js +30 -28
  33. package/es/utils/commonUtil.js +17 -3
  34. package/es/utils/currencyUtil.js +29 -10
  35. package/lib/assets/fonts/.DS_Store +0 -0
  36. package/lib/assets/less/modal.less +1 -1
  37. package/lib/common/LinkModal/FilteredProductModal/index.js +7 -3
  38. package/lib/common/LinkModal/FilteredProductModal/index.less +1 -1
  39. package/lib/common/LinkModal/index.js +1 -1
  40. package/lib/common/ProductModal/index.js +23 -30
  41. package/lib/composite-comp/bol/components/Banner/mobile/index.js +6 -0
  42. package/lib/composite-comp/bol/components/Video/defaultJSON.js +24 -0
  43. package/lib/composite-comp/bol/config-panels/TagCompConfig/imgs/layout1.png +0 -0
  44. package/lib/composite-comp/bol/second-config-panels/VideoSecondConfig/index.js +0 -1
  45. package/lib/composite-comp/common/components/ProductItem/index.js +4 -2
  46. package/lib/composite-comp/common/components/ProductItem/index.less +9 -0
  47. package/lib/composite-comp/dito/components/Recommend/defaultJSON.js +1 -1
  48. package/lib/composite-comp/dito/components/Recommend/mobile/index.js +14 -2
  49. package/lib/composite-comp/dito/components/SignBoard/defaultJSON.js +41 -37
  50. package/lib/composite-comp/dito/components/SignBoard/mobile/index.js +32 -27
  51. package/lib/composite-comp/dito/components/SignBoard/mobile/index.less +0 -14
  52. package/lib/composite-comp/dito/components/SignBoard/pc/index.js +8 -11
  53. package/lib/composite-comp/dito/config-panels/SignBoardConfig/SignBoardConfigContent/index.js +9 -47
  54. package/lib/composite-comp/dito/config-panels/SignBoardConfig/index.js +9 -2
  55. package/lib/composite-comp/dito/second-config-panels/RecommendSecondConfig/AIRecommendation/index.js +3 -3
  56. package/lib/composite-comp/dito/second-config-panels/RecommendSecondConfig/index.js +14 -2
  57. package/lib/core/Designer/ToolBarModal/index.js +16 -4
  58. package/lib/core/Designer/index.js +3 -0
  59. package/lib/decorator/index.js +24 -1
  60. package/lib/locale/en/en.json +1 -1
  61. package/lib/locale/es/es.json +1 -1
  62. package/lib/locale/id/id.json +1 -1
  63. package/lib/meta-comp/components/Button/index.js +7 -0
  64. package/lib/meta-comp/components/Text/formats/fontStyle.js +58 -0
  65. package/lib/meta-comp/components/Text/index.js +9 -0
  66. package/lib/meta-comp/config-panels/ButtonConfig/index.js +30 -28
  67. package/lib/utils/commonUtil.js +17 -3
  68. package/lib/utils/currencyUtil.js +29 -10
  69. package/package.json +1 -1
  70. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/AlignSelectPicker/index.js +0 -99
  71. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/AlignSelectPicker/index.less +0 -54
  72. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/images/AlignCenterSVG.js +0 -27
  73. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/images/AlignLeftSVG.js +0 -27
  74. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/images/AlignRightSVG.js +0 -27
  75. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/index.js +0 -96
  76. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/index.less +0 -26
  77. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/ColorPickerBtn/index.js +0 -101
  78. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/ColorPickerBtn/index.less +0 -26
  79. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/LinkInputPicker/index.js +0 -99
  80. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/LinkInputPicker/index.less +0 -39
  81. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/index.js +0 -93
  82. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/index.less +0 -26
  83. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/images/BackgroundSVG.js +0 -27
  84. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/images/BoldSVG.js +0 -29
  85. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/images/FontColorSVG.js +0 -49
  86. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/images/ItalicSVG.js +0 -29
  87. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/images/LinkSVG.js +0 -26
  88. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/images/OrderSVG.js +0 -27
  89. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/images/StrikeSVG.js +0 -31
  90. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/images/UnderlineSVG.js +0 -34
  91. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/images/UnorderSVG.js +0 -41
  92. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/index.js +0 -136
  93. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/index.less +0 -25
  94. package/es/core/Designer/TextEditModal/ToolBar/ToolBtn/type.js +0 -1
  95. package/es/core/Designer/TextEditModal/ToolBar/index.js +0 -219
  96. package/es/core/Designer/TextEditModal/ToolBar/index.less +0 -19
  97. package/es/core/Designer/TextEditModal/index.js +0 -100
  98. package/es/core/Designer/TextEditModal/index.less +0 -4
  99. package/es/core/Designer/TextEditModal_old/index.js +0 -142
  100. package/es/core/Designer/TextEditModal_old/index.less +0 -25
  101. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/AlignSelectPicker/index.js +0 -99
  102. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/AlignSelectPicker/index.less +0 -54
  103. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/images/AlignCenterSVG.js +0 -27
  104. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/images/AlignLeftSVG.js +0 -27
  105. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/images/AlignRightSVG.js +0 -27
  106. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/index.js +0 -96
  107. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/AlignPicker/index.less +0 -26
  108. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/ColorPickerBtn/index.js +0 -101
  109. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/ColorPickerBtn/index.less +0 -26
  110. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/LinkInputPicker/index.js +0 -99
  111. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/LinkInputPicker/index.less +0 -39
  112. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/index.js +0 -93
  113. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/LinkBtn/index.less +0 -26
  114. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/BackgroundSVG.js +0 -27
  115. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/BoldSVG.js +0 -29
  116. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/FontColorSVG.js +0 -49
  117. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/ItalicSVG.js +0 -29
  118. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/LinkSVG.js +0 -26
  119. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/OrderSVG.js +0 -27
  120. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/StrikeSVG.js +0 -31
  121. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/UnderlineSVG.js +0 -34
  122. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/UnorderSVG.js +0 -41
  123. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/index.js +0 -136
  124. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/index.less +0 -25
  125. package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/type.js +0 -1
  126. package/lib/core/Designer/TextEditModal/ToolBar/index.js +0 -219
  127. package/lib/core/Designer/TextEditModal/ToolBar/index.less +0 -19
  128. package/lib/core/Designer/TextEditModal/index.js +0 -100
  129. package/lib/core/Designer/TextEditModal/index.less +0 -4
  130. package/lib/core/Designer/TextEditModal_old/index.js +0 -142
  131. package/lib/core/Designer/TextEditModal_old/index.less +0 -25
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
- var _default = function _default(_a) {
13
- var onChange = _a.onChange;
14
- return /*#__PURE__*/_react["default"].createElement("svg", {
15
- id: "ne-t-alignment-left",
16
- onClick: onChange,
17
- viewBox: "0 0 256 256",
18
- xmlns: "http://www.w3.org/2000/svg"
19
- }, /*#__PURE__*/_react["default"].createElement("g", {
20
- fill: "currentColor",
21
- fillRule: "nonzero"
22
- }, /*#__PURE__*/_react["default"].createElement("path", {
23
- d: "M143 148c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L143 168H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 148h105ZM218 89c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 109H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 89h180ZM143 30c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L143 50H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 30h105ZM218 207c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 227H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 207h180Z"
24
- })));
25
- };
26
-
27
- exports["default"] = _default;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
- var _default = function _default(_a) {
13
- var onChange = _a.onChange;
14
- return /*#__PURE__*/_react["default"].createElement("svg", {
15
- id: "ne-t-alignment-right",
16
- onClick: onChange,
17
- viewBox: "0 0 256 256",
18
- xmlns: "http://www.w3.org/2000/svg"
19
- }, /*#__PURE__*/_react["default"].createElement("g", {
20
- fill: "currentColor",
21
- fillRule: "nonzero"
22
- }, /*#__PURE__*/_react["default"].createElement("path", {
23
- d: "M218 148c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 168H113c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L113 148h105ZM218 89c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 109H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 89h180ZM218 30c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 50H113c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L113 30h105ZM218 207c5.523 0 10 4.477 10 10 0 5.43-4.327 9.848-9.72 9.996L218 227H38c-5.523 0-10-4.477-10-10 0-5.43 4.327-9.848 9.72-9.996L38 207h180Z"
24
- })));
25
- };
26
-
27
- exports["default"] = _default;
@@ -1,96 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
-
12
- var _AlignLeftSVG = _interopRequireDefault(require("./images/AlignLeftSVG"));
13
-
14
- var _AlignSelectPicker = _interopRequireDefault(require("./AlignSelectPicker"));
15
-
16
- require("./index.less");
17
-
18
- var _AlignRightSVG = _interopRequireDefault(require("./images/AlignRightSVG"));
19
-
20
- var _AlignCenterSVG = _interopRequireDefault(require("./images/AlignCenterSVG"));
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
-
24
- var __extends = void 0 && (void 0).__extends || function () {
25
- var _extendStatics = function extendStatics(d, b) {
26
- _extendStatics = Object.setPrototypeOf || {
27
- __proto__: []
28
- } instanceof Array && function (d, b) {
29
- d.__proto__ = b;
30
- } || function (d, b) {
31
- for (var p in b) {
32
- if (b.hasOwnProperty(p)) d[p] = b[p];
33
- }
34
- };
35
-
36
- return _extendStatics(d, b);
37
- };
38
-
39
- return function (d, b) {
40
- _extendStatics(d, b);
41
-
42
- function __() {
43
- this.constructor = d;
44
- }
45
-
46
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
47
- };
48
- }();
49
-
50
- var SvgMap = {
51
- left: _AlignLeftSVG["default"],
52
- center: _AlignCenterSVG["default"],
53
- right: _AlignRightSVG["default"]
54
- };
55
-
56
- var AlignPicker =
57
- /** @class */
58
- function (_super) {
59
- __extends(AlignPicker, _super);
60
-
61
- function AlignPicker() {
62
- var _this = _super !== null && _super.apply(this, arguments) || this;
63
-
64
- _this.state = {
65
- visibility: false
66
- };
67
- return _this;
68
- }
69
-
70
- AlignPicker.prototype.render = function () {
71
- var _this = this;
72
-
73
- var _a = this.props,
74
- value = _a.value,
75
- onChange = _a.onChange;
76
- var visibility = this.state.visibility;
77
- var align = (value === null || value === void 0 ? void 0 : value.align) || 'left';
78
- return /*#__PURE__*/_react["default"].createElement("div", {
79
- className: (0, _classnames["default"])('tool-btn-wrap'),
80
- onClick: function onClick() {
81
- _this.setState({
82
- visibility: !visibility
83
- });
84
- }
85
- }, SvgMap[align]({}), /*#__PURE__*/_react["default"].createElement(_AlignSelectPicker["default"], {
86
- onChange: onChange,
87
- visibility: visibility
88
- }));
89
- };
90
-
91
- AlignPicker.defaultProps = {};
92
- return AlignPicker;
93
- }(_react["default"].Component);
94
-
95
- var _default = AlignPicker;
96
- exports["default"] = _default;
@@ -1,26 +0,0 @@
1
- .tool-btn-wrap {
2
- width: 26px;
3
- height: 26px;
4
- display: flex;
5
- align-items: center;
6
- justify-content: center;
7
- cursor: pointer;
8
- border-radius: 6px;
9
- padding: 0;
10
- border: none;
11
- transition: .2s all linear;
12
- position: relative;
13
-
14
- &:hover {
15
- background: #f8f8f8;
16
- }
17
-
18
- &.active {
19
- background: #E7E9E8;
20
- }
21
-
22
- svg {
23
- height: 18px;
24
- height: 18px;
25
- }
26
- }
@@ -1,101 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
-
12
- var _FontColorSVG = _interopRequireDefault(require("../../images/FontColorSVG"));
13
-
14
- var _BackgroundSVG = _interopRequireDefault(require("../../images/BackgroundSVG"));
15
-
16
- var _ColorPicker = _interopRequireDefault(require("../../../../../../../common/ColorPicker"));
17
-
18
- require("./index.less");
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- var __extends = void 0 && (void 0).__extends || function () {
23
- var _extendStatics = function extendStatics(d, b) {
24
- _extendStatics = Object.setPrototypeOf || {
25
- __proto__: []
26
- } instanceof Array && function (d, b) {
27
- d.__proto__ = b;
28
- } || function (d, b) {
29
- for (var p in b) {
30
- if (b.hasOwnProperty(p)) d[p] = b[p];
31
- }
32
- };
33
-
34
- return _extendStatics(d, b);
35
- };
36
-
37
- return function (d, b) {
38
- _extendStatics(d, b);
39
-
40
- function __() {
41
- this.constructor = d;
42
- }
43
-
44
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
45
- };
46
- }();
47
-
48
- var ColorPickerBtn =
49
- /** @class */
50
- function (_super) {
51
- __extends(ColorPickerBtn, _super);
52
-
53
- function ColorPickerBtn() {
54
- var _this = _super !== null && _super.apply(this, arguments) || this;
55
-
56
- _this.state = {
57
- visibility: false
58
- };
59
- return _this;
60
- }
61
-
62
- ColorPickerBtn.prototype.render = function () {
63
- var _this = this;
64
-
65
- var _a = this.props,
66
- value = _a.value,
67
- onChange = _a.onChange,
68
- _b = _a.type,
69
- type = _b === void 0 ? 'color' : _b;
70
- var visibility = this.state.visibility;
71
- var color = value === null || value === void 0 ? void 0 : value.color;
72
- return /*#__PURE__*/_react["default"].createElement("div", {
73
- className: (0, _classnames["default"])('tool-btn-wrap'),
74
- onClick: function onClick() {
75
- _this.setState({
76
- visibility: !visibility
77
- });
78
- }
79
- }, type == 'color' ? /*#__PURE__*/_react["default"].createElement(_FontColorSVG["default"], {
80
- color: color || '#262626'
81
- }) : /*#__PURE__*/_react["default"].createElement(_BackgroundSVG["default"], {
82
- color: color || '#262626'
83
- }), /*#__PURE__*/_react["default"].createElement(_ColorPicker["default"], {
84
- color: color,
85
- onChangeColor: onChange,
86
- onClose: function onClose() {
87
- _this.setState({
88
- visibility: false
89
- });
90
- },
91
- placement: "bottomRight",
92
- visibility: visibility
93
- }));
94
- };
95
-
96
- ColorPickerBtn.defaultProps = {};
97
- return ColorPickerBtn;
98
- }(_react["default"].Component);
99
-
100
- var _default = ColorPickerBtn;
101
- exports["default"] = _default;
@@ -1,26 +0,0 @@
1
- .tool-btn-wrap {
2
- width: 26px;
3
- height: 26px;
4
- display: flex;
5
- align-items: center;
6
- justify-content: center;
7
- cursor: pointer;
8
- border-radius: 6px;
9
- padding: 0;
10
- border: none;
11
- transition: .2s all linear;
12
- position: relative;
13
-
14
- &:hover {
15
- background: #f8f8f8;
16
- }
17
-
18
- &.active {
19
- background: #E7E9E8;
20
- }
21
-
22
- svg {
23
- height: 18px;
24
- height: 18px;
25
- }
26
- }
@@ -1,99 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _common = require("../../../../../../../../common");
11
-
12
- require("./index.less");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- var __extends = void 0 && (void 0).__extends || function () {
17
- var _extendStatics = function extendStatics(d, b) {
18
- _extendStatics = Object.setPrototypeOf || {
19
- __proto__: []
20
- } instanceof Array && function (d, b) {
21
- d.__proto__ = b;
22
- } || function (d, b) {
23
- for (var p in b) {
24
- if (b.hasOwnProperty(p)) d[p] = b[p];
25
- }
26
- };
27
-
28
- return _extendStatics(d, b);
29
- };
30
-
31
- return function (d, b) {
32
- _extendStatics(d, b);
33
-
34
- function __() {
35
- this.constructor = d;
36
- }
37
-
38
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
39
- };
40
- }();
41
-
42
- var LinkInputPicker =
43
- /** @class */
44
- function (_super) {
45
- __extends(LinkInputPicker, _super);
46
-
47
- function LinkInputPicker() {
48
- var _this = _super !== null && _super.apply(this, arguments) || this;
49
-
50
- _this.state = {
51
- value: ''
52
- };
53
-
54
- _this.onUrlChange = function (v) {
55
- console.log('v', v);
56
-
57
- _this.setState({
58
- value: v
59
- });
60
- };
61
-
62
- _this.onCommit = function () {
63
- var value = _this.state.value;
64
- var _a = _this.props,
65
- onChange = _a.onChange,
66
- onClose = _a.onClose;
67
- onChange(value);
68
- onClose();
69
- };
70
-
71
- return _this;
72
- }
73
-
74
- LinkInputPicker.prototype.render = function () {
75
- var _a = this.props,
76
- visibility = _a.visibility,
77
- onClose = _a.onClose;
78
- var value = this.state.value;
79
- return /*#__PURE__*/_react["default"].createElement("div", {
80
- className: "link-input-picker-panel"
81
- }, visibility && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
82
- className: "panel-bg",
83
- onClick: onClose
84
- }), /*#__PURE__*/_react["default"].createElement("div", {
85
- className: "panel-content"
86
- }, /*#__PURE__*/_react["default"].createElement(_common.UrlPicker, {
87
- onChange: this.onUrlChange,
88
- value: value
89
- }), /*#__PURE__*/_react["default"].createElement("span", {
90
- className: "commit-btn",
91
- onClick: this.onCommit
92
- }, "Confirm"))));
93
- };
94
-
95
- return LinkInputPicker;
96
- }(_react["default"].Component);
97
-
98
- var _default = LinkInputPicker;
99
- exports["default"] = _default;
@@ -1,39 +0,0 @@
1
- .link-input-picker-panel {
2
- z-index: 999;
3
- position: absolute;
4
- top: 100%;
5
- left: 0;
6
-
7
- .panel-bg {
8
- position: fixed;
9
- z-index: 0;
10
- top: 0;
11
- left: 0;
12
- right: 0;
13
- bottom: 0;
14
- }
15
-
16
- .panel-content {
17
- display: flex;
18
- align-items: center;
19
- padding: 16px;
20
- border: 1px solid rgba(0, 0, 0, .04);
21
- background-color: #fff;
22
- border-radius: 8px;
23
-
24
- .commit-btn {
25
- margin-left: 12px;
26
- background-color: #2e54eb;
27
- padding: 5px 12px;
28
- display: flex;
29
- align-items: center;
30
- justify-content: center;
31
- color: #fff;
32
- border-radius: 8px;
33
- white-space: nowrap;
34
- font-size: 12px;
35
- cursor: pointer;
36
- position: relative;
37
- }
38
- }
39
- }
@@ -1,93 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
-
12
- var _LinkInputPicker = _interopRequireDefault(require("./LinkInputPicker"));
13
-
14
- var _LinkSVG = _interopRequireDefault(require("../../images/LinkSVG"));
15
-
16
- require("./index.less");
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
- var __extends = void 0 && (void 0).__extends || function () {
21
- var _extendStatics = function extendStatics(d, b) {
22
- _extendStatics = Object.setPrototypeOf || {
23
- __proto__: []
24
- } instanceof Array && function (d, b) {
25
- d.__proto__ = b;
26
- } || function (d, b) {
27
- for (var p in b) {
28
- if (b.hasOwnProperty(p)) d[p] = b[p];
29
- }
30
- };
31
-
32
- return _extendStatics(d, b);
33
- };
34
-
35
- return function (d, b) {
36
- _extendStatics(d, b);
37
-
38
- function __() {
39
- this.constructor = d;
40
- }
41
-
42
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
43
- };
44
- }();
45
-
46
- var ColorPickerBtn =
47
- /** @class */
48
- function (_super) {
49
- __extends(ColorPickerBtn, _super);
50
-
51
- function ColorPickerBtn() {
52
- var _this = _super !== null && _super.apply(this, arguments) || this;
53
-
54
- _this.state = {
55
- visibility: false
56
- };
57
- return _this;
58
- }
59
-
60
- ColorPickerBtn.prototype.render = function () {
61
- var _this = this;
62
-
63
- var _a = this.props,
64
- value = _a.value,
65
- onChange = _a.onChange;
66
- var visibility = this.state.visibility;
67
- var color = value === null || value === void 0 ? void 0 : value.color;
68
- return /*#__PURE__*/_react["default"].createElement("div", {
69
- className: (0, _classnames["default"])('tool-btn-wrap')
70
- }, /*#__PURE__*/_react["default"].createElement(_LinkSVG["default"], {
71
- color: color || '#262626',
72
- onChange: function onChange() {
73
- _this.setState({
74
- visibility: !visibility
75
- });
76
- }
77
- }), visibility && /*#__PURE__*/_react["default"].createElement(_LinkInputPicker["default"], {
78
- onChange: onChange,
79
- onClose: function onClose() {
80
- _this.setState({
81
- visibility: false
82
- });
83
- },
84
- visibility: true
85
- }));
86
- };
87
-
88
- ColorPickerBtn.defaultProps = {};
89
- return ColorPickerBtn;
90
- }(_react["default"].Component);
91
-
92
- var _default = ColorPickerBtn;
93
- exports["default"] = _default;
@@ -1,26 +0,0 @@
1
- .tool-btn-wrap {
2
- width: 26px;
3
- height: 26px;
4
- display: flex;
5
- align-items: center;
6
- justify-content: center;
7
- cursor: pointer;
8
- border-radius: 6px;
9
- padding: 0;
10
- border: none;
11
- transition: .2s all linear;
12
- position: relative;
13
-
14
- &:hover {
15
- background: #f8f8f8;
16
- }
17
-
18
- &.active {
19
- background: #E7E9E8;
20
- }
21
-
22
- svg {
23
- height: 18px;
24
- height: 18px;
25
- }
26
- }
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
- var _default = function _default(_a) {
13
- var onChange = _a.onChange;
14
- return /*#__PURE__*/_react["default"].createElement("svg", {
15
- fill: "none",
16
- onClick: onChange,
17
- viewBox: "0 0 256 256",
18
- xmlns: "http://www.w3.org/2000/svg"
19
- }, /*#__PURE__*/_react["default"].createElement("path", {
20
- clipRule: "evenodd",
21
- d: "M3.375 2.25H14.625C14.9234 2.25 15.2095 2.36853 15.4205 2.5795C15.6315 2.79048 15.75 3.07663 15.75 3.375V14.625C15.75 14.9234 15.6315 15.2095 15.4205 15.4205C15.2095 15.6315 14.9234 15.75 14.625 15.75H3.375C3.07663 15.75 2.79048 15.6315 2.5795 15.4205C2.36853 15.2095 2.25 14.9234 2.25 14.625V3.375C2.25 3.07663 2.36853 2.79048 2.5795 2.5795C2.79048 2.36853 3.07663 2.25 3.375 2.25ZM9.00012 4.5C9.21318 4.5 9.40796 4.62038 9.50324 4.81094L12.3142 10.4328L12.3177 10.4398L13.4407 12.6859C13.5797 12.9638 13.467 13.3017 13.1892 13.4406C12.9113 13.5795 12.5734 13.4669 12.4345 13.1891L11.465 11.25H6.53527L5.56574 13.1891C5.42681 13.4669 5.08893 13.5795 4.81107 13.4406C4.5332 13.3017 4.42058 12.9638 4.55951 12.6859L5.67705 10.4509C5.68161 10.441 5.68644 10.4314 5.69153 10.4219L8.49701 4.81094C8.59229 4.62038 8.78706 4.5 9.00012 4.5ZM9.00012 6.32029L10.9025 10.125L7.09777 10.125L9.00012 6.32029Z",
22
- fill: "#232F46",
23
- fillRule: "evenodd"
24
- }));
25
- };
26
-
27
- exports["default"] = _default;
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
- var _default = function _default(_a) {
13
- var onChange = _a.onChange;
14
- return /*#__PURE__*/_react["default"].createElement("svg", {
15
- id: "ne-t-bold",
16
- onClick: onChange,
17
- viewBox: "0 0 256 256",
18
- xmlns: "http://www.w3.org/2000/svg"
19
- }, /*#__PURE__*/_react["default"].createElement("g", {
20
- fill: "currentColor",
21
- fillRule: "nonzero"
22
- }, /*#__PURE__*/_react["default"].createElement("path", {
23
- d: "M129 28c30.376 0 55 24.624 55 55s-24.624 55-55 55H60V44c0-8.837 7.163-16 16-16h53Zm-49 90h49c19.33 0 35-15.67 35-35 0-19.137-15.358-34.686-34.421-34.995L129 48H80v70Z"
24
- }), /*#__PURE__*/_react["default"].createElement("path", {
25
- d: "M144.5 118c30.652 0 55.5 24.848 55.5 55.5S175.152 229 144.5 229H76c-8.837 0-16-7.163-16-16v-95h84.5ZM80 209h64.5c19.606 0 35.5-15.894 35.5-35.5 0-19.41-15.578-35.182-34.913-35.495L144.5 138H80v71Z"
26
- })));
27
- };
28
-
29
- exports["default"] = _default;
@@ -1,49 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
- var _default = function _default(_a) {
13
- var _b = _a.color,
14
- color = _b === void 0 ? 'currentColor' : _b;
15
- return /*#__PURE__*/_react["default"].createElement("svg", {
16
- height: "18px",
17
- version: "1.1",
18
- viewBox: "0 0 240 240",
19
- width: "18px",
20
- xmlns: "http://www.w3.org/2000/svg"
21
- }, /*#__PURE__*/_react["default"].createElement("g", {
22
- fill: "none",
23
- fillRule: "evenodd",
24
- id: "icon/\u5B57\u4F53\u989C\u8272",
25
- stroke: "none",
26
- strokeWidth: "1"
27
- }, /*#__PURE__*/_react["default"].createElement("g", {
28
- transform: "translate(0.000000, 0.500000)"
29
- }, /*#__PURE__*/_react["default"].createElement("g", {
30
- transform: "translate(39.000000, 17.353553)"
31
- }, /*#__PURE__*/_react["default"].createElement("path", {
32
- d: "M11,201.146447 L167,201.146447 C173.075132,201.146447 178,206.071314 178,212.146447 C178,218.221579 173.075132,223.146447 167,223.146447 L11,223.146447 C4.92486775,223.146447 7.43989126e-16,218.221579 0,212.146447 C-7.43989126e-16,206.071314 4.92486775,201.146447 11,201.146447 Z",
33
- fill: color,
34
- fillRule: "evenodd",
35
- id: "\u77E9\u5F62"
36
- }), /*#__PURE__*/_react["default"].createElement("path", {
37
- d: "M72.3425855,16.8295583 C75.799482,7.50883712 86.1577877,2.75526801 95.4785089,6.21216449 C100.284516,7.99463061 104.096358,11.7387855 105.968745,16.4968188 L106.112518,16.8745422 L159.385152,161.694068 C161.291848,166.877345 158.635655,172.624903 153.452378,174.531599 C148.358469,176.405421 142.719567,173.872338 140.716873,168.864661 L140.614848,168.598825 L89.211,28.86 L37.3759214,168.623816 C35.4885354,173.712715 29.8981043,176.351047 24.7909589,174.617647 L24.5226307,174.522368 C19.4337312,172.634982 16.7953993,167.044551 18.5287999,161.937406 L18.6240786,161.669077 L72.3425855,16.8295583 Z",
38
- fill: "currentColor",
39
- fillRule: "nonzero",
40
- id: "\u8DEF\u5F84-21"
41
- }), /*#__PURE__*/_react["default"].createElement("path", {
42
- d: "M121,103.146447 C126.522847,103.146447 131,107.623599 131,113.146447 C131,118.575687 126.673329,122.994378 121.279905,123.142605 L121,123.146447 L55,123.146447 C49.4771525,123.146447 45,118.669294 45,113.146447 C45,107.717207 49.3266708,103.298515 54.7200952,103.150288 L55,103.146447 L121,103.146447 Z",
43
- fill: "currentColor",
44
- fillRule: "nonzero",
45
- id: "\u8DEF\u5F84-22"
46
- })))));
47
- };
48
-
49
- exports["default"] = _default;