fix(dms-kit): allow custom getPopupContainer in BasicRangePicker

packages/base/src/page/Nav/SideMenu/UserMenu/Modal/CompanyNoticeModal/CompanyNoticeForm/index.tsx

@@ -132,6 +132,7 @@ export const CompanyNoticeForm: React.FC<{
           ]}
           disabled={disabled}
           className="company-notice-date-picker"
+          getPopupContainer={() => document.body}
         />
       </Form.Item>
     </Form>

packages/dms-kit/docs/CHANGELOG.md

@@ -57,4 +57,8 @@ nav:
 
 ## 1.0.9
 
-- 路由数据变更
+- 路由数据变更
+
+## 1.0.10
+
+- [BasicRangePicker] 修复用户无法自定义 `getPopupContainer` 属性的问题

packages/dms-kit/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actiontech/dms-kit",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "DMS Kit - React UI Components Library",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -58,4 +58,4 @@
     "dumi": "^2.3.8",
     "babel-plugin-import": "^1.13.8"
   }
-}
+}

packages/dms-kit/src/components/BasicRangePicker/BasicRangePicker.tsx

@@ -10,6 +10,7 @@ const BasicRangePicker: React.FC<BasicRangePickerProps> = (props) => {
     suffixIcon,
     prefix,
     hideSuperIcon = true,
+    getPopupContainer,
     ...otherParams
   } = props;
 
@@ -27,9 +28,7 @@ const BasicRangePicker: React.FC<BasicRangePickerProps> = (props) => {
         //todo allowClear={{clearIcon: <IconClose />}} need antd 5.8.0
         clearIcon={<CloseOutlined fill="currentColor" />}
         separator={<RightOutlined width={14} height={14} fill="currentColor" />}
-        getPopupContainer={(trigger) => {
-          return trigger;
-        }}
+        getPopupContainer={getPopupContainer ?? ((trigger) => trigger)}
         nextIcon={
           <span className="next-icon">
             <RightOutlined width={14} height={14} />