@fonixtree/magic-design 0.0.17 → 0.0.18

package/dist/src/components/common/ImagePicker/index.js

@@ -1,124 +0,0 @@
-import { __extends } from '../../../../my_my_node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import './index.less.js';
-import ImageModal from '../ImageModal/index.js';
-import Iconfont from '../Iconfont/index.js';
-
-var ImagePicker =
-/** @class */
-function (_super) {
-  __extends(ImagePicker, _super);
-
-  function ImagePicker() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      visible: false
-    };
-
-    _this.onChange = function (v) {
-      _this.props.onChange(v);
-    };
-
-    _this.onModalOk = function (data) {
-      // setContents(params => {
-      //   const uids = params.map(param => param.contentId);
-      //   const newContents = [...params, ...data.filter(el => !uids.includes(el.contentId))];
-      //   if (onChange) {
-      //     onChange(newContents);
-      //   }
-      //   return newContents;
-      // });
-      _this.setState({
-        visible: false
-      });
-
-      if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
-        console.log('---', data);
-
-        _this.props.onChange(data[0]);
-      }
-    };
-
-    return _this;
-  }
-
-  ImagePicker.prototype.render = function () {
-    var _this = this;
-
-    var visible = this.state.visible;
-    var value = this.props.value;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "m-image-picker"
-    }, value ? /*#__PURE__*/React__default.createElement("div", {
-      className: "img-wrap",
-      onClick: function () {
-        _this.setState({
-          visible: true
-        });
-      }
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: value
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: "btn-icons-modal",
-      onClick: function (e) {
-        return e.stopPropagation();
-      }
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "btn-edit",
-      onClick: function () {
-        _this.setState({
-          visible: true
-        });
-      }
-    }, /*#__PURE__*/React__default.createElement(Iconfont, {
-      color: "#fff",
-      onClick: function () {},
-      size: 25,
-      type: "icon-setting"
-    }), "Edit"), /*#__PURE__*/React__default.createElement("span", {
-      className: "line"
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: "btn-del",
-      onClick: function () {
-        _this.props.onChange('');
-      }
-    }, /*#__PURE__*/React__default.createElement(Iconfont, {
-      color: "#fff",
-      onClick: function () {},
-      size: 25,
-      type: "icon-delete1"
-    }), "Delete"))) : /*#__PURE__*/React__default.createElement("div", {
-      className: "no-img"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "hint-txt"
-    }, "Looks like you don't have any images in your gallery. Choose images to feature on this page."), /*#__PURE__*/React__default.createElement("div", {
-      className: "pick-btn",
-      onClick: function () {
-        _this.setState({
-          visible: true
-        });
-      }
-    }, /*#__PURE__*/React__default.createElement(Iconfont, {
-      color: "#FFFFFF",
-      size: 18,
-      type: "icon-add"
-    }), /*#__PURE__*/React__default.createElement("p", null, "Add Image"))), visible && /*#__PURE__*/React__default.createElement(ImageModal, {
-      onCancel: function () {
-        _this.setState({
-          visible: false
-        });
-      },
-      onOk: this.onModalOk,
-      visible: true
-    }));
-  };
-
-  ImagePicker.defaultProps = {
-    value: '',
-    onChange: function () {}
-  };
-  return ImagePicker;
-}(React__default.Component);
-
-export { ImagePicker as default };

package/dist/src/components/common/ImagePicker/index.less.js

