@fonixtree/magic-design 2.0.10 → 2.0.11

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 (15) hide show
  1. package/es/assets/fonts/.DS_Store +0 -0
  2. package/es/composite-comp/bol/components/CustomCode/defaultJSON.js +39 -0
  3. package/es/composite-comp/bol/components/CustomCode/index.js +128 -0
  4. package/es/composite-comp/bol/config-panels/CustomCodeConfig/MyEditor/index.js +42 -0
  5. package/es/composite-comp/bol/config-panels/CustomCodeConfig/index.js +111 -0
  6. package/es/constants/component-types.js +6 -2
  7. package/es/constants/index.js +4 -0
  8. package/lib/assets/fonts/.DS_Store +0 -0
  9. package/lib/composite-comp/bol/components/CustomCode/defaultJSON.js +39 -0
  10. package/lib/composite-comp/bol/components/CustomCode/index.js +128 -0
  11. package/lib/composite-comp/bol/config-panels/CustomCodeConfig/MyEditor/index.js +42 -0
  12. package/lib/composite-comp/bol/config-panels/CustomCodeConfig/index.js +111 -0
  13. package/lib/constants/component-types.js +6 -2
  14. package/lib/constants/index.js +4 -0
  15. package/package.json +2 -1
package/es/assets/fonts/.DS_Store ADDED
Binary file
package/es/composite-comp/bol/components/CustomCode/defaultJSON.js ADDED
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getDefaultJSON = void 0;
7
+
8
+ var _uuid = require("uuid");
9
+
10
+ var getDefaultJSON = function getDefaultJSON() {
11
+ return {
12
+ id: (0, _uuid.v4)(),
13
+ type: 'CUSTOM_CODE',
14
+ content: {
15
+ pcHtml: '',
16
+ h5Html: ''
17
+ },
18
+ spacing: {
19
+ pc: {
20
+ paddingTop: 10,
21
+ paddingBottom: 10,
22
+ marginBottom: 0
23
+ },
24
+ mobile: {
25
+ paddingTop: 10,
26
+ paddingBottom: 10,
27
+ marginBottom: 0
28
+ }
29
+ },
30
+ background: {
31
+ opacity: 100,
32
+ color: '#fff',
33
+ image: '',
34
+ bgType: 'color'
35
+ }
36
+ };
37
+ };
38
+
39
+ exports.getDefaultJSON = getDefaultJSON;
package/es/composite-comp/bol/components/CustomCode/index.js ADDED
@@ -0,0 +1,128 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _react = _interopRequireWildcard(require("react"));
9
+
10
+ var _defaultJSON = require("./defaultJSON");
11
+
12
+ var _compositeDecorator = _interopRequireDefault(require("../../../../decorator/compositeDecorator"));
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
+
16
+ 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); }
17
+
18
+ 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; }
19
+
20
+ 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); }
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 __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
49
+ var c = arguments.length,
50
+ r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
51
+ d;
52
+ if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
53
+ if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
54
+ }
55
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
56
+ };
57
+
58
+ var CustomCode =
59
+ /** @class */
60
+ function (_super) {
61
+ __extends(CustomCode, _super);
62
+
63
+ function CustomCode() {
64
+ var _this = _super !== null && _super.apply(this, arguments) || this;
65
+
66
+ _this.htmlTemp = '';
67
+
68
+ _this.createHtml = function () {
69
+ var nodeData = _this.props.nodeData;
70
+ console.log('----nodeData', nodeData);
71
+ var htmlCode = window.magicDesign.device === 'pc' ? nodeData.content.pcHtml : nodeData.content.h5Html;
72
+ _this.htmlTemp = htmlCode;
73
+
74
+ if (document.getElementById('custom-wrap')) {
75
+ document.getElementById('custom-wrap').innerHTML = htmlCode;
76
+ }
77
+ };
78
+
79
+ return _this;
80
+ }
81
+
82
+ CustomCode.prototype.componentDidMount = function () {
83
+ this.createHtml();
84
+ };
85
+
86
+ CustomCode.prototype.componentWillReceiveProps = function (prevProps) {
87
+ console.log('111111');
88
+
89
+ if (window.magicDesign.device === 'pc') {
90
+ console.log('22222222');
91
+
92
+ if (prevProps.nodeData.content.pcHtml != this.props.nodeData.content.pcHtml) {
93
+ console.log('4444444');
94
+ this.createHtml();
95
+ }
96
+ } else {
97
+ console.log('3333333333', this.htmlTemp, this.props.nodeData.content);
98
+
99
+ if (this.htmlTemp != this.props.nodeData.content.h5Html) {
100
+ console.log('5555555');
101
+ this.createHtml();
102
+ }
103
+ }
104
+ };
105
+
106
+ CustomCode.prototype.render = function () {
107
+ // const { nodeData } = this.props;
108
+ // console.log('----nodeData', nodeData);
109
+ return (
110
+ /*#__PURE__*/
111
+ // <div dangerouslySetInnerHTML={{ __html: window.magicDesign.device === 'pc' ? nodeData.content.pcHtml : nodeData.content.h5Html }} />
112
+ _react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
113
+ id: "custom-wrap"
114
+ }), /*#__PURE__*/_react["default"].createElement("a", {
115
+ href: "https://www.baidu.com"
116
+ }, "baidu11 "))
117
+ );
118
+ };
119
+
120
+ CustomCode.defaultProps = {};
121
+ CustomCode.type = 'CUSTOM_CODE';
122
+ CustomCode.getDefaultJSON = _defaultJSON.getDefaultJSON;
123
+ CustomCode = __decorate([_compositeDecorator["default"]], CustomCode);
124
+ return CustomCode;
125
+ }(_react.Component);
126
+
127
+ var _default = CustomCode;
128
+ exports["default"] = _default;
package/es/composite-comp/bol/config-panels/CustomCodeConfig/MyEditor/index.js ADDED
@@ -0,0 +1,42 @@
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 _reactAce = _interopRequireDefault(require("react-ace"));
11
+
12
+ require("ace-builds/src-noconflict/mode-html");
13
+
14
+ require("ace-builds/src-noconflict/mode-javascript");
15
+
16
+ require("ace-builds/src-noconflict/theme-github");
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
+
20
+ // 可选的主题样式
21
+ var MyEditor = function MyEditor(props) {
22
+ var value = props.value,
23
+ changeVal = props.changeVal,
24
+ blurArea = props.blurArea;
25
+ return /*#__PURE__*/_react["default"].createElement(_reactAce["default"], {
26
+ editorProps: {
27
+ $blockScrolling: true
28
+ },
29
+ mode: "html",
30
+ name: "editor",
31
+ onBlur: blurArea,
32
+ onChange: changeVal,
33
+ style: {
34
+ width: '100%'
35
+ },
36
+ theme: "github",
37
+ value: value
38
+ });
39
+ };
40
+
41
+ var _default = MyEditor;
42
+ exports["default"] = _default;
package/es/composite-comp/bol/config-panels/CustomCodeConfig/index.js ADDED
@@ -0,0 +1,111 @@
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 _MyEditor = _interopRequireDefault(require("./MyEditor"));
11
+
12
+ var _coreUtil = require("../../../../utils/coreUtil");
13
+
14
+ var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
15
+
16
+ var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
17
+
18
+ var _locale = require("../../../../locale");
19
+
20
+ var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
21
+
22
+ var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
23
+
24
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
+
26
+ var __extends = void 0 && (void 0).__extends || function () {
27
+ var _extendStatics = function extendStatics(d, b) {
28
+ _extendStatics = Object.setPrototypeOf || {
29
+ __proto__: []
30
+ } instanceof Array && function (d, b) {
31
+ d.__proto__ = b;
32
+ } || function (d, b) {
33
+ for (var p in b) {
34
+ if (b.hasOwnProperty(p)) d[p] = b[p];
35
+ }
36
+ };
37
+
38
+ return _extendStatics(d, b);
39
+ };
40
+
41
+ return function (d, b) {
42
+ _extendStatics(d, b);
43
+
44
+ function __() {
45
+ this.constructor = d;
46
+ }
47
+
48
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
49
+ };
50
+ }();
51
+
52
+ var CustomCodeConfig =
53
+ /** @class */
54
+ function (_super) {
55
+ __extends(CustomCodeConfig, _super);
56
+
57
+ function CustomCodeConfig() {
58
+ var _this = _super !== null && _super.apply(this, arguments) || this;
59
+
60
+ _this.changeVal = function (v) {
61
+ var data = _this.props.data;
62
+
63
+ if ((0, _coreUtil.isPc)()) {
64
+ data.content.pcHtml = v;
65
+ } else {
66
+ data.content.h5Html = v;
67
+ }
68
+ };
69
+
70
+ _this.blurArea = function () {
71
+ _this.selfRender();
72
+ };
73
+
74
+ return _this;
75
+ }
76
+
77
+ CustomCodeConfig.prototype.render = function () {
78
+ var data = this.props.data;
79
+ return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
80
+ divider: "bold",
81
+ headerSize: "large",
82
+ source: [{
83
+ key: 'content',
84
+ name: (0, _locale.i18n)('CONTENT'),
85
+ value: /*#__PURE__*/_react["default"].createElement(_MyEditor["default"], {
86
+ blurArea: this.blurArea,
87
+ changeVal: this.changeVal,
88
+ value: (0, _coreUtil.isPc)() ? data.content.pcHtml : data.content.h5Html
89
+ })
90
+ }, {
91
+ key: 'spacing',
92
+ name: (0, _locale.i18n)('SPACING'),
93
+ value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
94
+ data: data.spacing
95
+ })
96
+ }, {
97
+ key: 'background',
98
+ name: (0, _locale.i18n)('BACKGROUND'),
99
+ value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
100
+ data: data.background
101
+ })
102
+ }],
103
+ type: "triangle"
104
+ }));
105
+ };
106
+
107
+ return CustomCodeConfig;
108
+ }(_BaseConfig["default"]);
109
+
110
+ var _default = CustomCodeConfig;
111
+ exports["default"] = _default;
package/es/constants/component-types.js CHANGED
@@ -27,6 +27,8 @@ var _Video = _interopRequireDefault(require("../composite-comp/bol/components/Vi
27
27
 
28
28
  var _Wallet = _interopRequireDefault(require("../composite-comp/bol/components/Wallet"));
29
29
 
30
+ var _CustomCode = _interopRequireDefault(require("../composite-comp/bol/components/CustomCode"));
31
+
30
32
  var _FlashDeal = _interopRequireDefault(require("../composite-comp/dito/components/FlashDeal"));
31
33
 
32
34
  var _SearchBar = _interopRequireDefault(require("../composite-comp/dito/components/SearchBar"));
@@ -59,6 +61,8 @@ var _TagCompConfig = _interopRequireDefault(require("../composite-comp/bol/confi
59
61
 
60
62
  var _VideoConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/VideoConfig"));
61
63
 
64
+ var _CustomCodeConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/CustomCodeConfig"));
65
+
62
66
  var _WalletConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/WalletConfig"));
63
67
 
64
68
  var _FlashDealConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/FlashDealConfig"));
@@ -105,13 +109,13 @@ var _a, _b, _c; // 组件
105
109
  /**
106
110
  * 渲染组件索引
107
111
  */
108
- var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a);
112
+ var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a);
109
113
  /**
110
114
  * 一级配置面板索引
111
115
  */
112
116
 
113
117
  exports.componentMap = componentMap;
114
- var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b);
118
+ var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b);
115
119
  /**
116
120
  * 二级配置面板索引
117
121
  */
