@fonixtree/magic-design 0.0.65 → 0.0.67

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 (23) hide show
  1. package/es/composite-comp/bol/config-panels/ImageTextConfig/ImageTextConfigGroup/index.js +3 -1
  2. package/es/composite-comp/bol/config-panels/TextCompConfig/imgs/layout1.png +0 -0
  3. package/es/composite-comp/bol/second-config-panels/BannerSecondConfig/index.js +6 -2
  4. package/es/composite-comp/dito/components/SearchBar/defaultJSON.js +6 -0
  5. package/es/composite-comp/dito/components/SearchBar/mobile/index.js +5 -2
  6. package/es/composite-comp/dito/components/SearchBar/pc/index.js +2 -2
  7. package/es/composite-comp/dito/config-panels/SearchBarConfig/index.js +21 -0
  8. package/es/core/Designer/ConfigPanel/TerminalSelect/index.js +2 -2
  9. package/es/locale/en/en.json +1 -0
  10. package/es/locale/es/es.json +1 -0
  11. package/es/locale/id/id.json +1 -0
  12. package/lib/composite-comp/bol/config-panels/ImageTextConfig/ImageTextConfigGroup/index.js +3 -1
  13. package/lib/composite-comp/bol/config-panels/TextCompConfig/imgs/layout1.png +0 -0
  14. package/lib/composite-comp/bol/second-config-panels/BannerSecondConfig/index.js +6 -2
  15. package/lib/composite-comp/dito/components/SearchBar/defaultJSON.js +6 -0
  16. package/lib/composite-comp/dito/components/SearchBar/mobile/index.js +5 -2
  17. package/lib/composite-comp/dito/components/SearchBar/pc/index.js +2 -2
  18. package/lib/composite-comp/dito/config-panels/SearchBarConfig/index.js +21 -0
  19. package/lib/core/Designer/ConfigPanel/TerminalSelect/index.js +2 -2
  20. package/lib/locale/en/en.json +1 -0
  21. package/lib/locale/es/es.json +1 -0
  22. package/lib/locale/id/id.json +1 -0
  23. package/package.json +1 -1
package/es/composite-comp/bol/config-panels/ImageTextConfig/ImageTextConfigGroup/index.js CHANGED
@@ -19,6 +19,8 @@ var _defaultJSON = require("../../../components/ImageText/defaultJSON");
19
19
 
20
20
  var _locale = require("../../../../../locale");
21
21
 
22
+ var _decorator = require("../../../../../decorator");
23
+
22
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
25
 
24
26
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -120,7 +122,7 @@ function (_super) {
120
122
  ImageTextConfigGroup.defaultProps = {
121
123
  source: []
122
124
  };
123
- ImageTextConfigGroup = __decorate([(0, _mobxReact.inject)('store'), _mobxReact.observer], ImageTextConfigGroup);
125
+ ImageTextConfigGroup = __decorate([(0, _mobxReact.inject)('store'), _mobxReact.observer, _decorator.updateConfigDecorator], ImageTextConfigGroup);
124
126
  return ImageTextConfigGroup;
125
127
  }(_react["default"].Component);
126
128
 
package/es/composite-comp/bol/second-config-panels/BannerSecondConfig/index.js CHANGED
@@ -7,6 +7,8 @@ exports["default"] = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
+ var _coreUtil = require("../../../../utils/coreUtil");
11
+
10
12
  var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
11
13
 
12
14
  var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
@@ -100,8 +102,10 @@ function (_super) {
100
102
  metaOption: panelProps.secondButton
101
103
  }];
102
104
  return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
103
- headerSize: "middle" // onRefresh={() => renderPreview()}
104
- ,
105
+ headerSize: "middle",
106
+ onRefresh: function onRefresh() {
107
+ return (0, _coreUtil.renderPreview)();
108
+ },
105
109
  showActiveColor: true,
106
110
  source: source,
107
111
  type: "switch"
package/es/composite-comp/dito/components/SearchBar/defaultJSON.js CHANGED
@@ -36,7 +36,13 @@ var getDefaultJSON = function getDefaultJSON() {
36
36
  h5ImgHoverUrl: ''
37
37
  }
38
38
  },
39
+ box: {
40
+ id: (0, _uuid.v4)(),
41
+ open: true,
42
+ color: '#D92929'
43
+ },
39
44
  icon: {
45
+ id: (0, _uuid.v4)(),
40
46
  open: true,
41
47
  color: '#D92929'
42
48
  },