@@ -1,4 +0,0 @@
-import styleInject from '../../../../my_my_node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".index_m-image-picker__2mPt4 {\n  padding-bottom: 12px;\n  border-bottom: 1px dashed #D2D9E5;\n  width: 100%;\n  margin-bottom: 16px;\n  cursor: pointer;\n}\n.index_m-image-picker__2mPt4 .index_no-img__92NJk .index_hint-txt__pbhEc {\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: #232F46;\n  margin-bottom: 12px;\n}\n.index_m-image-picker__2mPt4 .index_no-img__92NJk .index_pick-btn__QEs3d {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: #2F54EB;\n  height: 48px;\n  border-radius: 8px;\n  color: #FFFFFF;\n  cursor: pointer;\n}\n.index_m-image-picker__2mPt4 .index_no-img__92NJk .index_pick-btn__QEs3d > p {\n  margin-left: 12px;\n  font-family: 'Open Sans';\n  font-weight: 600;\n  font-size: 16px;\n  margin-bottom: 0;\n}\n.index_m-image-picker__2mPt4 .index_img-wrap__MvlC2 {\n  width: 100%;\n  height: 140px;\n  position: relative;\n}\n.index_m-image-picker__2mPt4 .index_img-wrap__MvlC2:hover .index_btn-icons-modal__SpTNJ {\n  display: flex;\n  transition: all 0.25s;\n}\n.index_m-image-picker__2mPt4 .index_img-wrap__MvlC2 .index_btn-icons-modal__SpTNJ {\n  display: none;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  font-family: 'Open Sans';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 24px;\n  color: #FFFFFF;\n  background: rgba(35, 47, 70, 0.6);\n  align-items: center;\n  justify-content: center;\n}\n.index_m-image-picker__2mPt4 .index_img-wrap__MvlC2 .index_btn-icons-modal__SpTNJ .index_btn-edit__7FrOL {\n  display: flex;\n  align-items: center;\n  margin-right: 20px;\n  cursor: pointer;\n}\n.index_m-image-picker__2mPt4 .index_img-wrap__MvlC2 .index_btn-icons-modal__SpTNJ .index_btn-edit__7FrOL > span {\n  margin-right: 5px;\n}\n.index_m-image-picker__2mPt4 .index_img-wrap__MvlC2 .index_btn-icons-modal__SpTNJ .index_btn-del__ELxvy {\n  display: flex;\n  align-items: center;\n  margin-left: 20px;\n  cursor: pointer;\n}\n.index_m-image-picker__2mPt4 .index_img-wrap__MvlC2 .index_btn-icons-modal__SpTNJ .index_btn-del__ELxvy > span {\n  margin-right: 5px;\n}\n.index_m-image-picker__2mPt4 .index_img-wrap__MvlC2 .index_btn-icons-modal__SpTNJ .index_line__51E9c {\n  display: inline-block;\n  width: 1px;\n  height: 16px;\n  background: rgba(255, 255, 255, 0.5);\n}\n.index_m-image-picker__2mPt4 .index_img-wrap__MvlC2 > img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n";
-styleInject(css_248z);

package/dist/src/components/common/InputNumber/index.js

@@ -1,54 +0,0 @@
-import { __extends } from '../../../../my_my_node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { InputNumber } from 'antd';
-import './index.less.js';
-
-var NewInputNumber =
-/** @class */
-function (_super) {
-  __extends(NewInputNumber, _super);
-
-  function NewInputNumber() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-
-  NewInputNumber.prototype.render = function () {
-    var _a = this.props,
-        value = _a.value,
-        onChange = _a.onChange,
-        min = _a.min,
-        max = _a.max,
-        step = _a.step,
-        unit = _a.unit;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "m-input-number"
-    }, /*#__PURE__*/React__default.createElement(InputNumber, {
-      className: "input",
-      controls: false,
-      max: max,
-      min: min,
-      onChange: function (v) {
-        return onChange(v);
-      },
-      step: step,
-      style: {
-        width: unit ? '30px' : '100%'
-      },
-      value: value
-    }), unit && /*#__PURE__*/React__default.createElement("span", {
-      className: "unit"
-    }, unit));
-  };
-
-  NewInputNumber.defaultProps = {
-    value: '',
-    onChange: function () {},
-    min: 1,
-    max: 100,
-    step: 0,
-    unit: ''
-  };
-  return NewInputNumber;
-}(React__default.Component);
-
-export { NewInputNumber as default };

package/dist/src/components/common/InputNumber/index.less.js

@@ -1,4 +0,0 @@
-import styleInject from '../../../../my_my_node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".index_m-input-number__nxWjy {\n  width: 60px;\n  height: 34px;\n  background: #FFFFFF;\n  border: 1px solid #D2D9E5;\n  border-radius: 8px;\n  padding: 0 7px;\n  position: relative;\n}\n.index_m-input-number__nxWjy .index_ant-input-number-focused__4XXHU {\n  box-shadow: none;\n}\n.index_m-input-number__nxWjy .index_input__n8ogk {\n  height: 100%;\n  border-radius: 8px;\n  border: none;\n}\n.index_m-input-number__nxWjy .index_input__n8ogk input {\n  width: 100%;\n  padding: 0;\n  text-align: center;\n  border: none;\n}\n.index_m-input-number__nxWjy .index_unit__eM7y1 {\n  color: #7988a5;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n";
-styleInject(css_248z);

package/dist/src/components/common/LayoutSelector/index.js

