@fonixtree/magic-design 0.0.7 → 0.0.10

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

@@ -0,0 +1,54 @@
+import { __extends } from '../../../../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/src/components/common/InputNumber/index.less.js

@@ -0,0 +1,4 @@
+import styleInject from '../../../../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/src/components/common/LayoutSelector/imgs/center.png.js

@@ -0,0 +1,3 @@
+var img = "data:image/png;base64,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";
+
+export { img as default };

package/src/components/common/LayoutSelector/imgs/left.png.js

@@ -0,0 +1,3 @@
+var img = "data:image/png;base64,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";
+
+export { img as default };

package/src/components/common/LayoutSelector/imgs/right.png.js

@@ -0,0 +1,3 @@
+var img = "data:image/png;base64,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";
+
+export { img as default };

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

@@ -0,0 +1,70 @@
+import { __extends } from '../../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import classNames from '../../../../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/src/components/common/LayoutSelector/index.less.js

@@ -0,0 +1,4 @@
+import styleInject from '../../../../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/src/components/common/LinkModal/CatgTable/index.js

@@ -0,0 +1,78 @@
+import { __awaiter, __generator } from '../../../../../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/src/components/common/LinkModal/CouponTable/index.js

@@ -0,0 +1,111 @@
+import { __assign, __rest, __awaiter, __generator } from '../../../../../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/src/components/common/LinkModal/CustomTable/index.js

@@ -0,0 +1,72 @@
+import { __awaiter, __generator } from '../../../../../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 };