@fonixtree/magic-design 0.0.13 → 0.0.16

package/lib/composite-comp/bol/components/Tag/defaultJSON.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultJSON = void 0;
+
+var _uuid = require("uuid");
+
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+/**
+ * 获取 text 元组件json
+ */
+var getDefaultMetaButtonJson = function getDefaultMetaButtonJson() {
+  return {
+    id: (0, _uuid.v4)(),
+    open: true,
+    content: {
+      url: '',
+      backgroundColor: '#e6eaf0'
+    },
+    buttonText: {
+      sizeType: 'Customize font styles',
+      fontFamily: 'Open Sans',
+      fontWeight: 600,
+      fontSize: 12,
+      fontStyle: 'normal',
+      color: '#8493AF',
+      padding: '2px 8px'
+    },
+    buttonBorder: {
+      open: true,
+      borderColor: '',
+      borderRadius: 4
+    },
+    buttonIcon: {
+      iconUrl: '',
+      layout: 'right'
+    },
+    text: 'Button Tag',
+    hover: null
+  };
+};
+
+var getDefaultJSON = function getDefaultJSON() {
+  return {
+    id: (0, _uuid.v4)(),
+    type: 'TAG',
+    content: {
+      image: {
+        id: (0, _uuid.v4)(),
+        open: false,
+        type: 'IMAGE',
+        content: {
+          h5Name: '',
+          pcName: '',
+          h5ImgSrc: '',
+          pcImgSrc: '',
+          clickUrl: ''
+        },
+        hover: {
+          open: false,
+          backgroundType: 'enlarge',
+          magnification: 1.5,
+          pcImgHoverUrl: '',
+          h5ImgHoverUrl: ''
+        }
+      },
+      button: __assign({}, getDefaultMetaButtonJson()),
+      secondaryButton: __assign({}, getDefaultMetaButtonJson())
+    },
+    spacing: {
+      pc: {
+        paddingTop: 10,
+        paddingBottom: 10,
+        marginBottom: 0
+      },
+      mobile: {
+        paddingTop: 10,
+        paddingBottom: 10,
+        marginBottom: 0
+      }
+    },
+    customize: {
+      layout: 'layout1',
+      align: 'center'
+    },
+    background: {
+      opacity: 100,
+      color: '#F2F2F2',
+      image: '',
+      bgType: 'color'
+    }
+  };
+};
+
+exports.getDefaultJSON = getDefaultJSON;

package/lib/composite-comp/bol/components/Text/defaultJSON.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textGroupSourceJSON = exports.getDefaultJSON = void 0;
+
+var _uuid = require("uuid");
+
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+/**
+ * 获取 text 元组件json
+ */
+var getDefaultMetaTextJson = function getDefaultMetaTextJson() {
+  return {
+    id: (0, _uuid.v4)(),
+    open: true,
+    type: 'Text',
+    specialContent: [],
+    text: 'Flash Deal',
+    content: {
+      sizeType: 'Customize font styles',
+      fontFamily: 'Open Sans',
+      fontWeight: 600,
+      fontSize: 14,
+      color: '#CE1126'
+    },
+    underline: {
+      open: false,
+      textDecorationColor: '',
+      textDecorationStyle: 'solid'
+    },
+    vertical: {
+      open: false,
+      lineHeight: 18
+    }
+  };
+};
+
+var textGroupSourceJSON = function textGroupSourceJSON(parentId) {
+  var groupId = (0, _uuid.v4)();
+  return {
+    id: groupId,
+    parentId: parentId,
+    content: {
+      title: __assign(__assign({
+        parentId: groupId,
+        id: (0, _uuid.v4)()
+      }, getDefaultMetaTextJson()), {
+        text: 'Group Name',
+        content: {
+          sizeType: 'Customize font styles',
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 26,
+          width: '100%',
+          color: '#232F46'
+        }
+      }),
+      text: __assign(__assign({
+        parentId: groupId,
+        id: (0, _uuid.v4)()
+      }, getDefaultMetaTextJson()), {
+        text: 'For the text area, you can enter a subtitle or description, the default width is the same as title.',
+        content: {
+          sizeType: 'Body 1',
+          fontFamily: 'Open Sans',
+          fontWeight: 400,
+          fontSize: 18,
+          width: '100%',
+          color: '#232F46'
+        }
+      })
+    }
+  };
+};
+
+exports.textGroupSourceJSON = textGroupSourceJSON;
+
+var getDefaultJSON = function getDefaultJSON() {
+  var groupId = (0, _uuid.v4)();
+  return {
+    id: groupId,
+    type: 'TEXT',
+    title: {
+      headline: __assign(__assign({}, getDefaultMetaTextJson()), {
+        text: 'Title use, click modify text.',
+        content: {
+          sizeType: 'Headline 1',
+          fontFamily: 'Montserrat',
+          fontWeight: 600,
+          fontSize: 68,
+          color: '#232F46'
+        }
+      }),
+      subtitle: __assign(__assign({}, getDefaultMetaTextJson()), {
+        text: 'For the text area, you can enter a subtitle or description',
+        content: {
+          sizeType: 'Title 1',
+          fontFamily: 'Montserrat',
+          fontWeight: 400,
+          fontSize: 32,
+          color: '#232F46'
+        }
+      })
+    },
+    groupSource: [textGroupSourceJSON(groupId), textGroupSourceJSON(groupId), textGroupSourceJSON(groupId)],
+    spacing: {
+      pc: {
+        paddingTop: 10,
+        paddingBottom: 10,
+        marginBottom: 0
+      },
+      mobile: {
+        paddingTop: 10,
+        paddingBottom: 10,
+        marginBottom: 0
+      }
+    },
+    customize: {
+      layout: 'left',
+      align: 'left',
+      rowNum: 3
+    },
+    background: {
+      opacity: 100,
+      color: '#F2F2F2',
+      image: '',
+      bgType: 'color'
+    }
+  };
+};
+
+exports.getDefaultJSON = getDefaultJSON;

