@pisell/materials 2.2.97 → 2.2.99

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.js

@@ -54,6 +54,8 @@ var useDrawerState = function useDrawerState(operationContent) {
     setDrawerVisible(false);
     // 等待动画完成后再清除item
     timerRef.current = setTimeout(function () {
+      var _item$afterClose;
+      item === null || item === void 0 || (_item$afterClose = item.afterClose) === null || _item$afterClose === void 0 || _item$afterClose.call(item);
       setItem(null);
       timerRef.current = undefined;
     }, 300);

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -42,13 +42,14 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         items: OperationItem[];
     } | undefined;
     operation?: {
-        show: boolean;
-        title: string; /**
+        /**
          * 处理table的props
          * 转换title
          * @param props
          * @returns
          */
+        show: boolean;
+        title: string;
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -10,6 +10,7 @@ export declare type OperationItem = {
     key: string;
     buttonProps?: any;
     onClick?: (record: any) => void;
+    afterClose?: () => void;
 };
 export interface DataSourceTableProps {
     title?: string | React.ReactNode | (() => React.ReactNode);

package/es/components/filter/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterProps } from "./types";
 declare const Filter: (props: FilterProps) => JSX.Element | null;
 export default Filter;

package/es/components/pisellCardList/index.js

@@ -37,7 +37,8 @@ var PisellCardList = function PisellCardList(props) {
     showValidDate = props.showValidDate,
     empty = props.empty,
     showEmpty = props.showEmpty,
-    showBalanceSymbol = props.showBalanceSymbol;
+    showBalanceSymbol = props.showBalanceSymbol,
+    onChangeDebounce = props.onChangeDebounce;
   return data.length ? /*#__PURE__*/React.createElement(PisellCheckboxGroup, {
     options: data,
     value: value,
@@ -48,6 +49,7 @@ var PisellCardList = function PisellCardList(props) {
     onChange: onChange,
     iconPosition: "hide",
     fullWidth: fullWidth,
+    onChangeDebounce: onChangeDebounce,
     renderOption: function renderOption(item, active, index) {
       return /*#__PURE__*/React.createElement(PisellWalletPassCard, _extends({}, item, {
         active: active,

package/es/components/pisellCheckboxGroup/index.d.ts

@@ -23,6 +23,7 @@ export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivEl
     iconPosition?: 'left' | 'right' | 'hide';
     optionClassName?: string;
     optionActiveClassName?: string;
+    onChangeDebounce?: boolean;
 }
 /**
  * @title: PisellCheckboxGroup

package/es/components/pisellCheckboxGroup/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["platform", "gap", "style", "options", "onChange", "value", "renderOption", "padding", "rowKey", "mode", "direction", "fullWidth", "iconPosition", "optionClassName", "optionActiveClassName"];
+var _excluded = ["platform", "gap", "style", "options", "onChange", "value", "renderOption", "padding", "rowKey", "mode", "direction", "fullWidth", "iconPosition", "optionClassName", "optionActiveClassName", "onChangeDebounce"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -18,6 +18,7 @@ import React, { useEffect, useMemo } from 'react';
 import usePisellConfig from "../pisell-config-provider/hooks/usePisellConfig";
 import classNames from 'classnames';
 import { Checkbox, Radio } from 'antd';
+import { useDebounceFn } from "ahooks";
 import { isNumber } from '@pisell/utils';
 import { changeArray } from '@pisell/utils';
 import "./index.less";
@@ -63,6 +64,7 @@ var PisellCheckboxGroup = function PisellCheckboxGroup(props) {
     iconPosition = _props$iconPosition === void 0 ? 'left' : _props$iconPosition,
     optionClassName = props.optionClassName,
     optionActiveClassName = props.optionActiveClassName,
+    onChangeDebounce = props.onChangeDebounce,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -141,6 +143,14 @@ var PisellCheckboxGroup = function PisellCheckboxGroup(props) {
     // 单选模式, 只返回第一个值
     onChange === null || onChange === void 0 || onChange(mode === 'single' ? val[0] : val, item);
   };
+  var _useDebounceFn = useDebounceFn(function (key, item) {
+      handleSelectItem(key, item);
+    }, {
+      wait: 400,
+      leading: true,
+      trailing: false
+    }),
+    run = _useDebounceFn.run;
 
   /**
    * @title: 选择
@@ -181,6 +191,10 @@ var PisellCheckboxGroup = function PisellCheckboxGroup(props) {
       style: rowStyle,
       onClick: function onClick(e) {
         if (option.disabled) return;
+        if (onChangeDebounce) {
+          run(option[rowKey], option);
+          return;
+        }
         handleSelectItem(option[rowKey], option);
       },
       leftContent: iconPosition === 'left' && /*#__PURE__*/React.createElement(CheckBoxItem, {

package/es/components/productCard/cartSkuCard/components/MultiDay/index.d.ts

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

package/es/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/es/components/productCard/components/MultiDay/index.d.ts

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

package/es/components/productCard/components/Packages/components/collapsibleList/utils.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

package/es/components/productCard/components/Packages/components/options/index.d.ts

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

package/es/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/es/components/walletCard/Guide/index.js

@@ -37,9 +37,20 @@ var Guide = function Guide(props) {
    * @Date: 2025-06-09 14:36
    */
   var handleClick = function handleClick(e) {
-    var _setting$skipLink;
+    var _setting$skipLink, _utils$interaction, _utils$interaction$is;
     e.stopPropagation();
     if (!(_setting !== null && _setting !== void 0 && (_setting$skipLink = _setting.skipLink) !== null && _setting$skipLink !== void 0 && _setting$skipLink.page)) return;
+    if (utils !== null && utils !== void 0 && (_utils$interaction = utils.interaction) !== null && _utils$interaction !== void 0 && (_utils$interaction = _utils$interaction.utils) !== null && _utils$interaction !== void 0 && (_utils$interaction$is = _utils$interaction.isAppEnv) !== null && _utils$interaction$is !== void 0 && _utils$interaction$is.call(_utils$interaction)) {
+      var _utils$interaction2, _utils$interaction2$p;
+      utils === null || utils === void 0 || (_utils$interaction2 = utils.interaction) === null || _utils$interaction2 === void 0 || (_utils$interaction2 = _utils$interaction2.utils) === null || _utils$interaction2 === void 0 || (_utils$interaction2$p = _utils$interaction2.postMessageToApp) === null || _utils$interaction2$p === void 0 || _utils$interaction2$p.call(_utils$interaction2, {
+        module: 'global',
+        key: 'openNative',
+        data: {
+          link: _setting === null || _setting === void 0 ? void 0 : _setting.skipLink
+        }
+      });
+      return;
+    }
     utils === null || utils === void 0 || utils.jumpPageByLink(_setting === null || _setting === void 0 ? void 0 : _setting.skipLink);
   };
   return /*#__PURE__*/React.createElement("div", {

package/es/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.js

@@ -64,6 +64,8 @@ var useDrawerState = (operationContent) => {
     }
     setDrawerVisible(false);
     timerRef.current = setTimeout(() => {
+      var _a;
+      (_a = item == null ? void 0 : item.afterClose) == null ? void 0 : _a.call(item);
       setItem(null);
       timerRef.current = void 0;
     }, 300);

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -42,13 +42,14 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         items: OperationItem[];
     } | undefined;
     operation?: {
-        show: boolean;
-        title: string; /**
+        /**
          * 处理table的props
          * 转换title
          * @param props
          * @returns
          */
+        show: boolean;
+        title: string;
         width: number;
         align: "center" | "left" | "right";
         fixed: false | "left" | "right";

package/lib/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -10,6 +10,7 @@ export declare type OperationItem = {
     key: string;
     buttonProps?: any;
     onClick?: (record: any) => void;
+    afterClose?: () => void;
 };
 export interface DataSourceTableProps {
     title?: string | React.ReactNode | (() => React.ReactNode);

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterProps } from "./types";
 declare const Filter: (props: FilterProps) => JSX.Element | null;
 export default Filter;

package/lib/components/pisellCardList/index.js

@@ -62,7 +62,8 @@ var PisellCardList = (props) => {
     showValidDate,
     empty,
     showEmpty,
-    showBalanceSymbol
+    showBalanceSymbol,
+    onChangeDebounce
   } = props;
   return data.length ? /* @__PURE__ */ import_react.default.createElement(
     import_pisellCheckboxGroup.default,
@@ -76,6 +77,7 @@ var PisellCardList = (props) => {
       onChange,
       iconPosition: "hide",
       fullWidth,
+      onChangeDebounce,
       renderOption: (item, active, index) => {
         return /* @__PURE__ */ import_react.default.createElement(
           import_pisellWalletPassCard.default,

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

@@ -23,6 +23,7 @@ export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivEl
     iconPosition?: 'left' | 'right' | 'hide';
     optionClassName?: string;
     optionActiveClassName?: string;
+    onChangeDebounce?: boolean;
 }
 /**
  * @title: PisellCheckboxGroup

package/lib/components/pisellCheckboxGroup/index.js

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_usePisellConfig = __toESM(require("../pisell-config-provider/hooks/usePisellConfig"));
 var import_classnames = __toESM(require("classnames"));
 var import_antd = require("antd");
+var import_ahooks = require("ahooks");
 var import_utils = require("@pisell/utils");
 var import_utils2 = require("@pisell/utils");
 var import_index = require("./index.less");
@@ -62,6 +63,7 @@ var PisellCheckboxGroup = (props) => {
     iconPosition = "left",
     optionClassName,
     optionActiveClassName,
+    onChangeDebounce,
     ...rest
   } = props;
   const [_value, set_value] = (0, import_react2.useState)([]);
@@ -112,6 +114,16 @@ var PisellCheckboxGroup = (props) => {
   const _onChange = (val, item) => {
     onChange == null ? void 0 : onChange(mode === "single" ? val[0] : val, item);
   };
+  const { run } = (0, import_ahooks.useDebounceFn)(
+    (key, item) => {
+      handleSelectItem(key, item);
+    },
+    {
+      wait: 400,
+      leading: true,
+      trailing: false
+    }
+  );
   const handleSelectItem = (key, item) => {
     let newVal = [key];
     if (mode === "multiple") {
@@ -146,6 +158,10 @@ var PisellCheckboxGroup = (props) => {
           style: rowStyle,
           onClick: (e) => {
             if (option.disabled) return;
+            if (onChangeDebounce) {
+              run(option[rowKey], option);
+              return;
+            }
             handleSelectItem(option[rowKey], option);
           },
           leftContent: iconPosition === "left" && /* @__PURE__ */ import_react.default.createElement(

package/lib/components/productCard/cartSkuCard/components/MultiDay/index.d.ts

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

package/lib/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/lib/components/productCard/components/MultiDay/index.d.ts

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

package/lib/components/productCard/components/Packages/components/collapsibleList/utils.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const renderBundles: (item: any, hidePrice?: boolean, isShowPackageNote?: boolean) => JSX.Element;

package/lib/components/productCard/components/Packages/components/options/index.d.ts

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

package/lib/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/lib/components/walletCard/Guide/index.js

@@ -51,9 +51,19 @@ var Guide = (props) => {
     return (setting == null ? void 0 : setting.walletGuideConfig) || {};
   }, [setting == null ? void 0 : setting.walletGuideConfig]);
   const handleClick = (e) => {
-    var _a2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     e.stopPropagation();
     if (!((_a2 = _setting == null ? void 0 : _setting.skipLink) == null ? void 0 : _a2.page)) return;
+    if ((_d2 = (_c2 = (_b2 = utils == null ? void 0 : utils.interaction) == null ? void 0 : _b2.utils) == null ? void 0 : _c2.isAppEnv) == null ? void 0 : _d2.call(_c2)) {
+      (_g2 = (_f2 = (_e2 = utils == null ? void 0 : utils.interaction) == null ? void 0 : _e2.utils) == null ? void 0 : _f2.postMessageToApp) == null ? void 0 : _g2.call(_f2, {
+        module: "global",
+        key: "openNative",
+        data: {
+          link: _setting == null ? void 0 : _setting.skipLink
+        }
+      });
+      return;
+    }
     utils == null ? void 0 : utils.jumpPageByLink(_setting == null ? void 0 : _setting.skipLink);
   };
   return /* @__PURE__ */ import_react.default.createElement(

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/lowcode/data-source-table/meta.ts

@@ -897,6 +897,13 @@ const dataSourceTable = {
                             },
                           },
                         },
+                        {
+                          name: 'afterClose',
+                          title: { label: '关闭后' },
+                          setter: {
+                            componentName: 'FunctionSetter'
+                          }
+                        }
                       ],
                     },
                   },
@@ -2689,6 +2696,13 @@ const dataSourceTable = {
                               componentName: 'BoolSetter'
                             },
                           ],
+                        },
+                        {
+                          name: 'afterClose',
+                          title: { label: '关闭后' },
+                          setter: {
+                            componentName: 'FunctionSetter'
+                          }
                         }
                       ],
                     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "2.2.97",
+  "version": "2.2.99",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -74,8 +74,8 @@
     "swiper": "^8.4.7",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "1.0.101",
-    "@pisell/utils": "2.0.1",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/utils": "2.0.1"
   },
   "peerDependencies": {
     "react": "^18.0.0",