@fonixtree/magic-design 0.1.77 → 0.1.79

package/lib/core/Renderer/index.js

@@ -15,10 +15,16 @@ var _componentTypes = require("../../constants/component-types");
 
 var _coreUtil = require("../../utils/coreUtil");
 
+var _mobx = require("../../mobx");
+
+var _common = require("../../common");
+
 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); }
 
 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; }
 
+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 __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -37,11 +43,13 @@ var __assign = void 0 && (void 0).__assign || function () {
 
 var setDesignConfig = function setDesignConfig(props) {
   var config = props.config,
-      device = props.device;
+      device = props.device,
+      isPreview = props.isPreview;
   window.magicDesign = __assign(__assign({
     pageBackground: '#f2f2f2',
     mode: 'renderer',
     device: device,
+    designMode: isPreview,
     navigatePreUrl: ''
   }, config), {
     compSpacing: Number(config.compSpacing),
@@ -56,40 +64,43 @@ var setDesignConfig = function setDesignConfig(props) {
 var Renderer = function Renderer(props) {
   var pageData = props.pageData,
       outputType = props.outputType,
-      noSetWindow = props.noSetWindow;
+      noSetWindow = props.noSetWindow,
+      isPreview = props.isPreview;
+
+  var _a = (0, _react.useState)([]),
+      floors = _a[0],
+      setFloors = _a[1];
+
+  var _b = (0, _react.useState)(_mobx.frameStore.modalState),
+      modalState = _b[0],
+      setModalState = _b[1];
 
   if (!noSetWindow) {
     setDesignConfig(props);
   }
 
   window.magicDesignPageData = pageData;
-  var pageBackground = window.magicDesign.pageBackground; // 根据楼层展示设备进行过滤
-
-  var filterCompFloor = function filterCompFloor() {
-    var source = [];
+  var pageBackground = window.magicDesign.pageBackground;
+  (0, _react.useEffect)(function () {
+    console.log('----pageData change', pageData);
+    var filterData = [];
 
     if (pageData && pageData.childNodes && pageData.childNodes.length) {
-      source = pageData.childNodes.filter(function (node) {
+      filterData = pageData.childNodes.filter(function (node) {
         return (0, _coreUtil.isActiveFloor)(node.activeTerminal);
       });
-    }
+    } // 首页组建分批渲染按5个一组
 
-    return source;
-  };
 
+    setFloors(filterData.slice(0, 5));
+    setTimeout(function () {
+      setFloors(filterData.slice(0, 10));
+      setTimeout(function () {
+        setFloors(filterData);
+      }, 200);
+    }, 200);
+  }, [pageData]);
   (0, _react.useEffect)(function () {
-    // const data = await fishFetch('/h5/ga/mediaid', {}, 'GET');
-    (0, _commonUtil.importAsync)('https://www.googletagmanager.com/gtag/js?id=G-7B9GSSLVX3', 'js').then(function () {
-      window.dataLayer = window.dataLayer || [];
-
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-
-      gtag('js', new Date());
-      gtag('config', 'G-7B9GSSLVX3');
-      window.gtag = gtag;
-    });
     setTimeout(function () {
       var _a;
 
@@ -99,14 +110,44 @@ var Renderer = function Renderer(props) {
       });
     }, 300);
   });
+  (0, _react.useEffect)(function () {
+    var disposer = (0, _mobx.autorun)(function () {
+      setModalState(_mobx.frameStore.modalState);
+    });
+    return function () {
+      disposer();
+    };
+  }, []); // 传入空数组表示仅在组件挂载和卸载时执行
+
+  /** 弹窗关闭 */
+
+  var onCloseModal = function onCloseModal() {
+    _mobx.frameStore.setState({
+      modalState: {
+        visible: false
+      }
+    });
+  };
+
+  var getRestStyle = function getRestStyle() {
+    if (modalState.visible) {
+      return {
+        position: 'relative',
+        overflow: 'hidden'
+      };
+    }
+
+    return {};
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "render_wrap",
     magic_design: "",
-    style: {
-      background: pageBackground,
-      overflow: 'auto'
-    }
-  }, filterCompFloor().map(function (nodeData, moduleIndex) {
+    style: __assign({
+      height: '100%',
+      background: pageBackground
+    }, getRestStyle())
+  }, floors.length > 0 && floors.map(function (nodeData, moduleIndex) {
     var Clazz = _componentTypes.componentMap[nodeData.type];
 
     if (!Clazz) {
@@ -128,13 +169,18 @@ var Renderer = function Renderer(props) {
       key: nodeData.id,
       id: 'node-' + nodeData.id
     }, /*#__PURE__*/_react["default"].createElement(Clazz, __assign({}, newInstanceProps), null));
-  }));
+  }), modalState.visible && /*#__PURE__*/_react["default"].createElement(_common.MyModal, _extends({
+    isPreview: isPreview
+  }, modalState, {
+    onClose: onCloseModal
+  })));
 };
 
 Renderer.defaultProps = {
   pageData: {},
   device: 'pc',
-  config: {}
+  config: {},
+  isPreview: false
 };
 var _default = Renderer;
 exports["default"] = _default;

package/lib/decorator/compositeDecorator.js

@@ -153,6 +153,19 @@ function compositeDecorator(WrappedComponent) {
 
         if (device === _constants.deviceTypeMap.PC && compWidth && !((_a = spacing === null || spacing === void 0 ? void 0 : spacing.pc) === null || _a === void 0 ? void 0 : _a.fillUp)) {
           wrapStyle.width = compWidth;
+        } // 如果是菜单 则需要设为fixed
+
+
+        if (nodeData.type === 'HEAD_NAVIGATION' || nodeData.type === 'MENU_NAVIGATION') {
+          wrapStyle.position = 'absolute';
+          wrapStyle.left = 0;
+          wrapStyle.width = '100%';
+
+          if (nodeData.type === 'HEAD_NAVIGATION') {
+            wrapStyle.top = 0;
+          } else {
+            wrapStyle.bottom = 0;
+          }
         }
 
         return wrapStyle;
@@ -228,6 +241,15 @@ function compositeDecorator(WrappedComponent) {
         });
       };
 
+      _this.getOuterWrapStyle = function () {
+        var nodeData = _this.props.nodeData;
+
+        if (window.magicDesign.designMode && (nodeData.type === 'HEAD_NAVIGATION' || nodeData.type === 'MENU_NAVIGATION')) {
+          var element = document.querySelector('.phone_view_area .device_border') || document.querySelector('#root .render_wrap');
+          element.style.position = 'relative';
+        }
+      };
+
       return _this;
     }
 
