@pisell/private-materials 3.0.184 → 3.0.186

package/lib/components/pisellSelectCustomerModal/RightPanel/index.js

@@ -0,0 +1,150 @@
+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/pisellSelectCustomerModal/RightPanel/index.tsx
+var RightPanel_exports = {};
+__export(RightPanel_exports, {
+  default: () => RightPanel_default
+});
+module.exports = __toCommonJS(RightPanel_exports);
+var import_react = __toESM(require("react"));
+var import_index = require("./index.less");
+var import_classnames = __toESM(require("classnames"));
+var import_ahooks = require("ahooks");
+var import_serve = require("./serve");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_utils = require("../../../utils");
+var import_PlusCircle = __toESM(require("@pisell/icon/es/PlusCircle"));
+var import_List = __toESM(require("./List"));
+var import_Add = __toESM(require("./Add"));
+var import_ChevronLeft = __toESM(require("@pisell/icon/es/ChevronLeft"));
+var import_utils2 = require("@pisell/utils");
+var defaultParams = {
+  skip: 1,
+  num: 10,
+  sort_by: "id",
+  search: ""
+};
+var RightPanel = (props) => {
+  const { value, onChange, phone } = props;
+  const [page, setPage] = (0, import_react.useState)("list");
+  const context = (0, import_useEngineContext.default)();
+  import_utils.request.setRequest(context.appHelper.utils.request);
+  const [customerOrigin, setCustomerOrigin] = (0, import_react.useState)({
+    skip: 1,
+    count: 0,
+    list: []
+  });
+  const [params, setParams] = (0, import_react.useState)(defaultParams);
+  const _getCustomerList = (0, import_ahooks.useRequest)(import_serve.getCustomerList, {
+    manual: true,
+    onSuccess: (res, param) => {
+      const _params = param[0];
+      setParams(_params);
+      let list = [];
+      if (_params.skip === 1) {
+        list = res.list;
+      } else {
+        list = customerOrigin.list.concat(res.list);
+      }
+      setCustomerOrigin({ ...res, list });
+    }
+  });
+  (0, import_react.useEffect)(() => {
+    if (page !== "list") {
+      return;
+    }
+    _getCustomerList.run({
+      ...defaultParams,
+      search: phone
+    });
+  }, [phone, page]);
+  const header = (0, import_react.useMemo)(() => {
+    if (page === "list") {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "select-customer-right-panel-header" }, /* @__PURE__ */ import_react.default.createElement("span", null, phone ? import_utils2.locales.getText("pisell2.text.result-found") : import_utils2.locales.getText("pisell2.text.personnel-list")), /* @__PURE__ */ import_react.default.createElement(
+        import_PlusCircle.default,
+        {
+          className: "select-customer-right-panel-header-icon",
+          onClick: () => {
+            setPage("create");
+          }
+        }
+      ));
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("select-customer-right-panel-header", {
+          "select-customer-right-panel-header-create": page === "create"
+        })
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_ChevronLeft.default,
+        {
+          className: "select-customer-right-panel-header-icon select-customer-right-panel-header-icon-back",
+          onClick: () => {
+            setPage("list");
+          }
+        }
+      ),
+      import_utils2.locales.getText("pisell2.text.create-new-client")
+    );
+  }, [phone, page]);
+  const addChange = (values) => {
+    setPage("list");
+    if (values == null ? void 0 : values.is_checked) {
+      onChange == null ? void 0 : onChange(values);
+    }
+    setCustomerOrigin({
+      ...customerOrigin,
+      count: customerOrigin.count + 1,
+      list: [values].concat(customerOrigin.list)
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "select-customer-right-panel" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "select-customer-right-panel-header" }, header), page === "list" ? /* @__PURE__ */ import_react.default.createElement(
+    import_List.default,
+    {
+      loading: _getCustomerList.loading,
+      phone,
+      customerOrigin,
+      value,
+      onChange,
+      onLoadMore: () => {
+        if (customerOrigin.list.length >= customerOrigin.count) {
+          return;
+        }
+        _getCustomerList.run({
+          ...params,
+          skip: params.skip + 1
+        });
+      },
+      setPage
+    }
+  ) : null, page === "create" ? /* @__PURE__ */ import_react.default.createElement(import_Add.default, { phone, onChange: addChange }) : null);
+};
+var RightPanel_default = RightPanel;

