@fonixtree/magic-design 0.0.50 → 0.0.52

package/es/common/LinkModal/BundleCampaign/index.js

@@ -0,0 +1,390 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _commonUtil = require("../../../utils/commonUtil");
+
+var _dateUtil = require("../../../utils/dateUtil");
+
+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; }
+
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+var Option = _antd.Select.Option;
+
+var BundleCampaign = function BundleCampaign(props) {
+  var setUrl = props.setUrl;
+
+  var _a = (0, _react.useState)([]),
+      bundleList = _a[0],
+      SetBundleList = _a[1];
+
+  var _b = (0, _react.useState)(''),
+      campaignName = _b[0],
+      setCampaignName = _b[1];
+
+  var _c = (0, _react.useState)(''),
+      storeId = _c[0],
+      setStoreId = _c[1];
+
+  var _d = (0, _react.useState)('A,B'),
+      cmpState = _d[0],
+      setCmpState = _d[1];
+
+  var _e = (0, _react.useState)(false),
+      loading = _e[0],
+      setLoading = _e[1];
+
+  var _f = (0, _react.useState)([]),
+      storeList = _f[0],
+      setStoreList = _f[1];
+
+  var stateMap = [{
+    key: 'A,B',
+    value: 'All'
+  }, {
+    key: 'A',
+    value: 'Has not started'
+  }, {
+    key: 'B',
+    value: 'Processing'
+  }];
+  var cmpStateMap = {
+    A: 'Has not started',
+    B: 'Processing'
+  };
+  var columns = [{
+    title: 'Campaign Name',
+    dataIndex: 'campaignName'
+  }, {
+    title: 'Start/End time',
+    dataIndex: 'effDate',
+    render: function render(text, record) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", null, (0, _dateUtil.formatDateTime)(record.effDate)), /*#__PURE__*/_react["default"].createElement("div", null, (0, _dateUtil.formatDateTime)(record.expDate)));
+    }
+  }, {
+    title: 'Campaign State',
+    dataIndex: 'cmpState',
+    render: function render(text, record) {
+      return cmpStateMap[record.cmpState];
+    }
+  }, {
+    title: 'Store Name',
+    dataIndex: 'storeName'
+  }];
+  var rowSelection = {
+    onChange: function onChange(selectedRowKeys) {
+      setUrl("bundleCampaign-" + selectedRowKeys);
+    },
+    type: 'radio'
+  };
+
+  var changeCamState = function changeCamState(value) {
+    setCmpState(value);
+  };
+
+  var reset = function reset() {
+    setCampaignName('');
+    setStoreId('');
+    setCmpState('A,B');
+  };
+
+  var queryBundleList = function queryBundleList(params) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var res;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/bundle/list", params, 'GET')];
+
+          case 1:
+            res = _a.sent();
+            setLoading(false);
+            SetBundleList(res.list);
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  var queryFunc = function queryFunc() {
+    var params = {
+      campaignName: campaignName,
+      storeId: storeId,
+      cmpState: cmpState
+    };
+    setLoading(true);
+    queryBundleList(params);
+  }; // 请求店铺列表
+
+
+  var queryStore = function queryStore() {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var res;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+
+          case 1:
+            res = _a.sent();
+            setStoreList(res);
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  (0, _react.useEffect)(function () {
+    queryStore();
+    var params = {
+      campaignName: campaignName,
+      storeId: storeId,
+      cmpState: cmpState
+    };
+    setLoading(true);
+    queryBundleList(params);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "bundleCampaign"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    className: "mb12",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "labelStyle"
+  }, "Campaign Name"), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+    className: "inputStyle",
+    onChange: function onChange(e) {
+      setCampaignName(e.target.value);
+    },
+    value: campaignName
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "labelStyle"
+  }, "Store"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    className: "inputStyle",
+    onChange: function onChange(value) {
+      return setStoreId(value);
+    },
+    optionFilterProp: "children",
+    placeholder: "Please select",
+    showSearch: true,
+    value: storeId
+  }, storeList && storeList.length > 0 && storeList.map(function (v) {
+    return /*#__PURE__*/_react["default"].createElement(Option, {
+      key: v.storeId,
+      value: v.storeId
+    }, v.storeName);
+  })))), /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    className: "mb12",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "labelStyle"
+  }, "Campaign State"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    className: "inputStyle",
+    defaultValue: "A,B",
+    onChange: changeCamState,
+    value: cmpState
+  }, stateMap && stateMap.length > 0 && stateMap.map(function (v) {
+    return /*#__PURE__*/_react["default"].createElement(Option, {
+      key: v.key,
+      value: v.key
+    }, v.value);
+  }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    onClick: queryFunc,
+    style: {
+      marginRight: 10
+    },
+    type: "primary"
+  }, "Query"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    onClick: function onClick() {
+      reset();
+    }
+  }, "Cancel"))), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+    bordered: false,
+    columns: columns,
+    dataSource: bundleList,
+    loading: loading,
+    rowKey: "campaignId",
+    rowSelection: rowSelection,
+    scroll: {
+      y: 340
+    }
+  }));
+};
+
+var _default = BundleCampaign;
+exports["default"] = _default;

