@pisell/private-materials 6.3.91 → 6.3.93

package/lib/plus/walletPassGallery/index.js

@@ -62,6 +62,7 @@ var TAGS = [
 ];
 var WalletPassGallery = (props) => {
   var _a, _b, _c, _d, _e, _f, _g;
+  const { hideAddButton, hideTitle, customer, platform: platformProp } = props;
   const [activeKey, setActiveKey] = (0, import_react.useState)("available");
   const [currentItemId, setCurrentItemId] = (0, import_react.useState)(void 0);
   const [isOpenAddModal, setIsOpenAddModal] = (0, import_react.useState)(false);
@@ -70,16 +71,20 @@ var WalletPassGallery = (props) => {
   const [updateHolderLoading, setUpdateHolderLoading] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const utils = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  const { apiPrefix } = ((_b = context.appHelper) == null ? void 0 : _b.constants) || { apiPrefix: "/h5" };
+  const { isTerminal, isApp, interaction } = utils;
+  const isTerminalEnv = (typeof isTerminal === "function" ? isTerminal() : !!isTerminal) || (isApp == null ? void 0 : isApp());
   const platform = (0, import_react.useMemo)(() => {
+    if (platformProp) return platformProp;
     if (utils.isMobile) {
       return utils.isMobile() ? "h5" : "pc";
     }
     if (typeof window !== "undefined") {
       return window.innerWidth <= 768 ? "h5" : "pc";
     }
-  }, [utils]);
-  const dvaStore = (_c = (_b = utils == null ? void 0 : utils.getStore) == null ? void 0 : _b.call(utils)) == null ? void 0 : _c.getState();
-  import_utils.locales.init(import_locales.default, ((_d = dvaStore == null ? void 0 : dvaStore.core) == null ? void 0 : _d.translateLocale) || "en");
+    return "pc";
+  }, [utils, platformProp]);
+  import_utils.locales.init(import_locales.default, ((_d = (_c = context == null ? void 0 : context.engine) == null ? void 0 : _c.props) == null ? void 0 : _d.locale) || "en");
   import_utils2.request.setRequest(utils == null ? void 0 : utils.request);
   const _getWalletDetail = (0, import_ahooks.useRequest)(import_serve.getWalletDetail, {
     manual: true
@@ -89,15 +94,21 @@ var WalletPassGallery = (props) => {
       const _searchParams = new URLSearchParams(window.location.search);
       const walletId = _searchParams.get("id");
       const holderId = _searchParams.get("holder_id");
-      const res = await (0, import_serve.getWalletPassList)({
-        available: 1,
-        num: 20,
-        skip: (d == null ? void 0 : d.nextId) || 1,
-        tags: TAGS,
-        filter_wallet_id: walletId || void 0,
-        filter_holder_id: holderId || void 0,
-        with: ["customScheduleSnapshot", "holder.detail"]
-      });
+      const res = await (0, import_serve.getWalletPassList)(
+        {
+          available: 1,
+          num: 20,
+          skip: (d == null ? void 0 : d.nextId) || 1,
+          tags: TAGS,
+          filter_wallet_id: walletId || void 0,
+          filter_holder_id: holderId || void 0,
+          with: ["customScheduleSnapshot", "holder.detail"],
+          customer_id: customer == null ? void 0 : customer.id
+        },
+        {
+          apiPrefix
+        }
+      );
       return {
         list: (res == null ? void 0 : res.list) || [],
         count: (res == null ? void 0 : res.count) || 0,
@@ -119,15 +130,21 @@ var WalletPassGallery = (props) => {
       const _searchParams = new URLSearchParams(window.location.search);
       const walletId = _searchParams.get("id");
       const holderId = _searchParams.get("holder_id");
-      const res = await (0, import_serve.getWalletPassList)({
-        available: 0,
-        num: 20,
-        skip: (d == null ? void 0 : d.nextId) || 1,
-        tags: TAGS,
-        filter_wallet_id: walletId || void 0,
-        filter_holder_id: holderId || void 0,
-        with: ["customScheduleSnapshot", "holder.detail"]
-      });
+      const res = await (0, import_serve.getWalletPassList)(
+        {
+          available: 0,
+          num: 20,
+          skip: (d == null ? void 0 : d.nextId) || 1,
+          tags: TAGS,
+          filter_wallet_id: walletId || void 0,
+          filter_holder_id: holderId || void 0,
+          with: ["customScheduleSnapshot", "holder.detail"],
+          customer_id: customer == null ? void 0 : customer.id
+        },
+        {
+          apiPrefix
+        }
+      );
       return {
         list: (res == null ? void 0 : res.list) || [],
         count: (res == null ? void 0 : res.count) || 0,
@@ -150,8 +167,8 @@ var WalletPassGallery = (props) => {
     if (walletId) {
       _getWalletDetail.runAsync(walletId);
     }
-    const req1 = _getAvailableList.loadMoreAsync();
-    const req2 = _getUnavailableList.loadMoreAsync();
+    const req1 = _getAvailableList.reloadAsync();
+    const req2 = _getUnavailableList.reloadAsync();
     let req3 = passId ? (0, import_serve.getWalletPassDetail)(passId, {
       with: ["holder.detail"]
     }) : Promise.resolve();
@@ -222,7 +239,22 @@ var WalletPassGallery = (props) => {
         }
       }
     });
+  }, [customer]);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.mountFunction) == null ? void 0 : _b2.call(_a2, "customer", "new", () => {
+      try {
+        _getAvailableList.reloadAsync();
+        _getUnavailableList.reloadAsync();
+      } catch (err) {
+        console.error(err);
+      }
+    });
   }, []);