package/lib/composite-comp/dito/components/FlashDeal/defaultJSON.js

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultJSON = void 0;
+
+var _uuid = require("uuid");
+
+var getDefaultJSON = function getDefaultJSON() {
+  return {
+    id: (0, _uuid.v4)(),
+    type: 'FLASH_DEAL',
+    title: {
+      icon: {
+        open: true,
+        url: '/get/resource/platform/conf/20220722/picture/组633391550411058986147840.png'
+      },
+      headline: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'Text',
+        specialContent: [],
+        text: 'Flash Deal',
+        content: {
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 14,
+          color: '#2C2C2C'
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {
+          open: false,
+          lineHeight: 18
+        }
+      },
+      button: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'BUTTON',
+        text: 'Shop More',
+        content: {
+          url: '',
+          backgroundColor: ''
+        },
+        buttonText: {
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 12,
+          fontStyle: 'normal',
+          color: '#0038A8',
+          padding: '0'
+        },
+        buttonBorder: {
+          open: false,
+          borderColor: '',
+          borderRadius: 6
+        },
+        buttonIcon: {
+          iconUrl: '/get/resource/platform/conf/20220719/picture/icon-arrow-right-s1549371733179686912.png',
+          layout: 'right'
+        },
+        hover: null
+      }
+    },
+    content: {
+      sortType: '1',
+      label: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'BUTTON',
+        text: 'Button',
+        content: {
+          url: '',
+          backgroundColor: '#CC1D20'
+        },
+        buttonText: {
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 8,
+          fontStyle: 'normal',
+          color: '#fff',
+          padding: '0 5px'
+        },
+        buttonBorder: {
+          open: true,
+          borderColor: '',
+          borderRadius: 7
+        },
+        buttonIcon: {
+          iconUrl: '',
+          layout: 'right'
+        },
+        hover: null
+      },
+      productName: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'Text',
+        specialContent: [],
+        text: 'Flash Deal',
+        content: {
+          fontFamily: 'Open Sans',
+          fontWeight: 500,
+          fontSize: 14,
+          color: '#2C2C2C'
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {
+          open: false,
+          lineHeight: 18
+        }
+      },
+      activityPrice: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'Text',
+        specialContent: [],
+        text: 'Flash Deal',
+        content: {
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 14,
+          color: '#CE1126'
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {
+          open: false,
+          lineHeight: 18
+        }
+      },
+      salesPrice: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'Text',
+        specialContent: [],
+        text: 'Flash Deal',
+        content: {
+          fontFamily: 'Open Sans',
+          fontWeight: 500,
+          fontSize: 10,
+          color: '#929292'
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {
+          open: false,
+          lineHeight: 18
+        }
+      },
+      salesProgressVisible: {
+        open: true
+      }
+    },
+    customize: {
+      layout: 'left',
+      align: 'left'
+    },
+    background: {
+      opacity: 100,
+      color: '#fff',
+      image: '',
+      bgType: 'color'
+    }
+  };
+};
+
+exports.getDefaultJSON = getDefaultJSON;

package/lib/composite-comp/dito/components/Recommend/defaultJSON.js

