@fonixtree/magic-design 0.0.71 → 0.0.73

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

@@ -1,192 +0,0 @@
-"use strict";
-
-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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _mobx = require("../../../mobx");
-
-var _Button = _interopRequireDefault(require("../../../common/Button"));
-
-var _Iconfont = _interopRequireDefault(require("../../../common/Iconfont"));
-
-var _constants = require("../../../constants");
-
-require("./index.less");
-
-var _locale = require("../../../locale");
-
-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 _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 langBook = {
-  Indonesian: {
-    text: 'Indonesian',
-    color: '#FF8541',
-    backColor: '#FFF8F0'
-  },
-  English: {
-    text: 'English',
-    color: '#00AC5A',
-    backColor: '#DFF3EA'
-  },
-  Spanish: {
-    text: 'Spanish',
-    color: '#00AC50',
-    backColor: '#DFF3E0'
-  }
-};
-
-var QuickMenuBar =
-/** @class */
-function (_super) {
-  __extends(QuickMenuBar, _super);
-
-  function QuickMenuBar() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.onBtnClick = function (event) {
-      var code = event.currentTarget.dataset.code; // 保存和发布时需要清空组件和元组件的选中状态，否则截图中会看到选中状态
-
-      if (code === _constants.quickMenuCode.SAVE || code === _constants.quickMenuCode.PUBLISH) {
-        _mobx.store.setState({
-          clickedFloor: ''
-        });
-      }
-
-      if (_this.props.device === _constants.deviceTypeMap.PC) {}
-
-      _this.props.onBtnClick(code);
-    };
-
-    return _this;
-  }
-
-  QuickMenuBar.prototype.render = function () {
-    var _a = this.props,
-        device = _a.device,
-        undoDisable = _a.undoDisable,
-        redoDisable = _a.redoDisable,
-        language = _a.language;
-    var languageTemp = langBook[language] || {};
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "quick_menu_wrap"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "menu_left"
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "language",
-      style: {
-        color: languageTemp.color,
-        background: languageTemp.backColor
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      size: "20px",
-      style: {
-        marginRight: '8px'
-      },
-      type: "icon-language"
-    }), languageTemp.text)), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "menu_center"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "device_group"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('device_pc', {
-        active: device === _constants.deviceTypeMap.PC
-      }),
-      "data-code": _constants.quickMenuCode.MODE_PC,
-      onClick: this.onBtnClick
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: device === _constants.deviceTypeMap.PC ? '#2F54EB' : '',
-      size: "20px",
-      type: "icon-pc"
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('device_phone', {
-        active: device === _constants.deviceTypeMap.PHONE
-      }),
-      "data-code": _constants.quickMenuCode.MODE_PHONE,
-      onClick: this.onBtnClick
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: device === _constants.deviceTypeMap.PHONE ? '#2F54EB' : '',
-      size: "20px",
-      type: "icon-mobile"
-    }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "redo_undo"
-    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.UNDO,
-      disabled: undoDisable,
-      icon: "icon-back",
-      onClick: this.onBtnClick,
-      type: "icon"
-    }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.REDO,
-      disabled: redoDisable,
-      icon: "icon-next",
-      onClick: this.onBtnClick,
-      type: "icon"
-    }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "menu_right"
-    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.PREVIEW,
-      onClick: this.onBtnClick
-    }, (0, _locale.i18n)('PREVIEW')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.SAVE,
-      disabled: window.magicDesign.readOnly,
-      onClick: this.onBtnClick,
-      tip: "The page is in use. Please copy or create a new page",
-      type: "light"
-    }, (0, _locale.i18n)('SAVE')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      "data-code": _constants.quickMenuCode.PUBLISH,
-      disabled: window.magicDesign.readOnly,
-      onClick: this.onBtnClick,
-      tip: "The page is in use. Please copy or create a new page",
-      type: "primary"
-    }, (0, _locale.i18n)('PUBLISH'))));
-  };
-
-  return QuickMenuBar;
-}(_react.Component);
-
-var _default = QuickMenuBar;
-exports["default"] = _default;
-QuickMenuBar.defaultProps = {
-  deviceType: _constants.deviceTypeMap.PC,
-  onBtnClick: function onBtnClick(code) {
-    console.log(code);
-  }
-};

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

