@fonixtree/magic-design 0.0.28 → 0.0.29

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 (148) hide show
  1. package/es/common/ButtonIconLayout/index.js +4 -2
  2. package/es/common/ImageModal/index.js +5 -3
  3. package/es/common/ImagePicker/index.js +6 -4
  4. package/es/common/LinkModal/FilteredProductModal/index.js +12 -10
  5. package/es/common/LinkModal/ProductDetailPage/index.js +5 -3
  6. package/es/common/LinkModal/index.js +7 -5
  7. package/es/common/ProductModal/index.js +26 -24
  8. package/es/common/ProductSource/index.js +6 -2
  9. package/es/common/UrlPicker/index.js +3 -1
  10. package/es/composite-comp/bol/components/Carousel/mobile/index.js +4 -6
  11. package/es/composite-comp/bol/components/Carousel/mobile/index.less +11 -9
  12. package/es/composite-comp/bol/components/Carousel/pc/index.js +15 -24
  13. package/es/composite-comp/bol/components/Carousel/pc/index.less +0 -8
  14. package/es/composite-comp/bol/components/ImageText/mobile/index.js +3 -2
  15. package/es/composite-comp/bol/config-panels/BannerConfig/BannerConfigGroup/index.js +3 -1
  16. package/es/composite-comp/bol/config-panels/BannerConfig/BannerConfigSetting/index.js +11 -9
  17. package/es/composite-comp/bol/config-panels/BannerConfig/index.js +5 -3
  18. package/es/composite-comp/bol/config-panels/ButtonCompConfig/ButtonConfigContent/index.js +4 -2
  19. package/es/composite-comp/bol/config-panels/ButtonCompConfig/index.js +6 -4
  20. package/es/composite-comp/bol/config-panels/CarouselConfig/CarouselConfigImageGroup/index.js +3 -1
  21. package/es/composite-comp/bol/config-panels/CarouselConfig/CarouselConfigSetting/index.js +10 -8
  22. package/es/composite-comp/bol/config-panels/CarouselConfig/index.js +7 -6
  23. package/es/composite-comp/bol/config-panels/DividerConfig/DividerConfigSetting/index.js +3 -1
  24. package/es/composite-comp/bol/config-panels/DividerConfig/DividerContentSetting/index.js +7 -5
  25. package/es/composite-comp/bol/config-panels/DividerConfig/DividerSpacingSetting/index.js +3 -1
  26. package/es/composite-comp/bol/config-panels/DividerConfig/index.js +6 -4
  27. package/es/composite-comp/bol/config-panels/ImageGalleryConfig/ImageGalleryConfigImageGroup/index.js +3 -1
  28. package/es/composite-comp/bol/config-panels/ImageGalleryConfig/index.js +6 -4
  29. package/es/composite-comp/bol/config-panels/ImageTextConfig/ImageTextConfigGroup/index.js +3 -1
  30. package/es/composite-comp/bol/config-panels/ImageTextConfig/index.js +12 -12
  31. package/es/composite-comp/bol/config-panels/NewsletterConfig/InputField/index.js +9 -7
  32. package/es/composite-comp/bol/config-panels/NewsletterConfig/NewsletterContentSetting/index.js +5 -3
  33. package/es/composite-comp/bol/config-panels/NewsletterConfig/index.js +4 -4
  34. package/es/composite-comp/bol/config-panels/TagCompConfig/TagConfigContent/index.js +3 -3
  35. package/es/composite-comp/bol/config-panels/TagCompConfig/index.js +4 -4
  36. package/es/composite-comp/bol/config-panels/TextCompConfig/TextConfigContent/index.js +4 -2
  37. package/es/composite-comp/bol/config-panels/TextCompConfig/TextConfigGroup/index.js +3 -1
  38. package/es/composite-comp/bol/config-panels/TextCompConfig/index.js +7 -5
  39. package/es/composite-comp/bol/second-config-panels/BannerSecondConfig/index.js +10 -8
  40. package/es/composite-comp/bol/second-config-panels/CarouselSecondConfig/index.js +9 -7
  41. package/es/composite-comp/bol/second-config-panels/ImageGallerySecondConfig/index.js +3 -3
  42. package/es/composite-comp/bol/second-config-panels/ImageTextSecondConfig/index.js +9 -7
  43. package/es/composite-comp/bol/second-config-panels/TextSecondConfig/TextContentConfigContent/index.js +4 -2
  44. package/es/composite-comp/bol/second-config-panels/TextSecondConfig/index.js +3 -1
  45. package/es/composite-comp/common/components/ProductItem/index.js +1 -1
  46. package/es/composite-comp/common/config-panels/BackgroundConfig/index.js +5 -3
  47. package/es/composite-comp/common/config-panels/CustomizeConfig/index.js +4 -2
  48. package/es/composite-comp/common/config-panels/SpacingConfig/index.js +6 -19
  49. package/es/composite-comp/dito/components/FlashDeal/mobile/index.js +3 -1
  50. package/es/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigContent/index.js +10 -8
  51. package/es/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigTitle/index.js +5 -3
  52. package/es/composite-comp/dito/config-panels/FlashDealConfig/index.js +6 -4
  53. package/es/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigContent/index.js +6 -4
  54. package/es/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigGroup/index.js +3 -1
  55. package/es/composite-comp/dito/config-panels/RecommendConfig/index.js +6 -4
  56. package/es/composite-comp/dito/config-panels/SearchBarConfig/index.js +8 -6
  57. package/es/composite-comp/dito/second-config-panels/RecommendSecondConfig/AIRecommendation/index.js +12 -10
  58. package/es/composite-comp/dito/second-config-panels/RecommendSecondConfig/index.js +11 -9
  59. package/es/constants/index.js +1 -1
  60. package/es/core/Designer/CompListPanel/index.js +4 -2
  61. package/es/core/Designer/ConfigPanel/index.js +3 -1
  62. package/es/core/Designer/PageCompList/index.js +4 -4
  63. package/es/core/Designer/QuickMenuBar/index.js +17 -61
  64. package/es/core/Designer/index.js +10 -14
  65. package/es/locale/en/en.json +121 -0
  66. package/es/locale/id/id.json +121 -0
  67. package/es/locale/index.js +12 -5
  68. package/es/meta-comp/components/Image/index.js +0 -5
  69. package/es/meta-comp/config-panels/ButtonConfig/index.js +23 -21
  70. package/es/meta-comp/config-panels/ImageConfig/index.js +8 -6
  71. package/es/meta-comp/config-panels/TextConfig/index.js +14 -12
  72. package/es/mobx/Store.js +2 -2
  73. package/lib/common/ButtonIconLayout/index.js +4 -2
  74. package/lib/common/ImageModal/index.js +5 -3
  75. package/lib/common/ImagePicker/index.js +6 -4
  76. package/lib/common/LinkModal/FilteredProductModal/index.js +12 -10
  77. package/lib/common/LinkModal/ProductDetailPage/index.js +5 -3
  78. package/lib/common/LinkModal/index.js +7 -5
  79. package/lib/common/ProductModal/index.js +26 -24
  80. package/lib/common/ProductSource/index.js +6 -2
  81. package/lib/common/UrlPicker/index.js +3 -1
  82. package/lib/composite-comp/bol/components/Carousel/mobile/index.js +4 -6
  83. package/lib/composite-comp/bol/components/Carousel/mobile/index.less +11 -9
  84. package/lib/composite-comp/bol/components/Carousel/pc/index.js +15 -24
  85. package/lib/composite-comp/bol/components/Carousel/pc/index.less +0 -8
  86. package/lib/composite-comp/bol/components/ImageText/mobile/index.js +3 -2
  87. package/lib/composite-comp/bol/config-panels/BannerConfig/BannerConfigGroup/index.js +3 -1
  88. package/lib/composite-comp/bol/config-panels/BannerConfig/BannerConfigSetting/index.js +11 -9
  89. package/lib/composite-comp/bol/config-panels/BannerConfig/index.js +5 -3
  90. package/lib/composite-comp/bol/config-panels/ButtonCompConfig/ButtonConfigContent/index.js +4 -2
  91. package/lib/composite-comp/bol/config-panels/ButtonCompConfig/index.js +6 -4
  92. package/lib/composite-comp/bol/config-panels/CarouselConfig/CarouselConfigImageGroup/index.js +3 -1
  93. package/lib/composite-comp/bol/config-panels/CarouselConfig/CarouselConfigSetting/index.js +10 -8
  94. package/lib/composite-comp/bol/config-panels/CarouselConfig/index.js +7 -6
  95. package/lib/composite-comp/bol/config-panels/DividerConfig/DividerConfigSetting/index.js +3 -1
  96. package/lib/composite-comp/bol/config-panels/DividerConfig/DividerContentSetting/index.js +7 -5
  97. package/lib/composite-comp/bol/config-panels/DividerConfig/DividerSpacingSetting/index.js +3 -1
  98. package/lib/composite-comp/bol/config-panels/DividerConfig/index.js +6 -4
  99. package/lib/composite-comp/bol/config-panels/ImageGalleryConfig/ImageGalleryConfigImageGroup/index.js +3 -1
  100. package/lib/composite-comp/bol/config-panels/ImageGalleryConfig/index.js +6 -4
  101. package/lib/composite-comp/bol/config-panels/ImageTextConfig/ImageTextConfigGroup/index.js +3 -1
  102. package/lib/composite-comp/bol/config-panels/ImageTextConfig/index.js +12 -12
  103. package/lib/composite-comp/bol/config-panels/NewsletterConfig/InputField/index.js +9 -7
  104. package/lib/composite-comp/bol/config-panels/NewsletterConfig/NewsletterContentSetting/index.js +5 -3
  105. package/lib/composite-comp/bol/config-panels/NewsletterConfig/index.js +4 -4
  106. package/lib/composite-comp/bol/config-panels/TagCompConfig/TagConfigContent/index.js +3 -3
  107. package/lib/composite-comp/bol/config-panels/TagCompConfig/index.js +4 -4
  108. package/lib/composite-comp/bol/config-panels/TextCompConfig/TextConfigContent/index.js +4 -2
  109. package/lib/composite-comp/bol/config-panels/TextCompConfig/TextConfigGroup/index.js +3 -1
  110. package/lib/composite-comp/bol/config-panels/TextCompConfig/index.js +7 -5
  111. package/lib/composite-comp/bol/second-config-panels/BannerSecondConfig/index.js +10 -8
  112. package/lib/composite-comp/bol/second-config-panels/CarouselSecondConfig/index.js +9 -7
  113. package/lib/composite-comp/bol/second-config-panels/ImageGallerySecondConfig/index.js +3 -3
  114. package/lib/composite-comp/bol/second-config-panels/ImageTextSecondConfig/index.js +9 -7
  115. package/lib/composite-comp/bol/second-config-panels/TextSecondConfig/TextContentConfigContent/index.js +4 -2
  116. package/lib/composite-comp/bol/second-config-panels/TextSecondConfig/index.js +3 -1
  117. package/lib/composite-comp/common/components/ProductItem/index.js +1 -1
  118. package/lib/composite-comp/common/config-panels/BackgroundConfig/index.js +5 -3
  119. package/lib/composite-comp/common/config-panels/CustomizeConfig/index.js +4 -2
  120. package/lib/composite-comp/common/config-panels/SpacingConfig/index.js +6 -19
  121. package/lib/composite-comp/dito/components/FlashDeal/mobile/index.js +3 -1
  122. package/lib/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigContent/index.js +10 -8
  123. package/lib/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigTitle/index.js +5 -3
  124. package/lib/composite-comp/dito/config-panels/FlashDealConfig/index.js +6 -4
  125. package/lib/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigContent/index.js +6 -4
  126. package/lib/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigGroup/index.js +3 -1
  127. package/lib/composite-comp/dito/config-panels/RecommendConfig/index.js +6 -4
  128. package/lib/composite-comp/dito/config-panels/SearchBarConfig/index.js +8 -6
  129. package/lib/composite-comp/dito/second-config-panels/RecommendSecondConfig/AIRecommendation/index.js +12 -10
  130. package/lib/composite-comp/dito/second-config-panels/RecommendSecondConfig/index.js +11 -9
  131. package/lib/constants/index.js +1 -1
  132. package/lib/core/Designer/CompListPanel/index.js +4 -2
  133. package/lib/core/Designer/ConfigPanel/index.js +3 -1
  134. package/lib/core/Designer/PageCompList/index.js +4 -4
  135. package/lib/core/Designer/QuickMenuBar/index.js +17 -61
  136. package/lib/core/Designer/index.js +10 -14
  137. package/lib/locale/en/en.json +121 -0
  138. package/lib/locale/id/id.json +121 -0
  139. package/lib/locale/index.js +12 -5
  140. package/lib/meta-comp/components/Image/index.js +0 -5
  141. package/lib/meta-comp/config-panels/ButtonConfig/index.js +23 -21
  142. package/lib/meta-comp/config-panels/ImageConfig/index.js +8 -6
  143. package/lib/meta-comp/config-panels/TextConfig/index.js +14 -12
  144. package/lib/mobx/Store.js +2 -2
  145. package/package.json +3 -80
  146. package/README.md +0 -311
  147. package/es/assets/fonts/.DS_Store +0 -0
  148. package/lib/assets/fonts/.DS_Store +0 -0
