@fonixtree/magic-design 0.0.143 → 0.0.145

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 (9) hide show
  1. package/es/composite-comp/bol/components/Text/index.js +1 -1
  2. package/es/composite-comp/bol/components/Text/index.less +1 -2
  3. package/es/composite-comp/dito/components/Recommend/mobile/index.js +2 -2
  4. package/es/meta-comp/components/Text/index.js +3 -0
  5. package/lib/composite-comp/bol/components/Text/index.js +1 -1
  6. package/lib/composite-comp/bol/components/Text/index.less +1 -2
  7. package/lib/composite-comp/dito/components/Recommend/mobile/index.js +2 -2
  8. package/lib/meta-comp/components/Text/index.js +3 -0
  9. package/package.json +1 -1
package/es/composite-comp/bol/components/Text/index.js CHANGED
@@ -62,7 +62,7 @@ var __decorate = void 0 && (void 0).__decorate || function (decorators, target,
62
62
  // import './index.less';
63
63
  // less to css 在线地址 https://tool.oschina.net/less
64
64
  // css 压缩地址 https://www.runoob.com/csspack
65
- var style = '.m-text{display: flex;flex-direction: column;}.m-text .title-wrap{font-weight:500;font-size:20px;}.m-text .sub-title{font-size:15px;color:#b7b7b7;margin-top:10px;}.m-text .group-content-wrap{width:100%;}.m-text .group-content-wrap .group-wrap-container{padding:20px;}.m-text .group-content-wrap .group-wrap{display:flex;flex-direction:column;margin-top:20px;width:100%;}.m-text .group-content-wrap .group-wrap .group-title{font-size:14px;}.m-text .group-content-wrap.col-1 .group-wrap{width:100%;}.m-text .group-content-wrap.col-2{display:grid;grid-template-columns:50% 50%;}.m-text .group-content-wrap.col-3{display:grid;grid-template-columns:33.3% 33.3% 33.3%;}.m-text .group-content-wrap.mobile{display:block;}';
65
+ var style = '.m-text{display: flex;flex-direction: column;}.m-text .title-wrap{font-weight:500;font-size:20px;}.m-text .sub-title{font-size:15px;color:#b7b7b7;margin-top:10px;}.m-text .group-content-wrap{width:100%;}.m-text .group-content-wrap .group-wrap-container{padding:10px 20px;}.m-text .group-content-wrap .group-wrap{display:flex;flex-direction:column;width:100%;}.m-text .group-content-wrap .group-wrap .group-title{font-size:14px;}.m-text .group-content-wrap.col-1 .group-wrap{width:100%;}.m-text .group-content-wrap.col-2{display:grid;grid-template-columns:50% 50%;}.m-text .group-content-wrap.col-3{display:grid;grid-template-columns:33.3% 33.3% 33.3%;}.m-text .group-content-wrap.mobile{display:block;}';
66
66
 
67
67
  var Text =
68
68
  /** @class */
package/es/composite-comp/bol/components/Text/index.less CHANGED
@@ -17,13 +17,12 @@
17
17
  width: 100%;
18
18
 
19
19
  .group-wrap-container {
20
- padding: 20px;
20
+ padding: 10px 20px;
21
21
  }
22
22
 
23
23
  .group-wrap {
24
24
  display: flex;
25
25
  flex-direction: column;
26
- margin-top: 20px;
27
26
  width: 100%;
28
27
 
29
28
  .group-title {
package/es/composite-comp/dito/components/Recommend/mobile/index.js CHANGED
@@ -283,7 +283,7 @@ function (_super) {
283
283
  };
284
284
 
285
285
  _this.initTab = function (index, hideTabs) {
286
- var selectedTabDom = document.querySelector(".tab-select-wrap .tabTitle:nth-child(" + (index + 1) + ")");
286
+ var selectedTabDom = document.querySelector(".recommend_" + _this.props.panelProps.id + " .tab-select-wrap .tabTitle:nth-child(" + (index + 1) + ")");
287
287
  var tabLeft = 0;
288
288
  var tabWidth = 0;
289
289
 
@@ -589,7 +589,7 @@ function (_super) {
589
589
  if (layout === 'layout1' && contentWidth) imgHeight = (contentWidth - 12) / 2;
590
590
  if (layout === 'layout3' && contentWidth) imgHeight = (contentWidth - 12 * 2) / 3;
591
591
  return /*#__PURE__*/_react["default"].createElement("div", {
592
- className: "m-recommend-mobile"
592
+ className: "m-recommend-mobile recommend_" + panelProps.id
593
593
  }, !hideTabs && /*#__PURE__*/_react["default"].createElement("div", {
594
594
  className: "tab-select-wrap"
595
595
  }, groupSource.map(function (tab, index) {
package/es/meta-comp/components/Text/index.js CHANGED
@@ -497,8 +497,10 @@ function (_super) {
497
497
  // textDecorationColor: data?.underline.textDecorationColor,
498
498
  // textDecorationStyle: data?.underline.textDecorationStyle,
499
499
  // };
500
+ // mode == 'designer' && !readonly
500
501
 
501
502
 
503
+ console.log('!readonly: ', mode, readonly);
502
504
  return /*#__PURE__*/_react["default"].createElement("div", {
503
505
  ref: this.textRef,
504
506
  className: (0, _classnames["default"])('m-meta-text', className),
@@ -531,6 +533,7 @@ function (_super) {
531
533
 
532
534
  Text.defaultProps = {
533
535
  readonly: false,
536
+ mode: 'designer',
534
537
  onTextInput: function onTextInput() {}
535
538
  };
536
539
  Text = __decorate([_decorator.metaDecorator], Text);
package/lib/composite-comp/bol/components/Text/index.js CHANGED
@@ -62,7 +62,7 @@ var __decorate = void 0 && (void 0).__decorate || function (decorators, target,
62
62
  // import './index.less';
63
63
  // less to css 在线地址 https://tool.oschina.net/less
64
64
  // css 压缩地址 https://www.runoob.com/csspack
65
- var style = '.m-text{display: flex;flex-direction: column;}.m-text .title-wrap{font-weight:500;font-size:20px;}.m-text .sub-title{font-size:15px;color:#b7b7b7;margin-top:10px;}.m-text .group-content-wrap{width:100%;}.m-text .group-content-wrap .group-wrap-container{padding:20px;}.m-text .group-content-wrap .group-wrap{display:flex;flex-direction:column;margin-top:20px;width:100%;}.m-text .group-content-wrap .group-wrap .group-title{font-size:14px;}.m-text .group-content-wrap.col-1 .group-wrap{width:100%;}.m-text .group-content-wrap.col-2{display:grid;grid-template-columns:50% 50%;}.m-text .group-content-wrap.col-3{display:grid;grid-template-columns:33.3% 33.3% 33.3%;}.m-text .group-content-wrap.mobile{display:block;}';
65
+ var style = '.m-text{display: flex;flex-direction: column;}.m-text .title-wrap{font-weight:500;font-size:20px;}.m-text .sub-title{font-size:15px;color:#b7b7b7;margin-top:10px;}.m-text .group-content-wrap{width:100%;}.m-text .group-content-wrap .group-wrap-container{padding:10px 20px;}.m-text .group-content-wrap .group-wrap{display:flex;flex-direction:column;width:100%;}.m-text .group-content-wrap .group-wrap .group-title{font-size:14px;}.m-text .group-content-wrap.col-1 .group-wrap{width:100%;}.m-text .group-content-wrap.col-2{display:grid;grid-template-columns:50% 50%;}.m-text .group-content-wrap.col-3{display:grid;grid-template-columns:33.3% 33.3% 33.3%;}.m-text .group-content-wrap.mobile{display:block;}';
66
66
 
67
67
  var Text =
68
68
  /** @class */
package/lib/composite-comp/bol/components/Text/index.less CHANGED
@@ -17,13 +17,12 @@
17
17
  width: 100%;
18
18
 
19
19
  .group-wrap-container {
20
- padding: 20px;
20
+ padding: 10px 20px;
21
21
  }
22
22
 
23
23
  .group-wrap {
24
24
  display: flex;
25
25
  flex-direction: column;
26
- margin-top: 20px;
27
26
  width: 100%;
28
27
 
29
28
  .group-title {
package/lib/composite-comp/dito/components/Recommend/mobile/index.js CHANGED
@@ -283,7 +283,7 @@ function (_super) {
283
283
  };
284
284
 
285
285
  _this.initTab = function (index, hideTabs) {
286
- var selectedTabDom = document.querySelector(".tab-select-wrap .tabTitle:nth-child(" + (index + 1) + ")");
286
+ var selectedTabDom = document.querySelector(".recommend_" + _this.props.panelProps.id + " .tab-select-wrap .tabTitle:nth-child(" + (index + 1) + ")");
287
287
  var tabLeft = 0;
288
288
  var tabWidth = 0;
289
289
 
@@ -589,7 +589,7 @@ function (_super) {
589
589
  if (layout === 'layout1' && contentWidth) imgHeight = (contentWidth - 12) / 2;
590
590
  if (layout === 'layout3' && contentWidth) imgHeight = (contentWidth - 12 * 2) / 3;
591
591
  return /*#__PURE__*/_react["default"].createElement("div", {
592
- className: "m-recommend-mobile"
592
+ className: "m-recommend-mobile recommend_" + panelProps.id
593
593
  }, !hideTabs && /*#__PURE__*/_react["default"].createElement("div", {
594
594
  className: "tab-select-wrap"
595
595
  }, groupSource.map(function (tab, index) {
package/lib/meta-comp/components/Text/index.js CHANGED
@@ -497,8 +497,10 @@ function (_super) {
497
497
  // textDecorationColor: data?.underline.textDecorationColor,
498
498
  // textDecorationStyle: data?.underline.textDecorationStyle,
499
499
  // };
500
+ // mode == 'designer' && !readonly
500
501
 
501
502
 
503
+ console.log('!readonly: ', mode, readonly);
502
504
  return /*#__PURE__*/_react["default"].createElement("div", {
503
505
  ref: this.textRef,
504
506
  className: (0, _classnames["default"])('m-meta-text', className),
@@ -531,6 +533,7 @@ function (_super) {
531
533
 
532
534
  Text.defaultProps = {
533
535
  readonly: false,
536
+ mode: 'designer',
534
537
  onTextInput: function onTextInput() {}
535
538
  };
536
539
  Text = __decorate([_decorator.metaDecorator], Text);
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.143",
4
+ "version": "0.0.145",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",