@fonixtree/magic-design 2.0.20 → 2.0.22

package/lib/common/ProductModal/index.js

@@ -271,7 +271,7 @@ var ProductModal = function ProductModal(props) {
       productCode = _m[0],
       setProductCode = _m[1];
 
-  var _o = (0, _react.useState)([]),
+  var _o = (0, _react.useState)(window.magicDesign.storeId ? [window.magicDesign.storeId] : []),
       storeId = _o[0],
       setStoreId = _o[1];
 
@@ -491,7 +491,7 @@ var ProductModal = function ProductModal(props) {
     setSelCatgsList([]);
     setSelLabelData([]);
     setProductName('');
-    setStoreId([]);
+    setStoreId(window.magicDesign.storeId ? [window.magicDesign.storeId] : []);
     setProductCode('');
     setMinPrice('');
     setMaxPrice('');

package/lib/composite-comp/dito/components/Recommend/mobile/index.js

@@ -384,7 +384,8 @@ function (_super) {
                 sortType: '1',
                 intelligentType: intelligentType,
                 intelligentValue: intelligentValue.join(','),
-                aggregation: false
+                aggregation: false,
+                storeId: window.magicDesign.storeId || ''
               }, 'POST')];
 
             case 4:

package/lib/composite-comp/dito/components/Recommend/pc/index.js

@@ -379,7 +379,8 @@ function (_super) {
                 sortType: '1',
                 intelligentType: intelligentType,
                 intelligentValue: intelligentValue.join(','),
-                aggregation: false
+                aggregation: false,
+                storeId: window.magicDesign.storeId || ''
               }, 'POST')];
 
             case 4:

package/lib/core/Designer/AiImageGenerator/History/index.less

@@ -31,6 +31,8 @@
         background-color: #FFF;
         border-radius: 50%;
         display: flex;
+        width: 18px;
+        height: 18px;
         align-items: center;
         justify-content: center;
       }

package/lib/core/Designer/AiImageGenerator/index.less

@@ -82,9 +82,13 @@
             top: 12px;
             right: 12px;
             border-radius: 50%;
-            height: 22px;
+            height: 19px;
+            width: 19px;
             display: flex;
+            justify-content: center;
+            align-items: center;
             background: #FFF;
+
           }
         }
         .noDataWrap {

package/lib/core/Designer/ChatRobot/index.js

@@ -149,7 +149,7 @@ function (_super) {
     };
 
     _this.copyToClipboard = function (text) {
-      navigator.clipboard.writeText(text);
+      (0, _commonUtil.copy2ClipBoard)(text);
     };
 
     _this.chatGpt = new _FonixtreeGpt["default"]({
@@ -277,7 +277,15 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "content_wrap markdown-body",
       id: "content_wrap"
-    }, context.length > 0 && context.map(function (ctxNode) {
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('messageOuterWrap', {
+        assistantMessage: true
+      })
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "messageWrap"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "messageContentWrap"
+    }, "What would like to create?"))), context.length > 0 && context.map(function (ctxNode) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])('messageOuterWrap', {
           userMessage: ctxNode.role === 'user',

package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/components/ColorPickerBtn/index.js

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _FontColorSVG = _interopRequireDefault(require("../../images/FontColorSVG"));
 
+var _BackgroundSVG = _interopRequireDefault(require("../../images/BackgroundSVG"));
+
 var _ColorPicker = _interopRequireDefault(require("../../../../../../../common/ColorPicker"));
 
 require("./index.less");
@@ -62,7 +64,9 @@ function (_super) {
 
     var _a = this.props,
         value = _a.value,
-        onChange = _a.onChange;
+        onChange = _a.onChange,
+        _b = _a.type,
+        type = _b === void 0 ? 'color' : _b;
     var visibility = this.state.visibility;
     var color = value === null || value === void 0 ? void 0 : value.color;
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -72,7 +76,9 @@ function (_super) {
           visibility: !visibility
         });
       }
-    }, /*#__PURE__*/_react["default"].createElement(_FontColorSVG["default"], {
+    }, type == 'color' ? /*#__PURE__*/_react["default"].createElement(_FontColorSVG["default"], {
+      color: color || '#262626'
+    }) : /*#__PURE__*/_react["default"].createElement(_BackgroundSVG["default"], {
       color: color || '#262626'
     }), /*#__PURE__*/_react["default"].createElement(_ColorPicker["default"], {
       color: color,

package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/images/BackgroundSVG.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(_a) {
+  var onChange = _a.onChange;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    onClick: onChange,
+    viewBox: "0 0 256 256",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M3.375 2.25H14.625C14.9234 2.25 15.2095 2.36853 15.4205 2.5795C15.6315 2.79048 15.75 3.07663 15.75 3.375V14.625C15.75 14.9234 15.6315 15.2095 15.4205 15.4205C15.2095 15.6315 14.9234 15.75 14.625 15.75H3.375C3.07663 15.75 2.79048 15.6315 2.5795 15.4205C2.36853 15.2095 2.25 14.9234 2.25 14.625V3.375C2.25 3.07663 2.36853 2.79048 2.5795 2.5795C2.79048 2.36853 3.07663 2.25 3.375 2.25ZM9.00012 4.5C9.21318 4.5 9.40796 4.62038 9.50324 4.81094L12.3142 10.4328L12.3177 10.4398L13.4407 12.6859C13.5797 12.9638 13.467 13.3017 13.1892 13.4406C12.9113 13.5795 12.5734 13.4669 12.4345 13.1891L11.465 11.25H6.53527L5.56574 13.1891C5.42681 13.4669 5.08893 13.5795 4.81107 13.4406C4.5332 13.3017 4.42058 12.9638 4.55951 12.6859L5.67705 10.4509C5.68161 10.441 5.68644 10.4314 5.69153 10.4219L8.49701 4.81094C8.59229 4.62038 8.78706 4.5 9.00012 4.5ZM9.00012 6.32029L10.9025 10.125L7.09777 10.125L9.00012 6.32029Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }));
+};
+
+exports["default"] = _default;