@@ -240,6 +262,7 @@ function compositeDecorator(WrappedComponent) {
           hoveredFloor: _mobx.store.hoveredFloor
         });
       });
+      this.getOuterWrapStyle();
     };
 
     Wrapper.prototype.componentWillUnmount = function () {

package/lib/decorator/index.js

@@ -9,12 +9,25 @@ Object.defineProperty(exports, "compositeDecorator", {
     return _compositeDecorator["default"];
   }
 });
+Object.defineProperty(exports, "lazy", {
+  enumerable: true,
+  get: function get() {
+    return _lazyLoadDecorator.lazy;
+  }
+});
+Object.defineProperty(exports, "lazyDestroy", {
+  enumerable: true,
+  get: function get() {
+    return _lazyLoadDecorator.lazyDestroy;
+  }
+});
 Object.defineProperty(exports, "metaDecorator", {
   enumerable: true,
   get: function get() {
     return _metaDecorator["default"];
   }
 });
+exports.shouldUpdate = shouldUpdate;
 Object.defineProperty(exports, "updateConfigDecorator", {
   enumerable: true,
   get: function get() {
@@ -28,4 +41,28 @@ var _metaDecorator = _interopRequireDefault(require("./metaDecorator"));
 
 var _updateConfigDecorator = _interopRequireDefault(require("./updateConfigDecorator"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _lazyLoadDecorator = require("./lazyLoadDecorator");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+
+/** props 和 state 改变时才会render */
+function shouldUpdate() {
+  return function (target, name, descriptor) {
+    var fn = descriptor.value;
+
+    descriptor.value = function (nextProps, nextState) {
+      var nowPropsJson = JSON.stringify(nextProps);
+      var nowStateJson = JSON.stringify(nextState);
+      var should1 = nowPropsJson != this.preProps;
+      var should2 = nowStateJson != this.preState;
+      this.preProps = nowPropsJson;
+      this.preState = nowStateJson;
+      var result = should1 || should2;
+      return result && fn.apply(this, {
+        nextProps: nextProps
+      });
+    };
+  };
+}

package/lib/decorator/lazyLoadDecorator.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lazy = lazy;
+exports.lazyDestroy = void 0;
+
+/**
+ * 组件懒加载
+ * @param refName 所需懒加载的组件ref名
+ * @returns
+ */
+function lazy(refName) {
+  return function (target, name, descriptor) {
+    var fn = descriptor.value;
+
+    descriptor.value = function () {
+      var _this = this;
+
+      var rest = [];
+
+      for (var _i = 0; _i < arguments.length; _i++) {
+        rest[_i] = arguments[_i];
+      }
+
+      this.intersectionObserver = new IntersectionObserver(function (entries) {
+        if (entries[0].isIntersecting) {
+          if (!_this.state.lazyShow) {
+            _this.setState({
+              lazyShow: true
+            });
+          }
+        }
+      }, {
+        root: null,
+        // threshold: 0.8,
+        rootMargin: '0px 0px 100px 0px'
+      });
+      this.intersectionObserver.observe(this[refName].current);
+      /** 监听状态变化 */
+
+      this._intersectionObserverDestroy = function () {
+        _this.intersectionObserver.disconnect(_this[refName].current);
+      };
+
+      fn.apply(this, rest);
+    };
+  };
+}
+/**
+ * 销毁lazy监听
+ */
+
+
+var lazyDestroy = function lazyDestroy(target, name, descriptor) {
+  var fn = descriptor.value;
+
+  descriptor.value = function () {
+    var rest = [];
+
+    for (var _i = 0; _i < arguments.length; _i++) {
+      rest[_i] = arguments[_i];
+    }
+
+    if (this._intersectionObserverDestroy) {
+      this._intersectionObserverDestroy();
+    } // this._intersectionObserverDestroy && this._intersectionObserverDestroy();
+
+
+    fn.apply(this, rest);
+  };
+};
+
+exports.lazyDestroy = lazyDestroy;

package/lib/locale/en/en.json

@@ -1,10 +1,20 @@
 {
+  "DISPLAY_PAGE": "Display page",
+  "NAME": "Name",
+  "ADD_MENU": "Add Menu",
+  "TIPS": "Tips",
+  "AL": "AL",
+  "PEEK": "Peek",
+  "ADDRESS": "Address",
+  "LOCATION_LOGO": "Location Logo",
+  "MESSAGE_ICON": "Message icon",
+  "CART_ICON": "Cart icon",
+  "RECOMMENDED_SIZE": "Recommended Size",
   "BOLD": "Bold",
   "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
-  "AI_IMAGE": "AI Image",
   "IMAGE_URL": "Image URL",
   "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
@@ -49,7 +59,7 @@
   "ADD_CLICKABLE_AREA": "Add Clickable Area",
   "ADD_AREA": "Add Area",
   "CLICKABLE_AREA": "Clickable Area",
-  "VOUCHER_SUCCESS": "Voucher received successfully!",
+  "VOUCHER_SUCCESS": "Coupon received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Save",

package/lib/locale/es/es.json

@@ -1,10 +1,20 @@
 {
+  "DISPLAY_PAGE": "Display page",
+  "NAME": "Name",
+  "ADD_MENU": "Add Menu",
+  "TIPS": "Tips",
+  "AL": "AL",
+  "PEEK": "Peek",
+  "ADDRESS": "Address",
+  "LOCATION_LOGO": "Location Logo",
+  "MESSAGE_ICON": "Message icon",
+  "CART_ICON": "Cart icon",
+  "RECOMMENDED_SIZE": "Recommended Size",
   "BOLD": "Bold",
   "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
-  "AI_IMAGE": "AI Image",
   "IMAGE_URL": "Image URL",
   "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
@@ -49,7 +59,7 @@
   "ADD_CLICKABLE_AREA": "Add Clickable Area",
   "ADD_AREA": "Add Area",
   "CLICKABLE_AREA": "Clickable Area",
-  "VOUCHER_SUCCESS": "Voucher received successfully!",
+  "VOUCHER_SUCCESS": "Coupon received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Guardar",

package/lib/locale/id/id.json

@@ -1,10 +1,20 @@
 {
+  "DISPLAY_PAGE": "Display page",
+  "NAME": "Name",
+  "ADD_MENU": "Add Menu",
+  "TIPS": "Tips",
+  "AL": "AL",
+  "PEEK": "Peek",
+  "ADDRESS": "Address",
+  "LOCATION_LOGO": "Location Logo",
+  "MESSAGE_ICON": "Message icon",
+  "CART_ICON": "Cart icon",
+  "RECOMMENDED_SIZE": "Recommended Size",
   "BOLD": "Bold",
   "SEMIBOLD": "Semibold",
   "DARK": "Dark",
   "LIGHT": "Light",
   "URL_IMAGE": "url image",
-  "AI_IMAGE": "AI Image",
   "IMAGE_URL": "Image URL",
   "UPLOAD": "Upload",
   "HOW_LONG_BETWEEN_SLIDES_(SECS)": "How long between slides (secs)",
@@ -49,7 +59,7 @@
   "ADD_CLICKABLE_AREA": "Add Clickable Area",
   "ADD_AREA": "Add Area",
   "CLICKABLE_AREA": "Clickable Area",
-  "VOUCHER_SUCCESS": "Voucher received successfully!",
+  "VOUCHER_SUCCESS": "Coupon received successfully!",
   "NAVIGATION_NAME": "Navigation Name",
   "ADD_NAVIGATION": "Add Navigation",
   "SAVE": "Save",

package/lib/meta-comp/components/Button/index.js

@@ -93,6 +93,10 @@ function (_super) {
     return _this;
   }
 
+  Button.prototype.shouldComponentUpdate = function () {
+    return true;
+  };
+
   Button.prototype.render = function () {
     var _this = this;
 
@@ -168,6 +172,9 @@ function (_super) {
     className: '',
     readonly: false
   };
+
+  __decorate([(0, _decorator.shouldUpdate)()], Button.prototype, "shouldComponentUpdate", null);
+
   Button = __decorate([_decorator.metaDecorator], Button);
   return Button;
 }(_react.Component);

package/lib/meta-comp/components/Image/index.js

@@ -21,6 +21,8 @@ var _commonUtil = require("../../../utils/commonUtil");
 
 var _decorator = require("../../../decorator");
 
+var _ImageLazy = _interopRequireDefault(require("../../../common/ImageLazy"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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); }
@@ -77,19 +79,21 @@ function (_super) {
     };
 
     _this.getStyle = function () {
-      var _a = _this.props,
-          data = _a.data,
-          hoverState = _a.hoverState,
-          maxHeight = _a.maxHeight,
-          maxWidth = _a.maxWidth,
-          minHeight = _a.minHeight,
-          minWidth = _a.minWidth,
-          limitWidthHeight = _a.limitWidthHeight,
-          scale = _a.scale;
+      var _a, _b;
+
+      var _c = _this.props,
+          data = _c.data,
+          hoverState = _c.hoverState,
+          maxHeight = _c.maxHeight,
+          maxWidth = _c.maxWidth,
+          minHeight = _c.minHeight,
+          minWidth = _c.minWidth,
+          limitWidthHeight = _c.limitWidthHeight,
+          scale = _c.scale;
       var hoverImgSrc = _this.state.hoverImgSrc;
       var obj = {};
 
-      if (data.hover.open && data.hover.backgroundType === 'enlarge' && (hoverState || hoverImgSrc)) {
+      if (((_a = data === null || data === void 0 ? void 0 : data.hover) === null || _a === void 0 ? void 0 : _a.open) && ((_b = data === null || data === void 0 ? void 0 : data.hover) === null || _b === void 0 ? void 0 : _b.backgroundType) === 'enlarge' && (hoverState || hoverImgSrc)) {
         // return { transform: `scale(${data.hover.magnification})` };
         obj.transform = "scale(" + data.hover.magnification + ")";
         obj.zIndex = '1';
@@ -131,11 +135,13 @@ function (_super) {
     };
 
     _this.mouseEnterImg = function () {
-      var _a = _this.props,
-          data = _a.data,
-          isBackground = _a.isBackground;
+      var _a;
+
+      var _b = _this.props,
+          data = _b.data,
+          isBackground = _b.isBackground;
 
-      if (data.hover.open && !isBackground) {
+      if (((_a = data === null || data === void 0 ? void 0 : data.hover) === null || _a === void 0 ? void 0 : _a.open) && !isBackground) {
         _this.setState({
           hoverImgSrc: true
         });
@@ -143,11 +149,13 @@ function (_super) {
     };
 
     _this.mouseLeaveImg = function () {
-      var _a = _this.props,
-          data = _a.data,
-          isBackground = _a.isBackground;
+      var _a;
+
+      var _b = _this.props,
+          data = _b.data,
+          isBackground = _b.isBackground;
 
-      if (data.hover.open && !isBackground) {
+      if (((_a = data === null || data === void 0 ? void 0 : data.hover) === null || _a === void 0 ? void 0 : _a.open) && !isBackground) {
         _this.setState({
           hoverImgSrc: false
         });
@@ -160,18 +168,19 @@ function (_super) {
   Image.prototype.render = function () {
     var _this = this;
 
-    var _a, _b;
+    var _a, _b, _c, _d;
 
-    var _c = this.props,
-        data = _c.data,
-        isBackground = _c.isBackground,
-        hoverState = _c.hoverState;
+    var _e = this.props,
+        data = _e.data,
+        isBackground = _e.isBackground,
+        hoverState = _e.hoverState,
+        notNeedLazy = _e.notNeedLazy;
     var hoverImgSrc = this.state.hoverImgSrc; // const { hoverSrc } = this.state;
     // console.log('--metaImage ', this.props);
 
     var srcImg = (0, _coreUtil.isPc)() ? (_a = data.content) === null || _a === void 0 ? void 0 : _a.pcImgSrc : (_b = data.content) === null || _b === void 0 ? void 0 : _b.h5ImgSrc;
 
-    if (data.hover.open && data.hover.backgroundType === 'new' && (hoverState || hoverImgSrc)) {
+    if (((_c = data === null || data === void 0 ? void 0 : data.hover) === null || _c === void 0 ? void 0 : _c.open) && ((_d = data === null || data === void 0 ? void 0 : data.hover) === null || _d === void 0 ? void 0 : _d.backgroundType) === 'new' && (hoverState || hoverImgSrc)) {
       srcImg = (0, _coreUtil.isPc)() ? data.hover.pcImgHoverUrl : data.hover.h5ImgHoverUrl;
     } // if (window.magicDesign.isShop && srcImg?.includes('ecommerce/static')) {
     //   srcImg = srcImg.replace('ecommerce/static', 'static');
@@ -190,7 +199,7 @@ function (_super) {
       onClick: function onClick() {
         (0, _coreUtil.clickUrl)(data.content.clickUrl);
       }
-    }, srcImg && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("img", {
+    }, srcImg && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, notNeedLazy ? /*#__PURE__*/_react["default"].createElement("img", {
       ref: this.imgRef,
       onLoad: function onLoad() {
         var scale = _this.imgRef.current.clientWidth / 600;
@@ -203,6 +212,18 @@ function (_super) {
       onMouseLeave: this.mouseLeaveImg,
       src: srcImg,
       style: (0, _commonUtil.pxToRem)(this.getStyle())
+    }) : /*#__PURE__*/_react["default"].createElement(_ImageLazy["default"], {
+      onLoadFunc: function onLoadFunc(clientWidth) {
+        var scale = clientWidth / 600;
+
+        _this.setState({
+          scale: scale
+        });
+      },
+      onMouseEnter: this.mouseEnterImg,
+      onMouseLeave: this.mouseLeaveImg,
+      src: srcImg,
+      style: (0, _commonUtil.pxToRem)(this.getStyle())
     }), areas && areas.length > 0 && areas.map(function (v, i) {
       var aStyle = {
         position: 'absolute',
@@ -230,7 +251,8 @@ function (_super) {
     isBackground: false,
     hoverState: false,
     limitWidthHeight: false,
-    scale: 1
+    scale: 1,
+    notNeedLazy: false
   };
   Image = __decorate([_decorator.metaDecorator], Image);
   return Image;

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);