@lobehub/ui 1.170.8 → 2.0.0

package/es/Modal/Modal.js

@@ -0,0 +1,173 @@
+'use client';
+
+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 = ["panelRef", "allowFullscreen", "children", "title", "className", "classNames", "width", "onCancel", "open", "destroyOnClose", "paddings", "height", "enableResponsive", "footer", "styles", "okText", "onOk", "cancelText", "okButtonProps", "cancelButtonProps", "confirmLoading"],
+  _excluded2 = ["body"];
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Modal as AntModal, Button, ConfigProvider, Drawer } from 'antd';
+import { useResponsive } from 'antd-style';
+import { Maximize2, Minimize2, X } from 'lucide-react';
+import { memo, useState } from 'react';
+import ActionIcon from "../ActionIcon";
+import Icon from "../Icon";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Modal = /*#__PURE__*/memo(function (_ref) {
+  var _paddings$desktop, _paddings$desktop2;
+  var panelRef = _ref.panelRef,
+    allowFullscreen = _ref.allowFullscreen,
+    children = _ref.children,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? ' ' : _ref$title,
+    className = _ref.className,
+    classNames = _ref.classNames,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 700 : _ref$width,
+    onCancel = _ref.onCancel,
+    open = _ref.open,
+    destroyOnClose = _ref.destroyOnClose,
+    paddings = _ref.paddings,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '75dvh' : _ref$height,
+    _ref$enableResponsive = _ref.enableResponsive,
+    enableResponsive = _ref$enableResponsive === void 0 ? true : _ref$enableResponsive,
+    footer = _ref.footer,
+    customStyles = _ref.styles,
+    okText = _ref.okText,
+    onOk = _ref.onOk,
+    cancelText = _ref.cancelText,
+    okButtonProps = _ref.okButtonProps,
+    cancelButtonProps = _ref.cancelButtonProps,
+    confirmLoading = _ref.confirmLoading,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    fullscreen = _useState2[0],
+    setFullscreen = _useState2[1];
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var _ref2 = customStyles || {},
+    body = _ref2.body,
+    restStyles = _objectWithoutProperties(_ref2, _excluded2);
+  var hideFooter = footer === false || footer === null;
+  if (enableResponsive && mobile) return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {
+      token: {
+        colorBgElevated: theme.colorBgContainer
+      }
+    },
+    children: /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
+      className: cx(styles.drawerContent, className),
+      classNames: _objectSpread(_objectSpread({}, classNames), {}, {
+        wrapper: cx(styles.wrap, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper)
+      }),
+      closeIcon: /*#__PURE__*/_jsx(ActionIcon, {
+        icon: X
+      }),
+      destroyOnClose: destroyOnClose,
+      extra: allowFullscreen && /*#__PURE__*/_jsx(ActionIcon, {
+        icon: fullscreen ? Minimize2 : Maximize2,
+        onClick: function onClick() {
+          return setFullscreen(!fullscreen);
+        }
+      }),
+      footer: hideFooter ? null : footer || /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          color: 'default',
+          onClick: onCancel,
+          variant: 'filled'
+        }, cancelButtonProps), {}, {
+          children: cancelText || 'Cancel'
+        })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          loading: confirmLoading,
+          onClick: onOk,
+          type: "primary"
+        }, okButtonProps), {}, {
+          style: _objectSpread({
+            marginInlineStart: 8
+          }, okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.style),
+          children: okText || 'OK'
+        }))]
+      }),
+      height: fullscreen ? 'calc(100% - env(safe-area-inset-top))' : height,
+      onClose: onCancel,
+      open: open,
+      panelRef: panelRef,
+      placement: 'bottom',
+      styles: _objectSpread({
+        body: _objectSpread({
+          paddingBlock: "16px ".concat(footer ? 0 : '16px'),
+          paddingInline: (_paddings$desktop = paddings === null || paddings === void 0 ? void 0 : paddings.desktop) !== null && _paddings$desktop !== void 0 ? _paddings$desktop : 16
+        }, body)
+      }, restStyles),
+      title: title
+    }, rest), {}, {
+      children: children
+    }))
+  });
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {
+      token: {
+        colorBgElevated: theme.colorBgContainer
+      }
+    },
+    children: /*#__PURE__*/_jsx(AntModal, _objectSpread(_objectSpread({
+      cancelButtonProps: _objectSpread({
+        color: 'default',
+        variant: 'filled'
+      }, cancelButtonProps),
+      cancelText: cancelText,
+      className: cx(styles.content, className),
+      classNames: _objectSpread(_objectSpread({}, classNames), {}, {
+        wrapper: cx(styles.wrap, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper)
+      }),
+      closable: true,
+      closeIcon: /*#__PURE__*/_jsx(Icon, {
+        icon: X,
+        size: 20
+      }),
+      confirmLoading: confirmLoading,
+      destroyOnClose: destroyOnClose,
+      footer: hideFooter ? null : footer,
+      maskClosable: true,
+      okButtonProps: okButtonProps,
+      okText: okText,
+      onCancel: onCancel,
+      onOk: onOk,
+      open: open,
+      panelRef: panelRef,
+      styles: _objectSpread({
+        body: _objectSpread({
+          maxHeight: height,
+          overflow: 'hidden auto',
+          paddingBlock: "0 ".concat(footer === null ? '16px' : 0),
+          paddingInline: (_paddings$desktop2 = paddings === null || paddings === void 0 ? void 0 : paddings.desktop) !== null && _paddings$desktop2 !== void 0 ? _paddings$desktop2 : 16
+        }, body)
+      }, restStyles),
+      title: title,
+      width: width
+    }, rest), {}, {
+      children: children
+    }))
+  });
+});
+Modal.displayName = 'Modal';
+export default Modal;