@@ -21,6 +21,8 @@ var _coreUtil = require("../../../../../utils/coreUtil");
21
21
 
22
22
  require("./index.less");
23
23
 
24
+ var _locale = require("../../../../../locale");
25
+
24
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
27
 
26
28
  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); }
@@ -129,7 +131,7 @@ function (_super) {
129
131
  icon: "icon-add",
130
132
  onClick: this.onAddClick,
131
133
  type: "primary"
132
- }, "Add Group")));
134
+ }, (0, _locale.i18n)('ADD_GROUP'))));
133
135
  };
134
136
 
135
137
  AComponent.defaultProps = {
@@ -19,6 +19,8 @@ var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-pa
19
19
 
20
20
  var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
21
21
 
22
+ var _locale = require("../../../../locale");
23
+
22
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
25
 
24
26
  function FlashDealConfig(props) {
@@ -28,19 +30,19 @@ function FlashDealConfig(props) {
28
30
  headerSize: "large",
29
31
  source: [{
30
32
  key: '1',
31
- name: 'Group',
33
+ name: (0, _locale.i18n)('GROUP'),
32
34
  value: /*#__PURE__*/_react["default"].createElement(_RecommendConfigGroup["default"], {
33
35
  source: data.groupSource
34
36
  })
35
37
  }, {
36
38
  key: '2',
37
- name: 'Content',
39
+ name: (0, _locale.i18n)('CONTENT'),
38
40
  value: /*#__PURE__*/_react["default"].createElement(_RecommendConfigContent["default"], {
39
41
  panelProps: data.content
40
42
  })
41
43
  }, {
42
44
  key: '3',
43
- name: 'Customize',
45
+ name: (0, _locale.i18n)('CUSTOMIZE'),
44
46
  value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
45
47
  data: data.customize,
46
48
  isHideAlign: true,
@@ -52,7 +54,7 @@ function FlashDealConfig(props) {
52
54
  })
53
55
  }, {
54
56
  key: '4',
55
- name: 'Background',
57
+ name: (0, _locale.i18n)('BACKGROUND'),
56
58
  value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
57
59
  data: data.background
58
60
  })
@@ -7,6 +7,8 @@ exports["default"] = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
+ var _locale = require("../../../../locale");
11
+
10
12
  var _layout = require("../../../../constants/layout");
11
13
 
12
14
  var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
@@ -65,7 +67,7 @@ function (_super) {
65
67
  var data = _this.props.data;
66
68
  var source = [{
67
69
  key: 'search1',
68
- name: 'Logo',
70
+ name: (0, _locale.i18n)('LOGO'),
69
71
  value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
70
72
  data: data.logo
71
73
  }),
@@ -73,9 +75,9 @@ function (_super) {
73
75
  toggleType: 'switch'
74
76
  }, {
75
77
  key: 'search2',
76
- name: 'Icon',
78
+ name: (0, _locale.i18n)('ICON'),
77
79
  value: /*#__PURE__*/_react["default"].createElement(_common.Field, {
78
- title: "Color"
80
+ title: (0, _locale.i18n)('COLOR')
79
81
  }, /*#__PURE__*/_react["default"].createElement(_common.ColorPickerInput, {
80
82
  onChange: function onChange(v) {
81
83
  data.icon.color = v;
@@ -108,11 +110,11 @@ function (_super) {
108
110
  headerSize: "large",
109
111
  source: [{
110
112
  key: 'searchBar1',
111
- name: 'Content',
113
+ name: (0, _locale.i18n)('CONTENT'),
112
114
  value: this.getContentPanel()
113
115
  }, {
114
116
  key: 'searchBar2',
115
- name: 'Customize',
117
+ name: (0, _locale.i18n)('CUSTOMIZE'),
116
118
  value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
117
119
  data: data.customize,
118
120
  isHideAlign: true,
@@ -120,7 +122,7 @@ function (_super) {
120
122
  })
121
123
  }, {
122
124
  key: 'searchBar3',
123
- name: 'Background',
125
+ name: (0, _locale.i18n)('BACKGROUND'),
124
126
  value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
125
127
  data: data.background
126
128
  })
@@ -15,6 +15,8 @@ var _dataTreeUtils = _interopRequireDefault(require("../../../../../utils/dataTr
15
15
 
16
16
  var _common = require("../../../../../common");
17
17
 
18
+ var _locale = require("../../../../../locale");
19
+
18
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
21
 
20
22
  var __extends = void 0 && (void 0).__extends || function () {
@@ -337,7 +339,7 @@ function (_super) {
337
339
  labelData = _a.labelData;
338
340
  var _onChange = this.props.onChange;
339
341
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
340
- title: "Recommended Rules"
342
+ title: (0, _locale.i18n)('RECOMMENDED_RULES')
341
343
  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
342
344
  onChange: this.onChangeIntelligentType,
343
345
  showSearch: true,
@@ -347,17 +349,17 @@ function (_super) {
347
349
  value: intelligentType
348
350
  }, /*#__PURE__*/_react["default"].createElement(Option, {
349
351
  value: "ALL"
350
- }, "ALL"), /*#__PURE__*/_react["default"].createElement(Option, {
352
+ }, (0, _locale.i18n)('ALL')), /*#__PURE__*/_react["default"].createElement(Option, {
351
353
  value: "Hot"
352
- }, "Hot"), /*#__PURE__*/_react["default"].createElement(Option, {
354
+ }, (0, _locale.i18n)('HOT')), /*#__PURE__*/_react["default"].createElement(Option, {
353
355
  value: "Like"
354
- }, "Guess you like"), /*#__PURE__*/_react["default"].createElement(Option, {
356
+ }, (0, _locale.i18n)('GUESS_YOU_LIKE')), /*#__PURE__*/_react["default"].createElement(Option, {
355
357
  value: "Category"
356
- }, "Category"), /*#__PURE__*/_react["default"].createElement(Option, {
358
+ }, (0, _locale.i18n)('CATEGORY')), /*#__PURE__*/_react["default"].createElement(Option, {
357
359
  value: "Brand"
358
- }, "Brand"), /*#__PURE__*/_react["default"].createElement(Option, {
360
+ }, (0, _locale.i18n)('BRAND')), /*#__PURE__*/_react["default"].createElement(Option, {
359
361
  value: "Label"
360
- }, "Label"))), intelligentType === 'Category' && /*#__PURE__*/_react["default"].createElement(_common.Field, null, /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect, {
362
+ }, (0, _locale.i18n)('LABEL')))), intelligentType === 'Category' && /*#__PURE__*/_react["default"].createElement(_common.Field, null, /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect, {
361
363
  allowClear: true,
362
364
  dropdownStyle: {
363
365
  maxHeight: 400,
@@ -373,7 +375,7 @@ function (_super) {
373
375
  intelligentValue: value
374
376
  }));
375
377
  },
376
- placeholder: "Please select",
378
+ placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
377
379
  treeData: categoryData,
378
380
  treeDefaultExpandAll: true,
379
381
  value: intelligentValue
@@ -388,7 +390,7 @@ function (_super) {
388
390
  intelligentValue: value
389
391
  }));
390
392
  },
391
- placeholder: "Please select",
393
+ placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
392
394
  value: intelligentValue
393
395
  }, brandData && brandData.length > 0 && brandData.map(function (v) {
394
396
  return /*#__PURE__*/_react["default"].createElement(Option, {
@@ -406,7 +408,7 @@ function (_super) {
406
408
  intelligentValue: value
407
409
  }));
408
410
  },
409
- placeholder: "Please select",
411
+ placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
410
412
  value: intelligentValue
411
413
  }, labelData && labelData.length > 0 && labelData.map(function (v) {
412
414
  return /*#__PURE__*/_react["default"].createElement(Option, {
@@ -11,6 +11,8 @@ var _antd = require("antd");
11
11
 
12
12
  var _AIRecommendation = _interopRequireDefault(require("./AIRecommendation"));
13
13
 
14
+ var _locale = require("../../../../locale");
15
+
14
16
  var _common = require("../../../../common");
15
17
 
16
18
  var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
@@ -80,14 +82,14 @@ function (_super) {
80
82
 
81
83
  var defaultSource = [{
82
84
  key: 'defaultSource_1',
83
- name: 'Image',
85
+ name: (0, _locale.i18n)('IMAGE'),
84
86
  value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
85
87
  data: panelProps.image
86
88
  }),
87
89
  metaOption: panelProps.image
88
90
  }, {
89
91
  key: 'defaultSource_2',
90
- name: 'Group Name',
92
+ name: (0, _locale.i18n)('GROUP_NAME'),
91
93
  value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
92
94
  data: panelProps.groupName
93
95
  }),
@@ -97,7 +99,7 @@ function (_super) {
97
99
  var hoverSetting = /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
98
100
  source: [{
99
101
  key: 'hoverSetting_1',
100
- name: 'Image',
102
+ name: (0, _locale.i18n)('IMAGE'),
101
103
  value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
102
104
  data: panelProps.hover.image
103
105
  }),
@@ -105,7 +107,7 @@ function (_super) {
105
107
  metaOption: panelProps.hover.image
106
108
  }, {
107
109
  key: 'hoverSetting_2',
108
- name: 'Group Name',
110
+ name: (0, _locale.i18n)('GROUP_NAME'),
109
111
  value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
110
112
  data: panelProps.hover.groupName
111
113
  }),
@@ -117,7 +119,7 @@ function (_super) {
117
119
 
118
120
  var hoverSource = [{
119
121
  key: 'hoverSource_1',
120
- name: 'Hover',
122
+ name: (0, _locale.i18n)('HOVER'),
121
123
  value: hoverSetting,
122
124
  metaOption: panelProps.hover
123
125
  }];
@@ -131,7 +133,7 @@ function (_super) {
131
133
  type: "switch"
132
134
  }), /*#__PURE__*/_react["default"].createElement(_common.Field, {
133
135
  split: "bold",
134
- title: "Source Of Product"
136
+ title: (0, _locale.i18n)('SOURCE_OF_PRODUCT')
135
137
  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
136
138
  onChange: _this.onSourceTypeChange,
137
139
  style: {
@@ -140,9 +142,9 @@ function (_super) {
140
142
  value: panelProps.sourceType
141
143
  }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
142
144
  value: "select"
143
- }, "Select Product"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
145
+ }, (0, _locale.i18n)('SELECT_PRODUCT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
144
146
  value: "recommend"
145
- }, "AI Recommendation")), panelProps.sourceType === 'select' && /*#__PURE__*/_react["default"].createElement(_common.ProductSource, {
147
+ }, (0, _locale.i18n)('AI_RECOMMENDATION'))), panelProps.sourceType === 'select' && /*#__PURE__*/_react["default"].createElement(_common.ProductSource, {
146
148
  onChange: function onChange(v) {
147
149
  panelProps.prodIds = v;
148
150
 
@@ -173,7 +175,7 @@ function (_super) {
173
175
  headerSize: "large",
174
176
  source: [{
175
177
  key: '1',
176
- name: 'Content',
178
+ name: (0, _locale.i18n)('CONTENT'),
177
179
  value: this.getContentPanel()
178
180
  }]
179
181
  }));
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.urlType = exports.respCodeMap = exports.quickMenuCode = exports.metaType = exports.metaInst = exports.metaInsType = exports.magicMode = exports.deviceTypeMap = exports.compInfoMap = exports.STORAGE_KEY = void 0;
7
7
  var STORAGE_KEY = {
8
- LANGUAGE: 'magicLanuage'
8
+ LOCALE: 'magicLocale'
9
9
  };
10
10
  exports.STORAGE_KEY = STORAGE_KEY;
11
11
  var urlType = {
@@ -17,6 +17,8 @@ var _Button = _interopRequireDefault(require("../../../common/Button"));
17
17
 
18
18
  require("./index.less");
19
19
 
20
+ var _locale = require("../../../locale");
21
+
20
22
  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); }
21
23
 
22
24
  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; }
@@ -103,7 +105,7 @@ function (_super) {
103
105
  type: "icon"
104
106
  })), /*#__PURE__*/_react["default"].createElement("h2", {
105
107
  className: "title"
106
- }, "Add Component"), /*#__PURE__*/_react["default"].createElement("div", {
108
+ }, (0, _locale.i18n)('ADD_COMPONENT')), /*#__PURE__*/_react["default"].createElement("div", {
107
109
  className: "component-list"
108
110
  }, Object.keys(compSource).map(function (compCat) {
109
111
  return /*#__PURE__*/_react["default"].createElement("div", {
@@ -134,7 +136,7 @@ var _default = CompListPanel; // export default function CompListPanel({ visible
134
136
  // <header className="header">
135
137
  // <Button icon="icon-close" onClick={onClose} type="icon" />
136
138
  // </header>
137
- // <h2 className="title">Add Component</h2>
139
+ // <h2 className="title">{i18n('ADD_COMPONENT')}</h2>
138
140
  // <div className="component-list">
139
141
  // {
140
142
  // Object.keys(compSource).map(compCat => (
@@ -23,6 +23,8 @@ var _mobx = require("../../../mobx");
23
23
 
24
24
  require("./index.less");
25
25
 
26
+ var _locale = require("../../../locale");
27
+
26
28
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
29
 
28
30
  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); }
@@ -272,7 +274,7 @@ function (_super) {
272
274
  }, (_b = _constants.compInfoMap[selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.type]) === null || _b === void 0 ? void 0 : _b.name), device === _constants.deviceTypeMap.PC && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
273
275
  onClick: this.onDoneClick,
274
276
  type: "light"
275
- }, "Done")), this.getConfigPanelInstance()), /*#__PURE__*/_react["default"].createElement("div", {
277
+ }, (0, _locale.i18n)('DONE'))), this.getConfigPanelInstance()), /*#__PURE__*/_react["default"].createElement("div", {
276
278
  className: "sec_config_wrap"
277
279
  }, /*#__PURE__*/_react["default"].createElement("div", {
278
280
  className: "config_header"
@@ -183,16 +183,16 @@ function PageCompList(_a) {
183
183
  }, index !== 0 && /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
184
184
  className: "menu_item",
185
185
  value: "1"
186
- }, "Move Up"), index !== components.length - 1 && /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
186
+ }, (0, _locale.i18n)('MOVE_UP')), index !== components.length - 1 && /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
187
187
  className: "menu_item",
