@pisell/private-materials 3.0.12 → 3.0.14-2.gray

package/lib/components/ruleSetting/index.js

@@ -0,0 +1,381 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ruleSetting/index.tsx
+var ruleSetting_exports = {};
+__export(ruleSetting_exports, {
+  default: () => ruleSetting_default
+});
+module.exports = __toCommonJS(ruleSetting_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_classnames = __toESM(require("classnames"));
+var import_listComponent = __toESM(require("../listComponent"));
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_index = require("./index.less");
+var import_ruleBorder = __toESM(require("./ruleBorder"));
+var import_utils2 = require("../../utils/index");
+var import_utils3 = require("@pisell/utils");
+var import_server = require("./server");
+var import_locales = __toESM(require("./locales"));
+var createRuleItem = () => {
+  return {
+    operator: "contain",
+    class: "type",
+    value: ["all"],
+    _id: (0, import_utils.getUniqueId)()
+  };
+};
+import_utils3.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
+var RuleSetting = (props) => {
+  var _a, _b;
+  const {
+    value = {
+      rule: [],
+      type: "and"
+    },
+    onChange,
+    className,
+    style
+  } = props;
+  console.log("valuevalue", value);
+  const context = (0, import_useEngineContext.default)();
+  if ((_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.request) {
+    import_utils2.request.setRequest(context.appHelper.utils.request);
+  }
+  const listRef = (0, import_react.useRef)(null);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [orderTypes, setOrderTypes] = (0, import_react.useState)([]);
+  const [salesChannels, setSalesChannels] = (0, import_react.useState)([]);
+  const [staffs, setStaffs] = (0, import_react.useState)([]);
+  const [paymentMethods, setPaymentMethod] = (0, import_react.useState)([]);
+  const init = async () => {
+    let _getStaffList = (0, import_server.getStaffList)();
+    const _getProductChannel = (0, import_server.getProductChannel)();
+    const _getOrderTypes = (0, import_server.getOrderTypes)();
+    const _getPaymentTypes = (0, import_server.getPaymentTypes)();
+    const [staffs2, clannels, orders, payments] = await Promise.all([
+      _getStaffList,
+      _getProductChannel,
+      _getOrderTypes,
+      _getPaymentTypes
+    ]);
+    setStaffs(staffs2);
+    setSalesChannels(clannels);
+    setOrderTypes(orders);
+    setPaymentMethod(payments);
+  };
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+    init();
+  }, []);
+  const config = (0, import_react.useMemo)(() => {
+    return {
+      type: {
+        key: "type",
+        style: { width: 200 },
+        size: "large",
+        options: [
+          {
+            label: import_utils3.locales.getText("pisell2.text.rule-setting.order_type"),
+            value: "type",
+            list: orderTypes
+          },
+          {
+            label: import_utils3.locales.getText("pisell2.text.rule-setting.sales_channel"),
+            value: "platform",
+            list: salesChannels
+          },
+          {
+            label: import_utils3.locales.getText("pisell2.text.rule-setting.staff"),
+            value: "staff",
+            list: staffs
+          },
+          {
+            label: import_utils3.locales.getText("pisell2.text.rule-setting.payment_method"),
+            value: "payment_method",
+            list: paymentMethods
+          },
+          {
+            label: import_utils3.locales.getText(
+              "pisell2.text.rule-setting.pisell_terminal_device"
+            ),
+            value: "pos",
+            list: [
+              {
+                label: import_utils3.locales.getText(
+                  "pisell2.text.rule-setting.current_device"
+                ),
+                value: "current"
+              }
+            ]
+          }
+        ]
+      },
+      rule: {
+        key: "rule",
+        style: { width: 100 },
+        size: "large",
+        options: [
+          {
+            label: import_utils3.locales.getText("pisell2.text.rule-setting.Contain"),
+            value: "contain"
+          },
+          {
+            label: import_utils3.locales.getText("pisell2.text.rule-setting.Exclude"),
+            value: "exclude"
+          }
+        ]
+      },
+      options: {
+        key: "options",
+        style: { flex: 1 },
+        size: "large",
+        mode: "multiple",
+        filterOption: false,
+        showSearch: false
+      }
+    };
+  }, [staffs, salesChannels, orderTypes, paymentMethods]);
+  const handleAddItem = (item) => {
+    let _item = { ...item };
+    _item.rule.push(createRuleItem());
+    return _item;
+  };
+  const updateRuleItem = (item, cId, val) => {
+    let _item = {
+      ...item,
+      rule: item.rule.map((d) => {
+        if (d._id === cId) {
+          return {
+            ...d,
+            ...val
+          };
+        }
+        return d;
+      })
+    };
+    return _item;
+  };
+  const filterAllOption = (list, current) => {
+    let _list = [...list || []];
+    if (!_list.includes("all")) {
+      return _list;
+    }
+    if (_list.length === 1) {
+      return _list;
+    }
+    if (!(current || []).includes("all")) {
+      return ["all"];
+    }
+    return _list.filter((d) => d !== "all");
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Skeleton,
+    {
+      round: true,
+      active: true,
+      loading,
+      className,
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "rule-setting-wrap" }, value.rule.length > 1 ? /* @__PURE__ */ import_react.default.createElement(
+      import_ruleBorder.default,
+      {
+        value: value.type,
+        onChange: (e) => {
+          onChange({ ...value, type: e });
+        },
+        startDomClassName: `rule-setting-item-${value.rule[0]._id}`,
+        endDomClassName: `rule-setting-item-${value.rule[value.rule.length - 1]._id}`
+      }
+    ) : null, /* @__PURE__ */ import_react.default.createElement(
+      import_listComponent.default,
+      {
+        ref: listRef,
+        value: value.rule,
+        onChange: (rule) => {
+          onChange({ ...value, rule });
+        },
+        rowKey: "_id",
+        wrapClassName: "rule-setting-list",
+        createItem: (item) => {
+          return {
+            ...item,
+            type: "and",
+            rule: [
+              {
+                _id: "-1",
+                class: "type",
+                operator: "contain",
+                value: ["all"]
+              }
+            ]
+          };
+        },
+        renderItem: (item, index, remove, update) => {
+          return /* @__PURE__ */ import_react.default.createElement(
+            "div",
+            {
+              className: (0, import_classnames.default)(
+                "rule-setting-item",
+                `rule-setting-item-${item._id}`
+              ),
+              key: item._id
+            },
+            /* @__PURE__ */ import_react.default.createElement("div", { className: "rule-setting-item-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rule-setting-item-title" }, import_utils3.locales.getText("pisell2.text.satisfy_any_condition")), /* @__PURE__ */ import_react.default.createElement("div", { className: "rule-setting-item-btns" }, /* @__PURE__ */ import_react.default.createElement(
+              import_icons.PlusOutlined,
+              {
+                className: "rule-setting-item-btn",
+                onClick: () => {
+                  update(item, handleAddItem(item));
+                }
+              }
+            ), value.rule.length > 1 ? /* @__PURE__ */ import_react.default.createElement(
+              import_icons.CloseOutlined,
+              {
+                className: "rule-setting-item-btn",
+                onClick: () => {
+                  remove(item);
+                }
+              }
+            ) : null)),
+            /* @__PURE__ */ import_react.default.createElement("div", { className: "rule-setting-item-body" }, item.rule.length > 1 ? /* @__PURE__ */ import_react.default.createElement(
+              import_ruleBorder.default,
+              {
+                value: item.type,
+                onChange: (e) => {
+                  update(item, { ...item, type: e });
+                },
+                startDomClassName: `rule-setting-item-body-item-${item.rule[0]._id}`,
+                endDomClassName: `rule-setting-item-body-item-${item.rule[item.rule.length - 1]._id}`
+              }
+            ) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "rule-setting-item-body-list" }, item.rule.map((rule) => {
+              var _a2;
+              return /* @__PURE__ */ import_react.default.createElement(
+                "div",
+                {
+                  className: (0, import_classnames.default)(
+                    "rule-setting-item-body-item",
+                    `rule-setting-item-body-item-${rule._id}`
+                  ),
+                  key: rule._id
+                },
+                /* @__PURE__ */ import_react.default.createElement(
+                  import_antd.Select,
+                  {
+                    ...config.type,
+                    value: rule.class,
+                    onChange: (e) => {
+                      update(
+                        item,
+                        updateRuleItem(item, rule._id, {
+                          class: e,
+                          value: ["all"]
+                        })
+                      );
+                    }
+                  }
+                ),
+                /* @__PURE__ */ import_react.default.createElement(
+                  import_antd.Select,
+                  {
+                    ...config.rule,
+                    value: rule.operator,
+                    onChange: (e) => {
+                      update(
+                        item,
+                        updateRuleItem(item, rule._id, {
+                          operator: e
+                        })
+                      );
+                    }
+                  }
+                ),
+                /* @__PURE__ */ import_react.default.createElement(
+                  import_antd.Select,
+                  {
+                    ...config.options,
+                    options: ((_a2 = config.type.options.find(
+                      (d) => d.value === rule.class
+                    )) == null ? void 0 : _a2.list) || [],
+                    value: rule.value,
+                    onChange: (e, option) => {
+                      console.log("options", option);
+                      update(
+                        item,
+                        updateRuleItem(item, rule._id, {
+                          value: filterAllOption(e, rule.value)
+                        })
+                      );
+                    }
+                  }
+                ),
+                item.rule.length > 1 ? /* @__PURE__ */ import_react.default.createElement(
+                  import_icons.CloseOutlined,
+                  {
+                    onClick: () => {
+                      update(item, {
+                        ...item,
+                        rule: item.rule.filter(
+                          (d) => d._id !== rule._id
+                        )
+                      });
+                    }
+                  }
+                ) : null
+              );
+            })))
+          );
+        },
+        renderAddButton: () => null
+      }
+    )),
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("rule-setting-add-button-wrap", {
+          ["rule-setting-add-button-wrap-padding"]: value.rule.length > 1
+        })
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          size: "large",
+          onClick: () => {
+            listRef.current.add();
+          }
+        },
+        import_utils3.locales.getText("pisell2.text.add")
+      )
+    )
+  );
+};
+var ruleSetting_default = RuleSetting;

