@fonixtree/magic-design 2.0.160 → 2.0.162

package/lib/meta-comp/config-panels/PlayIconConfig/PlaySvg/index.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = PlaySvg;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _darkPlayicon = _interopRequireDefault(require("./images/dark-playicon-01.svg"));
-
-var _darkPlayicon2 = _interopRequireDefault(require("./images/dark-playicon-02.svg"));
-
-var _darkPlayicon3 = _interopRequireDefault(require("./images/dark-playicon-03.svg"));
-
-var _darkPlayicon4 = _interopRequireDefault(require("./images/dark-playicon-04.svg"));
-
-var _darkPlayicon5 = _interopRequireDefault(require("./images/dark-playicon-05.svg"));
-
-var _lightPlayicon = _interopRequireDefault(require("./images/light-playicon-01.svg"));
-
-var _lightPlayicon2 = _interopRequireDefault(require("./images/light-playicon-02.svg"));
-
-var _lightPlayicon3 = _interopRequireDefault(require("./images/light-playicon-03.svg"));
-
-var _lightPlayicon4 = _interopRequireDefault(require("./images/light-playicon-04.svg"));
-
-var _lightPlayicon5 = _interopRequireDefault(require("./images/light-playicon-05.svg"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var imageSrcMap = {
-  'light-playicon-01': _lightPlayicon["default"],
-  'light-playicon-02': _lightPlayicon2["default"],
-  'light-playicon-03': _lightPlayicon3["default"],
-  'light-playicon-04': _lightPlayicon4["default"],
-  'light-playicon-05': _lightPlayicon5["default"],
-  'dark-playicon-01': _darkPlayicon["default"],
-  'dark-playicon-02': _darkPlayicon2["default"],
-  'dark-playicon-03': _darkPlayicon3["default"],
-  'dark-playicon-04': _darkPlayicon4["default"],
-  'dark-playicon-05': _darkPlayicon5["default"]
-};
-
-function PlaySvg(props) {
-  // const [imgSrc, setImgSrc] = useState(null);
-  // const getImageUrl = async () => {
-  //   console.log('-- imagePath', imageSrcMap[props.imgName]);
-  //   return await import(`./images/${props.imgName}.svg`);
-  // };
-  // useEffect(() => {
-  //   getImageUrl().then(v => {
-  //     setImgSrc(v.default);
-  //   });
-  // });
-  return /*#__PURE__*/_react["default"].createElement("img", {
-    alt: "icon",
-    src: imageSrcMap[props.imgName],
-    style: {
-      width: props.imgWidth
-    }
-  });
-}

package/lib/meta-comp/config-panels/PlayIconConfig/index.js

@@ -1,211 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _antd = require("antd4");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./index.less");
-
-var _PlaySvg = _interopRequireDefault(require("./PlaySvg"));
-
-var _BaseConfig = _interopRequireDefault(require("../BaseConfig"));
-
-var _common = require("../../../common");
-
-var _locale = require("../../../locale");
-
-var _coreUtil = require("../../../utils/coreUtil");
-
-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 __());
-  };
-}();
-/* eslint-disable react/no-this-in-sfc */
-
-
-var Option = _antd.Select.Option;
-var iconColorList = [{
-  key: 'Light',
-  value: (0, _locale.i18n)('LIGHT')
-}, {
-  key: 'Dark',
-  value: (0, _locale.i18n)('DARK')
-}];
-var DarkIconList = [{
-  iconName: 'dark-playicon-01'
-}, {
-  iconName: 'dark-playicon-02'
-}, {
-  iconName: 'dark-playicon-03'
-}, {
-  iconName: 'dark-playicon-04'
-}, {
-  iconName: 'dark-playicon-05'
-}];
-var LightIconList = [{
-  iconName: 'light-playicon-01'
-}, {
-  iconName: 'light-playicon-02'
-}, {
-  iconName: 'light-playicon-03'
-}, {
-  iconName: 'light-playicon-04'
-}, {
-  iconName: 'light-playicon-05'
-}];
-var iconList = LightIconList;
-
-var PlayIconConfig =
-/** @class */
-function (_super) {
-  __extends(PlayIconConfig, _super);
-
-  function PlayIconConfig() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      iconSelectedIndex: 0
-    };
-
-    _this.reRender = function () {
-      (0, _coreUtil.renderPreview)();
-
-      _this.setState({});
-    };
-
-    return _this;
-  }
-
-  PlayIconConfig.prototype.componentDidMount = function () {
-    window.document.addEventListener('button-render', this.selfRender);
-    iconList = this.props.data.iconColor === 'Light' ? LightIconList : DarkIconList;
-  };
-
-  PlayIconConfig.prototype.componentWillUnmount = function () {
-    window.document.removeEventListener('button-render', this.selfRender);
-  };
-
-  PlayIconConfig.prototype.render = function () {
-    var _this = this;
-
-    var data = this.props.data;
-    var iconSelectedIndex = this.state.iconSelectedIndex;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "play-config"
-    }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      split: true,
-      title: (0, _locale.i18n)('PLAY_ICON_TYPE')
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "icon-wrap"
-    }, iconList.map(function (item, i) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        key: item.iconName,
-        className: (0, _classnames["default"])('icon-item-wrap', {
-          'icon-selected-wrap': i === iconSelectedIndex
-        }),
-        onClick: function onClick() {
-          _this.setState({
-            iconSelectedIndex: i
-          });
-
-          data.iconType = item.iconName;
-
-          _this.reRender();
-        }
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "selected-icon"
-      }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-        color: "#fff",
-        size: 8,
-        type: "icon-vector"
-      })), /*#__PURE__*/_react["default"].createElement(_PlaySvg["default"], {
-        imgName: item.iconName,
-        imgWidth: 28
-      }));
-    }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      split: true,
-      title: (0, _locale.i18n)('PLAY_ICON_COLOR')
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
-      className: "icon-color-select",
-      onChange: function onChange(value) {
-        data.iconColor = value;
-        iconList = value === 'Light' ? LightIconList : DarkIconList;
-        data.iconType = iconList[iconSelectedIndex].iconName;
-
-        _this.reRender();
-      },
-      size: "large",
-      value: data.iconColor
-    }, iconColorList.map(function (v) {
-      return /*#__PURE__*/_react["default"].createElement(Option, {
-        key: v.key,
-        value: v.key
-      }, v.value);
-    }))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: (0, _locale.i18n)('PLAY_ICON_SIZE')
-    }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
-      inputType: "int",
-      maxVal: 100,
-      minVal: 40,
-      onChange: function onChange(_a) {
-        var count = _a.count;
-
-        if ((0, _coreUtil.isPc)()) {
-          data.pcSize = count;
-        } else {
-          data.size = count;
-        }
-
-        _this.reRender();
-      },
-      value: {
-        count: (0, _coreUtil.isPc)() ? data.pcSize : data.size
-      }
-    })));
-  };
-
-  PlayIconConfig.defaultProps = {
-    data: {
-      open: false,
-      type: 'PLAY',
-      size: 48,
-      pcSize: 60,
-      iconType: 'light-playicon-01',
-      iconColor: 'Light'
-    }
-  };
-  return PlayIconConfig;
-}(_BaseConfig["default"]);
-
-var _default = PlayIconConfig;
-exports["default"] = _default;