@@ -1,70 +0,0 @@
-import { __extends } from '../../../../my_my_node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import classNames from '../../../../my_my_node_modules/classnames/index.js';
-import './index.less.js';
-import img from './imgs/left.png.js';
-import img$1 from './imgs/center.png.js';
-import img$2 from './imgs/right.png.js';
-import Iconfont from '../Iconfont/index.js';
-
-var defaultSource = [{
-  id: 'layout1',
-  name: 'left',
-  image: img
-}, {
-  id: 'layout2',
-  name: 'center',
-  image: img$1
-}, {
-  id: 'layout3',
-  name: 'right',
-  image: img$2
-}];
-
-var LayoutSelector =
-/** @class */
-function (_super) {
-  __extends(LayoutSelector, _super);
-
-  function LayoutSelector() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-    return _this;
-  }
-
-  LayoutSelector.prototype.render = function () {
-    var _a = this.props,
-        source = _a.source,
-        onChange = _a.onChange,
-        value = _a.value;
-    var sourceList = source || defaultSource;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "m-layout-selector"
-    }, sourceList.map(function (item) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        key: item.name,
-        className: classNames('item-wrap', {
-          active: value === item.name
-        }),
-        onClick: function () {
-          onChange(item.name);
-        }
-      }, item.image ? /*#__PURE__*/React__default.createElement("img", {
-        alt: item.name,
-        src: item.image
-      }) : /*#__PURE__*/React__default.createElement(Iconfont, {
-        size: 32,
-        type: item.icon
-      }));
-    }));
-  };
-
-  LayoutSelector.defaultProps = {
-    value: 'left',
-    onChange: function () {}
-  };
-  return LayoutSelector;
-}(React__default.Component);
-
-export { LayoutSelector as default };

package/dist/src/components/common/LayoutSelector/index.less.js

@@ -1,4 +0,0 @@
-import styleInject from '../../../../my_my_node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".index_m-layout-selector__9kz4- {\n  display: flex;\n  flex-wrap: wrap;\n  max-width: 306px;\n}\n.index_m-layout-selector__9kz4- .index_item-wrap__mwIFB {\n  width: 94px;\n  height: 70px;\n  background: #F5F6F7;\n  border-radius: 8px;\n  margin-bottom: 12px;\n  margin-right: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  overflow: hidden;\n}\n.index_m-layout-selector__9kz4- .index_item-wrap__mwIFB > img {\n  width: 100%;\n  height: 100%;\n}\n.index_m-layout-selector__9kz4- .index_item-wrap__mwIFB:nth-of-type(3n) {\n  margin-right: 0;\n}\n.index_m-layout-selector__9kz4- .index_item-wrap__mwIFB.index_active__kXInk {\n  background: #FFFFFF;\n  border: 2px solid #2F54EB;\n}\n";
-styleInject(css_248z);

package/dist/src/components/common/LinkModal/CatgTable/index.js