package/lib/components/ruleSetting/index.less

@@ -0,0 +1,81 @@
+.rule-setting-wrap {
+  display: flex;
+  align-items: center;
+
+  .rule-setting-list {
+    flex: 1;
+
+    .rule-setting-item {
+      margin-bottom: 20px;
+      padding: 20px;
+      width: 100%;
+      background: #f9fafb;
+      border: 1px solid #ddd;
+      border-radius: 8px;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      .rule-setting-item-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .rule-setting-item-title {
+          font-size: 14px;
+          font-weight: 550;
+        }
+
+        .rule-setting-item-btns {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          .rule-setting-item-btn {
+            width: 40px;
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            font-size: 16px;
+          }
+        }
+      }
+
+      .rule-setting-item-body {
+        margin-top: 10px;
+        display: flex;
+        align-items: center;
+
+        .rule-setting-item-body-list {
+          flex: 1;
+
+
+          .rule-setting-item-body-item {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            margin-bottom: 12px;
+
+            &:last-child {
+              margin-bottom: 0;
+            }
+          }
+        }
+
+      }
+    }
+  }
+}
+
+.rule-setting-add-button-wrap {
+  transition: all 0.2s ease;
+  padding-left: 0;
+  margin-top: 20px;
+
+  &.rule-setting-add-button-wrap-padding {
+    padding-left: 200px;
+  }
+}