package/lib/meta-comp/config-panels/PlayIconConfig/index.less

@@ -1,39 +0,0 @@
-.play-config {
-  padding: 12px;
-  background-color: #F5F6F7;
-  border-radius: 6px;
-  .icon-wrap {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    .icon-item-wrap {
-      margin-right: 12px;
-      border-radius: 4px;
-      background-color: #D2D9E5;
-      padding: 4px;
-      line-height: 1;
-      border: 1px solid transparent;
-      min-height: 34px;
-      .selected-icon {
-        display: none;
-      }
-    }
-    .icon-selected-wrap {
-      border-color: #00AC5A;
-      position: relative;
-      .selected-icon {
-        position: absolute;
-        display: block;
-        top: -7px;
-        right: -7px;
-        background-color: #00AC5A;
-        width: 14px;
-        height: 14px;
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-    }
-  }
-}

package/lib/meta-comp/config-panels/TextConfig/TextEditModal/index.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactQuill = _interopRequireDefault(require("react-quill"));
-
-require("react-quill/dist/quill.snow.css");
-
-var _antd = require("antd4");
-
-require("./index.less");
-
-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 TextEditModal =
-/** @class */
-function (_super) {
-  __extends(TextEditModal, _super);
-
-  function TextEditModal() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      value: ''
-    };
-    _this.reactQuillRef = null;
-    _this.quillRef = null;
-
-    _this.getHtml = function () {
-      return _this.quillRef.root.innerHTML;
-    };
-
-    return _this;
-  }
-
-  TextEditModal.prototype.componentDidMount = function () {
-    this.quillRef = this.reactQuillRef.getEditor();
-  };
-
-  TextEditModal.prototype.render = function () {
-    var _this = this;
-
-    var _a = this.props,
-        onCancel = _a.onCancel,
-        onOk = _a.onOk;
-    var value = this.state.value;
-    return /*#__PURE__*/_react["default"].createElement(_antd.Modal, {
-      closable: false,
-      onCancel: onCancel,
-      onOk: onOk,
-      visible: true,
-      width: 1000
-    }, /*#__PURE__*/_react["default"].createElement(_reactQuill["default"], {
-      ref: function ref(el) {
-        _this.reactQuillRef = el;
-      },
-      style: {
-        height: 600
-      },
-      value: value
-    }));
-  };
-
-  TextEditModal.defaultProps = {};
-  return TextEditModal;
-}(_react["default"].Component);
-
-var _default = TextEditModal;
-exports["default"] = _default;

