@pisell/private-materials 6.3.90 → 6.3.92

package/lib/plus/clinetSearch/index.js

@@ -0,0 +1,237 @@
+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/plus/clinetSearch/index.tsx
+var clinetSearch_exports = {};
+__export(clinetSearch_exports, {
+  default: () => clinetSearch_default
+});
+module.exports = __toCommonJS(clinetSearch_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_dayjs = __toESM(require("dayjs"));
+var import_InfiniteScroll = __toESM(require("./InfiniteScroll"));
+var import_comprehensiveSearch = __toESM(require("../../pro/comprehensiveSearch"));
+var import_clientName = __toESM(require("../clientName"));
+var import_Add = __toESM(require("./Add"));
+var import_locales = __toESM(require("./locales"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_useTranslationOriginal = __toESM(require("../../hooks/useTranslationOriginal"));
+var import_index = require("./index.less");
+var ClientSearch = (0, import_react.forwardRef)(
+  ({
+    onRowClick,
+    resultProps,
+    onAddClient,
+    hasMore,
+    onLoadMore,
+    state,
+    ...props
+  }, ref) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const [modalVisible, setModalVisible] = (0, import_react.useState)(false);
+    const comprehensiveSearchRef = (0, import_react.useRef)(null);
+    const addClientRef = (0, import_react.useRef)(null);
+    const scrollContainerRef = (0, import_react.useRef)(null);
+    const translationOriginal = (0, import_useTranslationOriginal.default)();
+    const context = (0, import_useEngineContext.default)();
+    import_utils.locales.init(
+      import_locales.default,
+      ((_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.storage) == null ? void 0 : _c.get("umi_locale")) || "en"
+    );
+    const appointmentSubject = ((_f = (_e = (_d = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _d.config) == null ? void 0 : _e.basic) == null ? void 0 : _f.appointment_subject) || {};
+    const translation = (_h = (_g = context == null ? void 0 : context.appHelper) == null ? void 0 : _g.utils) == null ? void 0 : _h.translationShop;
+    const handleAdd = () => {
+      setModalVisible(true);
+    };
+    const handleModalCancel = () => {
+      var _a2;
+      setModalVisible(false);
+      (_a2 = addClientRef.current) == null ? void 0 : _a2.reset();
+    };
+    const renderListHeader = () => {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "client-search-list-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 180 } }, import_utils.locales.getText("pisell2.text.client-search.name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 110 } }, import_utils.locales.getText("pisell2.text.client-search.register-time")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 125 } }, import_utils.locales.getText("pisell2.text.client-search.membership")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 180 } }, import_utils.locales.getText("pisell2.text.client-search.contact-info")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 200 } }, translation(appointmentSubject == null ? void 0 : appointmentSubject.form_name) || import_utils.locales.getText("pisell2.text.client-search.holder")));
+    };
+    const renderResults = (searchResults) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (searchResults == null ? void 0 : searchResults.length) ? renderListHeader() : null, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          ref: scrollContainerRef,
+          id: "client-search_infinite-scroll",
+          style: {
+            height: "calc(100% - 40px)",
+            overflowY: "auto",
+            overflowX: "hidden",
+            display: "flex"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_InfiniteScroll.default,
+          {
+            dataLength: searchResults.length,
+            next: () => {
+              console.log("loading more");
+              onLoadMore == null ? void 0 : onLoadMore();
+            },
+            hasMore: hasMore || false,
+            style: { width: "100%" },
+            loader: /* @__PURE__ */ import_react.default.createElement(
+              "div",
+              {
+                style: {
+                  textAlign: "center",
+                  padding: "20px",
+                  color: "#999"
+                }
+              },
+              import_utils.locales.getText("pisell2.text.loading")
+            ),
+            endMessage: /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "center", color: "#999" } }, (searchResults == null ? void 0 : searchResults.length) ? import_utils.locales.getText("pisell2.text.no-more-data") : null),
+            scrollableTarget: "client-search_infinite-scroll",
+            scrollThreshold: "180px"
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_antd.List,
+            {
+              dataSource: searchResults,
+              renderItem: (item, index) => {
+                var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i, _j;
+                const membershipText = (_b2 = (_a2 = item.latest_wallet_detail) == null ? void 0 : _a2.wallet) == null ? void 0 : _b2.name;
+                return /* @__PURE__ */ import_react.default.createElement(
+                  import_antd.List.Item,
+                  {
+                    key: item.id,
+                    className: "client-search-list-item"
+                  },
+                  /* @__PURE__ */ import_react.default.createElement(
+                    "div",
+                    {
+                      className: "list-item-content",
+                      onClick: () => onRowClick == null ? void 0 : onRowClick(item, index || 0),
+                      style: { cursor: "pointer" }
+                    },
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 180 } }, /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: item }), /* @__PURE__ */ import_react.default.createElement("div", null, item.phone || "-"), /* @__PURE__ */ import_react.default.createElement(
+                      "div",
+                      {
+                        style: {
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap"
+                        }
+                      },
+                      item.email || "-"
+                    )),
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 110 } }, (0, import_dayjs.default)(item.created_at).format("YYYY-MM-DD") || "-"),
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 125 } }, membershipText && (translationOriginal == null ? void 0 : translationOriginal(membershipText)) ? /* @__PURE__ */ import_react.default.createElement(
+                      import_antd.Tag,
+                      {
+                        color: "gold",
+                        style: {
+                          overflow: "hidden",
+                          whiteSpace: "nowrap",
+                          textOverflow: "ellipsis",
+                          width: "auto",
+                          maxWidth: "100%",
+                          display: "inline-block",
+                          borderRadius: 16,
+                          marginRight: 0
+                        }
+                      },
+                      translationOriginal == null ? void 0 : translationOriginal(membershipText)
+                    ) : "-"),
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 180 } }, /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: (_c2 = item == null ? void 0 : item.contacts_info) == null ? void 0 : _c2.value }), ((_f2 = (_e2 = (_d2 = item == null ? void 0 : item.contacts_info) == null ? void 0 : _d2.value) == null ? void 0 : _e2.phone) == null ? void 0 : _f2.phone) || "-", /* @__PURE__ */ import_react.default.createElement(
+                      "div",
+                      {
+                        style: {
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap"
+                        }
+                      },
+                      ((_h2 = (_g2 = item == null ? void 0 : item.contacts_info) == null ? void 0 : _g2.value) == null ? void 0 : _h2.email) || "-"
+                    )),
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 200 } }, ((_i = item == null ? void 0 : item.form_record) == null ? void 0 : _i.length) > 0 ? (_j = item == null ? void 0 : item.form_record) == null ? void 0 : _j.map((itemForm) => {
+                      return /* @__PURE__ */ import_react.default.createElement(
+                        "div",
+                        {
+                          key: itemForm == null ? void 0 : itemForm.id,
+                          style: {
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap"
+                          }
+                        },
+                        (itemForm == null ? void 0 : itemForm.main_field) || "-"
+                      );
+                    }) : "-")
+                  )
+                );
+              }
+            }
+          )
+        )
+      ));
+    };
+    const handleAddClient = (record, isChecked) => {
+      onAddClient == null ? void 0 : onAddClient(record, isChecked);
+      handleModalCancel();
+    };
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      resetScrollPosition: () => {
+        if (scrollContainerRef.current) {
+          scrollContainerRef.current.scrollTop = 0;
+        }
+      }
+    }));
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      import_comprehensiveSearch.default,
+      {
+        ...props,
+        ref: comprehensiveSearchRef,
+        renderType: "modal",
+        onAdd: handleAdd,
+        resultDisplay: renderResults
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_Add.default,
+      {
+        containerProps: {
+          className: "pisell-client-search__new-client-modal",
+          title: import_utils.locales.getText("pisell2.text.create-new-client"),
+          open: modalVisible,
+          onCancel: handleModalCancel,
+          width: 680
+        },
+        onChange: handleAddClient,
+        ref: addClientRef
+      }
+    ));
+  }
+);
+var clinetSearch_default = ClientSearch;