188
188
  value: "2"
189
- }, "Move Down"), /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
189
+ }, (0, _locale.i18n)('MOVE_DOWN')), /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
190
190
  className: "menu_item",
191
191
  value: "3"
192
- }, "Copy"), /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
192
+ }, (0, _locale.i18n)('COPY')), /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
193
193
  className: "menu_item",
194
194
  value: "4"
195
- }, "Delete"));
195
+ }, (0, _locale.i18n)('DELETE')));
196
196
 
197
197
  var dragging = dragId === String(comp.id);
198
198
  var active = clickedFloor === String(comp.id);
@@ -7,16 +7,10 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports["default"] = void 0;
9
9
 
10
- var _antd = require("antd");
11
-
12
10
  var _classnames = _interopRequireDefault(require("classnames"));
13
11
 
14
12
  var _react = _interopRequireWildcard(require("react"));
15
13
 
16
- var _storeUtil = require("../../../utils/storeUtil");
17
-
18
- var _mobx = require("../../../mobx");
19
-
20
14
  var _Button = _interopRequireDefault(require("../../../common/Button"));
21
15
 
22
16
  var _Iconfont = _interopRequireDefault(require("../../../common/Iconfont"));
@@ -25,6 +19,8 @@ var _constants = require("../../../constants");
25
19
 