package/lib/meta-comp/config-panels/TextConfig/TextEditModal/index.less

@@ -1,25 +0,0 @@
-.text-label-content {
-  background-color: #f5f6f7;
-
-  .label-wrap {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-
-    .label-item {
-      padding: 5px 11px;
-      font-size: 14px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 5px;
-      background-color: #fff;
-      margin: 8px;
-      cursor: pointer;
-
-      &:hover {
-        background-color: #f6f6f7;
-      }
-    }
-  }
-}

package/lib/meta-comp/config-panels/TextConfig/TextLabel/index.js

@@ -1,92 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _coreUtil = require("../../../../utils/coreUtil");
-
-require("./index.less");
-
-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 AComponent =
-/** @class */
-function (_super) {
-  __extends(AComponent, _super);
-
-  function AComponent() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-
-    _this.onLabelAdd = function (label) {
-      var startOffset = (window._currentRange || {}).startOffset;
-      var text = _this.props.data.text;
-
-      if (startOffset) {
-        _this.props.data.text = text.slice(0, startOffset) + label + text.slice(startOffset);
-      } else {
-        _this.props.data.text = text + label;
-      }
-
-      (0, _coreUtil.renderPreview)();
-    };
-
-    return _this;
-  }
-
-  AComponent.prototype.render = function () {
-    var _this = this;
-
-    var list = window.magicDesign.labelList || [];
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "text-label-content"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "label-wrap"
-    }, list.map(function (item) {
-      return /*#__PURE__*/_react["default"].createElement("span", {
-        key: item.value,
-        className: "label-item",
-        onClick: function onClick() {
-          _this.onLabelAdd('${' + item.value + '}');
-        }
-      }, item.name);
-    })));
-  };
-
-  AComponent.defaultProps = {};
-  return AComponent;
-}(_react["default"].Component);
-
-var _default = AComponent;
-exports["default"] = _default;

package/lib/meta-comp/config-panels/TextConfig/TextLabel/index.less

@@ -1,25 +0,0 @@
-.text-label-content {
-  background-color: #f5f6f7;
-
-  .label-wrap {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-
-    .label-item {
-      padding: 5px 11px;
-      font-size: 14px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 5px;
-      background-color: #fff;
-      margin: 8px;
-      cursor: pointer;
-
-      &:hover {
-        background-color: #f6f6f7;
-      }
-    }
-  }
-}

package/lib/meta-comp/config-panels/TextConfig/UnderlineSelect/index.js

@@ -1,108 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _antd = require("antd4");
-
-var _react = _interopRequireDefault(require("react"));
-
-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 || {
-      __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 __());
-  };
-}();
-/* eslint-disable react/no-danger */
-
-
-var UnderlineSelect =
-/** @class */
-function (_super) {
-  __extends(UnderlineSelect, _super);
-
-  function UnderlineSelect() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.containerRef = /*#__PURE__*/_react["default"].createRef();
-    return _this;
-  }
-
-  UnderlineSelect.prototype.render = function () {
-    var _this = this;
-
-    var _a = this.props.repeatCount,
-        repeatCount = _a === void 0 ? 50 : _a;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      ref: this.containerRef,
-      className: "underline-select-wrap"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select, _extends({
-      getPopupContainer: function getPopupContainer() {
-        return _this.containerRef.current;
-      }
-    }, this.props), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: "solid"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "line-config line-solid",
-      dangerouslySetInnerHTML: {
-        __html: '&nbsp;'.repeat(repeatCount)
-      }
-    })), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: "dashed"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "line-config dashed-line",
-      dangerouslySetInnerHTML: {
-        __html: '&nbsp;'.repeat(repeatCount)
-      }
-    })), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: "double"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "line-config double-line",
-      dangerouslySetInnerHTML: {
-        __html: '&nbsp;'.repeat(repeatCount)
-      }
-    })), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
-      value: "wavy"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "line-config wavy-line",
-      dangerouslySetInnerHTML: {
-        __html: '&nbsp;'.repeat(repeatCount)
-      }
-    }))));
-  };
-
-  UnderlineSelect.defaultProps = {
-    repeatCount: 50
-  };
-  return UnderlineSelect;
-}(_react["default"].Component);
-
-var _default = UnderlineSelect;
-exports["default"] = _default;

package/lib/meta-comp/config-panels/TextConfig/UnderlineSelect/index.less

@@ -1,26 +0,0 @@
-.underline-select-wrap {
-  .line-config {
-    text-decoration-line: line-through;
-    text-decoration-color: #000;
-    font-size: 14px;
-    font-weight: 600;
-
-    &.line-solid {
-      text-decoration-style: solid;
-    }
-
-    &.dashed-line {
-      text-decoration-style: dashed;
-    }
-
-    &.double-line {
-      text-decoration-style: double;
-    }
-
-    &.wavy-line {
-      text-decoration-style: wavy;
-    }
-  }
-
-
-}