package/es/constants/index.js CHANGED
@@ -129,6 +129,10 @@ var compInfoMap = {
129
129
  name: 'Image and Text',
130
130
  icon: 'icon-filled-image'
131
131
  },
132
+ CUSTOM_CODE: {
133
+ name: 'Custom Code',
134
+ icon: 'icon-html'
135
+ },
132
136
  RECOMMEND: {
133
137
  name: 'Recommend',
134
138
  icon: 'icon-forms'
package/lib/assets/fonts/.DS_Store ADDED
Binary file
package/lib/composite-comp/bol/components/CustomCode/defaultJSON.js ADDED
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getDefaultJSON = void 0;
7
+
8
+ var _uuid = require("uuid");
9
+
10
+ var getDefaultJSON = function getDefaultJSON() {
11
+ return {
12
+ id: (0, _uuid.v4)(),
13
+ type: 'CUSTOM_CODE',
14
+ content: {
15
+ pcHtml: '',
16
+ h5Html: ''
17
+ },
18
+ spacing: {
19
+ pc: {
20
+ paddingTop: 10,
21
+ paddingBottom: 10,
22
+ marginBottom: 0
23
+ },
24
+ mobile: {
25
+ paddingTop: 10,
26
+ paddingBottom: 10,
27
+ marginBottom: 0
28
+ }
29
+ },
30
+ background: {
31
+ opacity: 100,
32
+ color: '#fff',
33
+ image: '',
34
+ bgType: 'color'
35
+ }
36
+ };
37
+ };
38
+
39
+ exports.getDefaultJSON = getDefaultJSON;
package/lib/composite-comp/bol/components/CustomCode/index.js ADDED
@@ -0,0 +1,128 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+
8
+ var _react = _interopRequireWildcard(require("react"));
9
+
10
+ var _defaultJSON = require("./defaultJSON");
11
+
12
+ var _compositeDecorator = _interopRequireDefault(require("../../../../decorator/compositeDecorator"));
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
+
16
+ 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); }
17
+
18
+ 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; }
19
+
20
+ 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); }
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 __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
49
+ var c = arguments.length,
50
+ r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
51
+ d;
52
+ if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
53
+ if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
54
+ }
55
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
56
+ };
57
+
58
+ var CustomCode =
59
+ /** @class */
60
+ function (_super) {
61
+ __extends(CustomCode, _super);
62
+
63
+ function CustomCode() {
64
+ var _this = _super !== null && _super.apply(this, arguments) || this;
65
+
66
+ _this.htmlTemp = '';
67
+
68
+ _this.createHtml = function () {
69
+ var nodeData = _this.props.nodeData;
70
+ console.log('----nodeData', nodeData);
71
+ var htmlCode = window.magicDesign.device === 'pc' ? nodeData.content.pcHtml : nodeData.content.h5Html;
72
+ _this.htmlTemp = htmlCode;
73
+
74
+ if (document.getElementById('custom-wrap')) {
75
+ document.getElementById('custom-wrap').innerHTML = htmlCode;
76
+ }
77
+ };
78
+
79
+ return _this;
80
+ }
81
+
82
+ CustomCode.prototype.componentDidMount = function () {
83
+ this.createHtml();
84
+ };
85
+
86
+ CustomCode.prototype.componentWillReceiveProps = function (prevProps) {
87
+ console.log('111111');
88
+
89
+ if (window.magicDesign.device === 'pc') {
90
+ console.log('22222222');
91
+
92
+ if (prevProps.nodeData.content.pcHtml != this.props.nodeData.content.pcHtml) {
93
+ console.log('4444444');
94
+ this.createHtml();
95
+ }
96
+ } else {
97
+ console.log('3333333333', this.htmlTemp, this.props.nodeData.content);
98
+
99
+ if (this.htmlTemp != this.props.nodeData.content.h5Html) {
100
+ console.log('5555555');
101
+ this.createHtml();
102
+ }
103
+ }
104
+ };
105
+
106
+ CustomCode.prototype.render = function () {
107
+ // const { nodeData } = this.props;
108
+ // console.log('----nodeData', nodeData);
109
+ return (
110
+ /*#__PURE__*/
111
+ // <div dangerouslySetInnerHTML={{ __html: window.magicDesign.device === 'pc' ? nodeData.content.pcHtml : nodeData.content.h5Html }} />
112
+ _react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
113
+ id: "custom-wrap"
114
+ }), /*#__PURE__*/_react["default"].createElement("a", {
115
+ href: "https://www.baidu.com"
116
+ }, "baidu11 "))
117
+ );
118
+ };
119
+
120
+ CustomCode.defaultProps = {};
121
+ CustomCode.type = 'CUSTOM_CODE';
122
+ CustomCode.getDefaultJSON = _defaultJSON.getDefaultJSON;
123
+ CustomCode = __decorate([_compositeDecorator["default"]], CustomCode);
124
+ return CustomCode;
125
+ }(_react.Component);
126
+
127
+ var _default = CustomCode;
128
+ exports["default"] = _default;
package/lib/composite-comp/bol/config-panels/CustomCodeConfig/MyEditor/index.js ADDED
@@ -0,0 +1,42 @@
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 _reactAce = _interopRequireDefault(require("react-ace"));
11
+
12
+ require("ace-builds/src-noconflict/mode-html");
13
+
14
+ require("ace-builds/src-noconflict/mode-javascript");
15
+
16
+ require("ace-builds/src-noconflict/theme-github");
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
+
20
+ // 可选的主题样式
21
+ var MyEditor = function MyEditor(props) {
22
+ var value = props.value,
23
+ changeVal = props.changeVal,
24
+ blurArea = props.blurArea;
25
+ return /*#__PURE__*/_react["default"].createElement(_reactAce["default"], {
26
+ editorProps: {
27
+ $blockScrolling: true
28
+ },
29
+ mode: "html",
30
+ name: "editor",
31
+ onBlur: blurArea,
32
+ onChange: changeVal,
33
+ style: {
34
+ width: '100%'
35
+ },
36
+ theme: "github",
37
+ value: value
38
+ });
39
+ };
40
+
41
+ var _default = MyEditor;
42
+ exports["default"] = _default;
package/lib/composite-comp/bol/config-panels/CustomCodeConfig/index.js ADDED
@@ -0,0 +1,111 @@
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 _MyEditor = _interopRequireDefault(require("./MyEditor"));
11
+
12
+ var _coreUtil = require("../../../../utils/coreUtil");
13
+
14
+ var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
15
+
16
+ var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
17
+
18
+ var _locale = require("../../../../locale");
19
+
20
+ var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
21
+
22
+ var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
23
+
24
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
+
26
+ var __extends = void 0 && (void 0).__extends || function () {
27
+ var _extendStatics = function extendStatics(d, b) {
28
+ _extendStatics = Object.setPrototypeOf || {
29
+ __proto__: []
30
+ } instanceof Array && function (d, b) {
31
+ d.__proto__ = b;
32
+ } || function (d, b) {
33
+ for (var p in b) {
34
+ if (b.hasOwnProperty(p)) d[p] = b[p];
35
+ }
36
+ };
37
+
38
+ return _extendStatics(d, b);
39
+ };
40
+
41
+ return function (d, b) {
42
+ _extendStatics(d, b);
43
+
44
+ function __() {
45
+ this.constructor = d;
46
+ }
47
+
48
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
49
+ };
50
+ }();
51
+
52
+ var CustomCodeConfig =
53
+ /** @class */
54
+ function (_super) {
55
+ __extends(CustomCodeConfig, _super);
56
+
57
+ function CustomCodeConfig() {
58
+ var _this = _super !== null && _super.apply(this, arguments) || this;
59
+
60
+ _this.changeVal = function (v) {
61
+ var data = _this.props.data;
62
+
63
+ if ((0, _coreUtil.isPc)()) {
64
+ data.content.pcHtml = v;
65
+ } else {
66
+ data.content.h5Html = v;
67
+ }
68
+ };
69
+
70
+ _this.blurArea = function () {
71
+ _this.selfRender();
72
+ };
73
+
74
+ return _this;
75
+ }
76
+
77
+ CustomCodeConfig.prototype.render = function () {
78
+ var data = this.props.data;
79
+ return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
80
+ divider: "bold",
81
+ headerSize: "large",
82
+ source: [{
83
+ key: 'content',
84
+ name: (0, _locale.i18n)('CONTENT'),
85
+ value: /*#__PURE__*/_react["default"].createElement(_MyEditor["default"], {
86
+ blurArea: this.blurArea,
87
+ changeVal: this.changeVal,
88
+ value: (0, _coreUtil.isPc)() ? data.content.pcHtml : data.content.h5Html
89
+ })
90
+ }, {
91
+ key: 'spacing',
92
+ name: (0, _locale.i18n)('SPACING'),
93
+ value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
94
+ data: data.spacing
95
+ })
96
+ }, {
97
+ key: 'background',
98
+ name: (0, _locale.i18n)('BACKGROUND'),
99
+ value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
100
+ data: data.background
101
+ })
102
+ }],
103
+ type: "triangle"
104
+ }));
105
+ };
106
+
107
+ return CustomCodeConfig;
108
+ }(_BaseConfig["default"]);
109
+
110
+ var _default = CustomCodeConfig;
111
+ exports["default"] = _default;
package/lib/constants/component-types.js CHANGED
@@ -27,6 +27,8 @@ var _Video = _interopRequireDefault(require("../composite-comp/bol/components/Vi
27
27
 
28
28
  var _Wallet = _interopRequireDefault(require("../composite-comp/bol/components/Wallet"));
29
29
 
30
+ var _CustomCode = _interopRequireDefault(require("../composite-comp/bol/components/CustomCode"));
31
+
30
32
  var _FlashDeal = _interopRequireDefault(require("../composite-comp/dito/components/FlashDeal"));
31
33
 
32
34
  var _SearchBar = _interopRequireDefault(require("../composite-comp/dito/components/SearchBar"));
@@ -59,6 +61,8 @@ var _TagCompConfig = _interopRequireDefault(require("../composite-comp/bol/confi
59
61
 
60
62
  var _VideoConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/VideoConfig"));
61
63
 
64
+ var _CustomCodeConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/CustomCodeConfig"));
65
+
62
66
  var _WalletConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/WalletConfig"));
63
67
 
64
68
  var _FlashDealConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/FlashDealConfig"));
@@ -105,13 +109,13 @@ var _a, _b, _c; // 组件
105
109
  /**
106
110
  * 渲染组件索引
107
111
  */
108
- var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a);
112
+ var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a);
109
113
  /**
110
114
  * 一级配置面板索引
111
115
  */
112
116
 
113
117
  exports.componentMap = componentMap;
114
- var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b);
118
+ var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b);
115
119
  /**
116
120
  * 二级配置面板索引
117
121
  */
package/lib/constants/index.js CHANGED
@@ -129,6 +129,10 @@ var compInfoMap = {
129
129
  name: 'Image and Text',
130
130
  icon: 'icon-filled-image'
131
131
  },
132
+ CUSTOM_CODE: {
133
+ name: 'Custom Code',
134
+ icon: 'icon-html'
135
+ },
132
136
  RECOMMEND: {
133
137
  name: 'Recommend',
134
138
  icon: 'icon-forms'
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fonixtree/magic-design",
3
3
  "author": "Cylon Team",
4
- "version": "2.0.10",
4
+ "version": "2.0.11",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",
@@ -32,6 +32,7 @@
32
32
  "moment": "2.29.3",
33
33
  "postcss-pxtorem": "^6.0.0",
34
34
  "ramda": "^0.28.0",
35
+ "react-ace": "^10.1.0",
35
36
  "react-color": "2.17.0",
36
37
  "react-router-dom": "5.3.0",
37
38
  "react-slick": "^0.29.0",