@@ -1,78 +0,0 @@
-import { __awaiter, __generator } from '../../../../../my_my_node_modules/tslib/tslib.es6.js';
-import React__default, { useState, useEffect } from 'react';
-import { Table } from 'antd';
-import { commonFetch } from '../../../utils/commonUtil.js';
-import { listToTree } from '../../../utils/businessUtil.js';
-
-function CatgTable(props) {
-  var _this = this;
-
-  var onChange = props.onChange;
-
-  var _a = useState([]),
-      catgList = _a[0],
-      setCatgList = _a[1];
-
-  var _b = useState(false),
-      loading = _b[0],
-      setLoading = _b[1];
-
-  var queryCategory = function () {
-    return __awaiter(_this, void 0, void 0, function () {
-      var res;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            setLoading(true);
-            return [4
-            /*yield*/
-            , commonFetch("".concat(window.magicDesign.MBaseUrl, "/offercatgs/list"), {}, 'GET')];
-
-          case 1:
-            res = _a.sent();
-            setCatgList(listToTree(res));
-            setLoading(false);
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
-  };
-
-  useEffect(function () {
-    queryCategory();
-  }, []);
-  var columns = [{
-    title: 'Category',
-    dataIndex: 'catgName',
-    render: function (catgName) {
-      return /*#__PURE__*/React__default.createElement("span", {
-        className: "productName"
-      }, catgName);
-    }
-  }];
-  var rowSelection = {
-    onChange: function (selectedRowKeys) {
-      onChange("catg-".concat(selectedRowKeys[0]));
-    },
-    type: 'radio'
-  };
-  return /*#__PURE__*/React__default.createElement(Table, {
-    bordered: false,
-    columns: columns,
-    dataSource: catgList,
-    defaultExpandAllRows: true,
-    loading: loading,
-    pagination: false,
-    rowKey: function (record) {
-      return record && record.key;
-    },
-    rowSelection: rowSelection,
-    scroll: {
-      y: 450
-    }
-  });
-}
-
-export { CatgTable as default };

package/dist/src/components/common/LinkModal/CouponTable/index.js

@@ -1,111 +0,0 @@
-import { __assign, __rest, __awaiter, __generator } from '../../../../../my_my_node_modules/tslib/tslib.es6.js';
-import { Table } from 'antd';
-import moment from 'moment';
-import React__default, { useState, useEffect } from 'react';
-import { commonFetch } from '../../../utils/commonUtil.js';
-import { currencyToFont } from '../../../utils/currencyUtil.js';
-
-function CouponTable(props) {
-  var _this = this;
-
-  var onChange = props.onChange;
-
-  var _a = useState([]),
-      data = _a[0],
-      setData = _a[1];
-
-  var _b = useState(false),
-      loading = _b[0],
-      setLoading = _b[1];
-
-  var _c = useState({
-    pageSize: 20,
-    pageIndex: 1,
-    total: 0
-  }),
-      paginationParams = _c[0];
-      _c[1];
-
-  var columns = [{
-    title: 'Coupon Name',
-    dataIndex: 'name'
-  }, {
-    title: 'Coupon Value',
-    dataIndex: 'value'
-  }, {
-    title: 'Period of Vaildity',
-    dataIndex: 'date'
-  }];
-  var rowSelection = {
-    type: 'radio',
-    onChange: function (selectedRowKeys, selectedRows) {
-      onChange("coupons-".concat(selectedRows[0].couponId));
-    }
-  };
-
-  var handleValue = function (obj) {
-    if (obj.thAmount) {
-      return obj.discountMethod === 'AMT' ? "Over ".concat(currencyToFont(obj.thAmount), " Minus ").concat(currencyToFont(obj.discountAmount)) : "".concat(Number(obj.discountAmount) / 100, "% off ").concat(currencyToFont(obj.thAmount));
-    }
-
-    return obj.discountMethod === 'AMT' ? "Minus ".concat(currencyToFont(obj.discountAmount)) : "".concat(Number(obj.discountAmount) / 100, "% off");
-  };
-
-  var getCoupons = function (params) {
-    return __awaiter(_this, void 0, void 0, function () {
-      var res, list;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            setLoading(true);
-            return [4
-            /*yield*/
-            , commonFetch("".concat(window.magicDesign.MBaseUrl, "/coupons/couponList/page?tableFlag=effective&isPublic=Y&state=A&pageTotal=false"), params, 'GET')];
-
-          case 1:
-            res = _a.sent();
-            list = res.list;
-            paginationParams.total = res.total;
-            setData(list && list.map(function (v, i) {
-              v.key = i + 1;
-              v.name = v.couponName;
-              v.date = v.getOffsetExp ? "Valid within ".concat(v.getOffsetExp, " days after collection") : "".concat(moment(v.effDate).format('YYYY-MM-DD'), "~").concat(moment(v.expDate).format('YYYY-MM-DD'));
-              v.value = handleValue(v);
-              return v;
-            }));
-            setLoading(false);
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
-  };
-
-  var loadCouponsList = function () {
-    paginationParams.total;
-        var params = __rest(paginationParams, ["total"]);
-
-    getCoupons(params);
-  };
-
-  useEffect(function () {
-    loadCouponsList();
-  }, []);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "coupons_modal"
-  }, /*#__PURE__*/React__default.createElement(Table, {
-    columns: columns,
-    dataSource: data,
-    loading: loading,
-    pagination: __assign(__assign({}, paginationParams), {
-      onChange: function (page) {
-        paginationParams.pageIndex = page;
-        loadCouponsList();
-      }
-    }),
-    rowSelection: rowSelection
-  }));
-}
-
-export { CouponTable as default };

package/dist/src/components/common/LinkModal/CustomTable/index.js

@@ -1,72 +0,0 @@
-import { __awaiter, __generator } from '../../../../../my_my_node_modules/tslib/tslib.es6.js';
-import { Table } from 'antd';
-import React__default, { useState, useEffect } from 'react';
-import { commonFetch } from '../../../utils/commonUtil.js';
-
-function CustomTable(props) {
-  var _this = this;
-
-  var onChange = props.onChange;
-
-  var _a = useState([]),
-      cusPageList = _a[0],
-      setCusPageList = _a[1];
-
-  var _b = useState(false),
-      loading = _b[0],
-      setLoading = _b[1];
-
-  var queryCus = function (params) {
-    return __awaiter(_this, void 0, void 0, function () {
-      var res;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            setLoading(true);
-            return [4
-            /*yield*/
-            , commonFetch("".concat(window.magicDesign.MBaseUrl, "/pages"), params, 'GET')];
-
-          case 1:
-            res = _a.sent();
-            setCusPageList(res);
-            setLoading(false);
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
-  };
-
-  useEffect(function () {
-    queryCus({
-      pageType: 'Customized',
-      verType: 'Formal'
-    });
-  }, []);
-  var columns = [{
-    title: 'Page Name',
-    dataIndex: 'pageName'
-  }];
-  var rowSelection = {
-    onChange: function (selectedRowKeys) {
-      onChange("customized-".concat(selectedRowKeys[0]));
-    },
-    type: 'radio'
-  };
-  return /*#__PURE__*/React__default.createElement(Table, {
-    bordered: false,
-    columns: columns,
-    dataSource: cusPageList,
-    loading: loading,
-    pagination: false,
-    rowKey: "bdPageId",
-    rowSelection: rowSelection,
-    scroll: {
-      y: 450
-    }
-  });
-}
-
-export { CustomTable as default };