package/es/Modal/index.d.ts

@@ -1,13 +1,2 @@
-/// <reference types="react" />
-import { type ModalProps as AntModalProps } from 'antd';
-export type ModalProps = Omit<AntModalProps, 'okType'> & {
-    allowFullscreen?: boolean;
-    enableResponsive?: boolean;
-    maxHeight?: string | number | false;
-    paddings?: {
-        desktop?: number;
-        mobile?: number;
-    };
-};
-declare const Modal: import("react").NamedExoticComponent<ModalProps>;
-export default Modal;
+export { default } from './Modal';
+export type * from './type';

package/es/Modal/index.js

@@ -1,168 +1 @@
-'use client';
-
-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 = ["allowFullscreen", "children", "title", "className", "wrapClassName", "width", "onCancel", "open", "destroyOnClose", "paddings", "maxHeight", "enableResponsive", "footer", "styles", "okText", "onOk", "cancelText", "okButtonProps", "cancelButtonProps", "confirmLoading"],
-  _excluded2 = ["body"];
-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; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Modal as AntModal, Button, ConfigProvider, Drawer } from 'antd';
-import { useResponsive } from 'antd-style';
-import { isNumber } from 'lodash-es';
-import { Maximize2, Minimize2, X } from 'lucide-react';
-import { memo, useState } from 'react';
-import ActionIcon from "../ActionIcon";
-import Icon from "../Icon";
-import { FOOTER_HEIGHT, HEADER_HEIGHT, useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var Modal = /*#__PURE__*/memo(function (_ref) {
-  var _paddings$desktop, _paddings$desktop2;
-  var allowFullscreen = _ref.allowFullscreen,
-    children = _ref.children,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? ' ' : _ref$title,
-    className = _ref.className,
-    wrapClassName = _ref.wrapClassName,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 700 : _ref$width,
-    onCancel = _ref.onCancel,
-    open = _ref.open,
-    destroyOnClose = _ref.destroyOnClose,
-    paddings = _ref.paddings,
-    _ref$maxHeight = _ref.maxHeight,
-    maxHeight = _ref$maxHeight === void 0 ? '75dvh' : _ref$maxHeight,
-    _ref$enableResponsive = _ref.enableResponsive,
-    enableResponsive = _ref$enableResponsive === void 0 ? true : _ref$enableResponsive,
-    footer = _ref.footer,
-    _ref$styles = _ref.styles,
-    stylesProps = _ref$styles === void 0 ? {} : _ref$styles,
-    okText = _ref.okText,
-    onOk = _ref.onOk,
-    cancelText = _ref.cancelText,
-    okButtonProps = _ref.okButtonProps,
-    cancelButtonProps = _ref.cancelButtonProps,
-    confirmLoading = _ref.confirmLoading,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    fullscreen = _useState2[0],
-    setFullscreen = _useState2[1];
-  var _useResponsive = useResponsive(),
-    mobile = _useResponsive.mobile;
-  var _useStyles = useStyles({
-      maxHeight: maxHeight ? "calc(".concat(isNumber(maxHeight) ? "".concat(maxHeight, "px") : maxHeight, " - ").concat(HEADER_HEIGHT + (footer ? FOOTER_HEIGHT : 0), "px)") : undefined
-    }),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx,
-    theme = _useStyles.theme;
-  var body = stylesProps.body,
-    restStyles = _objectWithoutProperties(stylesProps, _excluded2);
-  var hideFooter = footer === false || footer === null;
-  if (enableResponsive && mobile) return /*#__PURE__*/_jsx(ConfigProvider, {
-    theme: {
-      token: {
-        colorBgElevated: theme.colorBgContainer
-      }
-    },
-    children: /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
-      className: cx(styles.drawerContent, className),
-      closeIcon: /*#__PURE__*/_jsx(ActionIcon, {
-        icon: X
-      }),
-      destroyOnClose: destroyOnClose,
-      extra: allowFullscreen && /*#__PURE__*/_jsx(ActionIcon, {
-        icon: fullscreen ? Minimize2 : Maximize2,
-        onClick: function onClick() {
-          return setFullscreen(!fullscreen);
-        }
-      }),
-      footer: hideFooter ? null : footer || /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-          color: 'default',
-          onClick: onCancel,
-          variant: 'filled'
-        }, cancelButtonProps), {}, {
-          children: cancelText || 'Cancel'
-        })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-          loading: confirmLoading,
-          onClick: onOk,
-          type: "primary"
-        }, okButtonProps), {}, {
-          style: _objectSpread({
-            marginInlineStart: 8
-          }, okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.style),
-          children: okText || 'OK'
-        }))]
-      }),
-      height: fullscreen ? 'calc(100% - env(safe-area-inset-top))' : maxHeight || '75vh',
-      maskClassName: cx(styles.wrap, wrapClassName),
-      onClose: onCancel,
-      open: open,
-      placement: 'bottom',
-      styles: _objectSpread({
-        body: _objectSpread({
-          paddingBlock: "16px ".concat(footer ? 0 : '16px'),
-          paddingInline: (_paddings$desktop = paddings === null || paddings === void 0 ? void 0 : paddings.desktop) !== null && _paddings$desktop !== void 0 ? _paddings$desktop : 16
-        }, body)
-      }, restStyles),
-      title: title
-    }, rest), {}, {
-      children: children
-    }))
-  });
-  return /*#__PURE__*/_jsx(ConfigProvider, {
-    theme: {
-      token: {
-        colorBgElevated: theme.colorBgContainer
-      }
-    },
-    children: /*#__PURE__*/_jsx(AntModal, _objectSpread(_objectSpread({
-      cancelButtonProps: _objectSpread({
-        color: 'default',
-        variant: 'filled'
-      }, cancelButtonProps),
-      cancelText: cancelText,
-      className: cx(styles.content, className),
-      closable: true,
-      closeIcon: /*#__PURE__*/_jsx(Icon, {
-        icon: X,
-        size: {
-          fontSize: 20
-        }
-      }),
-      confirmLoading: confirmLoading,
-      destroyOnClose: destroyOnClose,
-      footer: hideFooter ? null : footer,
-      maskClosable: true,
-      okButtonProps: okButtonProps,
-      okText: okText,
-      onCancel: onCancel,
-      onOk: onOk,
-      open: open,
-      styles: _objectSpread({
-        body: _objectSpread({
-          paddingBlock: "0 ".concat(footer === null ? '16px' : 0),
-          paddingInline: (_paddings$desktop2 = paddings === null || paddings === void 0 ? void 0 : paddings.desktop) !== null && _paddings$desktop2 !== void 0 ? _paddings$desktop2 : 16
-        }, body)
-      }, restStyles),
-      title: title,
-      width: width,
-      wrapClassName: cx(styles.wrap, wrapClassName)
-    }, rest), {}, {
-      children: children
-    }))
-  });
-});
-export default Modal;
+export { default } from "./Modal";

