@fonixtree/magic-design 0.0.11 → 0.0.16

package/src/components/meta-comp/config-panels/TextConfig/index.js

@@ -1,310 +0,0 @@
-import { __extends, __assign } from '../../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { Fragment } from 'react';
-import { Select } from 'antd';
-import './index.less.js';
-import '../../../common/LayoutSelector/index.js';
-import Field from '../../../common/Field/index.js';
-import UrlPicker from '../../../common/UrlPicker/index.js';
-import '../../../common/Iconfont/index.js';
-import '../../../common/Button/index.js';
-import '../../../common/AlignSelector/index.js';
-import CommonCollapse from '../../../common/Collapse/index.js';
-import ColorPickerInput from '../../../common/ColorPickerInput/index.js';
-import '../../../common/ImagePicker/index.js';
-import '../../../common/IconPicker/index.js';
-import '../../../common/SwitchCollapse/index.js';
-import SliderInput from '../../../common/Slider/index.js';
-import FontStyles from '../../../common/FontStyles/index.js';
-import '../../../common/ButtonIconLayout/index.js';
-import 'axios';
-import '../../../../../node_modules/qs/lib/stringify.js';
-import '../../../../../node_modules/qs/lib/utils.js';
-import '../../../common/ProductModal/index.js';
-import '../../../common/ProductSource/index.less.js';
-import SpacingConfig from '../../../composite-comp/common/config-panels/SpacingConfig/index.js';
-import { store } from '../../../mobx/index.js';
-import BaseConfig from '../BaseConfig.js';
-
-/** 预设字体样式 */
-
-var sizeTypeList = [{
-  key: 'Customize font styles'
-}, {
-  key: 'Headline 1',
-  fontFamily: 'Montserrat',
-  pcFontSize: 50,
-  fontSize: 68,
-  fontWeight: 600
-}, {
-  key: 'Headline 2',
-  fontFamily: 'Montserrat',
-  pcFontSize: 32,
-  fontSize: 42,
-  fontWeight: 600
-}, {
-  key: 'Headline 3',
-  fontFamily: 'Montserrat',
-  pcFontSize: 30,
-  fontSize: 38,
-  fontWeight: 600
-}, {
-  key: 'Title 1',
-  fontFamily: 'Montserrat',
-  pcFontSize: 28,
-  fontSize: 32,
-  fontWeight: 400
-}, {
-  key: 'Title 2',
-  fontFamily: 'Montserrat',
-  pcFontSize: 20,
-  fontSize: 24,
-  fontWeight: 400
-}, {
-  key: 'Title 3',
-  fontFamily: 'Montserrat',
-  pcFontSize: 18,
-  fontSize: 20,
-  fontWeight: 400
-}, {
-  key: 'Body 1',
-  fontFamily: 'Open Sans',
-  pcFontSize: 16,
-  fontSize: 18,
-  fontWeight: 400
-}, {
-  key: 'Body 2',
-  fontFamily: 'Open Sans',
-  pcFontSize: 14,
-  fontSize: 16,
-  fontWeight: 400
-}, {
-  key: 'Body 3',
-  fontFamily: 'Open Sans',
-  pcFontSize: 12,
-  fontSize: 14,
-  fontWeight: 400
-}];
-
-var TextConfig =
-/** @class */
-function (_super) {
-  __extends(TextConfig, _super);
-
-  function TextConfig() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-
-    _this.onSizeTypeChange = function (v, obj) {
-      Object.assign(obj, sizeTypeMap[v]);
-    };
-
-    return _this;
-  }
-
-  TextConfig.prototype.componentDidMount = function () {
-    window.document.addEventListener('text-render', this.selfRender);
-  };
-
-  TextConfig.prototype.componentWillUnmount = function () {
-    window.document.removeEventListener('text-render', this.selfRender);
-  };
-
-  TextConfig.prototype.render = function () {
-    var _this = this;
-
-    var data = this.props.data;
-    var textData = store.textSelection ? store.textSelection : data.content;
-
-    if (!data.spacing) {
-      data.spacing = {
-        pc: {},
-        mobile: {}
-      };
-    } // const textData = data.content;
-
-
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "m-text-config"
-    }, /*#__PURE__*/React__default.createElement(CommonCollapse // divider="dashed"
-    // headerSize="small"
-    , {
-      onRefresh: this.selfRender,
-      source: [{
-        key: '1',
-        name: 'Content',
-        value: /*#__PURE__*/React__default.createElement(Fragment, null, /*#__PURE__*/React__default.createElement(Field, {
-          title: "Font Style"
-        }, /*#__PURE__*/React__default.createElement(Select, {
-          onChange: function (v) {
-            if (v == 'Customize font styles') {
-              textData.sizeType = v;
-            } else {
-              var findOne = sizeTypeList.find(function (t) {
-                return t.key == v;
-              });
-              Object.assign(textData, __assign(__assign({}, findOne), {
-                sizeType: findOne === null || findOne === void 0 ? void 0 : findOne.key
-              }));
-            }
-
-            _this.selfRender();
-          },
-          value: textData.sizeType
-        }, sizeTypeList.map(function (sizeType) {
-          return /*#__PURE__*/React__default.createElement(Select.Option, {
-            key: sizeType.key,
-            value: sizeType.key
-          }, sizeType.key);
-        }))), textData.sizeType == 'Customize font styles' && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Field, {
-          title: "font Family"
-        }, /*#__PURE__*/React__default.createElement(Select, {
-          onChange: function (v) {
-            textData.fontFamily = v;
-
-            _this.selfRender();
-          },
-          value: textData.fontFamily
-        }, /*#__PURE__*/React__default.createElement(Select.Option, {
-          value: "Montserrat"
-        }, "Montserrat"), /*#__PURE__*/React__default.createElement(Select.Option, {
-          value: "Open Sans"
-        }, "Open Sans"))), /*#__PURE__*/React__default.createElement(Field, {
-          title: "font Weight"
-        }, /*#__PURE__*/React__default.createElement(Select, {
-          onChange: function (v) {
-            textData.fontWeight = v;
-
-            _this.selfRender();
-          },
-          value: textData.fontWeight
-        }, /*#__PURE__*/React__default.createElement(Select.Option, {
-          value: 400
-        }, "Regular"), /*#__PURE__*/React__default.createElement(Select.Option, {
-          value: 600
-        }, "Medium"))), /*#__PURE__*/React__default.createElement(Field, {
-          title: "Font Size"
-        }, /*#__PURE__*/React__default.createElement(SliderInput, {
-          onChange: function (_a) {
-            var count = _a.count;
-
-            if (window.magicDesign.device == 'pc') {
-              textData.pcFontSize = count;
-            } else {
-              textData.fontSize = count;
-            }
-
-            _this.selfRender();
-          },
-          unit: "px",
-          value: {
-            count: window.magicDesign.device == 'pc' ? textData.pcFontSize : textData.fontSize
-          }
-        }))), /*#__PURE__*/React__default.createElement(Field, {
-          title: ""
-        }, /*#__PURE__*/React__default.createElement(FontStyles, {
-          onChange: function (value) {
-            Object.assign(textData, value);
-
-            _this.selfRender();
-          },
-          showTextAlign: true,
-          value: textData
-        })), /*#__PURE__*/React__default.createElement(Field, {
-          split: true,
-          title: "URL"
-        }, /*#__PURE__*/React__default.createElement(UrlPicker, {
-          onChange: function (v) {
-            textData.clickUrl = v;
-
-            _this.selfRender();
-          },
-          value: data.content.clickUrl
-        })), /*#__PURE__*/React__default.createElement(Field, {
-          title: "Content Width"
-        }, /*#__PURE__*/React__default.createElement(SliderInput, {
-          maxVal: 1760,
-          minVal: 0,
-          onChange: function (_a) {
-            var count = _a.count;
-            textData.width = count;
-
-            _this.selfRender();
-          },
-          unit: "px",
-          value: {
-            count: textData.width
-          }
-        })))
-      }, {
-        key: '2',
-        name: 'Spacing',
-        value: /*#__PURE__*/React__default.createElement(SpacingConfig, {
-          data: data.spacing,
-          type: "button"
-        })
-      }, {
-        key: '3',
-        name: 'Underline Setting',
-        value: /*#__PURE__*/React__default.createElement(Fragment, null, /*#__PURE__*/React__default.createElement(Field, {
-          split: true,
-          title: "Underline Color"
-        }, /*#__PURE__*/React__default.createElement(ColorPickerInput, {
-          onChange: function (v) {
-            data.underline.textDecorationColor = v;
-
-            _this.selfRender();
-          },
-          value: data.underline.textDecorationColor
-        })), /*#__PURE__*/React__default.createElement(Field, {
-          title: "Underline Style"
-        }, /*#__PURE__*/React__default.createElement(Select, {
-          onChange: function (v) {
-            data.underline.textDecorationStyle = v;
-
-            _this.selfRender();
-          },
-          value: data.underline.textDecorationStyle
-        }, /*#__PURE__*/React__default.createElement(Select.Option, {
-          value: "solid"
-        }, /*#__PURE__*/React__default.createElement("div", {
-          className: "line-config line-solid",
-          dangerouslySetInnerHTML: {
-            __html: ' '.repeat(50)
-          }
-        })), /*#__PURE__*/React__default.createElement(Select.Option, {
-          value: "dashed"
-        }, /*#__PURE__*/React__default.createElement("div", {
-          className: "line-config dashed-line",
-          dangerouslySetInnerHTML: {
-            __html: ' '.repeat(50)
-          }
-        })), /*#__PURE__*/React__default.createElement(Select.Option, {
-          value: "double"
-        }, /*#__PURE__*/React__default.createElement("div", {
-          className: "line-config double-line",
-          dangerouslySetInnerHTML: {
-            __html: ' '.repeat(50)
-          }
-        })), /*#__PURE__*/React__default.createElement(Select.Option, {
-          value: "wavy"
-        }, /*#__PURE__*/React__default.createElement("div", {
-          className: "line-config wavy-line",
-          dangerouslySetInnerHTML: {
-            __html: ' '.repeat(50)
-          }
-        }))))),
-        metaOption: data.underline,
-        toggleType: 'checkbox'
-      }],
-      type: "arrow"
-    }));
-  };
-
-  TextConfig.defaultProps = {
-    data: null
-  };
-  return TextConfig;
-}(BaseConfig);
-
-export { TextConfig as default, sizeTypeList };

