@pisell/date-picker 1.0.62 → 1.0.64

package/es/ActionBar/index.d.ts

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

package/es/PisellDateRangePicker/CloseCircle.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 declare const CloseCircle: (props: {
-    size: number;
     className: string;
     onClick: any;
 }) => JSX.Element;

package/es/PisellDateRangePicker/CloseCircle.js

@@ -1,7 +1,6 @@
 import React from "react";
 var CloseCircle = function CloseCircle(props) {
-  var size = props.size,
-    className = props.className,
+  var className = props.className,
     onClick = props.onClick;
   return /*#__PURE__*/React.createElement("span", {
     className: className,
@@ -12,8 +11,8 @@ var CloseCircle = function CloseCircle(props) {
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     "p-id": "35105",
-    width: size,
-    height: size
+    width: "1em",
+    height: "1em"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M938.6496 512a426.6496 426.6496 0 1 1-853.2992 0 426.6496 426.6496 0 0 1 853.2992 0z",
     fill: "currentColor",

package/es/PisellDateRangePicker/index.d.ts

@@ -64,6 +64,8 @@ export interface PisellDateRangePickerProps {
     style?: React.CSSProperties;
     /** 是否展示清除按钮 */
     allowClear?: boolean;
+    /** true 将弹窗当前DOM层次结构下 false 追加到body */
+    disablePortal?: boolean;
 }
 declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
 export default PisellDateRangePicker;

package/es/PisellDateRangePicker/index.js

@@ -56,7 +56,8 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
     onDateChange = props.onDateChange,
     desktopModeMediaQuery = props.desktopModeMediaQuery,
     style = props.style,
-    allowClear = props.allowClear;
+    allowClear = props.allowClear,
+    disablePortal = props.disablePortal;
   var _useState = useState(propsOpen !== null && propsOpen !== void 0 ? propsOpen : false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -142,7 +143,6 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
       return !!item;
     })) {
       return /*#__PURE__*/React.createElement(CloseCircle, {
-        size: 24,
         className: "pisell-date-range-picker-clear",
         onClick: handleClear
       });
@@ -207,7 +207,8 @@ var PisellDateRangePicker = function PisellDateRangePicker(props) {
         }
       },
       popper: {
-        className: popupClassName
+        className: popupClassName,
+        disablePortal: disablePortal
       },
       mobilePaper: {
         className: popupClassName

package/es/PisellDateRangePicker/index.less

@@ -11,8 +11,8 @@
   .pisell-date-range-picker-clear {
     color: rgba(0, 0, 0, 0.25);
     cursor: pointer;
-    height: 24px;
     display: none;
+    line-height: 0;
     :hover {
       color: rgba(0, 0, 0, 0.45);
     }

package/es/Shortcuts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 import { Dayjs } from "dayjs";
 export declare type PresetType = {

package/es/dateRangeViewRenderers/dateRangeViewRenderers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { DateRangeCalendarProps } from '../DateRangeCalendar';
 export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {

package/es/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
 export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {

package/es/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
 export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {

package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStaticRangePicker.types';
 /**

package/lib/ActionBar/index.d.ts

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

package/lib/PisellDateRangePicker/CloseCircle.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
 declare const CloseCircle: (props: {
-    size: number;
     className: string;
     onClick: any;
 }) => JSX.Element;

package/lib/PisellDateRangePicker/CloseCircle.js

@@ -34,7 +34,7 @@ __export(CloseCircle_exports, {
 module.exports = __toCommonJS(CloseCircle_exports);
 var import_react = __toESM(require("react"));
 var CloseCircle = (props) => {
-  const { size, className, onClick } = props;
+  const { className, onClick } = props;
   return /* @__PURE__ */ import_react.default.createElement("span", { className, onClick }, /* @__PURE__ */ import_react.default.createElement(
     "svg",
     {
@@ -43,8 +43,8 @@ var CloseCircle = (props) => {
       version: "1.1",
       xmlns: "http://www.w3.org/2000/svg",
       "p-id": "35105",
-      width: size,
-      height: size
+      width: "1em",
+      height: "1em"
     },
     /* @__PURE__ */ import_react.default.createElement(
       "path",

package/lib/PisellDateRangePicker/index.d.ts

@@ -64,6 +64,8 @@ export interface PisellDateRangePickerProps {
     style?: React.CSSProperties;
     /** 是否展示清除按钮 */
     allowClear?: boolean;
+    /** true 将弹窗当前DOM层次结构下 false 追加到body */
+    disablePortal?: boolean;
 }
 declare const PisellDateRangePicker: (props: PisellDateRangePickerProps) => JSX.Element;
 export default PisellDateRangePicker;

package/lib/PisellDateRangePicker/index.js

@@ -79,7 +79,8 @@ var PisellDateRangePicker = (props) => {
     onDateChange,
     desktopModeMediaQuery,
     style,
-    allowClear
+    allowClear,
+    disablePortal
   } = props;
   const [open, setOpen] = (0, import_react.useState)(propsOpen ?? false);
   (0, import_react.useEffect)(() => {
@@ -159,7 +160,6 @@ var PisellDateRangePicker = (props) => {
       return /* @__PURE__ */ import_react.default.createElement(
         import_CloseCircle.default,
         {
-          size: 24,
           className: "pisell-date-range-picker-clear",
           onClick: handleClear
         }
@@ -225,7 +225,8 @@ var PisellDateRangePicker = (props) => {
             }
           },
           popper: {
-            className: popupClassName
+            className: popupClassName,
+            disablePortal
           },
           mobilePaper: {
             className: popupClassName

package/lib/PisellDateRangePicker/index.less

@@ -11,8 +11,8 @@
   .pisell-date-range-picker-clear {
     color: rgba(0, 0, 0, 0.25);
     cursor: pointer;
-    height: 24px;
     display: none;
+    line-height: 0;
     :hover {
       color: rgba(0, 0, 0, 0.45);
     }

package/lib/Shortcuts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 import { Dayjs } from "dayjs";
 export declare type PresetType = {

package/lib/dateRangeViewRenderers/dateRangeViewRenderers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { DateRangeCalendarProps } from '../DateRangeCalendar';
 export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends DateRangeCalendarProps<TDate> {

package/lib/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
 export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {

package/lib/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
 export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {

package/lib/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStaticRangePicker.types';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/date-picker",
-  "version": "1.0.62",
+  "version": "1.0.64",
   "sideEffects": [
     "*.less"
   ],