package/lib/components/pisellSelectCustomerModal/RightPanel/index.less

@@ -0,0 +1,43 @@
+.select-customer-right-panel {
+  width: 348px;
+  height: 511px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+
+  .select-customer-right-panel-header {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 44px;
+    position: sticky;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 1;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .select-customer-right-panel-header-create {
+      justify-content: flex-start;
+    }
+
+    .select-customer-right-panel-header-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 44px;
+      height: 44px;
+      cursor: pointer;
+      font-size: 24px;
+    }
+
+    .select-customer-right-panel-header-icon-back {
+      justify-content: flex-start;
+      width: 24px;
+    }
+  }
+}

package/lib/components/pisellSelectCustomerModal/RightPanel/mock.d.ts

@@ -0,0 +1,47 @@
+declare const _default: {
+    status: boolean;
+    code: number;
+    message: string;
+    data: {
+        list: ({
+            phone: string;
+            email: string;
+            country_calling_code: string;
+            channel: string;
+            shop_id: number;
+            display_name: string;
+            updated_at: string;
+            created_at: string;
+            id: number;
+            nickname?: undefined;
+            is_deleted?: undefined;
+        } | {
+            id: number;
+            shop_id: number;
+            country_calling_code: string;
+            phone: string;
+            display_name: string;
+            nickname: string;
+            email: string;
+            channel: string;
+            is_deleted: number;
+            created_at: string;
+            updated_at: string;
+        } | {
+            shop_id: string;
+            nickname: string;
+            channel: string;
+            updated_at: string;
+            created_at: string;
+            id: number;
+            phone?: undefined;
+            email?: undefined;
+            country_calling_code?: undefined;
+            display_name?: undefined;
+            is_deleted?: undefined;
+        })[];
+        count: number;
+        skip: number;
+    };
+};
+export default _default;

package/lib/components/pisellSelectCustomerModal/RightPanel/mock.js