package/lib/core/Designer/TextEditModal/ToolBar/ToolBtn/index.js

@@ -31,6 +31,8 @@ require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -63,6 +65,11 @@ var iconTypeMap = {
   strike: _StrikeSVG["default"],
   underline: _UnderlineSVG["default"],
   listOrder: _OrderSVG["default"],
+  background: function background(props) {
+    return /*#__PURE__*/_react["default"].createElement(_ColorPickerBtn["default"], _extends({
+      type: "background"
+    }, props));
+  },
   listUnOrder: _UnorderSVG["default"],
   link: function link(props) {
     return /*#__PURE__*/_react["default"].createElement(_LinkBtn["default"], props);

package/lib/core/Designer/TextEditModal/ToolBar/index.js

@@ -165,6 +165,16 @@ function (_super) {
       }
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tool-item"
+    }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
+      onChange: function onChange(value) {
+        _this.onToolBtnClick('background', value);
+      },
+      type: "background",
+      value: {
+        color: quillFormat['background']
+      }
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tool-item"
     }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
       onChange: function onChange(value) {
         _this.onToolBtnClick('align', value);

package/lib/core/Designer/ToolBarModal/ToolBtn/components/ColorPickerBtn/index.js

@@ -11,6 +11,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _FontColorSVG = _interopRequireDefault(require("../../images/FontColorSVG"));
 
+var _BackgroundSVG = _interopRequireDefault(require("../../images/BackgroundSVG"));
+
+var _UnderlineSVG = _interopRequireDefault(require("../../images/UnderlineSVG"));
+
 var _ColorPicker = _interopRequireDefault(require("../../../../../../common/ColorPicker"));
 
 require("./index.less");
@@ -62,7 +66,9 @@ function (_super) {
 
     var _a = this.props,
         value = _a.value,
-        onChange = _a.onChange;
+        onChange = _a.onChange,
+        _b = _a.type,
+        type = _b === void 0 ? 'color' : _b;
     var visibility = this.state.visibility;
     var color = value === null || value === void 0 ? void 0 : value.color;
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -72,7 +78,11 @@ function (_super) {
           visibility: !visibility
         });
       }