package/lib/components/ruleSetting/locales.d.ts

@@ -0,0 +1,48 @@
+declare const _default: {
+    en: {
+        'pisell2.text.satisfy_any_condition': string;
+        'pisell2.text.add': string;
+        'pisell2.text.and': string;
+        'pisell2.text.or': string;
+        'pisell2.text.all': string;
+        'pisell2.text.rule-setting.Contain': string;
+        'pisell2.text.rule-setting.Exclude': string;
+        'pisell2.text.rule-setting.order_type': string;
+        'pisell2.text.rule-setting.sales_channel': string;
+        'pisell2.text.rule-setting.staff': string;
+        'pisell2.text.rule-setting.payment_method': string;
+        'pisell2.text.rule-setting.pisell_terminal_device': string;
+        'pisell2.text.rule-setting.current_device': string;
+    };
+    'zh-CN': {
+        'pisell2.text.satisfy_any_condition': string;
+        'pisell2.text.and': string;
+        'pisell2.text.or': string;
+        'pisell2.text.all': string;
+        'pisell2.text.add': string;
+        'pisell2.text.rule-setting.Contain': string;
+        'pisell2.text.rule-setting.Exclude': string;
+        'pisell2.text.rule-setting.order_type': string;
+        'pisell2.text.rule-setting.sales_channel': string;
+        'pisell2.text.rule-setting.staff': string;
+        'pisell2.text.rule-setting.payment_method': string;
+        'pisell2.text.rule-setting.pisell_terminal_device': string;
+        'pisell2.text.rule-setting.current_device': string;
+    };
+    'zh-HK': {
+        'pisell2.text.satisfy_any_condition': string;
+        'pisell2.text.and': string;
+        'pisell2.text.or': string;
+        'pisell2.text.all': string;
+        'pisell2.text.add': string;
+        'pisell2.text.rule-setting.Contain': string;
+        'pisell2.text.rule-setting.Exclude': string;
+        'pisell2.text.rule-setting.order_type': string;
+        'pisell2.text.rule-setting.sales_channel': string;
+        'pisell2.text.rule-setting.staff': string;
+        'pisell2.text.rule-setting.payment_method': string;
+        'pisell2.text.rule-setting.pisell_terminal_device': string;
+        'pisell2.text.rule-setting.current_device': string;
+    };
+};
+export default _default;

package/lib/components/ruleSetting/locales.js