package/es/composite-comp/dito/components/SearchBar/mobile/index.js CHANGED
@@ -256,15 +256,18 @@ function (_super) {
256
256
  className: "search-input-wrap",
257
257
  onClick: function onClick() {
258
258
  return (0, _coreUtil.clickUrl)('/search-page');
259
+ },
260
+ style: {
261
+ borderColor: data.box.color
259
262
  }
260
263
  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
261
- color: "#8493AF",
264
+ color: data.box.color,
262
265
  size: 24,
263
266
  type: "icon-search2"
264
267
  })), /*#__PURE__*/_react["default"].createElement("div", {
265
268
  className: "message-wrap"
266
269
  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
267
- color: "#fff",
270
+ color: data.icon.color,
268
271
  onClick: function onClick() {
269
272
  return (0, _coreUtil.clickUrl)('/message-center');
270
273
  },
package/es/composite-comp/dito/components/SearchBar/pc/index.js CHANGED
@@ -98,7 +98,7 @@ function (_super) {
98
98
  }, /*#__PURE__*/_react["default"].createElement("div", {
99
99
  className: "search-input-wrap",
100
100
  style: {
101
- borderColor: data.icon.color
101
+ borderColor: data.box.color
102
102
  }
103
103
  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
104
104
  className: "search-input",
@@ -112,7 +112,7 @@ function (_super) {
112
112
  className: "search-icon",
113
113
  onClick: this.searchProduct,
114
114
  style: {
115
- background: data.icon.color
115
+ background: data.box.color
116
116
  }
117
117
  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
118
118
  color: "#fff",
package/es/composite-comp/dito/config-panels/SearchBarConfig/index.js CHANGED
@@ -75,8 +75,29 @@ function (_super) {
75
75
  toggleType: 'switch'
76
76
  }, {
77
77
  key: 'search2',
78
+ name: (0, _locale.i18n)('SEARCH_BOX'),
79
+ value: /*#__PURE__*/_react["default"].createElement(_common.Field, {
80
+ style: {
81
+ marginTop: 20
82
+ },
83
+ title: (0, _locale.i18n)('COLOR')
84
+ }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
85
+ onChange: function onChange(v) {
86
+ data.box.color = v;
87
+
88
+ _this.selfRender();
89
+ },
90
+ value: data.box.color
91
+ })),
92
+ metaOption: data.box,
93
+ toggleType: 'switch'
94
+ }, {
95
+ key: 'search3',
78
96
  name: (0, _locale.i18n)('ICON'),
79
97
  value: /*#__PURE__*/_react["default"].createElement(_common.Field, {
98
+ style: {
99
+ marginTop: 20
100
+ },
80
101
  title: (0, _locale.i18n)('COLOR')
81
102
  }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
82
103
  onChange: function onChange(v) {
package/es/core/Designer/ConfigPanel/TerminalSelect/index.js CHANGED
@@ -39,7 +39,7 @@ function TerminalSelect(_a) {
39
39
 
40
40
  return /*#__PURE__*/_react["default"].createElement("div", {
41
41
  className: "terminal_wrap"
42
- }, ['MOBILE', 'ALL'].includes(terminalType) && /*#__PURE__*/_react["default"].createElement("div", {
42
+ }, ['MOBILE', 'ALL', undefined, null].includes(terminalType) && /*#__PURE__*/_react["default"].createElement("div", {
43
43
  className: "terminal_item",
44
44
  onClick: function onClick() {
45
45
  return onTerminalClick('MOBILE');
@@ -54,7 +54,7 @@ function TerminalSelect(_a) {
54
54
  color: isActiveMobile ? '#00AC5A' : '#A3AEC3',
55
55
  size: 9,
56
56
  type: "icon-select"
57
- }))), ['PC', 'ALL'].includes(terminalType) && /*#__PURE__*/_react["default"].createElement("div", {
57
+ }))), ['PC', 'ALL', undefined, null].includes(terminalType) && /*#__PURE__*/_react["default"].createElement("div", {
58
58
  className: "terminal_item",
59
59
  onClick: function onClick() {
60
60
  return onTerminalClick('PC');
package/es/locale/en/en.json CHANGED
@@ -1,4 +1,5 @@
1
1
  {
2
+ "SEARCH_BOX": "Search Box",
2
3
  "PLEASE_INPUT_KEYWORDS": "Please input keywords",
3
4
  "SHOPPING_CART": "Shopping Cart",
4
5
  "ADD_BUTTON": "Add Button",
package/es/locale/es/es.json CHANGED
@@ -1,4 +1,5 @@
1
1
  {
2
+ "SEARCH_BOX": "Search Box",
2
3
  "PLEASE_INPUT_KEYWORDS": "Please input keywords",
3
4
  "SHOPPING_CART": "Shopping Cart",
4
5
  "ADD_BUTTON": "Add Button",
package/es/locale/id/id.json CHANGED
@@ -1,4 +1,5 @@
1
1
  {
2
+ "SEARCH_BOX": "Search Box",
2
3
  "PLEASE_INPUT_KEYWORDS": "Please input keywords",
3
4
  "SHOPPING_CART": "Shopping Cart",
4
5
  "ADD_BUTTON": "Add Button",
package/lib/composite-comp/bol/config-panels/ImageTextConfig/ImageTextConfigGroup/index.js CHANGED
@@ -19,6 +19,8 @@ var _defaultJSON = require("../../../components/ImageText/defaultJSON");
19
19
 
20
20
  var _locale = require("../../../../../locale");
21
21
 
22
+ var _decorator = require("../../../../../decorator");
23
+
22
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
25
 
24
26
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
@@ -120,7 +122,7 @@ function (_super) {
120
122
  ImageTextConfigGroup.defaultProps = {
121
123
  source: []
122
124
  };
123
- ImageTextConfigGroup = __decorate([(0, _mobxReact.inject)('store'), _mobxReact.observer], ImageTextConfigGroup);
125
+ ImageTextConfigGroup = __decorate([(0, _mobxReact.inject)('store'), _mobxReact.observer, _decorator.updateConfigDecorator], ImageTextConfigGroup);
124
126
  return ImageTextConfigGroup;
125
127
  }(_react["default"].Component);
126
128
 
package/lib/composite-comp/bol/second-config-panels/BannerSecondConfig/index.js CHANGED
@@ -7,6 +7,8 @@ exports["default"] = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
+ var _coreUtil = require("../../../../utils/coreUtil");
11
+
10
12
  var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
11
13
 
12
14
  var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
@@ -100,8 +102,10 @@ function (_super) {
100
102
  metaOption: panelProps.secondButton
101
103
  }];
102
104
  return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
103
- headerSize: "middle" // onRefresh={() => renderPreview()}
104
- ,
105
+ headerSize: "middle",
106
+ onRefresh: function onRefresh() {
107
+ return (0, _coreUtil.renderPreview)();
108
+ },
105
109
  showActiveColor: true,
106
110
  source: source,
107
111
  type: "switch"
package/lib/composite-comp/dito/components/SearchBar/defaultJSON.js CHANGED
@@ -36,7 +36,13 @@ var getDefaultJSON = function getDefaultJSON() {
36
36
  h5ImgHoverUrl: ''
37
37
  }
38
38
  },
39
+ box: {
40
+ id: (0, _uuid.v4)(),
41
+ open: true,
42
+ color: '#D92929'
43
+ },
39
44
  icon: {
45
+ id: (0, _uuid.v4)(),
40
46
  open: true,
41
47
  color: '#D92929'
42
48
  },
package/lib/composite-comp/dito/components/SearchBar/mobile/index.js CHANGED
@@ -256,15 +256,18 @@ function (_super) {
256
256
  className: "search-input-wrap",
257
257
  onClick: function onClick() {
258
258
  return (0, _coreUtil.clickUrl)('/search-page');
259
+ },
260
+ style: {
261
+ borderColor: data.box.color
259
262
  }
260
263
  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
261
- color: "#8493AF",
264
+ color: data.box.color,
262
265
  size: 24,
263
266
  type: "icon-search2"
264
267
  })), /*#__PURE__*/_react["default"].createElement("div", {
265
268
  className: "message-wrap"
266
269
  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
267
- color: "#fff",
270
+ color: data.icon.color,
268
271
  onClick: function onClick() {
269
272
  return (0, _coreUtil.clickUrl)('/message-center');
270
273
  },
package/lib/composite-comp/dito/components/SearchBar/pc/index.js CHANGED
@@ -98,7 +98,7 @@ function (_super) {
98
98
  }, /*#__PURE__*/_react["default"].createElement("div", {
99
99
  className: "search-input-wrap",
100
100
  style: {
101
- borderColor: data.icon.color
101
+ borderColor: data.box.color
102
102
  }
103
103
  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
104
104
  className: "search-input",
@@ -112,7 +112,7 @@ function (_super) {
112
112
  className: "search-icon",
113
113
  onClick: this.searchProduct,
114
114
  style: {
115
- background: data.icon.color
115
+ background: data.box.color
116
116
  }
117
117
  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
118
118
  color: "#fff",
package/lib/composite-comp/dito/config-panels/SearchBarConfig/index.js CHANGED
@@ -75,8 +75,29 @@ function (_super) {
75
75
  toggleType: 'switch'
76
76
  }, {
77
77
  key: 'search2',
78
+ name: (0, _locale.i18n)('SEARCH_BOX'),
79
+ value: /*#__PURE__*/_react["default"].createElement(_common.Field, {
80
+ style: {
81
+ marginTop: 20
82
+ },
83
+ title: (0, _locale.i18n)('COLOR')
84
+ }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
85
+ onChange: function onChange(v) {
86
+ data.box.color = v;
87
+
88
+ _this.selfRender();
89
+ },
90
+ value: data.box.color
91
+ })),
92
+ metaOption: data.box,
93
+ toggleType: 'switch'
94
+ }, {
95
+ key: 'search3',
78
96
  name: (0, _locale.i18n)('ICON'),
79
97
  value: /*#__PURE__*/_react["default"].createElement(_common.Field, {
98
+ style: {
99
+ marginTop: 20
100
+ },
80
101
  title: (0, _locale.i18n)('COLOR')
81
102
  }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
82
103
  onChange: function onChange(v) {
package/lib/core/Designer/ConfigPanel/TerminalSelect/index.js CHANGED
@@ -39,7 +39,7 @@ function TerminalSelect(_a) {
39
39
 
40
40
  return /*#__PURE__*/_react["default"].createElement("div", {
41
41
  className: "terminal_wrap"
42
- }, ['MOBILE', 'ALL'].includes(terminalType) && /*#__PURE__*/_react["default"].createElement("div", {
42
+ }, ['MOBILE', 'ALL', undefined, null].includes(terminalType) && /*#__PURE__*/_react["default"].createElement("div", {
43
43
  className: "terminal_item",
44
44
  onClick: function onClick() {
45
45
  return onTerminalClick('MOBILE');
@@ -54,7 +54,7 @@ function TerminalSelect(_a) {
54
54
  color: isActiveMobile ? '#00AC5A' : '#A3AEC3',
55
55
  size: 9,
56
56
  type: "icon-select"
57
- }))), ['PC', 'ALL'].includes(terminalType) && /*#__PURE__*/_react["default"].createElement("div", {
57
+ }))), ['PC', 'ALL', undefined, null].includes(terminalType) && /*#__PURE__*/_react["default"].createElement("div", {
58
58
  className: "terminal_item",
59
59
  onClick: function onClick() {
60
60
  return onTerminalClick('PC');
package/lib/locale/en/en.json CHANGED
@@ -1,4 +1,5 @@
1
1
  {
2
+ "SEARCH_BOX": "Search Box",
2
3
  "PLEASE_INPUT_KEYWORDS": "Please input keywords",
3
4
  "SHOPPING_CART": "Shopping Cart",
4
5
  "ADD_BUTTON": "Add Button",
package/lib/locale/es/es.json CHANGED
@@ -1,4 +1,5 @@
1
1
  {
2
+ "SEARCH_BOX": "Search Box",
2
3
  "PLEASE_INPUT_KEYWORDS": "Please input keywords",
3
4
  "SHOPPING_CART": "Shopping Cart",
4
5
  "ADD_BUTTON": "Add Button",
package/lib/locale/id/id.json CHANGED
@@ -1,4 +1,5 @@
1
1
  {
2
+ "SEARCH_BOX": "Search Box",
2
3
  "PLEASE_INPUT_KEYWORDS": "Please input keywords",
3
4
  "SHOPPING_CART": "Shopping Cart",
4
5
  "ADD_BUTTON": "Add Button",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fonixtree/magic-design",
3
3
  "author": "Cylon Team",
4
- "version": "0.0.65",
4
+ "version": "0.0.67",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",