package/es/Modal/style.d.ts

@@ -1,9 +1,7 @@
 export declare const HEADER_HEIGHT = 56;
 export declare const FOOTER_HEIGHT = 68;
-export declare const useStyles: (props?: {
-    maxHeight?: string | undefined;
-} | undefined) => import("antd-style").ReturnStyles<{
-    content: string;
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    content: import("antd-style").SerializedStyles;
     drawerContent: import("antd-style").SerializedStyles;
     wrap: import("antd-style").SerializedStyles;
 }>;

package/es/Modal/style.js

@@ -1,17 +1,15 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
 export var HEADER_HEIGHT = 56;
 export var FOOTER_HEIGHT = 68;
-export var useStyles = createStyles(function (_ref, _ref2) {
-  var cx = _ref.cx,
-    css = _ref.css,
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
     token = _ref.token,
     prefixCls = _ref.prefixCls;
-  var maxHeight = _ref2.maxHeight;
   return {
-    content: cx(maxHeight && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            .", "-modal-body {\n              overflow: auto;\n              max-height: ", ";\n            }\n          "])), prefixCls, maxHeight), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          .", "-modal-footer {\n            margin: 0;\n            padding: 16px;\n          }\n          .", "-modal-header {\n            display: flex;\n            gap: 4px;\n            align-items: center;\n            justify-content: center;\n\n            height: 56px;\n            margin-block-end: 0;\n            padding: 16px;\n          }\n          .", "-modal-content {\n            overflow: hidden;\n            padding: 0;\n            border: 1px solid ", ";\n            border-radius: ", "px;\n          }\n        "])), prefixCls, prefixCls, prefixCls, token.colorSplit, token.borderRadiusLG)),
-    drawerContent: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        .", "-drawer-close {\n          padding: 0;\n        }\n\n        .", "-drawer-header {\n          flex: none;\n          height: ", "px !important;\n          padding-block: 0;\n          padding-inline: 16px;\n        }\n\n        .", "-drawer-footer {\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n\n          padding: 16px;\n\n          border: none;\n        }\n      "])), prefixCls, prefixCls, HEADER_HEIGHT, prefixCls),
-    wrap: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        overflow: hidden auto;\n      "])))
+    content: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      .", "-modal-footer {\n        margin: 0;\n        padding: 16px;\n      }\n      .", "-modal-header {\n        display: flex;\n        gap: 4px;\n        align-items: center;\n        justify-content: center;\n\n        height: 56px;\n        margin-block-end: 0;\n        padding: 16px;\n      }\n      .", "-modal-content {\n        overflow: hidden;\n        padding: 0;\n        border: 1px solid ", ";\n        border-radius: ", "px;\n      }\n    "])), prefixCls, prefixCls, prefixCls, token.colorSplit, token.borderRadiusLG),
+    drawerContent: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .", "-drawer-close {\n        padding: 0;\n      }\n\n      .", "-drawer-header {\n        flex: none;\n        height: ", "px !important;\n        padding-block: 0;\n        padding-inline: 16px;\n      }\n\n      .", "-drawer-footer {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n\n        padding: 16px;\n\n        border: none;\n      }\n    "])), prefixCls, prefixCls, HEADER_HEIGHT, prefixCls),
+    wrap: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      overflow: hidden auto;\n    "])))
   };
 });