26
20
  require("./index.less");
27
21
 
22
+ var _locale = require("../../../locale");
23
+
28
24
  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); }
29
25
 
30
26
  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; }
@@ -58,15 +54,20 @@ var __extends = void 0 && (void 0).__extends || function () {
58
54
  }();
59
55
 
60
56
  var langBook = {
61
- id: {
57
+ Indonesian: {
62
58
  text: 'Indonesian',
63
59
  color: '#FF8541',
64
60
  backColor: '#FFF8F0'
65
61
  },
66
- en: {
62
+ English: {
67
63
  text: 'English',
68
64
  color: '#00AC5A',
69
65
  backColor: '#DFF3EA'
66
+ },
67
+ Spain: {
68
+ text: 'Spain',
69
+ color: '#00AC50',
70
+ backColor: '#DFF3E0'
70
71
  }
71
72
  };
72
73
 
@@ -78,19 +79,9 @@ function (_super) {
78
79
  function QuickMenuBar() {
79
80
  var _this = _super !== null && _super.apply(this, arguments) || this;
80
81
 
81
- _this.state = {
82
- language: _mobx.store.language
83
- };
84
-
85
82
  _this.onBtnClick = function (event) {
86
83
  var code = event.currentTarget.dataset.code;
87
84
 
88
- if (code === _constants.quickMenuCode.SAVE || code === _constants.quickMenuCode.PUBLISH) {
89
- _mobx.store.setState({
90
- clickedFloor: ''
91
- });
92
- }
93
-
94
85
  if (_this.props.device === _constants.deviceTypeMap.PC) {}
95
86
 
96
87
  _this.props.onBtnClick(code);
@@ -99,29 +90,12 @@ function (_super) {
99
90
  return _this;
100
91
  }
101
92
 
102
- QuickMenuBar.prototype.componentDidMount = function () {
103
- var _this = this;
104
-
105
- this.destory = (0, _mobx.autorun)(function () {
106
- if (_this.state.language != _mobx.store.language) {
107
- _this.setState({
108
- language: _mobx.store.language
109
- });
110
- }
111
- });
112
- };
113
-
114
- QuickMenuBar.prototype.componentWillUnmount = function () {
115
- if (this.destory) this.destory();
116
- };
117
-
118
93
  QuickMenuBar.prototype.render = function () {
119
- var language = this.state.language;
120
94
  var _a = this.props,
121
95
  device = _a.device,
122
96
  undoDisable = _a.undoDisable,
123
- redoDisable = _a.redoDisable;
124
- var selectLanguage = langBook[language || 'en'];
97
+ redoDisable = _a.redoDisable,
98
+ language = _a.language;
125
99
  return /*#__PURE__*/_react["default"].createElement("div", {
126
100
  className: "quick_menu_wrap"
127
101
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -129,8 +103,8 @@ function (_super) {
129
103
  }, /*#__PURE__*/_react["default"].createElement("span", {
130
104
  className: "language",
131
105
  style: {
132
- color: selectLanguage.color,
133
- background: selectLanguage.backColor
106
+ color: langBook[language].color,
107
+ background: langBook[language].backColor
134
108
  }
135
109
  }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
136
110
  size: "20px",
@@ -138,25 +112,7 @@ function (_super) {
138
112
  marginRight: '8px'
139
113
  },
140
114
  type: "icon-language"
141
- }), /*#__PURE__*/_react["default"].createElement(_antd.Dropdown, {
142
- overlay: /*#__PURE__*/_react["default"].createElement(_antd.Menu, {
143
- items: Object.keys(langBook).map(function (key) {
144
- return {
145
- onClick: function onClick() {
146
- /** 持久化国际化配置 */
147
- (0, _storeUtil.setStore)(_constants.STORAGE_KEY.LANGUAGE, key);
148
-
149
- _mobx.store.setState({
150
- language: key
151
- });
152
- },
153
- label: langBook[key].text,
154
- key: key
155
- };
156
- })
157
- }),
158
- trigger: ['click']
159
- }, /*#__PURE__*/_react["default"].createElement("span", null, selectLanguage.text)))), /*#__PURE__*/_react["default"].createElement("div", {
115
+ }), langBook[language].text)), /*#__PURE__*/_react["default"].createElement("div", {
160
116
  className: "menu_center"
161
117
  }, /*#__PURE__*/_react["default"].createElement("div", {
162
118
  className: "device_group"
@@ -199,19 +155,19 @@ function (_super) {
199
155
  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
200
156
  "data-code": _constants.quickMenuCode.PREVIEW,
201
157
  onClick: this.onBtnClick
202
- }, "Preview"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
158
+ }, (0, _locale.i18n)('PREVIEW')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
203
159
  "data-code": _constants.quickMenuCode.SAVE,
204
160
  disabled: window.magicDesign.readOnly,
205
161
  onClick: this.onBtnClick,
206
162
  tip: "The page is in use. Please copy or create a new page",
207
163
  type: "light"
208
- }, "Save"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
164
+ }, (0, _locale.i18n)('SAVE')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
209
165
  "data-code": _constants.quickMenuCode.PUBLISH,
210
166
  disabled: window.magicDesign.readOnly,
211
167
  onClick: this.onBtnClick,
212
168
  tip: "The page is in use. Please copy or create a new page",
213
169
  type: "primary"
214
- }, "Publish")));
170
+ }, (0, _locale.i18n)('PUBLISH'))));
215
171
  };