package/src/components/meta-comp/config-panels/TextConfig/index.less.js

@@ -1,4 +0,0 @@
-import styleInject from '../../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".index_m-text-config__G10fc {\n  display: flex;\n  flex-direction: column;\n  padding: 0 12px;\n  background-color: #F5F6F7;\n}\n.index_m-text-config__G10fc .index_line-config__E1EJs {\n  text-decoration-line: line-through;\n  text-decoration-color: #000;\n  font-size: 14px;\n  font-weight: 600;\n}\n.index_m-text-config__G10fc .index_line-solid__fpZMp {\n  text-decoration-style: solid;\n}\n.index_m-text-config__G10fc .index_dashed-line__up9Nm {\n  text-decoration-style: dashed;\n}\n.index_m-text-config__G10fc .index_double-line__WGcsB {\n  text-decoration-style: double;\n}\n.index_m-text-config__G10fc .index_wavy-line__WUvJg {\n  text-decoration-style: wavy;\n}\n";
-styleInject(css_248z);

package/src/components/mobx/index.js

@@ -1,12 +0,0 @@
-import { configure } from 'mobx';
-export * from 'mobx';
-import { Store } from './Store.js';
-
-/* 开启严格模式 */
-
-configure({
-  enforceActions: 'observed'
-});
-var store = new Store();
-
-export { store };