+  const listReload = () => {
+    _getAvailableList.reloadAsync();
+    _getUnavailableList.reloadAsync();
+  };
   const _getUnbindList = (0, import_ahooks.useRequest)(import_serve.getUnbindList, {
     manual: true,
     onSuccess: (data) => {
@@ -266,6 +298,20 @@ var WalletPassGallery = (props) => {
     const newId = key === KEYS.unavailable ? (_a2 = _unavailable[0]) == null ? void 0 : _a2.id : (_b2 = _avaliable[0]) == null ? void 0 : _b2.id;
     setCurrentItemId(newId);
   };
+  const handleAddClick = () => {
+    var _a2, _b2;
+    if (isTerminalEnv) {
+      (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+        module: "customer",
+        key: "new",
+        data: {
+          customer_id: String((customer == null ? void 0 : customer.id) || "")
+        }
+      });
+      return;
+    }
+    setIsOpenAddModal(true);
+  };
   const _resetSearchState = () => {
     setCurrentUnbindItem(null);
     _getUnbindList.mutate([]);
@@ -339,6 +385,32 @@ var WalletPassGallery = (props) => {
       console.log("pass not found", passId);
     }
   };
+  const _handleDetailRefresh = (passId, patch) => {
+    if (_avaliable.find((item) => item.id === passId)) {
+      _getAvailableList.mutate((data) => {
+        const newList = data.list.map(
+          (item) => item.id === passId ? { ...item, ...patch } : item
+        );
+        return {
+          ...data,
+          list: newList
+        };
+      });
+      return;
+    }
+    if (_unavailable.find((item) => item.id === passId)) {
+      _getUnavailableList.mutate((data) => {
+        const newList = data.list.map(
+          (item) => item.id === passId ? { ...item, ...patch } : item
+        );
+        return {
+          ...data,
+          list: newList
+        };
+      });
+      return;
+    }
+  };
   const _handleBindHolder = async (holderId) => {
     setUpdateHolderLoading(true);
     const { wallet_pass_detail_id: passId } = editHolderData;
@@ -372,15 +444,7 @@ var WalletPassGallery = (props) => {
     );
     return found2;
   }, [currentItemId, _avaliable, _unavailable]);
-  const _pcTitle = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_title" }, /* @__PURE__ */ import_react.default.createElement(Title, null, ((_g = utils == null ? void 0 : utils.translation) == null ? void 0 : _g.call(utils, (_f = (_e = _getWalletDetail.data) == null ? void 0 : _e.data) == null ? void 0 : _f.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")), platform === "pc" ? /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-plus" }),
-      size: "large",
-      onClick: () => setIsOpenAddModal(true)
-    },
-    import_utils.locales.getText("wallet-pass-gallery.add")
-  ) : null);
+  const _pcTitle = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_title" }, hideTitle ? null : /* @__PURE__ */ import_react.default.createElement(Title, null, ((_g = utils == null ? void 0 : utils.translation) == null ? void 0 : _g.call(utils, (_f = (_e = _getWalletDetail.data) == null ? void 0 : _e.data) == null ? void 0 : _f.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
   const renderAvaliableList = () => {
     if (platform === "h5") {
       return /* @__PURE__ */ import_react.default.createElement(
@@ -407,7 +471,15 @@ var WalletPassGallery = (props) => {
         onChange: _handleCardClick,
         onEditHolder: setEditHolderData
       }
-    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })));
+    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(
+      import_passDetail.default,
+      {
+        dataSource: _currentItem,
+        platform,
+        onDetailRefresh: _handleDetailRefresh,
+        onListRefresh: listReload
+      }
+    )));
   };
   const renderUnavailableList = () => {
     if (platform === "h5") {
@@ -435,9 +507,19 @@ var WalletPassGallery = (props) => {
         onChange: _handleCardClick,
         onEditHolder: setEditHolderData
       }
-    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })));
+    )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(
+      import_passDetail.default,
+      {
+        dataSource: _currentItem,
+        platform,
+        onDetailRefresh: _handleDetailRefresh,
+        onListRefresh: listReload
+      }
+    )));
+  };
+  const renderTabBar = (props2, DefaultTabBar) => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { zIndex: 99, position: "sticky", top: 0 } }, /* @__PURE__ */ import_react.default.createElement(DefaultTabBar, { ...props2, style: { background: "white" } }));
   };