@@ -0,0 +1,150 @@
+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/pisellSelectCustomerModal/RightPanel/mock.ts
+var mock_exports = {};
+__export(mock_exports, {
+  default: () => mock_default
+});
+module.exports = __toCommonJS(mock_exports);
+var mock_default = {
+  "status": true,
+  "code": 200,
+  "message": "",
+  "data": {
+    "list": [
+      {
+        "phone": "",
+        "email": "",
+        "country_calling_code": "+61",
+        "channel": "online_store",
+        "shop_id": 9,
+        "display_name": "佳10.30 贾",
+        "updated_at": "2024-10-30 15:52:49",
+        "created_at": "2024-10-30 15:52:49",
+        "id": 12886
+      },
+      {
+        "id": 12885,
+        "shop_id": 9,
+        "country_calling_code": "61",
+        "phone": "0457843688",
+        "display_name": "儿 子",
+        "nickname": "",
+        "email": "",
+        "channel": "online_store",
+        "is_deleted": 0,
+        "created_at": "2024-10-30 15:14:59",
+        "updated_at": "2024-10-30 15:15:41"
+      },
+      {
+        "shop_id": "9",
+        "nickname": "Guest",
+        "channel": "online_store",
+        "updated_at": "2024-10-29 10:37:46",
+        "created_at": "2024-10-29 10:37:46",
+        "id": 12882
+      },
+      {
+        "id": 12881,
+        "shop_id": 9,
+        "country_calling_code": "",
+        "phone": "",
+        "display_name": "123 123",
+        "nickname": "Guest",
+        "email": "",
+        "channel": "online_store",
+        "is_deleted": 0,
+        "created_at": "2024-10-29 10:37:35",
+        "updated_at": "2024-10-30 15:13:33"
+      },
+      {
+        "id": 12878,
+        "shop_id": 9,
+        "country_calling_code": "61",
+        "phone": "0473261388",
+        "display_name": "子 儿",
+        "nickname": "",
+        "email": "66wwef@qq.com",
+        "channel": "online_store",
+        "is_deleted": 0,
+        "created_at": "2024-10-29 10:00:51",
+        "updated_at": "2024-10-30 15:12:17"
+      },
+      {
+        "id": 12877,
+        "shop_id": 9,
+        "country_calling_code": "61",
+        "phone": "0412121212",
+        "display_name": "321 123",
+        "nickname": "",
+        "email": "",
+        "channel": "online_store",
+        "is_deleted": 0,
+        "created_at": "2024-10-29 09:58:15",
+        "updated_at": "2024-10-30 15:15:21"
+      },
+      {
+        "phone": "5555",
+        "email": "260572440593331@qq.com",
+        "country_calling_code": "+61",
+        "channel": "online_store",
+        "shop_id": 9,
+        "display_name": "12334444 2213344",
+        "updated_at": "2024-10-29 09:57:48",
+        "created_at": "2024-10-29 09:57:48",
+        "id": 12876
+      },
+      {
+        "phone": "41234445333",
+        "email": "2605720593331@qq.com",
+        "country_calling_code": "+61",
+        "channel": "online_store",
+        "shop_id": 9,
+        "display_name": "1233 22133",
+        "updated_at": "2024-10-29 09:56:46",
+        "created_at": "2024-10-29 09:56:46",
+        "id": 12875
+      },
+      {
+        "phone": "333555",
+        "email": "3333@qq.cxom",
+        "country_calling_code": "+61",
+        "channel": "online_store",
+        "shop_id": 9,
+        "display_name": "003 003",
+        "updated_at": "2024-10-29 09:55:09",
+        "created_at": "2024-10-29 09:55:09",
+        "id": 12874
+      },
+      {
+        "phone": "",
+        "email": "",
+        "country_calling_code": "+61",
+        "channel": "online_store",
+        "shop_id": 9,
+        "display_name": "002 009",
+        "updated_at": "2024-10-29 09:53:51",
+        "created_at": "2024-10-29 09:53:51",
+        "id": 12873
+      }
+    ],
+    "count": 3367,
+    "skip": 2
+  }
+};

package/lib/components/pisellSelectCustomerModal/RightPanel/serve.d.ts

@@ -0,0 +1,3 @@
+import { QueryParams } from './index';
+export declare const getCustomerList: (params: QueryParams) => Promise<any>;
+export declare const addCustomer: (params: any) => Promise<any>;

package/lib/components/pisellSelectCustomerModal/RightPanel/serve.js

@@ -0,0 +1,39 @@
+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/pisellSelectCustomerModal/RightPanel/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  addCustomer: () => addCustomer,
+  getCustomerList: () => getCustomerList
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../../utils");
+var getCustomerList = async (params) => {
+  let { data } = await import_utils.request.getRequest().get(`/shop/customer/select-list`, params, { abort: true, fullResult: true });
+  return data;
+};
+var addCustomer = async (params) => {
+  const res = await import_utils.request.getRequest().post(`/shop/customer`, params, { abort: true, fullResult: true });
+  return res == null ? void 0 : res.data;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addCustomer,
+  getCustomerList
+});

package/lib/components/pisellSelectCustomerModal/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PopoverProps } from 'antd';
+import { CustomerCardProps } from './CustomerCard';
+import './index.less';
+declare type CustomerDetail = any;
+interface PisellSelectCustomerModalProps {
+    value?: CustomerDetail;
+    onChange: (e: CustomerDetail) => void;
+    popoverProps: PopoverProps;
+    cardProps?: CustomerCardProps;
+    virtualKeyboardProps?: any;
+    keyboardProps?: any;
+    virtualKeyInputProps?: any;
+}
+declare const PisellSelectCustomerModal: (props: PisellSelectCustomerModalProps) => React.JSX.Element;
+export default PisellSelectCustomerModal;

package/lib/components/pisellSelectCustomerModal/index.js