package/es/common/LinkModal/CustomTable/index.js

@@ -199,7 +199,8 @@ function CustomTable(props) {
   (0, _react.useEffect)(function () {
     queryCus({
       pageType: 'Customized',
-      verType: 'Formal'
+      verType: 'Formal',
+      configVersion: 'V2'
     });
   }, []);
   var columns = [{

package/es/common/MagicLink/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onAClick = exports.getLinkUrl = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _businessUtil = require("src/components/utils/businessUtil");
+
+var _coreUtil = require("src/components/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 __());
+  };
+}();
+
+var onAClick = function onAClick(e, url) {
+  e.preventDefault();
+
+  if (window.magicDesign.mode === 'renderer') {
+    (0, _coreUtil.clickUrl)(url);
+  }
+};
+
+exports.onAClick = onAClick;
+
+var getLinkUrl = function getLinkUrl(url) {
+  var h5Link = (0, _businessUtil.parseUrl)(url).h5Link;
+  return h5Link;
+};
+
+exports.getLinkUrl = getLinkUrl;
+
+var MagicLink =
+/** @class */
+function (_super) {
+  __extends(MagicLink, _super);
+
+  function MagicLink() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+    return _this;
+  }
+
+  MagicLink.prototype.render = function () {
+    var _a = this.props,
+        url = _a.url,
+        children = _a.children;
+    var href = getLinkUrl(url);
+    return /*#__PURE__*/_react["default"].createElement("a", {
+      href: href,
+      onClick: function onClick(e) {
+        return onAClick(e, url);
+      }
+    }, children);
+  };
+
+  MagicLink.defaultProps = {};
+  return MagicLink;
+}(_react["default"].Component);
+
+var _default = MagicLink;
+exports["default"] = _default;

package/lib/common/LinkModal/BundleCampaign/index.js

@@ -0,0 +1,390 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _commonUtil = require("../../../utils/commonUtil");
+
+var _dateUtil = require("../../../utils/dateUtil");
+
+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; }
+
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+var Option = _antd.Select.Option;
+
+var BundleCampaign = function BundleCampaign(props) {
+  var setUrl = props.setUrl;
+
+  var _a = (0, _react.useState)([]),
+      bundleList = _a[0],
+      SetBundleList = _a[1];
+
+  var _b = (0, _react.useState)(''),
+      campaignName = _b[0],
+      setCampaignName = _b[1];
+
+  var _c = (0, _react.useState)(''),
+      storeId = _c[0],
+      setStoreId = _c[1];
+
+  var _d = (0, _react.useState)('A,B'),
+      cmpState = _d[0],
+      setCmpState = _d[1];
+
+  var _e = (0, _react.useState)(false),
+      loading = _e[0],
+      setLoading = _e[1];
+
+  var _f = (0, _react.useState)([]),
+      storeList = _f[0],
+      setStoreList = _f[1];
+
+  var stateMap = [{
+    key: 'A,B',
+    value: 'All'
+  }, {
+    key: 'A',
+    value: 'Has not started'
+  }, {
+    key: 'B',
+    value: 'Processing'
+  }];
+  var cmpStateMap = {
+    A: 'Has not started',
+    B: 'Processing'
+  };
+  var columns = [{
+    title: 'Campaign Name',
+    dataIndex: 'campaignName'
+  }, {
+    title: 'Start/End time',
+    dataIndex: 'effDate',
+    render: function render(text, record) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", null, (0, _dateUtil.formatDateTime)(record.effDate)), /*#__PURE__*/_react["default"].createElement("div", null, (0, _dateUtil.formatDateTime)(record.expDate)));
+    }
+  }, {
+    title: 'Campaign State',
+    dataIndex: 'cmpState',
+    render: function render(text, record) {
+      return cmpStateMap[record.cmpState];
+    }
+  }, {
+    title: 'Store Name',
+    dataIndex: 'storeName'
+  }];
+  var rowSelection = {
+    onChange: function onChange(selectedRowKeys) {
+      setUrl("bundleCampaign-" + selectedRowKeys);
+    },
+    type: 'radio'
+  };
+
+  var changeCamState = function changeCamState(value) {
+    setCmpState(value);
+  };
+
+  var reset = function reset() {
+    setCampaignName('');
+    setStoreId('');
+    setCmpState('A,B');
+  };
+
+  var queryBundleList = function queryBundleList(params) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var res;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/bundle/list", params, 'GET')];
+
+          case 1:
+            res = _a.sent();
+            setLoading(false);
+            SetBundleList(res.list);
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  var queryFunc = function queryFunc() {
+    var params = {
+      campaignName: campaignName,
+      storeId: storeId,
+      cmpState: cmpState
+    };
+    setLoading(true);
+    queryBundleList(params);
+  }; // 请求店铺列表
+
+
+  var queryStore = function queryStore() {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var res;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+
+          case 1:
+            res = _a.sent();
+            setStoreList(res);
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  (0, _react.useEffect)(function () {
+    queryStore();
+    var params = {
+      campaignName: campaignName,
+      storeId: storeId,
+      cmpState: cmpState
+    };
+    setLoading(true);
+    queryBundleList(params);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "bundleCampaign"
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    className: "mb12",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "labelStyle"
+  }, "Campaign Name"), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+    className: "inputStyle",
+    onChange: function onChange(e) {
+      setCampaignName(e.target.value);
+    },
+    value: campaignName
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "labelStyle"
+  }, "Store"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    className: "inputStyle",
+    onChange: function onChange(value) {
+      return setStoreId(value);
+    },
+    optionFilterProp: "children",
+    placeholder: "Please select",
+    showSearch: true,
+    value: storeId
+  }, storeList && storeList.length > 0 && storeList.map(function (v) {
+    return /*#__PURE__*/_react["default"].createElement(Option, {
+      key: v.storeId,
+      value: v.storeId
+    }, v.storeName);
+  })))), /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+    className: "mb12",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "labelStyle"
+  }, "Campaign State"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    className: "inputStyle",
+    defaultValue: "A,B",
+    onChange: changeCamState,
+    value: cmpState
+  }, stateMap && stateMap.length > 0 && stateMap.map(function (v) {
+    return /*#__PURE__*/_react["default"].createElement(Option, {
+      key: v.key,
+      value: v.key
+    }, v.value);
+  }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 12
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    onClick: queryFunc,
+    style: {
+      marginRight: 10
+    },
+    type: "primary"
+  }, "Query"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    onClick: function onClick() {
+      reset();
+    }
+  }, "Cancel"))), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+    bordered: false,
+    columns: columns,
+    dataSource: bundleList,
+    loading: loading,
+    rowKey: "campaignId",
+    rowSelection: rowSelection,
+    scroll: {
+      y: 340
+    }
+  }));
+};
+
+var _default = BundleCampaign;
+exports["default"] = _default;