@@ -0,0 +1,220 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.recommendGroupSourceJSON = exports.getDefaultJSON = void 0;
+
+var _uuid = require("uuid");
+
+var recommendGroupSourceJSON = function recommendGroupSourceJSON(logo, text) {
+  var groupId = (0, _uuid.v4)();
+  return {
+    id: groupId,
+    image: {
+      parentId: groupId,
+      id: (0, _uuid.v4)(),
+      open: true,
+      type: 'IMAGE',
+      content: {
+        h5Name: '',
+        pcName: '',
+        h5ImgSrc: logo,
+        pcImgSrc: logo,
+        clickUrl: ''
+      },
+      hover: {
+        open: false,
+        backgroundType: 'enlarge',
+        magnification: 1.5,
+        pcImgHoverUrl: '',
+        h5ImgHoverUrl: ''
+      }
+    },
+    groupName: {
+      parentId: groupId,
+      id: (0, _uuid.v4)(),
+      open: true,
+      type: 'TEXT',
+      specialContent: [],
+      text: text,
+      content: {
+        fontFamily: 'Open Sans',
+        fontWeight: 700,
+        fontSize: 14,
+        color: '#929292'
+      },
+      underline: {
+        open: false,
+        textDecorationColor: '',
+        textDecorationStyle: 'solid'
+      },
+      vertical: {}
+    },
+    sourceType: 'recommend',
+    hover: {
+      open: true,
+      image: {
+        parentId: groupId,
+        id: (0, _uuid.v4)(),
+        open: false,
+        type: 'IMAGE',
+        content: {
+          h5Name: '',
+          pcName: '',
+          h5ImgSrc: logo,
+          pcImgSrc: logo,
+          clickUrl: ''
+        },
+        hover: {
+          open: false,
+          backgroundType: 'enlarge',
+          magnification: 1.5,
+          pcImgHoverUrl: '',
+          h5ImgHoverUrl: ''
+        }
+      },
+      groupName: {
+        parentId: groupId,
+        id: (0, _uuid.v4)(),
+        open: false,
+        type: 'TEXT',
+        specialContent: [],
+        text: text,
+        content: {
+          fontFamily: 'Open Sans',
+          fontWeight: 700,
+          fontSize: 14,
+          color: '#CE1126'
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {}
+      }
+    }
+  };
+};
+
+exports.recommendGroupSourceJSON = recommendGroupSourceJSON;
+
+var getDefaultJSON = function getDefaultJSON() {
+  return {
+    id: (0, _uuid.v4)(),
+    type: 'RECOMMEND',
+    groupSource: [recommendGroupSourceJSON('', 'Sale'), recommendGroupSourceJSON('', 'Popular')],
+    content: {
+      label: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'BUTTON',
+        text: 'Button',
+        content: {
+          url: '',
+          backgroundColor: '#0038A8'
+        },
+        buttonText: {
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 8,
+          fontStyle: 'normal',
+          color: '#fff',
+          padding: '0 5px'
+        },
+        buttonBorder: {
+          open: true,
+          borderColor: '',
+          borderRadius: 7
+        },
+        buttonIcon: {
+          iconUrl: '',
+          layout: 'right'
+        },
+        hover: null
+      },
+      productName: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'Text',
+        specialContent: [],
+        text: 'Flash Deal',
+        content: {
+          fontFamily: 'Open Sans',
+          fontWeight: 500,
+          fontSize: 14,
+          color: '#2C2C2C'
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {
+          open: false,
+          lineHeight: 18
+        }
+      },
+      activityPrice: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'Text',
+        specialContent: [],
+        text: 'Flash Deal',
+        content: {
+          fontFamily: 'Open Sans',
+          fontWeight: 600,
+          fontSize: 14,
+          color: '#CE1126'
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {
+          open: false,
+          lineHeight: 18
+        }
+      },
+      salesPrice: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        type: 'Text',
+        specialContent: [],
+        text: 'Flash Deal',
+        content: {
+          fontFamily: 'Open Sans',
+          fontWeight: 500,
+          fontSize: 10,
+          color: '#929292'
+        },
+        underline: {
+          open: false,
+          textDecorationColor: '',
+          textDecorationStyle: 'solid'
+        },
+        vertical: {
+          open: false,
+          lineHeight: 18
+        }
+      },
+      salesProgressVisible: {
+        open: true
+      }
+    },
+    customize: {
+      layout: 'left',
+      align: 'left'
+    },
+    background: {
+      opacity: 100,
+      color: '#F2F2F2',
+      image: '',
+      bgType: 'color'
+    }
+  };
+};
+
+exports.getDefaultJSON = getDefaultJSON;

package/lib/composite-comp/dito/components/SearchBar/defaultJSON.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultJSON = void 0;
+
+var _uuid = require("uuid");
+
+var _ditoLogo = _interopRequireDefault(require("./imgs/dito-logo.svg"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+// import { ButtonMetaType } from '../../../meta-comp/config-panels/ButtonConfig';
+// import { TextMetaType } from '../../../meta-comp/config-panels/TextConfig';
+var getDefaultJSON = function getDefaultJSON() {
+  return {
+    id: (0, _uuid.v4)(),
+    type: 'SEARCH',
+    logo: {
+      id: (0, _uuid.v4)(),
+      open: true,
+      type: 'IMAGE',
+      content: {
+        h5Name: 'name2',
+        pcName: 'name2',
+        h5ImgSrc: _ditoLogo["default"],
+        pcImgSrc: 'https://online.iwhalecloud.com/static/banner3.d4d11f4b.webp',
+        clickUrl: ''
+      },
+      hover: {
+        open: false,
+        backgroundType: 'enlarge',
+        magnification: 1.5,
+        pcImgHoverUrl: '',
+        h5ImgHoverUrl: ''
+      }
+    },
+    icon: {
+      open: true,
+      color: '#2F54EB'
+    },
+    customize: {
+      layout: 'left',
+      align: 'left'
+    },
+    background: {
+      opacity: 100,
+      color: '#fff',
+      image: '',
+      bgType: 'color'
+    }
+  };
+};
+
+exports.getDefaultJSON = getDefaultJSON;