package/es/Modal/type.d.ts

@@ -0,0 +1,9 @@
+import type { ModalProps as AntModalProps } from 'antd';
+export type ModalProps = Omit<AntModalProps, 'okType' | 'wrapClassName'> & {
+    allowFullscreen?: boolean;
+    enableResponsive?: boolean;
+    paddings?: {
+        desktop?: number;
+        mobile?: number;
+    };
+};

package/es/Modal/type.js

@@ -0,0 +1 @@
+export {};

package/es/ScrollShadow/ScrollShadow.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ScrollShadowProps } from './type';
+declare const ScrollShadow: import("react").NamedExoticComponent<ScrollShadowProps>;
+export default ScrollShadow;

package/es/ScrollShadow/ScrollShadow.js

@@ -0,0 +1,153 @@
+'use client';
+
+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 = ["className", "children", "orientation", "hideScrollBar", "size", "offset", "visibility", "isEnabled", "onVisibilityChange", "style"];
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { cva } from 'class-variance-authority';
+import { memo, useMemo, useRef } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { useStyles } from "./style";
+import { useScrollOverflow } from "./useScrollOverflow";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ScrollShadow = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? 'vertical' : _ref$orientation,
+    _ref$hideScrollBar = _ref.hideScrollBar,
+    hideScrollBar = _ref$hideScrollBar === void 0 ? false : _ref$hideScrollBar,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 40 : _ref$size,
+    _ref$offset = _ref.offset,
+    offset = _ref$offset === void 0 ? 0 : _ref$offset,
+    _ref$visibility = _ref.visibility,
+    visibility = _ref$visibility === void 0 ? 'auto' : _ref$visibility,
+    _ref$isEnabled = _ref.isEnabled,
+    isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
+    onVisibilityChange = _ref.onVisibilityChange,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(size),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  var domRef = useRef(null);
+
+  // 使用滚动检测钩子
+  var scrollState = useScrollOverflow({
+    domRef: domRef,
+    isEnabled: isEnabled && visibility === 'auto',
+    offset: offset,
+    onVisibilityChange: onVisibilityChange,
+    orientation: orientation,
+    updateDeps: [children]
+  });
+
+  // 决定最终的滚动状态
+  var finalScrollState = useMemo(function () {
+    if (visibility === 'always') {
+      return {
+        bottom: true,
+        left: true,
+        right: true,
+        top: true
+      };
+    }
+    if (visibility === 'never') {
+      return {
+        bottom: false,
+        left: false,
+        right: false,
+        top: false
+      };
+    }
+    return scrollState;
+  }, [visibility, scrollState]);
+
+  // 计算数据属性
+  var dataAttributes = useMemo(function () {
+    var attributes = {
+      'data-orientation': orientation
+    };
+    if (orientation === 'vertical') {
+      if (finalScrollState.top && finalScrollState.bottom) {
+        attributes['data-top-bottom-scroll'] = true;
+      } else if (finalScrollState.top) {
+        attributes['data-top-scroll'] = true;
+      } else if (finalScrollState.bottom) {
+        attributes['data-bottom-scroll'] = true;
+      }
+    } else {
+      if (finalScrollState.left && finalScrollState.right) {
+        attributes['data-left-right-scroll'] = true;
+      } else if (finalScrollState.left) {
+        attributes['data-left-scroll'] = true;
+      } else if (finalScrollState.right) {
+        attributes['data-right-scroll'] = true;
+      }
+    }
+    return attributes;
+  }, [orientation, finalScrollState]);
+
+  // 计算滚动位置变体
+  var scrollPosition = useMemo(function () {
+    if (orientation === 'vertical') {
+      if (finalScrollState.top && finalScrollState.bottom) return 'top-bottom';
+      if (finalScrollState.top) return 'top';
+      if (finalScrollState.bottom) return 'bottom';
+    } else {
+      if (finalScrollState.left && finalScrollState.right) return 'left-right';
+      if (finalScrollState.left) return 'left';
+      if (finalScrollState.right) return 'right';
+    }
+    return 'none';
+  }, [orientation, finalScrollState]);
+  var variants = useMemo(function () {
+    return cva(styles.root, {
+      defaultVariants: {
+        hideScrollBar: false,
+        orientation: 'vertical',
+        scrollPosition: 'none'
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        orientation: {
+          horizontal: styles.horizontal,
+          vertical: styles.vertical
+        },
+        hideScrollBar: {
+          true: styles.hideScrollBar,
+          false: null
+        },
+        scrollPosition: {
+          'none': null,
+          'top': styles.topShadow,
+          'bottom': styles.bottomShadow,
+          'top-bottom': styles.topBottomShadow,
+          'left': styles.leftShadow,
+          'right': styles.rightShadow,
+          'left-right': styles.leftRightShadow
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  return /*#__PURE__*/_jsx(Flexbox, _objectSpread(_objectSpread(_objectSpread({
+    className: cx(variants({
+      hideScrollBar: hideScrollBar,
+      orientation: orientation,
+      scrollPosition: scrollPosition
+    }), className),
+    ref: domRef,
+    style: style
+  }, dataAttributes), rest), {}, {
+    children: children
+  }));
+});
+ScrollShadow.displayName = 'ScrollShadow';
+export default ScrollShadow;

package/es/ScrollShadow/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ScrollShadow';
+export type * from './type';

package/es/ScrollShadow/index.js

@@ -0,0 +1 @@
+export { default } from "./ScrollShadow";

package/es/ScrollShadow/style.d.ts

@@ -0,0 +1,12 @@
+export declare const useStyles: (props?: number | undefined) => import("antd-style").ReturnStyles<{
+    bottomShadow: import("antd-style").SerializedStyles;
+    hideScrollBar: import("antd-style").SerializedStyles;
+    horizontal: import("antd-style").SerializedStyles;
+    leftRightShadow: import("antd-style").SerializedStyles;
+    leftShadow: import("antd-style").SerializedStyles;
+    rightShadow: import("antd-style").SerializedStyles;
+    root: import("antd-style").SerializedStyles;
+    topBottomShadow: import("antd-style").SerializedStyles;
+    topShadow: import("antd-style").SerializedStyles;
+    vertical: import("antd-style").SerializedStyles;
+}>;

package/es/ScrollShadow/style.js

@@ -0,0 +1,21 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, size) {
+  var css = _ref.css;
+  var shadowSize = size + '%';
+  return {
+    bottomShadow: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      mask-image: linear-gradient(180deg, #000 calc(100% - ", "), transparent);\n    "])), shadowSize),
+    hideScrollBar: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      scrollbar-width: none;\n\n      -ms-overflow-style: none;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    "]))),
+    horizontal: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      overflow-x: auto;\n    "]))),
+    leftRightShadow: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      mask-image: linear-gradient(\n        to right,\n        #000,\n        #000,\n        transparent 0,\n        #000 ", ",\n        #000 calc(100% - ", "),\n        transparent\n      );\n    "])), shadowSize, shadowSize),
+    // 水平滚动阴影
+    leftShadow: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      mask-image: linear-gradient(270deg, #000 calc(100% - ", "), transparent);\n    "])), shadowSize),
+    rightShadow: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      mask-image: linear-gradient(90deg, #000 calc(100% - ", "), transparent);\n    "])), shadowSize),
+    root: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n    "]))),
+    topBottomShadow: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      mask-image: linear-gradient(\n        #000,\n        #000,\n        transparent 0,\n        #000 ", ",\n        #000 calc(100% - ", "),\n        transparent\n      );\n    "])), shadowSize, shadowSize),
+    // 垂直滚动阴影
+    topShadow: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      mask-image: linear-gradient(0deg, #000 calc(100% - ", "), transparent);\n    "])), shadowSize),
+    vertical: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      overflow-y: auto;\n    "])))
+  };
+});

package/es/ScrollShadow/type.d.ts

@@ -0,0 +1,15 @@
+import type { FlexboxProps } from 'react-layout-kit';
+export interface ScrollShadowProps extends FlexboxProps {
+    hideScrollBar?: boolean;
+    isEnabled?: boolean;
+    offset?: number;
+    onVisibilityChange?: (visibility: {
+        bottom?: boolean;
+        left?: boolean;
+        right?: boolean;
+        top?: boolean;
+    }) => void;
+    orientation?: 'vertical' | 'horizontal';
+    size?: number;
+    visibility?: 'auto' | 'always' | 'never';
+}

package/es/ScrollShadow/type.js

@@ -0,0 +1 @@
+export {};