@@ -0,0 +1,71 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ruleSetting/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  "en": {
+    "pisell2.text.satisfy_any_condition": "Satisfy any condition",
+    "pisell2.text.add": "Add",
+    "pisell2.text.and": "And",
+    "pisell2.text.or": "Or",
+    "pisell2.text.all": "All",
+    "pisell2.text.rule-setting.Contain": "Contain",
+    "pisell2.text.rule-setting.Exclude": "Exclude",
+    "pisell2.text.rule-setting.order_type": "Order type",
+    "pisell2.text.rule-setting.sales_channel": "Operation platform",
+    "pisell2.text.rule-setting.staff": "Staff",
+    "pisell2.text.rule-setting.payment_method": "Payment method",
+    "pisell2.text.rule-setting.pisell_terminal_device": "Pisell terminal device",
+    "pisell2.text.rule-setting.current_device": "Current device"
+  },
+  "zh-CN": {
+    "pisell2.text.satisfy_any_condition": "满足任何条件",
+    "pisell2.text.and": "并且",
+    "pisell2.text.or": "或者",
+    "pisell2.text.all": "全部",
+    "pisell2.text.add": "添加",
+    "pisell2.text.rule-setting.Contain": "包含",
+    "pisell2.text.rule-setting.Exclude": "不包含",
+    "pisell2.text.rule-setting.order_type": "订单类型",
+    "pisell2.text.rule-setting.sales_channel": "操作平台",
+    "pisell2.text.rule-setting.staff": "员工",
+    "pisell2.text.rule-setting.payment_method": "支付方式",
+    "pisell2.text.rule-setting.pisell_terminal_device": "Pisell终端",
+    "pisell2.text.rule-setting.current_device": "当前设备"
+  },
+  "zh-HK": {
+    "pisell2.text.satisfy_any_condition": "滿足任何條件",
+    "pisell2.text.and": "並且",
+    "pisell2.text.or": "或者",
+    "pisell2.text.all": "全部",
+    "pisell2.text.add": "添加",
+    "pisell2.text.rule-setting.Contain": "包含",
+    "pisell2.text.rule-setting.Exclude": "不包含",
+    "pisell2.text.rule-setting.order_type": "訂單類型",
+    "pisell2.text.rule-setting.sales_channel": "操作平台",
+    "pisell2.text.rule-setting.staff": "員工",
+    "pisell2.text.rule-setting.payment_method": "支付方式",
+    "pisell2.text.rule-setting.pisell_terminal_device": "Pisell終端",
+    "pisell2.text.rule-setting.current_device": "當前設備"
+  }
+};

package/lib/components/ruleSetting/ruleBorder/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.less";
+interface RuleSettingProps {
+    value: any;
+    onChange: (type: string) => void;
+    startDomClassName: string;
+    endDomClassName: string;
+}
+declare const RuleBorder: (props: RuleSettingProps) => React.JSX.Element;
+export default RuleBorder;

package/lib/components/ruleSetting/ruleBorder/index.js

@@ -0,0 +1,89 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ruleSetting/ruleBorder/index.tsx
+var ruleBorder_exports = {};
+__export(ruleBorder_exports, {
+  default: () => ruleBorder_default
+});
+module.exports = __toCommonJS(ruleBorder_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var RuleBorder = (props) => {
+  const { startDomClassName, endDomClassName, value, onChange } = props;
+  const [typePosition, setTypePosition] = (0, import_react.useState)({
+    top: "0px",
+    bottom: "0px"
+  });
+  const includeOption = [
+    {
+      label: import_utils.locales.getText("pisell2.text.and"),
+      value: "and"
+    },
+    {
+      label: import_utils.locales.getText("pisell2.text.or"),
+      value: "or"
+    }
+  ];
+  const getTypePosition = (startDomClassName2, endDomClassName2) => {
+    let startDom = document.querySelector(`.${startDomClassName2}`);
+    let endDom = document.querySelector(`.${endDomClassName2}`);
+    let startDomRect = startDom == null ? void 0 : startDom.getBoundingClientRect();
+    let endDomRect = endDom == null ? void 0 : endDom.getBoundingClientRect();
+    if (startDomRect && endDomRect) {
+      let startDomHeight = startDomRect.height;
+      let endDomHeight = endDomRect.height;
+      return {
+        top: startDomHeight / 2 + "px",
+        bottom: endDomHeight / 2 + "px"
+      };
+    }
+    return {
+      top: "0px",
+      bottom: "0px"
+    };
+  };
+  (0, import_react.useEffect)(() => {
+    setTypePosition(getTypePosition(startDomClassName, endDomClassName));
+  }, [startDomClassName, endDomClassName]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "rule-setting-type" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "border", style: typePosition }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Select,
+    {
+      className: "rule-setting-type-select",
+      options: includeOption,
+      size: "large",
+      value,
+      onChange: (type) => {
+        onChange(type);
+      }
+    }
+  )));
+};
+var ruleBorder_default = RuleBorder;