216
172
 
217
173
  return QuickMenuBar;
@@ -342,6 +342,7 @@ function (_super) {
342
342
  _this.renderHeader = function () {
343
343
  return /*#__PURE__*/_react["default"].createElement(_QuickMenuBar["default"], {
344
344
  device: _this.state.device,
345
+ language: _this.props.language,
345
346
  onBtnClick: _this.onQuickMenuClick,
346
347
  redoDisable: !_this.history.redoAble(),
347
348
  undoDisable: !_this.history.undoAble()
@@ -350,20 +351,20 @@ function (_super) {
350
351
 
351
352
  var pageData = props.pageData,
352
353
  config = props.config,
353
- defaultLanguage = props.defaultLanguage;
354
+ locale = props.locale;
354
355
  var MPageData = pageData.childNodes || [];
355
356
 
356
357
  _mobx.store.setState({
357
358
  MPageData: MPageData
358
359
  });
359
- /** 如果没有配置国际化 则使用默认国际化 */
360
+ /** 使用默认国际化 */
361
+ // if (!store.locale) {
360
362
 
361
363
 
362
- if (!_mobx.store.language) {
363
- _mobx.store.setState({
364
- language: defaultLanguage
365
- });
366
- }
364
+ _mobx.store.setState({
365
+ locale: locale
366
+ }); // }
367
+
367
368
 
368
369
  _this.configRef = /*#__PURE__*/_react["default"].createRef();
369
370
  _this.viewAreaRef = /*#__PURE__*/_react["default"].createRef();
@@ -384,15 +385,10 @@ function (_super) {
384
385
  window.document.addEventListener('component-click', this.componentClick); // 复合组件重新渲染事件
385
386
 
386
387
  window.document.addEventListener('render-view', this.reRenderViewArea);
387
- /** 晴雯定制 1分钟保存一次 以防晴雯忘记保存原地崩溃 */
388
- // setTimeout(() => {
389
- // this.onQuickMenuClick(quickMenuCode.SAVE);
390
- // }, 60 * 1000);
391
-
392
388
  this.destory = (0, _mobx.autorun)(function () {
393
- if (_this.state.language != _mobx.store.language) {
389
+ if (_this.state.locale != _mobx.store.locale) {
394
390
  _this.setState({
395
- language: _mobx.store.language
391
+ locale: _mobx.store.locale
396
392
  });
397
393
  }
398
394
  });