-  const renderTabBar = (props2, DefaultTabBar) => /* @__PURE__ */ import_react.default.createElement("div", { style: { zIndex: 99, position: "sticky", top: 0 } }, /* @__PURE__ */ import_react.default.createElement(DefaultTabBar, { ...props2, style: { background: "white" } }));
   const renderContent = () => {
     var _a2, _b2;
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_content" }, /* @__PURE__ */ import_react.default.createElement(
@@ -461,7 +543,16 @@ var WalletPassGallery = (props) => {
             children: renderUnavailableList(),
             badge: ((_b2 = _getUnavailableList.data) == null ? void 0 : _b2.count) || 0
           }
-        ]
+        ],
+        tabBarExtraContent: platform === "pc" && !hideAddButton ? /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-plus" }),
+            size: "large",
+            onClick: handleAddClick
+          },
+          import_utils.locales.getText("wallet-pass-gallery.add")
+        ) : null
       }
     ));
   };
@@ -534,8 +625,8 @@ var WalletPassGallery = (props) => {
     );
   };
   const renderH5Content = () => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
-    const _walletBar = !((_c2 = (_b2 = (_a2 = utils == null ? void 0 : utils.interaction) == null ? void 0 : _a2.utils) == null ? void 0 : _b2.isAppEnv) == null ? void 0 : _c2.call(_b2)) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery-bar" }, /* @__PURE__ */ import_react.default.createElement(
+    var _a2, _b2, _c2, _d2;
+    const _walletBar = !((_a2 = utils == null ? void 0 : utils.isApp) == null ? void 0 : _a2.call(utils)) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery-bar" }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-wallet-pass-gallery-header-bar-arrow",
@@ -544,15 +635,15 @@ var WalletPassGallery = (props) => {
         }
       },
       /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-chevron-left" })