package/lib/common/LinkModal/CustomTable/index.js

@@ -199,7 +199,8 @@ function CustomTable(props) {
   (0, _react.useEffect)(function () {
     queryCus({
       pageType: 'Customized',
-      verType: 'Formal'
+      verType: 'Formal',
+      configVersion: 'V2'
     });
   }, []);
   var columns = [{

package/lib/common/MagicLink/index.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onAClick = exports.getLinkUrl = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _businessUtil = require("src/components/utils/businessUtil");
+
+var _coreUtil = require("src/components/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 __());
+  };
+}();
+
+var onAClick = function onAClick(e, url) {
+  e.preventDefault();
+
+  if (window.magicDesign.mode === 'renderer') {
+    (0, _coreUtil.clickUrl)(url);
+  }
+};
+
+exports.onAClick = onAClick;
+
+var getLinkUrl = function getLinkUrl(url) {
+  var h5Link = (0, _businessUtil.parseUrl)(url).h5Link;
+  return h5Link;
+};
+
+exports.getLinkUrl = getLinkUrl;
+
+var MagicLink =
+/** @class */
+function (_super) {
+  __extends(MagicLink, _super);
+
+  function MagicLink() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+    return _this;
+  }
+
+  MagicLink.prototype.render = function () {
+    var _a = this.props,
+        url = _a.url,
+        children = _a.children;
+    var href = getLinkUrl(url);
+    return /*#__PURE__*/_react["default"].createElement("a", {
+      href: href,
+      onClick: function onClick(e) {
+        return onAClick(e, url);
+      }
+    }, children);
+  };
+
+  MagicLink.defaultProps = {};
+  return MagicLink;
+}(_react["default"].Component);
+
+var _default = MagicLink;
+exports["default"] = _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",
@@ -34,91 +34,6 @@
     "replace": "^1.2.1",
     "slick-carousel": "^1.8.1"
   },