package/src/components/utils/androidUtil.js

@@ -1,22 +0,0 @@
-// 判断访问终端
-var browserVersion = function () {
-  var u = navigator.userAgent;
-  return {
-    trident: u.indexOf('Trident') > -1,
-    presto: u.indexOf('Presto') > -1,
-    webKit: u.indexOf('AppleWebKit') > -1,
-    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
-    mobile: !!u.match(/AppleWebKit.*Mobile.*/),
-    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
-    android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1,
-    iPhone: u.indexOf('iPhone') > -1,
-    iPad: u.indexOf('iPad') > -1,
-    webApp: u.indexOf('Safari') == -1,
-    weixin: u.indexOf('MicroMessenger') > -1,
-    qq: u.match(/\sQQ/i) == ' qq',
-    isApp: u.indexOf('app/CYLON-APP') > -1 // 是否为CYLON-APP
-
-  };
-};
-
-export { browserVersion };

package/src/components/utils/coreUtil.js

@@ -1,108 +0,0 @@
-import uuid_1 from '../../../node_modules/uuid/index.js';
-import { parseUrl } from './businessUtil.js';
-import { navigateTo } from './commonUtil.js';
-import { browserVersion } from './androidUtil.js';
-
-var _this = undefined;
-var isDesignMode = function () {
-  return window.magicDesign.mode === 'designer';
-};
-var isPc = function () {
-  return window.magicDesign.device === 'pc';
-};
-/** 刷新预览区域 */
-
-var renderPreview = function () {
-  var evt = new Event('render-view', {
-    bubbles: false
-  });
-  window.document.dispatchEvent(evt);
-};
-var clickUrl = function (url) {
-  console.log('url', url);
-
-  if (window.magicDesign.readOnly || window.magicDesign.mode !== 'renderer' || !url) {
-    return;
-  }
-
-  var _a = parseUrl(url),
-      h5Link = _a.h5Link,
-      params = _a.params;
-
-  var type = params.type,
-      data = params.data; // 领取优惠券
-
-  if (type === 'GET_COUPON') {
-    _this.getCoupon(data.couponId);
-
-    return;
-  }
-
-  if (!browserVersion().isApp) {
-    if (url.startsWith('/')) {
-      navigateTo(url);
-    } else {
-      location.href = url;
-    }
-
-    return;
-  }
-
-  if (browserVersion().android) {
-    sendToAndroid({
-      type: 'jump',
-      params: {
-        url: h5Link
-      }
-    });
-  } else if (browserVersion().ios) {
-    if (type === 'CUSTOMIZED') {
-      // 适配ios 从首页跳转自定义页面
-      _this.goH5Page(h5Link);
-    }
-
-    sendToIos(params);
-  }
-};
-
-function isObject(value) {
-  var type = typeof value;
-  return value != null && (type === 'object' || type === 'function');
-} // 拷贝节点方法，重新生成节点中的id和parentId字段
-
-
-var copyNode = function (value, parentId) {
-  if (!isObject(value)) {
-    return value;
-  }
-
-  var isArr = Array.isArray(value);
-
-  if (isArr) {
-    var newArray_1 = [];
-    value.forEach(function (data) {
-      newArray_1.push(copyNode(data));
-    });
-    return newArray_1;
-  }
-
-  var newNode = {};
-
-  if (value.id) {
-    newNode.id = uuid_1.v4();
-  }
-
-  var names = Object.getOwnPropertyNames(value);
-  names.forEach(function (name) {
-    if (name === 'id') return;
-
-    if (name === 'parentId') {
-      newNode.parentId = parentId;
-    } else {
-      newNode[name] = copyNode(value[name], newNode.id);
-    }
-  });
-  return newNode;
-};
-
-export { clickUrl, copyNode, isDesignMode, isPc, renderPreview };