-    ), /* @__PURE__ */ import_react.default.createElement("span", { className: "header-title" }, ((_f2 = utils == null ? void 0 : utils.translation) == null ? void 0 : _f2.call(utils, (_e2 = (_d2 = _getWalletDetail.data) == null ? void 0 : _d2.data) == null ? void 0 : _e2.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, _walletBar, renderContent(), /* @__PURE__ */ import_react.default.createElement(
+    ), /* @__PURE__ */ import_react.default.createElement("span", { className: "header-title" }, ((_d2 = utils == null ? void 0 : utils.translation) == null ? void 0 : _d2.call(utils, (_c2 = (_b2 = _getWalletDetail.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.name)) || import_utils.locales.getText("wallet-pass-gallery.wallet")));
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, _walletBar, renderContent(), hideAddButton ? null : /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         style: {
           padding: 24
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "large", onClick: () => setIsOpenAddModal(true), block: true }, import_utils.locales.getText("wallet-pass-gallery.button.add"))
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "large", onClick: handleAddClick, block: true }, import_utils.locales.getText("wallet-pass-gallery.button.add"))
     ), /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellModal,
       {
@@ -564,7 +655,15 @@ var WalletPassGallery = (props) => {
         footer: null,
         title: import_utils.locales.getText("wallet-pass-gallery.details")
       },
-      /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })
+      /* @__PURE__ */ import_react.default.createElement(
+        import_passDetail.default,
+        {
+          dataSource: _currentItem,
+          platform,
+          onDetailRefresh: _handleDetailRefresh,
+          onListRefresh: listReload
+        }
+      )
     ));
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(

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

@@ -87,7 +87,9 @@ export declare type ErrorCallback = () => void;
  * @returns Promise<{list: IWalletListItemProps[], count: number}> 钱包列表和总数
  * @throws 请求失败时抛出错误
  */
-export declare const getWalletPassList: (params?: IWalletListParmsProps) => Promise<{
+export declare const getWalletPassList: (params: IWalletListParmsProps, options?: {
+    apiPrefix: string;
+}) => Promise<{
     list: IWalletListItemProps[];
     count: number;
 }>;

package/lib/plus/walletPassGallery/serve.js

@@ -35,9 +35,9 @@ __export(serve_exports, {
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("../../utils");
 var import_utils2 = require("@pisell/utils");
-var getWalletPassList = async (params) => {
+var getWalletPassList = async (params, options) => {
   try {
-    const { data } = await import_utils.request.getRequest().get(`/h5/machinecode/lowcode/list`, params);
+    const { data } = await import_utils.request.getRequest().get(`${(options == null ? void 0 : options.apiPrefix) || "/h5"}/machinecode/lowcode/list`, params);
     return data || { list: [], count: 0 };
   } catch (error) {
     console.error(

package/lib/pro/NumericStepper/index.d.ts

@@ -7,6 +7,12 @@ declare global {
         }
     }
 }
+/**
+ * 样式变体类型
+ * - separated: 分离式，按钮独立显示（默认）
+ * - capsule: 胶囊式，按钮和数字在一个圆角容器内
+ */
+export declare type NumericStepperVariant = 'separated' | 'capsule';
 export interface NumericStepperProps {
     /** 当前值 */
     value?: number;
@@ -28,16 +34,35 @@ export interface NumericStepperProps {
     styles?: {
         container?: React.CSSProperties;
     };
+    horizontalPadding?: number | string;
     /** 尺寸 */
     size?: 'small' | 'middle' | 'large';
-    /** 按钮形状 */
+    /** 按钮形状（仅在 variant='separated' 时生效） */
     shape?: 'round' | 'square';
-    /** 是否显示输入框 */
-    showInput?: boolean;
     /** 减号按钮的自定义内容 */
     minusIcon?: React.ReactNode;
     /** 加号按钮的自定义内容 */
     plusIcon?: React.ReactNode;
+    /**
+     * 样式变体
+     * - separated: 分离式，按钮独立显示（默认）
+     * - capsule: 胶囊式，按钮和数字在一个圆角容器内
+     * @default 'separated'
+     */
+    variant?: NumericStepperVariant;
+    /**
+     * 是否启用输入功能（点击数字弹出键盘）
+     * - 开启时：展示区域 cursor 为 pointer，点击弹出键盘
+     * - 关闭后：展示区域无边框，点击不会弹出键盘
+     * @default true
+     */
+    enableInput?: boolean;
+    /**
+     * 展示区域最大宽度（仅胶囊模式生效）
+     * - 设置后：展示区域最大宽度受限，超出部分截断
+     * - 不设置：展示区域宽度随内容自适应
+     */
+    displayMaxWidth?: number | string;
 }
 declare const NumericStepper: React.FC<NumericStepperProps>;
 export default NumericStepper;