-    }, /*#__PURE__*/_react["default"].createElement(_FontColorSVG["default"], {
+    }, type == 'color' && /*#__PURE__*/_react["default"].createElement(_FontColorSVG["default"], {
+      color: color || '#262626'
+    }), type == 'background' && /*#__PURE__*/_react["default"].createElement(_BackgroundSVG["default"], {
+      color: color || '#262626'
+    }), type == 'text-decoration-color' && /*#__PURE__*/_react["default"].createElement(_UnderlineSVG["default"], {
       color: color || '#262626'
     }), /*#__PURE__*/_react["default"].createElement(_ColorPicker["default"], {
       color: color,

package/lib/core/Designer/ToolBarModal/ToolBtn/images/BackgroundSVG.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(_a) {
+  var onChange = _a.onChange,
+      _b = _a.color,
+      color = _b === void 0 ? 'currentColor' : _b;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    onClick: onChange,
+    viewBox: "0 0 18 18",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M3.375 2.25H14.625C14.9234 2.25 15.2095 2.36853 15.4205 2.5795C15.6315 2.79048 15.75 3.07663 15.75 3.375V14.625C15.75 14.9234 15.6315 15.2095 15.4205 15.4205C15.2095 15.6315 14.9234 15.75 14.625 15.75H3.375C3.07663 15.75 2.79048 15.6315 2.5795 15.4205C2.36853 15.2095 2.25 14.9234 2.25 14.625V3.375C2.25 3.07663 2.36853 2.79048 2.5795 2.5795C2.79048 2.36853 3.07663 2.25 3.375 2.25ZM9.00012 4.5C9.21318 4.5 9.40796 4.62038 9.50324 4.81094L12.3142 10.4328L12.3177 10.4398L13.4407 12.6859C13.5797 12.9638 13.467 13.3017 13.1892 13.4406C12.9113 13.5795 12.5734 13.4669 12.4345 13.1891L11.465 11.25H6.53527L5.56574 13.1891C5.42681 13.4669 5.08893 13.5795 4.81107 13.4406C4.5332 13.3017 4.42058 12.9638 4.55951 12.6859L5.67705 10.4509C5.68161 10.441 5.68644 10.4314 5.69153 10.4219L8.49701 4.81094C8.59229 4.62038 8.78706 4.5 9.00012 4.5ZM9.00012 6.32029L10.9025 10.125L7.09777 10.125L9.00012 6.32029Z",
+    fill: color,
+    fillRule: "evenodd"
+  }));
+};
+
+exports["default"] = _default;

package/lib/core/Designer/ToolBarModal/ToolBtn/images/UnderlineSVG.js

