@pisell/private-materials 3.4.82 → 3.4.83

package/es/plus/walletPassGallery/components/passDetail/index.js

@@ -41,7 +41,6 @@ var PassDetail = function PassDetail(props) {
     platform = _props$platform === void 0 ? 'pc' : _props$platform,
     _props$showTimeLine = props.showTimeLine,
     showTimeLine = _props$showTimeLine === void 0 ? true : _props$showTimeLine,
-    onDetailRefresh = props.onDetailRefresh,
     onListRefresh = props.onListRefresh;
   var _useState = useState('detail'),
     _useState2 = _slicedToArray(_useState, 2),
@@ -111,38 +110,15 @@ var PassDetail = function PassDetail(props) {
     var _interaction$utils, _interaction$utils$mo;
     interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || (_interaction$utils$mo = _interaction$utils.mountFunction) === null || _interaction$utils$mo === void 0 || _interaction$utils$mo.call(_interaction$utils, 'customer', 'recharge', /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(strVal) {
-        var _getDetail$refreshAsy, latest, patch;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              if (strVal) {
-                _context.next = 2;
-                break;
-              }
               return _context.abrupt("return", onListRefresh === null || onListRefresh === void 0 ? void 0 : onListRefresh());
-            case 2:
-              _context.prev = 2;
-              _context.next = 5;
-              return (_getDetail$refreshAsy = _getDetail.refreshAsync) === null || _getDetail$refreshAsy === void 0 ? void 0 : _getDetail$refreshAsy.call(_getDetail);
-            case 5:
-              latest = _context.sent;
-              patch = {
-                balance: (latest === null || latest === void 0 ? void 0 : latest.balance) !== undefined ? latest.balance : balance !== null && balance !== void 0 ? balance : undefined,
-                expire_date: (latest === null || latest === void 0 ? void 0 : latest.expire_date) !== undefined ? latest.expire_date : expire_date !== null && expire_date !== void 0 ? expire_date : undefined,
-                unified_available_status: latest === null || latest === void 0 ? void 0 : latest.unified_available_status
-              };
-              onDetailRefresh === null || onDetailRefresh === void 0 || onDetailRefresh(id, patch);
-              _context.next = 13;
-              break;
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](2);
-              console.error(_context.t0);
-            case 13:
+            case 1:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[2, 10]]);
+        }, _callee);
       }));
       return function (_x) {
         return _ref4.apply(this, arguments);

package/es/plus/walletPassGallery/components/passList/index.js

@@ -6,7 +6,9 @@ import React from 'react';
 import { Button, List } from 'antd';
 import { PisellWalletPassCard } from '@pisell/materials';
 import { locales } from '@pisell/utils';
+import useEngineContext from "../../../../hooks/useEngineContext";
 var PassList = function PassList(props) {
+  var _context$appHelper;
   var _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
     value = props.value,
@@ -17,6 +19,11 @@ var PassList = function PassList(props) {
     onLoadMore = props.onLoadMore,
     loading = props.loading,
     onEditHolder = props.onEditHolder;
+  var context = useEngineContext();
+  var utils = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {};
+  var isTerminal = utils.isTerminal,
+    isApp = utils.isApp;
+  var isTerminalEnv = (typeof isTerminal === 'function' ? isTerminal() : !!isTerminal) || (isApp === null || isApp === void 0 ? void 0 : isApp());
   var _loadMore = /*#__PURE__*/React.createElement("div", {
     style: {
       textAlign: 'center',
@@ -112,7 +119,7 @@ var PassList = function PassList(props) {
         code: encoded,
         validDate: expire_date,
         holder: holder,
-        onSetHolder: function onSetHolder() {
+        onSetHolder: isTerminalEnv ? undefined : function () {
           var _holder$metadata;
           onEditHolder === null || onEditHolder === void 0 || onEditHolder({
             wallet_pass_detail_id: id,

package/es/plus/walletPassGallery/index.js

@@ -498,34 +498,6 @@ var WalletPassGallery = function WalletPassGallery(props) {
       console.log('pass not found', passId);
     }
   };
-  var _handleDetailRefresh = function _handleDetailRefresh(passId, patch) {
-    if (_avaliable.find(function (item) {
-      return item.id === passId;
-    })) {
-      _getAvailableList.mutate(function (data) {
-        var newList = data.list.map(function (item) {
-          return item.id === passId ? _objectSpread(_objectSpread({}, item), patch) : item;
-        });
-        return _objectSpread(_objectSpread({}, data), {}, {
-          list: newList
-        });
-      });
-      return;
-    }
-    if (_unavailable.find(function (item) {
-      return item.id === passId;
-    })) {
-      _getUnavailableList.mutate(function (data) {
-        var newList = data.list.map(function (item) {
-          return item.id === passId ? _objectSpread(_objectSpread({}, item), patch) : item;
-        });
-        return _objectSpread(_objectSpread({}, data), {}, {
-          list: newList
-        });
-      });
-      return;
-    }
-  };
   var _handleBindHolder = /*#__PURE__*/function () {
     var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(holderId) {
       var passId, res;
@@ -618,7 +590,6 @@ var WalletPassGallery = function WalletPassGallery(props) {
     }, /*#__PURE__*/React.createElement(PassDetail, {
       dataSource: _currentItem,
       platform: platform,
-      onDetailRefresh: _handleDetailRefresh,
       onListRefresh: listReload
     })));
   };
@@ -656,7 +627,6 @@ var WalletPassGallery = function WalletPassGallery(props) {
     }, /*#__PURE__*/React.createElement(PassDetail, {
       dataSource: _currentItem,
       platform: platform,
-      onDetailRefresh: _handleDetailRefresh,
       onListRefresh: listReload
     })));
   };
@@ -815,7 +785,6 @@ var WalletPassGallery = function WalletPassGallery(props) {
     }, /*#__PURE__*/React.createElement(PassDetail, {
       dataSource: _currentItem,
       platform: platform,
-      onDetailRefresh: _handleDetailRefresh,
       onListRefresh: listReload
     })));
   };

package/es/pro/Selector/Selector.d.ts

@@ -3,7 +3,7 @@ import { ItemLayout, ItemProps, PresetConfig, SelectorProps, SelectorVariant } f
 import './selector.less';
 export declare const SelectorContext: React.Context<{
     disabled?: boolean | undefined;
-    mode?: "single" | "multiple" | undefined;
+    mode?: "multiple" | "single" | undefined;
     itemLayout?: ItemLayout | undefined;
     valueType?: "object" | "primitive" | undefined;
     variant?: SelectorVariant | undefined;

package/lib/components/booking/forms/sendModal/useSendModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SendModalValues } from './index';
 declare const useSendModal: (bookingId?: number) => {
     open: boolean;

package/lib/components/booking/info/hooks/useInfoHolder.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EditServiceRef } from "../service/editService";
 declare const useInfoHolder: (state: any, dispatch: any) => {
     detailRef: import("react").MutableRefObject<EditServiceRef | undefined>;

package/lib/components/booking/notes/NoteBlock/index.js

@@ -34,6 +34,7 @@ __export(NoteBlock_exports, {
 module.exports = __toCommonJS(NoteBlock_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
 var import_ahooks = require("ahooks");
 var import_NoteItem = __toESM(require("./NoteItem"));
 var import_addNote = __toESM(require("../addNote"));
@@ -159,7 +160,7 @@ var NoteBlock = (props) => {
       }
     );
   })), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Modal,
+    import_materials.PisellModal,
     {
       title: editNote ? import_utils.locales.getText("pisell2.text.status.edit-note") : import_utils.locales.getText("pisell2.text.status.add-note"),
       open: isModalOpen,

package/lib/components/booking/utils.d.ts

@@ -166,10 +166,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | {
+}) => number | "flexible" | {
     type: string;
     value: number;
-} | "flexible";
+};
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/lib/components/eftpos/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

package/lib/components/eftposPay/amount.d.ts

@@ -9,7 +9,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "page" | "success" | "fail" | "print" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/lib/components/eftposPay/app.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PosProps, RouteType } from './const';
-declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "type" | "mode" | "getApi"> & {
+declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "mode" | "type" | "getApi"> & {
     action: RouteType;
     device_number: string | number;
     api: ReturnType<PosProps['getApi']>;

package/lib/components/eftposPay/device.d.ts

@@ -11,7 +11,7 @@ import './device.less';
 declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "page" | "success" | "fail" | "print" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/lib/components/eftposPay/hooks.d.ts

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"warn" | "success" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"payo" | "tyro" | "windcave" | "stripe" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/lib/components/eftposPay/store/index.d.ts

@@ -174,7 +174,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "loading" | "success" | "warn" | "fail" | "question";
+        status: "warn" | "success" | "loading" | "fail" | "question";
     };
 };
 /**
@@ -195,7 +195,7 @@ export declare const updateComponent: (component: string, render?: boolean) => {
     } | {
         readonly type: "step";
         readonly render: boolean;
-        readonly component?: undefined;
+        component?: undefined;
     };
 };
 /**
@@ -295,10 +295,10 @@ export declare const backUpFree: (payload: Partial<State>) => {
         name?: string | undefined;
         symbol?: string | undefined;
         amount?: string | number | undefined;
-        mode?: "pay" | "fullPay" | "refund" | "query" | undefined;
+        mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | undefined;
-        action?: "pay" | "amount" | "deviceList" | undefined;
+        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
+        action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
@@ -308,7 +308,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "warn" | "success" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

package/lib/components/eventBooking/components/ErrorTip/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ErrorTip: ({ text }: any) => import("react").JSX.Element;
 export default ErrorTip;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type CallToBookProps = {
     show: boolean;
     type: string;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const WeekItem: (props: any) => import("react").JSX.Element;
 export default WeekItem;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare type CalenDateWeekProps = {
     currentDate: string;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const StripePayment: () => import("react").JSX.Element;
 export default StripePayment;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PageLoading: () => import("react").JSX.Element;
 export default PageLoading;

package/lib/hooks/usePaymentLogger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface LogData {
     key: string;
     value: any;

package/lib/index.d.ts

@@ -52,8 +52,8 @@ export { default as SaasRegister } from './plus/saasRegister';
 export { default as SaasCreateOrganization } from './plus/saasCreateOrganization';
 export { default as PinModal } from './components/pinModal';
 export { default as PinVerifyModal } from './components/pinVerifyModal';
-export { OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth } from './components/authentication/admin';
-export type { SaaSAdminAuthProps, OrgAdminAuthProps, DeviceAuthProps, POSOperatorAuthProps, CustomerOAuthConfigProps } from './components/authentication/admin';
+export { OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth, } from './components/authentication/admin';
+export type { SaaSAdminAuthProps, OrgAdminAuthProps, DeviceAuthProps, POSOperatorAuthProps, CustomerOAuthConfigProps, } from './components/authentication/admin';
 export { default as ContactInfo } from './plus/contactInfo';
 export { default as ContactInfoModal } from './plus/contactInfoModal';
 export { Login2, Register2, AuthModal } from './pro/Login2.0';
@@ -71,7 +71,9 @@ export { default as ProNumberSelector } from './pro/pisellNumberSelector';
 export { default as SKUOptionsSelection } from './plus/skuOptionsSelection';
 export { default as SaasAttendance } from './plus/saasAttendance';
 export { default as Selector } from './pro/Selector';
+export { default as PisellSalesGrid } from './plus/pisellSalesGrid';
 export { default as EcoCupProject } from './components/ecocup/cupProject';
 export { default as EcoCupList } from './components/ecocup/cupList';
 export { default as EcoCustomerList } from './components/ecocup/customerList';
 export { default as OrderList } from './plus/orderList';
+export { default as pisellSalesManagement } from './plus/pisellSalesManagement';

package/lib/index.js

@@ -81,6 +81,7 @@ __export(src_exports, {
   POSOperatorAuth: () => import_admin.POSOperatorAuth,
   PinModal: () => import_pinModal.default,
   PinVerifyModal: () => import_pinVerifyModal.default,
+  PisellSalesGrid: () => import_pisellSalesGrid.default,
   PisellSelectCustomerModal: () => import_pisellSelectCustomerModal.default,
   ProNumberSelector: () => import_pisellNumberSelector.default,
   ProductExtension: () => import_productExtension.default,
@@ -112,7 +113,8 @@ __export(src_exports, {
   WalletPassDetail: () => import_passDetail.default,
   WalletPassGallery: () => import_walletPassGallery.default,
   WorkspaceList: () => import_workSpaceList.default,
-  WorkspaceListDetail: () => import_workSpaceListDetail.default
+  WorkspaceListDetail: () => import_workSpaceListDetail.default,
+  pisellSalesManagement: () => import_pisellSalesManagement.default
 });
 module.exports = __toCommonJS(src_exports);
 var import_weekday = __toESM(require("dayjs/plugin/weekday"));
@@ -188,10 +190,12 @@ var import_pisellNumberSelector = __toESM(require("./pro/pisellNumberSelector"))
 var import_skuOptionsSelection = __toESM(require("./plus/skuOptionsSelection"));
 var import_saasAttendance = __toESM(require("./plus/saasAttendance"));
 var import_Selector = __toESM(require("./pro/Selector"));
+var import_pisellSalesGrid = __toESM(require("./plus/pisellSalesGrid"));
 var import_cupProject = __toESM(require("./components/ecocup/cupProject"));
 var import_cupList = __toESM(require("./components/ecocup/cupList"));
 var import_customerList = __toESM(require("./components/ecocup/customerList"));
 var import_orderList = __toESM(require("./plus/orderList"));
+var import_pisellSalesManagement = __toESM(require("./plus/pisellSalesManagement"));
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
 // Annotate the CommonJS export names for ESM import in node:
@@ -248,6 +252,7 @@ import_dayjs.default.extend(import_localeData.default);
   POSOperatorAuth,
   PinModal,
   PinVerifyModal,
+  PisellSalesGrid,
   PisellSelectCustomerModal,
   ProNumberSelector,
   ProductExtension,
@@ -279,5 +284,6 @@ import_dayjs.default.extend(import_localeData.default);
   WalletPassDetail,
   WalletPassGallery,
   WorkspaceList,
-  WorkspaceListDetail
+  WorkspaceListDetail,
+  pisellSalesManagement
 });

package/lib/plus/contactInfo/components/SwipeAction/index.js

@@ -33,8 +33,8 @@ __export(SwipeAction_exports, {
 });
 module.exports = __toCommonJS(SwipeAction_exports);
 var import_web = require("@react-spring/web");
-var import_use_gesture_react = require("@use-gesture/react/dist/use-gesture-react.cjs");
-var import_react = __toESM(require("react"));
+var import_react = require("@use-gesture/react");
+var import_react2 = __toESM(require("react"));
 var import_index = require("./index.less");
 function withNativeProps(props, element) {
   const p = {
@@ -49,7 +49,7 @@ function withNativeProps(props, element) {
       ...element.props.style
     };
   }
-  return import_react.default.cloneElement(element, p);
+  return import_react2.default.cloneElement(element, p);
 }
 function nearest(arr, target) {
   return arr.reduce((prev, curr) => {
@@ -71,7 +71,7 @@ function withStopPropagation(events, element) {
     e.stopPropagation();
     (_b = (_a = element.props).onClick) == null ? void 0 : _b.call(_a, e);
   };
-  return import_react.default.cloneElement(element, {
+  return import_react2.default.cloneElement(element, {
     ...element.props,
     onClick
   });
@@ -82,7 +82,7 @@ var Button = ({
   style,
   onClick
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react2.default.createElement(
     "button",
     {
       className,
@@ -104,13 +104,13 @@ var defaultProps = {
   closeOnAction: true,
   stopPropagation: []
 };
-var SwipeAction = (0, import_react.forwardRef)(
+var SwipeAction = (0, import_react2.forwardRef)(
   (p, ref) => {
     const props = mergeProps(defaultProps, p);
-    const rootRef = (0, import_react.useRef)(null);
-    const leftRef = (0, import_react.useRef)(null);
-    const rightRef = (0, import_react.useRef)(null);
-    const [containerHeight, setContainerHeight] = (0, import_react.useState)(0);
+    const rootRef = (0, import_react2.useRef)(null);
+    const leftRef = (0, import_react2.useRef)(null);
+    const rightRef = (0, import_react2.useRef)(null);
+    const [containerHeight, setContainerHeight] = (0, import_react2.useState)(0);
     function getWidth(ref2) {
       const element = ref2.current;
       if (!element) return 0;
@@ -137,14 +137,14 @@ var SwipeAction = (0, import_react.forwardRef)(
       }),
       []
     );
-    const draggingRef = (0, import_react.useRef)(false);
-    const dragCancelRef = (0, import_react.useRef)(null);
+    const draggingRef = (0, import_react2.useRef)(false);
+    const dragCancelRef = (0, import_react2.useRef)(null);
     function forceCancelDrag() {
       var _a;
       (_a = dragCancelRef.current) == null ? void 0 : _a.call(dragCancelRef);
       draggingRef.current = false;
     }
-    const bind = (0, import_use_gesture_react.useDrag)(
+    const bind = (0, import_react.useDrag)(
       (state) => {
         var _a;
         dragCancelRef.current = state.cancel;
@@ -206,7 +206,7 @@ var SwipeAction = (0, import_react.forwardRef)(
       forceCancelDrag();
       (_a = props.onClose) == null ? void 0 : _a.call(props);
     };
-    (0, import_react.useImperativeHandle)(ref, () => ({
+    (0, import_react2.useImperativeHandle)(ref, () => ({
       show: (side = "right") => {
         var _a;
         if (side === "right") {
@@ -222,7 +222,7 @@ var SwipeAction = (0, import_react.forwardRef)(
       },
       close
     }));
-    (0, import_react.useEffect)(() => {
+    (0, import_react2.useEffect)(() => {
       const updateHeight = () => {
         const height = getRootHeight();
         setContainerHeight(height);
@@ -236,7 +236,7 @@ var SwipeAction = (0, import_react.forwardRef)(
         resizeObserver.disconnect();
       };
     }, []);
-    (0, import_react.useEffect)(() => {
+    (0, import_react2.useEffect)(() => {
       if (!props.closeOnTouchOutside) return;
       function handle(e) {
         if (e.target && props.escapeDom) {
@@ -282,7 +282,7 @@ var SwipeAction = (0, import_react.forwardRef)(
       const color = action.color ?? "light";
       const _style = action.style || {};
       const buttonClass = isRightAction ? `${classPrefix}-action-button ${getRightActionButtonClass()}` : `${classPrefix}-action-button`;
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react2.default.createElement(
         Button,
         {
           key: action.key,
@@ -305,7 +305,7 @@ var SwipeAction = (0, import_react.forwardRef)(
     }
     return withNativeProps(
       props,
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react2.default.createElement(
         "div",
         {
           className: classPrefix,
@@ -318,9 +318,9 @@ var SwipeAction = (0, import_react.forwardRef)(
             }
           }
         },
-        /* @__PURE__ */ import_react.default.createElement(import_web.animated.div, { className: `${classPrefix}-track`, style: { x } }, withStopPropagation(
+        /* @__PURE__ */ import_react2.default.createElement(import_web.animated.div, { className: `${classPrefix}-track`, style: { x } }, withStopPropagation(
           props.stopPropagation,
-          /* @__PURE__ */ import_react.default.createElement(
+          /* @__PURE__ */ import_react2.default.createElement(
             "div",
             {
               className: `${classPrefix}-actions ${classPrefix}-actions-left`,
@@ -328,7 +328,7 @@ var SwipeAction = (0, import_react.forwardRef)(
             },
             props.leftActions.map((action) => renderAction(action, false))
           )
-        ), /* @__PURE__ */ import_react.default.createElement(
+        ), /* @__PURE__ */ import_react2.default.createElement(
           "div",
           {
             className: `${classPrefix}-content`,
@@ -340,7 +340,7 @@ var SwipeAction = (0, import_react.forwardRef)(
               }
             }
           },
-          /* @__PURE__ */ import_react.default.createElement(
+          /* @__PURE__ */ import_react2.default.createElement(
             import_web.animated.div,
             {
               style: {
@@ -353,7 +353,7 @@ var SwipeAction = (0, import_react.forwardRef)(
           )
         ), withStopPropagation(
           props.stopPropagation,
-          /* @__PURE__ */ import_react.default.createElement("div", { className: getRightContainerClass(), ref: rightRef }, props.rightActions.map((action) => renderAction(action, true)))
+          /* @__PURE__ */ import_react2.default.createElement("div", { className: getRightContainerClass(), ref: rightRef }, props.rightActions.map((action) => renderAction(action, true)))
         ))
       )
     );

package/lib/plus/orderList/components/HandleActions.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 declare const HandleActions: (props: {
     locales: any;
+    __id?: string;
 }) => React.JSX.Element;
 export default HandleActions;

package/lib/plus/orderList/components/HandleActions.js

@@ -37,7 +37,7 @@ var import_materials = require("@pisell/materials");
 var import_config = require("../config");
 var { ColumnsSetting } = import_materials.PisellDataSourceContainer;
 var HandleActions = (props) => {
-  const { locales } = props;
+  const { locales, __id } = props;
   const filterButtonListValue = (0, import_react.useMemo)(
     () => {
       return {
@@ -47,6 +47,6 @@ var HandleActions = (props) => {
     [locales]
   );
   const sortList = (0, import_react.useMemo)(() => (0, import_config.getSortList)(locales), [locales]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(ColumnsSetting, null), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellSort, { hasForm: false, list: sortList }), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellFilter, { placement: "bottomLeft", hasForm: false, value: filterButtonListValue }));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(ColumnsSetting, { __id }), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellSort, { hasForm: false, list: sortList }), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellFilter, { placement: "bottomLeft", hasForm: false, value: filterButtonListValue }));
 };
 var HandleActions_default = HandleActions;

package/lib/plus/orderList/components/Toolbar.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 declare const Toolbar: (props: {
     locales: any;
     clearSelectedData: () => void;
+    __id?: string;
 }) => React.JSX.Element;
 export default Toolbar;

package/lib/plus/orderList/components/Toolbar.js

@@ -43,7 +43,7 @@ var import_materials2 = require("@pisell/materials");
 var import_dayjs = __toESM(require("dayjs"));
 var { useContainerContext } = import_materials2.PisellDataSourceContainer;
 var Toolbar = (props) => {
-  const { locales, clearSelectedData } = props;
+  const { locales, clearSelectedData, __id } = props;
   const { serverActions, refManager, ...otherProps } = useContainerContext();
   const [valueType, setValueType] = (0, import_react.useState)(void 0);
   return /* @__PURE__ */ import_react.default.createElement(
@@ -60,7 +60,7 @@ var Toolbar = (props) => {
         topLeft: /* @__PURE__ */ import_react.default.createElement(import_QuickFilter.default, { locales }),
         topRight: /* @__PURE__ */ import_react.default.createElement(import_Reset.default, { locales, setValueType, clearSelectedData }),
         bottomLeft: /* @__PURE__ */ import_react.default.createElement(import_FilterList.default, { valueType, setValueType, locales }),
-        bottomRight: /* @__PURE__ */ import_react.default.createElement(import_HandleActions.default, { locales })
+        bottomRight: /* @__PURE__ */ import_react.default.createElement(import_HandleActions.default, { locales, __id })
       }
     )
   );

package/lib/plus/orderList/index.d.ts

@@ -4,6 +4,7 @@ export interface OrderListProps {
     biz: string;
     className?: string;
     style?: React.CSSProperties;
+    __id?: string;
 }
 declare const OrderList: (props: OrderListProps) => React.JSX.Element;
 export default OrderList;

package/lib/plus/orderList/index.js

@@ -45,7 +45,7 @@ var import_index = require("./index.less");
 var import_materials = require("@pisell/materials");
 var OrderList = (props) => {
   var _a, _b, _c, _d, _e, _f;
-  const { biz, style, className } = props;
+  const { biz, style, className, __id } = props;
   const context = (0, import_useEngineContext.default)();
   import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
   const tableColumns = (0, import_react.useMemo)(() => (0, import_config.getTableColumns)(import_utils.locales), [import_utils.locales]);
@@ -122,8 +122,8 @@ var OrderList = (props) => {
           title: import_utils.locales.getText("pisell2.orderList.title")
         }
       ),
-      /* @__PURE__ */ import_react.default.createElement(import_Toolbar.default, { clearSelectedData, locales: import_utils.locales }),
-      /* @__PURE__ */ import_react.default.createElement(import_materials.PisellGridView, null, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellDataSourceContainer.Table, { ...tableConfig })),
+      /* @__PURE__ */ import_react.default.createElement(import_Toolbar.default, { clearSelectedData, __id, locales: import_utils.locales }),
+      /* @__PURE__ */ import_react.default.createElement(import_materials.PisellGridView, null, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellDataSourceContainer.Table, { ...tableConfig, __id })),
       /* @__PURE__ */ import_react.default.createElement(import_BatchActionBar.default, { ...batchActionBarConfig }),
       /* @__PURE__ */ import_react.default.createElement(import_materials.PisellGridPro.Footer, null, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellDataSourceContainer.Pagination, null))
     )