package/lib/plus/clinetSearch/index.less

@@ -0,0 +1,95 @@
+.client-search-table {
+  .pisell-lowcode-table-tbody > tr {
+    cursor: pointer;
+
+    &:hover {
+      background-color: #f5f5f5;
+    }
+  }
+
+  .pisell-lowcode-table-thead > tr > th {
+    background-color: #fafafa;
+    font-weight: 600;
+  }
+}
+
+// List样式
+.client-search-list-header {
+  display: flex;
+  background-color: #fafafa;
+  border-bottom: 1px solid #d9d9d9;
+  padding: 12px 16px;
+  font-weight: 600;
+
+  .header-item {
+    flex-shrink: 0;
+    padding-right: 16px;
+    color: rgba(0, 0, 0, 0.85);
+    font-size: 14px;
+    word-break: keep-all;
+    overflow: hidden;
+    word-wrap: normal;
+    text-overflow: ellipsis;
+  }
+}
+
+.client-search-list-item {
+  cursor: pointer;
+  border-bottom: 1px solid #f0f0f0;
+  padding: 0 !important;
+
+  &:hover {
+    background-color: #f5f5f5;
+  }
+
+  &:last-child {
+    border-bottom: none;
+  }
+
+  .list-item-content {
+    display: flex;
+    width: 100%;
+    padding: 12px 16px;
+
+    .item-cell {
+      flex-shrink: 0;
+      padding-right: 16px;
+      color: rgba(0, 0, 0, 0.85);
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+      overflow: hidden;
+      display: inline-block;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  // 添加点击事件处理
+  .ant-list-item-meta {
+    pointer-events: none;
+  }
+}
+
+.client-search-form {
+  padding: 16px 0;
+
+  .ant-form-item {
+    margin-bottom: 16px;
+  }
+
+  .ant-input {
+    height: 40px;
+  }
+}
+
+.comprehensive-search {
+  .comprehensive-search__results-container {
+    .client-search-table {
+      .pisell-lowcode-table {
+        border: 1px solid #d9d9d9;
+        border-radius: 6px;
+      }
+    }
+  }
+}

package/lib/plus/clinetSearch/locales.d.ts

@@ -0,0 +1,108 @@
+declare const _default: {
+    en: {
+        'pisell2.text.leave-empty-for-walk-in': string;
+        'pisell2.text.date-year-text': string;
+        'pisell2.text.date-month-text': string;
+        'pisell2.text.date-day-text': string;
+        'pisell2.text.gender': string;
+        'pisell2.text.gender.male': string;
+        'pisell2.text.gender.female': string;
+        'pisell2.text.birthday': string;
+        'pisell2.text.phone': string;
+        'pisell2.text.email': string;
+        'pisell2.text.lastname': string;
+        'pisell2.text.firstname': string;
+        'pisell2.text.email-error-message': string;
+        'pisell2.text.notes': string;
+        'pisell2.text.save': string;
+        'pisell2.text.save-and-select': string;
+        'pisell2.text.no-results-found': string;
+        'pisell2.text.create-new-client': string;
+        'pisell2.text.result-found': string;
+        'pisell2.text.personnel-list': string;
+        'pisell2.text.load-more': string;
+        'pisell2.text.add-client.confirm': string;
+        'pisell2.text.search-customer-by-phone-number': string;
+        'pisell2.text.create': string;
+        'pisell2.text.loading': string;
+        'pisell2.text.no-more-data': string;
+        'pisell2.text.client-search.name': string;
+        'pisell2.text.client-search.register-time': string;
+        'pisell2.text.client-search.phone': string;
+        'pisell2.text.client-search.email': string;
+        'pisell2.text.client-search.membership': string;
+        'pisell2.text.client-search.contact-info': string;
+        'pisell2.text.client-search.holder': string;
+    };
+    'zh-CN': {
+        'pisell2.text.leave-empty-for-walk-in': string;
+        'pisell2.text.date-year-text': string;
+        'pisell2.text.date-month-text': string;
+        'pisell2.text.date-day-text': string;
+        'pisell2.text.gender': string;
+        'pisell2.text.gender.male': string;
+        'pisell2.text.gender.female': string;
+        'pisell2.text.birthday': string;
+        'pisell2.text.phone': string;
+        'pisell2.text.email': string;
+        'pisell2.text.lastname': string;
+        'pisell2.text.firstname': string;
+        'pisell2.text.email-error-message': string;
+        'pisell2.text.notes': string;
+        'pisell2.text.save': string;
+        'pisell2.text.save-and-select': string;
+        'pisell2.text.no-results-found': string;
+        'pisell2.text.create-new-client': string;
+        'pisell2.text.result-found': string;
+        'pisell2.text.personnel-list': string;
+        'pisell2.text.add-client.confirm': string;
+        'pisell2.text.load-more': string;
+        'pisell2.text.search-customer-by-phone-number': string;
+        'pisell2.text.create': string;
+        'pisell2.text.loading': string;
+        'pisell2.text.no-more-data': string;
+        'pisell2.text.client-search.name': string;
+        'pisell2.text.client-search.register-time': string;
+        'pisell2.text.client-search.phone': string;
+        'pisell2.text.client-search.email': string;
+        'pisell2.text.client-search.membership': string;
+        'pisell2.text.client-search.contact-info': string;
+        'pisell2.text.client-search.holder': string;
+    };
+    'zh-HK': {
+        'pisell2.text.leave-empty-for-walk-in': string;
+        'pisell2.text.date-year-text': string;
+        'pisell2.text.date-month-text': string;
+        'pisell2.text.date-day-text': string;
+        'pisell2.text.gender': string;
+        'pisell2.text.gender.male': string;
+        'pisell2.text.gender.female': string;
+        'pisell2.text.birthday': string;
+        'pisell2.text.phone': string;
+        'pisell2.text.email': string;
+        'pisell2.text.lastname': string;
+        'pisell2.text.firstname': string;
+        'pisell2.text.email-error-message': string;
+        'pisell2.text.notes': string;
+        'pisell2.text.save': string;
+        'pisell2.text.save-and-select': string;
+        'pisell2.text.no-results-found': string;
+        'pisell2.text.create-new-client': string;
+        'pisell2.text.result-found': string;
+        'pisell2.text.personnel-list': string;
+        'pisell2.text.add-client.confirm': string;
+        'pisell2.text.load-more': string;
+        'pisell2.text.search-customer-by-phone-number': string;
+        'pisell2.text.create': string;
+        'pisell2.text.loading': string;
+        'pisell2.text.no-more-data': string;
+        'pisell2.text.client-search.name': string;
+        'pisell2.text.client-search.register-time': string;
+        'pisell2.text.client-search.phone': string;
+        'pisell2.text.client-search.email': string;
+        'pisell2.text.client-search.membership': string;
+        'pisell2.text.client-search.contact-info': string;
+        'pisell2.text.client-search.holder': string;
+    };
+};
+export default _default;

package/lib/plus/clinetSearch/locales.js

@@ -0,0 +1,131 @@
+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/plus/clinetSearch/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    "pisell2.text.leave-empty-for-walk-in": "Leave empty for Walk-In",
+    "pisell2.text.date-year-text": "YYYY",
+    "pisell2.text.date-month-text": "MM",
+    "pisell2.text.date-day-text": "DD",
+    "pisell2.text.gender": "Gender",
+    "pisell2.text.gender.male": "Male",
+    "pisell2.text.gender.female": "Female",
+    "pisell2.text.birthday": "Birthday",
+    "pisell2.text.phone": "Phone Number",
+    "pisell2.text.email": "Email",
+    "pisell2.text.lastname": "Last Name",
+    "pisell2.text.firstname": "First Name",
+    "pisell2.text.email-error-message": "Email format error",
+    "pisell2.text.notes": "Note",
+    "pisell2.text.save": "Save",
+    "pisell2.text.save-and-select": "Save and select",
+    "pisell2.text.no-results-found": "No results found.",
+    "pisell2.text.create-new-client": "Create new customer",
+    "pisell2.text.result-found": "Result found",
+    "pisell2.text.personnel-list": "Personnel list",
+    "pisell2.text.load-more": "Load more",
+    "pisell2.text.add-client.confirm": "Fill in at least one name, phone number and email address",
+    "pisell2.text.search-customer-by-phone-number": "Search by phone number",
+    "pisell2.text.create": "Create",
+    "pisell2.text.loading": "Loading",
+    "pisell2.text.no-more-data": "No More Data",
+    "pisell2.text.client-search.name": "Name",
+    "pisell2.text.client-search.register-time": "Registration Time",
+    "pisell2.text.client-search.phone": "Phone Number",
+    "pisell2.text.client-search.email": "Email Address",
+    "pisell2.text.client-search.membership": "Membership",
+    "pisell2.text.client-search.contact-info": "Contact info",
+    "pisell2.text.client-search.holder": "Holder"
+  },
+  "zh-CN": {
+    "pisell2.text.leave-empty-for-walk-in": "如未注册游客则留空",
+    "pisell2.text.date-year-text": "年",
+    "pisell2.text.date-month-text": "月",
+    "pisell2.text.date-day-text": "日",
+    "pisell2.text.gender": "性别",
+    "pisell2.text.gender.male": "男",
+    "pisell2.text.gender.female": "女",
+    "pisell2.text.birthday": "生日",
+    "pisell2.text.phone": "电话号码",
+    "pisell2.text.email": "电子邮箱",
+    "pisell2.text.lastname": "姓",
+    "pisell2.text.firstname": "名",
+    "pisell2.text.email-error-message": "电子邮件格式错误",
+    "pisell2.text.notes": "备注",
+    "pisell2.text.save": "保存",
+    "pisell2.text.save-and-select": "保存并选中",
+    "pisell2.text.no-results-found": "没有搜索到结果",
+    "pisell2.text.create-new-client": "创建新客户",
+    "pisell2.text.result-found": "搜索结果",
+    "pisell2.text.personnel-list": "客户列表",
+    "pisell2.text.add-client.confirm": "姓名,电话,邮箱至少填一个",
+    "pisell2.text.load-more": "加载更多",
+    "pisell2.text.search-customer-by-phone-number": "输入手机号搜索客户",
+    "pisell2.text.create": "创建",
+    "pisell2.text.loading": "加载中",
+    "pisell2.text.no-more-data": "没有更多数据了",
+    "pisell2.text.client-search.name": "姓名",
+    "pisell2.text.client-search.register-time": "注册时间",
+    "pisell2.text.client-search.phone": "电话号码",
+    "pisell2.text.client-search.email": "邮箱",
+    "pisell2.text.client-search.membership": "会员",
+    "pisell2.text.client-search.contact-info": "联系信息",
+    "pisell2.text.client-search.holder": "持有人"
+  },
+  "zh-HK": {
+    "pisell2.text.leave-empty-for-walk-in": "如未註冊遊客則留空",
+    "pisell2.text.date-year-text": "年",
+    "pisell2.text.date-month-text": "月",
+    "pisell2.text.date-day-text": "日",
+    "pisell2.text.gender": "性别",
+    "pisell2.text.gender.male": "男",
+    "pisell2.text.gender.female": "女",
+    "pisell2.text.birthday": "生日",
+    "pisell2.text.phone": "電話號碼",
+    "pisell2.text.email": "電子郵箱",
+    "pisell2.text.lastname": "姓",
+    "pisell2.text.firstname": "名",
+    "pisell2.text.email-error-message": "電子郵件格式錯誤",
+    "pisell2.text.notes": "備註",
+    "pisell2.text.save": "保存",
+    "pisell2.text.save-and-select": "保存並選中",
+    "pisell2.text.no-results-found": "沒有搜索到客戶",
+    "pisell2.text.create-new-client": "創建新客戶",
+    "pisell2.text.result-found": "搜索結果",
+    "pisell2.text.personnel-list": "客戶列表",
+    "pisell2.text.add-client.confirm": "姓名，電話，郵箱至少填一個",
+    "pisell2.text.load-more": "加載更多",
+    "pisell2.text.search-customer-by-phone-number": "輸入手機號搜索客戶",
+    "pisell2.text.create": "創建",
+    "pisell2.text.loading": "載入中",
+    "pisell2.text.no-more-data": "沒有更多資料了",
+    "pisell2.text.client-search.name": "姓名",
+    "pisell2.text.client-search.register-time": "註冊時間",
+    "pisell2.text.client-search.phone": "電話號碼",
+    "pisell2.text.client-search.email": "電郵地址",
+    "pisell2.text.client-search.membership": "會員",
+    "pisell2.text.client-search.contact-info": "聯繫信息",
+    "pisell2.text.client-search.holder": "持有人"
+  }
+};