@@ -1,76 +0,0 @@
-.quick_menu_wrap {
-  flex-shrink: 0;
-  height: 80px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-left: 24px;
-  padding-right: 28px;
-  background-color: #FFF;
-
-  .menu_left {
-    .language {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 48px;
-      border-radius: 8px;
-      padding: 12px;
-      font-size: 16px;
-      cursor: pointer;
-    }
-  }
-
-  .menu_center {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .device_group {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      .device_pc {
-        cursor: pointer;
-        height: 48px;
-        width: 60px;
-        padding: 14px;
-        border: 1px solid #EDF0F4;
-        border-right: none;
-        border-top-left-radius: 8px;
-        border-bottom-left-radius: 8px;
-        text-align: center;
-      }
-
-      .device_phone {
-        cursor: pointer;
-        height: 48px;
-        width: 60px;
-        padding: 14px;
-        border: 1px solid #EDF0F4;
-        border-left: none;
-        border-top-right-radius: 8px;
-        border-bottom-right-radius: 8px;
-        text-align: center;
-      }
-
-      .active {
-        background: #E9F0FF;
-      }
-    }
-
-    .redo_undo {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-left: 24px;
-
-    }
-  }
-
-  .menu_right {
-    display: flex;
-  }
-}

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

@@ -1,164 +0,0 @@
-"use strict";
-
-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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
-var _constants = require("../../../constants");
-
-var _componentTypes = require("../../../constants/component-types");
-
-var _mobx = require("../../../mobx");
-
-var _coreUtil = require("../../../utils/coreUtil");
-
-require("./index.less");
-
-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 _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 __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);
-};
-/* eslint-disable consistent-return */
-
-
-var ViewArea =
-/** @class */
-function (_super) {
-  __extends(ViewArea, _super);
-
-  function ViewArea() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      clickedFloor: ''
-    };
-
-    _this.isPhoneEdit = function () {
-      var device = _this.props.device;
-      return device === _constants.deviceTypeMap.PHONE && !(0, _isEmpty["default"])(_this.state.clickedFloor);
-    }; // renderView = () => {
-    //   this.setState({});
-    // }
-    // 根据楼层展示设备进行过滤
-
-
-    _this.filterCompFloor = function (dataSource) {
-      var source = [];
-
-      if (dataSource && dataSource.length) {
-        source = dataSource.filter(function (node) {
-          return (0, _coreUtil.isActiveFloor)(node.activeTerminal);
-        });
-      }
-
-      return source;
-    };
-
-    return _this;
-  }
-
-  ViewArea.prototype.componentDidMount = function () {
-    var _this = this;
-
-    this.distroy = (0, _mobx.autorun)(function () {
-      _this.setState({
-        clickedFloor: _mobx.store.clickedFloor
-      });
-    });
-  };
-
-  ViewArea.prototype.componentWillUnmount = function () {
-    this.distroy();
-  };
-
-  ViewArea.prototype.render = function () {
-    var _a = this.props,
-        device = _a.device,
-        renderHeader = _a.renderHeader,
-        pageData = _a.pageData;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('design-area-wrap', {
-        'phone-edit': this.isPhoneEdit()
-      })
-    }, renderHeader(), /*#__PURE__*/_react["default"].createElement("div", {
-      className: device === _constants.deviceTypeMap.PC ? 'pc_view_area' : 'phone_view_area'
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "device_border",
-      style: {
-        background: window.magicDesign.pageBackground
-      }
-    }, this.filterCompFloor(pageData).map(function (nodeData) {
-      var Clazz = _componentTypes.componentMap[nodeData.type];
-
-      if (!Clazz) {
-        console.error("[MagicBox] Can not find type " + nodeData.type);
-        return;
-      }
-
-      var newInstanceProps = {
-        nodeData: nodeData
-      };
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        key: nodeData.id,
-        id: "view" + nodeData.id
-      }, /*#__PURE__*/_react["default"].createElement(Clazz, __assign({}, newInstanceProps), null));
-    }))));
-  };
-
-  return ViewArea;
-}(_react.Component);
-
-var _default = ViewArea;
-exports["default"] = _default;

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

@@ -1,53 +0,0 @@
-.design-area-wrap {
-  width: calc(100vw - 354px);
-  flex: auto;
-  background: #F5F6F7;
-  display: flex;
-  flex-direction: column;
-  padding-left: 1px;
-  transition-property: all;
-  transition-duration: .3s;
-  transition-timing-function: ease;
-  &.phone-edit {
-    margin-left: 355px;
-  }
-  .phone_view_area {
-    flex-grow: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 24px 0;
-    .device_border {
-      width: 375px;
-      max-height: 691px;
-      height: calc(100vh - 150px);
-      overflow: scroll;
-      overflow-x:hidden;
-      border: 10px solid #FFF;
-      background-color: #F2F2F2;
-      border-radius: 12px;
-      box-sizing: content-box;
-
-    }
-  }
-  .pc_view_area {
-    flex-grow: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 24px;
-    .device_border {
-      padding: 1px;
-      max-width: 1240px;
-      width: 100%;
-      min-height: 70vh;
-      border: 16px solid #FFF;
-      border-radius: 12px;
-      max-height: calc(100vh - 180px);
-      height: 100%;
-      overflow: scroll;
-      box-sizing: content-box;
-
-    }
-  }
-}