@pisell/materials 6.4.8 → 6.5.2

package/lib/components/dataSourceComponents/provider/variables/VariablesProvider.js

@@ -47,13 +47,17 @@ var defaultCustomizer = (objValue, srcValue) => {
 };
 var VARIABLE_PATTERN = /{{([^}]+)}}/g;
 var VariablesProvider = (props) => {
-  var _a;
-  const { children, variables } = props;
+  var _a, _b, _c, _d;
+  const { children, variables, config } = props;
   const context = (0, import_useEngineContext.default)();
-  const { getApp } = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
+  const disabledHistoryListener = config ?? ((_c = (_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.variablesConfig) == null ? void 0 : _c.disabledHistoryListener);
+  const { getApp } = ((_d = context == null ? void 0 : context.appHelper) == null ? void 0 : _d.utils) || {};
   const initialQuery = (0, import_react.useMemo)(() => {
-    var _a2, _b, _c;
-    const currentLocation = (_c = (_b = (_a2 = getApp == null ? void 0 : getApp()) == null ? void 0 : _a2.history) == null ? void 0 : _b.instance) == null ? void 0 : _c.location;
+    var _a2, _b2, _c2;
+    if (disabledHistoryListener) {
+      return {};
+    }
+    const currentLocation = (_c2 = (_b2 = (_a2 = getApp == null ? void 0 : getApp()) == null ? void 0 : _a2.history) == null ? void 0 : _b2.instance) == null ? void 0 : _c2.location;
     if (currentLocation == null ? void 0 : currentLocation.search) {
       const searchParams = new URLSearchParams(currentLocation.search);
       const query = {};
@@ -63,9 +67,9 @@ var VariablesProvider = (props) => {
       return query;
     }
     return {};
-  }, []);
+  }, [disabledHistoryListener]);
   const variablesRef = (0, import_react.useRef)(
-    (0, import_utils3.mergeWith)(
+    disabledHistoryListener ? variables || {} : (0, import_utils3.mergeWith)(
       variables,
       {
         global: {
@@ -80,6 +84,9 @@ var VariablesProvider = (props) => {
   );
   const listenersRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
   const setQueryVariable = (0, import_ahooks.useMemoizedFn)((search) => {
+    if (disabledHistoryListener) {
+      return;
+    }
     const searchParams = new URLSearchParams(search);
     const query = {};
     searchParams.forEach((value2, key) => {
@@ -90,14 +97,17 @@ var VariablesProvider = (props) => {
     });
   });
   (0, import_react.useEffect)(() => {
-    var _a2, _b, _c;
-    const unlisten = (_c = (_b = (_a2 = getApp == null ? void 0 : getApp()) == null ? void 0 : _a2.history) == null ? void 0 : _b.instance) == null ? void 0 : _c.listen((location) => {
+    var _a2, _b2, _c2;
+    if (disabledHistoryListener) {
+      return;
+    }
+    const unlisten = (_c2 = (_b2 = (_a2 = getApp == null ? void 0 : getApp()) == null ? void 0 : _a2.history) == null ? void 0 : _b2.instance) == null ? void 0 : _c2.listen((location) => {
       setQueryVariable(location.search);
     });
     return () => {
       unlisten == null ? void 0 : unlisten();
     };
-  }, []);
+  }, [disabledHistoryListener]);
   const registerVariable = (0, import_ahooks.useMemoizedFn)((value2) => {
     variablesRef.current = (0, import_utils3.mergeWith)(
       variablesRef.current,

package/lib/components/date-picker/index.d.ts

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

package/lib/components/drag-sort-tree/TreeItem/index.d.ts

@@ -0,0 +1,18 @@
+import './index.less';
+import { ValueProps, SortType } from '../types';
+declare type IdType = string | number;
+declare type TreeItemProps = {
+    id: string | number;
+    key: string | number;
+    item: ValueProps | any;
+    depth: number;
+    lists: any[];
+    childrenProps?: SortType;
+    sensors?: any;
+    expandedKeys?: IdType[];
+    setExpandedKeys?: any;
+    onSelectKeys?: (ids: IdType) => void;
+    onChange?: (value: any[]) => void;
+};
+declare const TreeItem: (props: TreeItemProps) => JSX.Element;
+export default TreeItem;

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/lib/components/filter/components/items/text/Editor/index.d.ts

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

package/lib/components/filter/components/items/text/Preview/index.d.ts

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

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

@@ -9,7 +9,6 @@ export declare type FilterType = {
     sortButtonShow: boolean;
     /** 筛选列表 */
     list: FilterItemProps[];
-    items?: string[];
     /** 快速筛选最大长度 */
     quickFilterMaxLength: number;
     /** 配置存储模式 */

package/lib/components/iconfont/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(iconfont_exports);
 var import_icons = require("@ant-design/icons");
 var import_react = __toESM(require("react"));
 var MyIcon = (0, import_icons.createFromIconfontCN)({
-  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.14.js"
+  scriptUrl: "https://static.pisellcdn.com/pisell2iconfont1.13.js"
   // 在 iconfont.cn 上生成
 });
 var IconFont = (props) => {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type LowCodePageProps = {
     id: number;
 };

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

@@ -1,6 +1,8 @@
-/// <reference types="react" />
 import { ConfigProviderProps } from '../config-provider';
 interface PageProps extends ConfigProviderProps {
+    variablesConfig?: {
+        disabledHistoryListener?: boolean;
+    };
 }
 declare const Page: (props: PageProps) => JSX.Element;
 export default Page;

package/lib/components/page/index.js

@@ -70,7 +70,7 @@ var localeDateMap = {
 };
 var Page = (props) => {
   var _a, _b, _c, _d, _e, _f;
-  const { children, style, className, locale: propsLocale, ...others } = props;
+  const { children, style, className, locale: propsLocale, variablesConfig, ...others } = props;
   const context = (0, import_useEngineContext.default)();
   const { platform, themeColor } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
   const locale = propsLocale || ((_c = (_b = context == null ? void 0 : context.engine) == null ? void 0 : _b.props) == null ? void 0 : _c.locale) || "en";
@@ -240,7 +240,8 @@ var Page = (props) => {
         /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ import_react.default.createElement(import_pisell_config_provider.default, { locale }, /* @__PURE__ */ import_react.default.createElement(
           import_VariablesProvider.default,
           {
-            variables: ((_f = (_e = context.engine) == null ? void 0 : _e.props) == null ? void 0 : _f.variables) || {}
+            variables: ((_f = (_e = context.engine) == null ? void 0 : _e.props) == null ? void 0 : _f.variables) || {},
+            config: variablesConfig
           },
           /* @__PURE__ */ import_react.default.createElement(
             "div",

package/lib/components/pisell-config-provider/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PisellContextType } from './context';
+interface PisellConfigProviderType {
+    platform?: PisellContextType['platform'];
+    children: React.ReactNode;
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+    getSymbolic?: () => string;
+}
+declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
+export default PisellConfigProvider;

package/lib/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SpinProps } from 'antd';
 import './index.less';
 declare type MaskType = {

package/lib/components/pisellModal/components/IpadModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }

package/lib/components/pisellModal/components/MobileModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 import './index.less';
 export interface MobileModalProps extends PcModalProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { UploadProps } from 'antd';
 import './index.less';
 export interface PisellUploadProps extends UploadProps {

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.js

@@ -110,26 +110,17 @@ var SwipeAction = (0, import_react.forwardRef)(
     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);
     function getWidth(ref2) {
       const element = ref2.current;
       if (!element) return 0;
       return element.offsetWidth;
     }
-    function getHeight(ref2) {
-      const element = ref2.current;
-      if (!element) return 0;
-      return element.offsetHeight;
-    }
     function getLeftWidth() {
       return getWidth(leftRef);
     }
     function getRightWidth() {
       return getWidth(rightRef);
     }
-    function getRootHeight() {
-      return getHeight(rootRef);
-    }
     const [{ x }, api] = (0, import_web.useSpring)(
       () => ({
         x: 0,
@@ -222,20 +213,6 @@ var SwipeAction = (0, import_react.forwardRef)(
       },
       close
     }));
-    (0, import_react.useEffect)(() => {
-      const updateHeight = () => {
-        const height = getRootHeight();
-        setContainerHeight(height);
-      };
-      updateHeight();
-      const resizeObserver = new ResizeObserver(updateHeight);
-      if (rootRef.current) {
-        resizeObserver.observe(rootRef.current);
-      }
-      return () => {
-        resizeObserver.disconnect();
-      };
-    }, []);
     (0, import_react.useEffect)(() => {
       if (!props.closeOnTouchOutside) return;
       function handle(e) {
@@ -261,32 +238,14 @@ var SwipeAction = (0, import_react.forwardRef)(
         document.removeEventListener("mousedown", handle);
       };
     }, [props.closeOnTouchOutside, props.escapeDom]);
-    const getRightContainerClass = () => {
-      const baseClass = `${classPrefix}-actions ${classPrefix}-actions-right`;
-      if (containerHeight > 180) {
-        return `${baseClass} ${classPrefix}-height-large`;
-      } else if (containerHeight > 120) {
-        return `${baseClass} ${classPrefix}-height-medium`;
-      }
-      return `${baseClass} ${classPrefix}-height-small`;
-    };
-    const getRightActionButtonClass = () => {
-      if (containerHeight > 180) {
-        return `${classPrefix}-action-height-large`;
-      } else if (containerHeight > 120) {
-        return `${classPrefix}-action-height-medium`;
-      }
-      return `${classPrefix}-action-height-small`;
-    };
-    function renderAction(action, isRightAction = false) {
+    function renderAction(action) {
       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(
         Button,
         {
           key: action.key,
-          className: buttonClass,
+          className: `${classPrefix}-action-button`,
           style: {
             "--background-color": colorRecord[color] ?? color,
             ..._style
@@ -326,7 +285,7 @@ var SwipeAction = (0, import_react.forwardRef)(
               className: `${classPrefix}-actions ${classPrefix}-actions-left`,
               ref: leftRef
             },
-            props.leftActions.map((action) => renderAction(action, false))
+            props.leftActions.map(renderAction)
           )
         ), /* @__PURE__ */ import_react.default.createElement(
           "div",
@@ -353,7 +312,14 @@ 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_react.default.createElement(
+            "div",
+            {
+              className: `${classPrefix}-actions ${classPrefix}-actions-right`,
+              ref: rightRef
+            },
+            props.rightActions.map(renderAction)
+          )
         ))
       )
     );

package/lib/components/productCard/cartSkuCard/components/swipeAction/index.less

@@ -33,42 +33,3 @@
     padding-right: 4px;
   }
 }
-
-.pisell-custom-swipe-action-action-button {
-  min-width: 80px;
-}
-
-/* 容器样式 */
-.pisell-custom-swipe-action-height-large {
-  display: flex;
-  flex-direction: column;
-  background-color: rgba(67, 93, 147, 0.3);
-  justify-content: flex-start;
-
-  .pisell-number-selector-btn {
-    width: 40px !important;
-    height: 40px !important;
-  }
-}
-
-.pisell-custom-swipe-action-height-medium {
-  display: flex;
-  flex-direction: column;
-  background-color: rgba(67, 93, 147, 0.3);
-
-  .pisell-number-selector-btn {
-    width: 40px !important;
-    height: 40px !important;
-  }
-}
-
-/* 按钮样式 */
-.pisell-custom-swipe-action-action-height-large {
-  height: 60px;
-  width: 200px;
-}
-
-.pisell-custom-swipe-action-action-height-medium {
-  flex: 1;
-  width: 200px;
-}

package/lib/components/productCard/cartSkuCard/index.js

@@ -199,7 +199,7 @@ var CartSkuCard = (props) => {
     }
     return renderA2();
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, type === "a2" ? /* @__PURE__ */ import_react.default.createElement(
     import_swipeAction.SwipeAction,
     {
       closeOnAction: false,
@@ -219,7 +219,18 @@ var CartSkuCard = (props) => {
       },
       renderContent()
     )
-  );
+  ) : /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${PREFIX}-wrapper`) }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(PREFIX, `${PREFIX}-${type}`),
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onCard == null ? void 0 : onCard(dataSource);
+      }
+    },
+    renderContent()
+  )));
 };
 var cartSkuCard_default = CartSkuCard;
 // Annotate the CommonJS export names for ESM import in node:

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

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

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

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

package/lib/components/productCard/components/Header/EditButton/index.d.ts

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

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/Note/index.d.ts

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

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/index.d.ts

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

package/lib/components/productCard/components/Time/components/Like/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Like: ({ status, onLike, className, style, isShowChangeResource, }: {
     style?: any;

package/lib/components/productCard/components/Time/components/SelectHolderMultiple/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const SelectHolderMultiple: ({ lists, value, onChange, holderMode, isShowAddHolderButton, onAddHolder, addHolderButtonText, onClearHolder, isErrorHolder, allowClear, holderMaxCount, }: any) => JSX.Element;
 export default SelectHolderMultiple;

package/lib/components/productCard/status.d.ts

@@ -0,0 +1,32 @@
+import { ProductCardTypes, bundleType, optionType, productType } from './types';
+/**
+ * @title: 套餐数据
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:21
+ */
+export declare const defaultBundle: bundleType;
+/**
+ * @description: 单规格
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:00
+ */
+export declare const defaultOption: optionType;
+/**
+ * @title: 商品商品类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 22:48
+ */
+export declare const defaultProduct: productType;
+/**
+ * @title: 默认数据
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-12 16:49
+ */
+export declare const defaultValue: ProductCardTypes;

package/lib/components/productCard/types.d.ts

@@ -0,0 +1,84 @@
+export declare type bundleType = {
+    id: number;
+    name: string;
+    num: number;
+    price: number;
+    total: number;
+    origin_total?: number;
+    price_type?: string;
+    options?: optionType[];
+};
+/**
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 23:00
+ */
+export declare type optionType = {
+    id: number;
+    name: string;
+    num: number;
+    price: number;
+    total: number;
+    origin_total?: number;
+};
+/**
+ * @title: 商品商品类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-01-02 22:48
+ */
+export declare type productType = {
+    _id: string | number;
+    id: number;
+    name: string;
+    price: number;
+    total: number;
+    num: number;
+    origin_total?: number;
+    image?: string;
+    isShowNote?: boolean;
+    note?: string;
+    like_status?: string;
+    bundle?: bundleType[];
+    options?: optionType[];
+    isShowAction?: boolean;
+    actionText?: string;
+    errorMessage?: string;
+    product_option_string?: string;
+    discount_reason?: string;
+    relation_products?: any[];
+    resource_id?: string | number;
+    relation_form_name?: string;
+    holder_title?: string;
+    start_date?: string;
+    end_date?: string;
+    is_show_duration?: boolean;
+    is_show_week?: boolean;
+};
+/**
+ * 排序总配置
+ */
+export declare type ProductCardTypes = {
+    dataSource: productType;
+    isShowImage?: boolean;
+    isShowHolder?: boolean;
+    isShowNote?: boolean;
+    isShowPackageNote?: boolean;
+    isShowDelete?: boolean;
+    disabledEdit?: boolean;
+    locale?: string;
+    symbol?: string;
+    isShowChangeHolder?: boolean;
+    isShowChangeResource?: boolean;
+    isShowChangeDate?: boolean;
+    onAction?: (val: any) => void;
+    onDelete?: (val: any) => void;
+    onNote?: (val: any) => void;
+    onLike?: (val: any) => void;
+    onCard?: (val: any) => void;
+    onChangeResource?: (val: any) => void;
+    osWarnTips?: Array<string>;
+    [key: string]: any;
+};

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SegmentedProps } from "antd";
 import "./index.less";
 declare const Segmented: (props: SegmentedProps) => JSX.Element;

package/lib/components/select-time/RightPanel/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface RightPanelProps {
     value: string;

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

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

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

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

package/lib/components/sort/components/InlineMenu/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuProps } from "antd";
 import "./index.less";
 interface InlineMenuProps {

package/lib/components/table/Gallery/components/GalleryItem/components/RenderFields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare type RenderFieldsProps = {
     fields: string[];

package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: any;
-    vertical: any;
+    horizontal: number;
+    vertical: number;
 };
 export default useGapSize;