@@ -0,0 +1,230 @@
+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/pisellSelectCustomerModal/index.tsx
+var pisellSelectCustomerModal_exports = {};
+__export(pisellSelectCustomerModal_exports, {
+  default: () => pisellSelectCustomerModal_default
+});
+module.exports = __toCommonJS(pisellSelectCustomerModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_antd = require("antd");
+var import_RightPanel = __toESM(require("./RightPanel"));
+var import_CustomerCard = __toESM(require("./CustomerCard"));
+var import_index = require("./index.less");
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_locales = __toESM(require("./locales"));
+var items = [
+  {
+    value: 1,
+    label: "1",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 2,
+    label: "2",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 3,
+    label: "3",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 4,
+    label: "4",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 5,
+    label: "5",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 6,
+    label: "6",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 7,
+    label: "7",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 8,
+    label: "8",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: 9,
+    label: "9",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: "+",
+    label: "+",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: "0",
+    label: "0",
+    disabled: false,
+    type: "text"
+  },
+  {
+    value: "reset",
+    label: "Reset",
+    disabled: false,
+    type: "text"
+  }
+];
+var PisellSelectCustomerModal = (props) => {
+  const {
+    onChange,
+    value,
+    popoverProps,
+    virtualKeyboardProps,
+    keyboardProps,
+    virtualKeyInputProps,
+    cardProps
+  } = props;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [_value, set_value] = (0, import_react.useState)();
+  const [phone, setPhone] = (0, import_react.useState)("");
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
+  (0, import_react.useEffect)(() => {
+    set_value(value);
+  }, [value]);
+  const _onChange = (e) => {
+    set_value(e);
+    onChange == null ? void 0 : onChange(e);
+    setOpen(false);
+  };
+  const onOpenChange = (e) => {
+    setOpen(e);
+  };
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      document.body.classList.add("hide-scroll");
+    } else {
+      setTimeout(() => {
+        document.body.classList.remove("hide-scroll");
+      }, 150);
+    }
+  }, [open]);
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
+  const adjustFontSize = (0, import_react.useMemo)(() => {
+    const maxFontSize = 60;
+    const minFontSize = 10;
+    const defaultFontSize = maxFontSize;
+    const inputWidth = 248;
+    const span = document.createElement("span");
+    span.style.position = "absolute";
+    span.style.whiteSpace = "nowrap";
+    span.style.visibility = "hidden";
+    span.style.fontSize = `${defaultFontSize}px`;
+    span.textContent = phone;
+    document.body.appendChild(span);
+    let fontSize = maxFontSize;
+    while (span.offsetWidth > inputWidth && fontSize > minFontSize) {
+      fontSize -= 0.5;
+      span.style.fontSize = `${fontSize}px`;
+    }
+    document.body.removeChild(span);
+    return fontSize;
+  }, [phone]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      content: /* @__PURE__ */ import_react.default.createElement(
+        import_materials.VirtualKeyboard,
+        {
+          style: { zoom: 0.8 },
+          keyboardProps: {
+            keydown: false,
+            items,
+            onChange: (e) => {
+              if (e === "reset") {
+                setPhone("");
+                return;
+              }
+              setPhone(phone + String(e));
+            },
+            ...keyboardProps
+          },
+          virtualKeyInputProps: {
+            value: phone,
+            onChange: (e) => {
+              setPhone(e.target.value);
+            },
+            style: {
+              textAlign: "left",
+              fontSize: adjustFontSize
+            },
+            ...virtualKeyInputProps
+          },
+          rightPanel: /* @__PURE__ */ import_react.default.createElement(import_RightPanel.default, { value: _value, phone, onChange: _onChange }),
+          ...virtualKeyboardProps
+        }
+      ),
+      open,
+      placement: "bottom",
+      arrow: false,
+      onOpenChange,
+      trigger: ["click"],
+      ...popoverProps
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_CustomerCard.default,
+      {
+        onClickItem: () => {
+          setOpen(true);
+        },
+        customer: _value,
+        onRemove: _onChange,
+        ...cardProps
+      }
+    )
+  ));
+};
+var pisellSelectCustomerModal_default = PisellSelectCustomerModal;