package/src/components/utils/currencyUtil.js

@@ -1,110 +0,0 @@
-import divide_1 from '../../../node_modules/lodash/divide.js';
-import isEmpty_1 from '../../../node_modules/lodash/isEmpty.js';
-import { ensure } from './commonUtil.js';
-
-/* eslint-disable */
-ensure(function () {
-  return window.ecommerce.precision;
-}, '0'); // 千分位展示
-
-var addSeparators = function (nStr, thousandsSep, decimalSep) {
-  if (!Number(nStr)) {
-    return nStr;
-  }
-
-  var x1;
-  var x2;
-  nStr += '';
-  var x = nStr.split('.');
-  x1 = x[0];
-  x2 = x.length > 1 ? decimalSep + x[1] : '';
-  var rgx = /(\d+)(\d{3})/;
-
-  while (rgx.test(x1)) {
-    x1 = x1.replace(rgx, "$1".concat(thousandsSep, "$2"));
-  }
-
-  return x1 + x2;
-};
-var getPricePrefix = function () {
-  var pricePrefix = ensure(function () {
-    return window.ecommerce.prefix;
-  }, 'Rp');
-  return pricePrefix;
-};
-var getPrecision = function () {
-  var ret = ensure(function () {
-    return window.ecommerce.precision;
-  }, '0');
-  return Number(ret);
-}; // 格式化金额
-
-var formatCurrency = function (num) {
-  var displayPrecision = ensure(function () {
-    return window.ecommerce.displayCurrencyPrecision;
-  }, '0');
-  var precision = ensure(function () {
-    return window.ecommerce.precision;
-  }, '0');
-  var pricePrefix = ensure(function () {
-    return window.ecommerce.prefix;
-  }, 'Rp');
-  var numVal = num;
-
-  if (Number.isNaN(num) || !Number.isFinite(num)) {
-    numVal = 0;
-  }
-
-  var displayNum = displayPrecision != null && displayPrecision !== '' ? displayPrecision : precision;
-  var ret = numVal / Math.pow(10, precision);
-  return addSeparators(ret.toFixed(displayNum), pricePrefix === "IDR" || pricePrefix === "Rp" ? '.' : ',', '.');
-};
-var formatCurrencyWithSymbol = function (num) {
-  var ret = formatCurrency(num);
-  return "".concat(getPricePrefix(), " ").concat(ret);
-};
-/**
- * 格式化数值,不加前缀 (前台使用) 例如:缩小100倍
- * @param {*} value 数值
- * @param {*} customPrecision 精度转换,默认读配置项
- * @param {*} customDisplayPrecision 保留小数位数,默认读配置项(传null,表示不作处理只转换精度)
- * @returns 格式化后的数值字符串
- */
-
-var currencyToFont = function (value, customPrecision, customDisplayPrecision) {
-  if (value === null || value === undefined || value === '' || Number.isNaN(Number(value))) {
-    return value;
-  }
-
-  var precision; // 优先使用参数上的精度
-
-  if (!isEmpty_1(customPrecision) && !Number.isNaN(Number(customPrecision))) {
-    precision = Number(customPrecision);
-  } else {
-    precision = ensure(function () {
-      return window.ecommerce.precision;
-    }, '0');
-  }
-
-  var number = Number(value);
-  var temp = divide_1(number, Math.pow(10, precision)); // 特殊处理,不需要格式化小数位
-
-  if (customDisplayPrecision === null) {
-    return "".concat(temp);
-  } // 精度格式化
-
-
-  var displayPrecision; // 优先使用参数上的精度
-
-  if (!isEmpty_1(customDisplayPrecision) && !Number.isNaN(Number(customDisplayPrecision))) {
-    displayPrecision = Number(customDisplayPrecision);
-  } else {
-    displayPrecision = ensure(function () {
-      return window.ecommerce.displayCurrencyPrecision;
-    }, 'Rp');
-  }
-
-  return temp.toFixed(Number(displayPrecision));
-};
-
-export { addSeparators, currencyToFont, formatCurrency, formatCurrencyWithSymbol, getPrecision, getPricePrefix };

package/src/components/utils/dateUtil.js

@@ -1,30 +0,0 @@
-import moment from 'moment';
-
-var dateFmt = 'YYYY-MM-DD';
-/**
- * new Date 解决ios 安卓兼容问题
- * @param {*} date 时间
- */
-
-var newDate = function (date) {
-  if (date instanceof Date) {
-    return date;
-  }
-
-  if (date) {
-    var reg = /^[0-9]+.?[0-9]*$/;
-
-    if (reg.test(date)) {
-      return new Date(Number(date));
-    }
-
-    return new Date(date.replace(/-/g, '/'));
-  }
-
-  return new Date();
-};
-var formatDate = function (date) {
-  return moment(date).format(dateFmt);
-};
-
-export { formatDate, newDate };