package/lib/plus/clinetSearch/serve.d.ts

@@ -0,0 +1 @@
+export declare const addCustomer: (params: any) => Promise<any>;

package/lib/plus/clinetSearch/serve.js

@@ -0,0 +1,33 @@
+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/plus/clinetSearch/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  addCustomer: () => addCustomer
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../utils");
+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
+});

package/lib/plus/clinetSearch/types.d.ts

@@ -0,0 +1,70 @@
+/// <reference types="react" />
+export interface FormRecord {
+    form_id: number;
+    id: number;
+    main_field: string;
+    data?: {
+        [key: string]: any;
+    };
+}
+export interface ClientData {
+    id: number;
+    display_name: string;
+    created_at: string;
+    phone: string;
+    email: string;
+    channel: string;
+    country_calling_code: string;
+    nickname: string;
+    shop_id: number;
+    updated_at: string;
+    contacts_info: {
+        value: {
+            first_name?: string;
+            last_name?: string;
+            phone?: {
+                phone?: string;
+                country_calling_code?: string;
+                country_code?: string;
+            };
+            email?: string;
+        };
+    };
+    form_record: FormRecord[];
+}
+export interface ClientSearchProps {
+    dataSource?: any;
+    isShowScanner?: boolean;
+    isShowCamera?: boolean;
+    isShowNFC?: boolean;
+    isShowNewButton?: boolean;
+    newButtonAlign?: 'left' | 'center' | 'right';
+    newButtonText?: string;
+    renderType?: 'modal' | 'drawer' | 'portal' | '';
+    containerProps?: Record<string, any>;
+    isShowSearch?: boolean;
+    isShowSearchCamera?: boolean;
+    searchIcon?: string;
+    placeholder?: string;
+    isShowSearchButton?: boolean;
+    resultSort?: 'asc' | 'desc' | 'custom';
+    sortBy?: string;
+    style?: React.CSSProperties;
+    onChange?: (value: string) => void;
+    onSearch?: (value: string) => void;
+    onAdd?: () => void;
+    onDataChange?: (data: any) => void;
+    onRowClick?: (record: ClientData, index: number) => void;
+}
+export interface ClientFormData {
+    display_name: string;
+    phone?: string;
+    email?: string;
+    nickname?: string;
+}
+export interface ClientSearchState {
+    modalVisible: boolean;
+    loading: boolean;
+    searchResults: ClientData[];
+    searchValue: string;
+}