@lobehub/ui 1.100.0 → 1.101.1

package/es/Form/style.js

@@ -4,9 +4,10 @@ import { createStyles } from 'antd-style';
 export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token,
-    prefixCls = _ref.prefixCls;
+    prefixCls = _ref.prefixCls,
+    responsive = _ref.responsive;
   return {
     footer: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    gap: 8px;\n    justify-content: flex-end;\n  "]))),
-    form: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    .", "-form-item {\n      margin: 0 !important;\n    }\n\n    .", "-form-item .", "-form-item-label > label {\n      height: unset;\n    }\n\n    .", "-row {\n      position: relative;\n      flex-wrap: nowrap;\n    }\n\n    .", "-form-item-label {\n      position: relative;\n      flex: 1;\n      max-width: 100%;\n    }\n\n    .", "-form-item-control {\n      position: relative;\n      flex: 0;\n      min-width: unset !important;\n    }\n\n    .", "-collapse-item {\n      overflow: hidden !important;\n      border-radius: ", "px !important;\n    }\n  "])), prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, token.borderRadius)
+    form: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n\n    ", " {\n      gap: 0;\n    }\n\n    .", "-form-item {\n      margin: 0 !important;\n    }\n\n    .", "-form-item .", "-form-item-label > label {\n      height: unset;\n    }\n\n    .", "-row {\n      position: relative;\n      flex-wrap: nowrap;\n    }\n\n    .", "-form-item-label {\n      position: relative;\n      flex: 1;\n      max-width: 100%;\n    }\n\n    .", "-form-item-control {\n      position: relative;\n      flex: 0;\n      min-width: unset !important;\n    }\n\n    .", "-collapse-item {\n      overflow: hidden !important;\n      border-radius: ", "px !important;\n    }\n  "])), responsive.mobile, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, prefixCls, token.borderRadius)
   };
 });

package/es/Modal/index.js

@@ -5,10 +5,11 @@ var _excluded = ["children", "title", "className", "wrapClassName", "width", "on
 var _templateObject, _templateObject2;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { Modal as AntModal } from 'antd';
+import { Modal as AntModal, ConfigProvider } from 'antd';
 import { Drawer } from 'antd';
 import { createStyles, useResponsive } from 'antd-style';
 import { X } from 'lucide-react';
+import { lighten } from 'polished';
 import { memo } from 'react';
 import ActionIcon from "../ActionIcon";
 import Icon from "../Icon";
@@ -69,24 +70,31 @@ var Modal = /*#__PURE__*/memo(function (_ref2) {
       position: 'bottom'
     })]
   });
-  return /*#__PURE__*/_jsx(AntModal, _objectSpread(_objectSpread({
-    className: cx(styles.content, className),
-    closable: true,
-    closeIcon: /*#__PURE__*/_jsx(Icon, {
-      icon: X,
-      size: {
-        fontSize: 20
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {
+      token: {
+        colorBgElevated: lighten(0.005, theme.colorBgContainer)
       }
-    }),
-    destroyOnClose: destroyOnClose,
-    maskClosable: true,
-    onCancel: onCancel,
-    open: open,
-    title: title,
-    width: width,
-    wrapClassName: cx(styles.wrap, wrapClassName)
-  }, props), {}, {
-    children: children
-  }));
+    },
+    children: /*#__PURE__*/_jsx(AntModal, _objectSpread(_objectSpread({
+      className: cx(styles.content, className),
+      closable: true,
+      closeIcon: /*#__PURE__*/_jsx(Icon, {
+        icon: X,
+        size: {
+          fontSize: 20
+        }
+      }),
+      destroyOnClose: destroyOnClose,
+      maskClosable: true,
+      onCancel: onCancel,
+      open: open,
+      title: title,
+      width: width,
+      wrapClassName: cx(styles.wrap, wrapClassName)
+    }, props), {}, {
+      children: children
+    }))
+  });
 });
 export default Modal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.100.0",
+  "version": "1.101.1",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",