@@ -10,7 +10,8 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _default = function _default(_a) {
-  var onChange = _a.onChange;
+  var onChange = _a.onChange,
+      color = _a.color;
   return /*#__PURE__*/_react["default"].createElement("svg", {
     id: "ne-t-underline",
     onClick: onChange,
@@ -23,6 +24,7 @@ var _default = function _default(_a) {
     d: "M184 24c5.43 0 9.848 4.327 9.996 9.72L194 34v94.393C194 161.1 164.16 187 128 187c-35.8 0-65.403-25.385-65.991-57.628l-.009-.98V34c0-5.523 4.477-10 10-10 5.43 0 9.848 4.327 9.996 9.72L82 34v94.393C82 149.375 102.305 167 128 167c25.438 0 45.593-17.274 45.994-37.979l.006-.628V34c0-5.523 4.477-10 10-10Z",
     fillRule: "nonzero"
   }), /*#__PURE__*/_react["default"].createElement("rect", {
+    fill: color,
     height: "22",
     rx: "11",
     width: "176",

package/lib/core/Designer/ToolBarModal/ToolBtn/index.js

@@ -31,6 +31,8 @@ require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -64,6 +66,11 @@ var iconTypeMap = {
   underline: _UnderlineSVG["default"],
   listOrder: _OrderSVG["default"],
   listUnOrder: _UnorderSVG["default"],
+  background: function background(props) {
+    return /*#__PURE__*/_react["default"].createElement(_ColorPickerBtn["default"], _extends({
+      type: "background"
+    }, props));
+  },
   link: function link(props) {
     return /*#__PURE__*/_react["default"].createElement(_LinkBtn["default"], props);
   },
@@ -72,6 +79,11 @@ var iconTypeMap = {
   },
   align: function align(props) {
     return /*#__PURE__*/_react["default"].createElement(_AlignPicker["default"], props);
+  },
+  'text-decoration-color': function textDecorationColor(props) {
+    return /*#__PURE__*/_react["default"].createElement(_ColorPickerBtn["default"], _extends({
+      type: "text-decoration-color"
+    }, props));
   }
 };
 

package/lib/core/Designer/ToolBarModal/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fontSizeList = exports.fontFamilyList = exports["default"] = void 0;
+exports.fontWeightList = exports.fontSizeList = exports.fontFamilyList = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -13,6 +13,8 @@ var _ToolBtn = _interopRequireDefault(require("./ToolBtn"));
 
 var _coreUtil = require("../../../utils/coreUtil");
 
+var _UnderlineSelect = _interopRequireDefault(require("../../../meta-comp/config-panels/TextConfig/UnderlineSelect"));
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -48,17 +50,25 @@ exports.fontSizeList = fontSizeList;
 var fontFamilyList = [{
   name: 'Montserrat',
   value: 'Montserrat'
-}, {
-  name: 'Montserrat Bold',
-  value: 'MontserratBold'
 }, {
   name: 'Open Sans',
   value: 'OpenSans'
-}, {
-  name: 'Open Sans Bold',
-  value: 'OpenSansBold'
 }];
 exports.fontFamilyList = fontFamilyList;
+var fontWeightList = [{
+  name: 'Regular',
+  value: '400'
+}, {
+  name: 'Medium',
+  value: '500'
+}, {
+  name: 'Semibold',
+  value: '600'
+}, {
+  name: 'Bold',
+  value: '700'
+}];
+exports.fontWeightList = fontWeightList;
 
 var ToolBarModal =
 /** @class */
@@ -102,6 +112,7 @@ function (_super) {
     };
 
     _this.onToolBtnClick = function (type, value) {
+      console.log('type: ', type, value);
       window._maginc_clickUrl = _coreUtil.clickUrl;
       var quillFormat = _this.state.quillFormat;
 
@@ -115,6 +126,8 @@ function (_super) {
         _this.props.quillRef.format('underline', !quillFormat['underline']);
       } else if (type == 'color') {
         _this.props.quillRef.format('color', value);
+      } else if (type == 'background') {
+        _this.props.quillRef.format('background', value);
       } else if (type == 'align') {
         _this.props.quillRef.format('align', value);
       } else if (type == 'listOrder') {
@@ -126,13 +139,27 @@ function (_super) {
 
         _this.props.quillRef.format('list', currentListType == 'bullet' ? '' : 'bullet');
       } else if (type == 'link') {
-        console.log('link value: ', value);
-
         _this.props.quillRef.format('link', JSON.stringify(value));
       } else if (type == 'size') {
         _this.props.quillRef.format('size', value + 'px');
       } else if (type == 'font') {
         _this.props.quillRef.format('font', value);
+      } else if (type == 'font-weight') {
+        _this.props.quillRef.format('font-weight', value);
+      } else if (type == 'font-family') {
+        _this.props.quillRef.format('font-family', value);
+      } else if (type == 'text-decoration-style') {
+        _this.props.quillRef.format('text-decoration-style', value);
+      } else if (type == 'text-decoration-color') {
+        if (value) {
+          _this.props.quillRef.format('underline', true);
+        } else {
+          _this.props.quillRef.format('underline', false);
+
+          _this.props.quillRef.format('text-decoration-style', '');
+        }
+
+        _this.props.quillRef.format('text-decoration-color', value);
       }
 
       _this.onSelectionChange();
@@ -169,14 +196,14 @@ function (_super) {
       className: "tool-item"
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: function onChange(v) {
-        _this.onToolBtnClick('font', v);
+        _this.onToolBtnClick('font-family', v);
       },
       placeholder: "Font Family",
       size: "small",
       style: {
         width: '150px'
       },
-      value: quillFormat['font']
+      value: quillFormat['font-family']
     }, fontFamilyList.map(function (v) {
       return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         label: v.name,
@@ -184,6 +211,23 @@ function (_super) {
       }, v.name);
     }))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tool-item"
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+      onChange: function onChange(v) {
+        _this.onToolBtnClick('font-weight', v);
+      },
+      placeholder: "Font Weight",
+      size: "small",
+      style: {
+        width: '150px'
+      },
+      value: quillFormat['font-weight']
+    }, fontWeightList.map(function (v) {
+      return /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        label: v.name,
+        value: v.value
+      }, v.name);
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tool-item"
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: function onChange(v) {
         _this.onToolBtnClick('size', v);
@@ -199,17 +243,22 @@ function (_super) {
         label: v.name,
         value: v
       }, v, "px");
-    })))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "toolbar-row"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tool-item"
-    }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
-      active: quillFormat['bold'],
-      onChange: function onChange() {
-        _this.onToolBtnClick('bold');
+    }, /*#__PURE__*/_react["default"].createElement(_UnderlineSelect["default"], {
+      onChange: function onChange(v) {
+        _this.onToolBtnClick('text-decoration-style', v);
       },
-      type: "bold"
-    })), /*#__PURE__*/_react["default"].createElement("div", {
+      placeholder: "Underline Style",
+      repeatCount: 28,
+      size: "small",
+      style: {
+        width: '140px'
+      },
+      value: quillFormat['text-decoration-style']
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "toolbar-row"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "tool-item"
     }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
       active: quillFormat['italic'],
@@ -228,11 +277,13 @@ function (_super) {
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tool-item"
     }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
-      active: quillFormat['underline'],
-      onChange: function onChange() {
-        _this.onToolBtnClick('underline');
+      onChange: function onChange(value) {
+        _this.onToolBtnClick('text-decoration-color', value);
       },
-      type: "underline"
+      type: "text-decoration-color",
+      value: {
+        color: quillFormat['text-decoration-color']
+      }
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tooll-line"
     }), /*#__PURE__*/_react["default"].createElement("div", {
@@ -247,6 +298,16 @@ function (_super) {
       }
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: "tool-item"
+    }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
+      onChange: function onChange(value) {
+        _this.onToolBtnClick('background', value);
+      },
+      type: "background",
+      value: {
+        color: quillFormat['background']
+      }
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "tool-item"
     }, /*#__PURE__*/_react["default"].createElement(_ToolBtn["default"], {
       active: quillFormat['list'] == 'bullet',
       onChange: function onChange() {

package/lib/meta-comp/components/Text/formats/fontFamily.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontFamilyStyle = exports.FontFamilyAttributor = void 0;
+
+var _quill = _interopRequireDefault(require("quill"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var Parchment = _quill["default"]["import"]('parchment');
+
+var FontFamilyAttributor =
+/** @class */
+function (_super) {
+  __extends(FontFamilyAttributor, _super);
+
+  function FontFamilyAttributor() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  return FontFamilyAttributor;
+}(Parchment.Attributor.Style);
+
+exports.FontFamilyAttributor = FontFamilyAttributor;
+var FontFamilyStyle = new FontFamilyAttributor('font-family', 'font-family', {
+  scope: Parchment.Scope.INLINE
+});
+exports.FontFamilyStyle = FontFamilyStyle;
+
+_quill["default"].register('formats/font-family', FontFamilyStyle, true);

package/lib/meta-comp/components/Text/formats/fontWeight.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FontWeightStyle = exports.FontWeightAttributor = void 0;
+
+var _quill = _interopRequireDefault(require("quill"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var Parchment = _quill["default"]["import"]('parchment');
+
+var FontWeightAttributor =
+/** @class */
+function (_super) {
+  __extends(FontWeightAttributor, _super);
+
+  function FontWeightAttributor() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  return FontWeightAttributor;
+}(Parchment.Attributor.Style);
+
+exports.FontWeightAttributor = FontWeightAttributor;
+var FontWeightStyle = new FontWeightAttributor('font-weight', 'font-weight', {
+  scope: Parchment.Scope.INLINE
+});
+exports.FontWeightStyle = FontWeightStyle;
+
+_quill["default"].register('formats/font-weight', FontWeightStyle, true);