-  "devDependencies": {
-    "react-dom": "^16.11.0",
-    "react": "^16.11.0",
-    "gulp": "4.0.2",
-    "gulp-less": "5.0.0",
-    "gulp-postcss": "9.0.1",
-    "gulp-rename": "2.0.0",
-    "postcss-less": "6.0.0",
-    "@babel/core": "^7.16.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-image": "^2.1.1",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@svgr/webpack": "^5.5.0",
-    "@types/axios": "^0.14.0",
-    "@types/lodash": "^4.14.182",
-    "@types/node": "^17.0.36",
-    "@types/react": "^18.0.9",
-    "@types/react-color": "^3.0.6",
-    "@types/react-dom": "^18.0.5",
-    "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^5.27.1",
-    "add": "^2.0.6",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-named-asset-import": "^0.3.8",
-    "babel-preset-react-app": "^10.0.1",
-    "bfj": "^7.0.2",
-    "browserslist": "^4.18.1",
-    "camelcase": "^6.2.1",
-    "case-sensitive-paths-webpack-plugin": "^2.4.0",
-    "child_process": "^1.0.2",
-    "classnames": "^2.3.1",
-    "css-loader": "^6.5.1",
-    "css-minimizer-webpack-plugin": "^3.2.0",
-    "dotenv": "^10.0.0",
-    "dotenv-expand": "^5.1.0",
-    "eslint": "7",
-    "eslint-config-next": "^12.1.6",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-webpack-plugin": "^3.1.1",
-    "extract-zip": "^2.0.1",
-    "file-loader": "^6.2.0",
-    "fs-extra": "^10.0.0",
-    "html-webpack-plugin": "^5.5.0",
-    "http-proxy-middleware": "^2.0.6",
-    "identity-obj-proxy": "^3.0.0",
-    "less": "3.13.1",
-    "less-loader": "^11.0.0",
-    "mini-css-extract-plugin": "^2.4.5",
-    "mv": "^2.1.1",
-    "ora": "^4.1.1",
-    "postcss": "^8.4.4",
-    "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-loader": "^6.2.1",
-    "postcss-normalize": "^10.0.1",
-    "postcss-preset-env": "^7.0.1",
-    "postcss-px-to-viewport": "^1.1.1",
-    "postcss-selector-namespace": "^3.0.1",
-    "prompts": "^2.4.2",
-    "rc-tools": "^9.6.1-alpha.1",
-    "react-app-polyfill": "^3.0.0",
-    "react-dev-utils": "^12.0.1",
-    "react-refresh": "^0.11.0",
-    "resolve": "^1.20.0",
-    "resolve-url-loader": "^4.0.0",
-    "rollup-plugin-dts": "^4.2.2",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-styles": "^4.0.0",
-    "rollup-plugin-typescript2": "^0.32.1",
-    "sass-loader": "^12.3.0",
-    "semver": "^7.3.5",
-    "source-map-loader": "^3.0.0",
-    "style-loader": "^3.3.1",
-    "tailwindcss": "^3.0.2",
-    "terser-webpack-plugin": "^5.2.5",
-    "typescript": "^4.7.2",
-    "web-vitals": "^2.1.4",
-    "webpack": "^5.64.4",
-    "webpack-dev-server": "^4.6.0",
-    "webpack-manifest-plugin": "^4.0.2",
-    "workbox-webpack-plugin": "^6.4.1"
-  },
   "peerDependencies": {
     "react-dom": ">=16.11.0",
     "react": ">=16.11.0"

package/README.md

@@ -1,320 +0,0 @@
-# 快捷指令使用
-
-## 1、发布 -- npm run pub
-
-## 2、新增国际化 -- npm run cl "Hello world"
-
-## 3、更新iconfont -- npm run iconfont
-
-
-# 设计器二期
-
-## 1、基本概念
-
-### 1.1、元组件：构成复合组件的最小单位
-
-Text、Image、Button、Divider、Video 等
-
-### 1.2、复合组件：由若干个元组件构成的一个大组件
-
-Text、Banner、Image Gallery、Image and Text、Carousel、Reward、Newsletter 等
-
-### 1.3、业务公共组件：项目中复用的公共组件
-
-所有的公共组件需要开放 value 和 onChange Api（除 Button、Iconfont）
-
-Button、Iconfont、AlignSelecter、Collapse、ColorPicker、ImagePicker、LayoutSelecter、Slider、UrlPicker
-
-## 2、元组件
-
-### 2.1
-
-元组件类型：
-
-TEXT、IMAGE、BUTTON、DIVIDER、VIDEO
-
-元组件报文格式：
-
-```json
-{
-  id:'xxxx' //元组件key
-  type: 'TYPE', //元组件类型
-  style:{
-  	fontFamily:'xxx', //字体
-  	...css  //属性名称尽量使用标准css名称
-	},
-	hoverStyle:{
-
-  }
-}
-```
-
-动态设置 hover 效果
-
-onMouseEnter={e => { e.target.style.color = 'red'; }}
-
-onMouseLeave={e => { e.target.style.color = 'white'; }}
-
-文本可编辑
-
-contenteditable="true"
-
-### 2.2 、元组件报文
-
-#### Text
-
-```json
-{
-  id:'xxxx' //元组件key
-  type: 'TYPE', //元组件类型
-  content:'this is text',
-  style:{
-    fontFamily:'xxx', //字体
-    fontSize: '14px',
-    width: '200px',
-    ...css
-	}
-}
-```
-
-#### Image
-
-```json
-{
-  id:'xxxx' //元组件key
-  type: 'IMAGE', //元组件类型
-  name:'123.png',
-  src:'../image.png', //图片地址
-  url:'www.baidu.com', //图片跳转地址
-  style:{
-    width: '200px',
-    ...css
-	},
-	hoverStyle:{     //hover 类型为new时保存src，类型为enlarge时保存scale
-    scale: '2',
-    src:'../image1.png',
-  }
-}
-```
-
-#### Button
-
-```json
-{
-  id:'xxxx' //元组件key
-  type: 'BUTTON', //元组件类型
-  name:'Submit',
-  url: 'www.baidu.com',
-  style:{
-  	buttonIconSrc:'../img.png',
- 	  buttonIconPlace: 'left',
-  	color:'#FEFEFE',
-  	border: '1px solid red',
-  	borderRadius:'10px',
-    fontFamily:'xxx', //字体
-    fontSize: '14px',
-    ...css
-	},
-	hoverStyle {
-    color:'#FEFEFE',
-  	border: '1px solid red',
-    fontFamily:'xxx', //字体
-    fontSize: '14px',
-    ...css
-  }
-}
-```
-
-## 2、复合组件
-
-### 2.1
-
-元组件类型：
-
-TEXT、BANNER、IMAGE_GALLERT、IMAGE_TEXT、CAROUSEL、REWARD、NEWSLETTER
-
-复合组件报文格式：
-
-```json
-{
-  id:'xxxx' //复合组件key
-  type: 'TYPE', //复合组件类型
-  setting:{     //开关类型的配置及属性配置放在这里
-  	autoplays: 3, //3秒轮播
-	},
-	groupSource:[],  //元组件集合组数据放在这里
-	metas:{
-    title:{
-      open:false,
-      type:'IMAGE'
-      ...metaCompJson
-    },
-    subTitle:{
-      open:false,
-        type:'IMAGE'
-        ...metaCompJson
-    }
-  },
-	customize:{
-    layout:'',
-    background:{
-
-    }
-  }
-}
-```
-
-#### Text
-
-```js
-{
-	id: 'xxxx', //复合组件key
-  type: 'TEXT', //复合组件类型
-  setting:{
-    layout:'left', // 模块布局 left/center/right ，每一个layout可能都是一个不同的组件
-    title:{
-      type:'TEXT'
-       ...metaCompJson
-    },
-    subtitle:{
-      type:'TEXT'
-       ...metaCompJson
-    },
-  },
-  source:[
-    {                   //此处可以抽出业务组件
-      title:{
-        type:'TEXT'
-       ...metaCompJson
-      },
-      content:{
-        type:'TEXT'
-       ...metaCompJson
-      }
-    }
-  ],
-  style:{
-  	align:'left',  //文本布局 left/center/right
-  	backgroundColor: 'red',
-  	backgroundImage:'../image.png'
-	}
-}
-```
-
-#### Banner
-
-modifySetting
-
-```json
-{
-  "comositeId": "1111",
-
-  "value": {
-    "autoplays": 4
-  }
-}
-```
-
-```json
-{
-	id: 'xxxx',
-	type: 'BANNER',
-	setting:{
-    open:false
-  	autoplays: 3, //3秒轮播
-    arrows:{      // 滚动箭头
-    	open:false,
-    	color:'red',
-    	size:'',
-    	hoverSize:'',
-      hoverColor:'green',
-  	},
-    dots:{       //面板指示点
-      open:false,
-      color: 'red',
-      size:'',
-      hoverSize:''
-      hoverColor:'green',
-    },
-	},
-  groupSource:[
-    {                     //此处可以作为一个业务组件
-      id:'xxxxx',
-      image:{
-        open:false,
-        type:'IMAGE'
-        ...metaCompJson
-      },
-      title:{
-        open:false,
-        type:'TEXT',
-        ...metaCompJson
-      },
-      content:{
-        open:false,
-        type:'TEXT',
-        ...metaCompJson
-      },
-      button:{
-        type:'BUTTON',
-        ...metaCompJson
-      },
-      secondaryButton:{
-        type:'BUTTON',
-        ...metaCompJson
-      },
-      layout:'center',
-      align:'left',
-      //文本布局 left/center/right
-    }
-  ]
-}
-```
-
-#### Image Gallery
-
-```json
-
-```
-
-#### Image and Text
-
-```json
-{
-  id:'xxxx'
-  type: 'IMAGE_TEXT',
-  setting:{
-  	layout:'left',
-  	title:{},
-		subtitle:{},
-		button:{},
-		secondaryButton:{}
-	},
-	source:[
-
-  ],
-  style:{
-    align:'left',
-    backgroundColor:'red',
-    backgroundImage:'./img.png'
-  }
-}
-```
-
-疑问：
-
-Text 元组件
-
-文字链接配置好之后，怎么删除
-
-链接配置的规则，按单词还是字符
-
-image 元组件
-
-属性控制进度条和输入框是否要限制最大最小值
-
-button 元组件
-
-是否需要 icon 的 hover 效果
-
-banner 中的 text Align 放在元组件里？