bhd-components 0.8.0 → 0.9.0

package/es2017/customerService/historyFun.js

@@ -3,8 +3,8 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import React, { useEffect, useState, useRef } from "react";
 import styles from "./index.module.less";
-import "highlight.js/styles/github.css";
 //import "highlight.js/styles/default.css";
+import "highlight.js/styles/github.css";
 import { Input } from "antd";
 import { CustomClose, CustomExpand, CustomAiIcon } from "../icons/index";
 import { SearchOutlined } from "@ant-design/icons";

package/es2017/customerService/index.js

@@ -4,6 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runt
 import React, { useEffect, useState, useRef } from "react";
 import { Modal, Drawer, Input, Tooltip } from "antd";
 import ViewImage from "../viewImage";
+// import html2canvas from "html2canvas";
 import cssStyle from "./index.module.less";
 import cssStyleOnline from "./index2.module.less";
 let styles = cssStyle;
@@ -19,6 +20,7 @@ import TeacherList from "./teacherList";
 import { parseDate } from "../utils/Date";
 import { Remarkable } from "remarkable";
 import hljs from "highlight.js";
+//import "highlight.js/styles/default.css";
 import "highlight.js/styles/github.css";
 import { render } from "react-dom";
 import Provider from "../provider";
@@ -105,117 +107,33 @@ const CustomerService = (props)=>{
         initShowType
     ]);
     useEffect(()=>{
-        function handlerHtml2canvas() {
-            console.log('kkkkkkkkkkk');
+        //|| showScreenshot
+        if (showType == 5 || showScreenshot) {
             try {
                 newShowType.current = true;
                 setImgBese64('');
-                const plugin = new screenShotPlugin({
-                    clickCutFullScreen: true,
-                    enableWebRtc: true,
-                    loadCrossImg: true,
-                    canvasWidth: window.innerWidth,
-                    canvasHeight: window.innerHeight,
-                    level: -1,
-                    hiddenToolIco: true,
-                    screenShotDom: document.body,
-                    cropBoxInfo: {
-                        x: 0,
-                        y: 0,
-                        w: window.innerWidth,
-                        h: window.innerHeight
-                    },
-                    wrcReplyTime: 20,
-                    wrcWindowMode: true,
-                    hiddenScrollBar: {
-                        state: true
-                    },
-                    completeCallback: ({ base64  })=>{
-                        // console.log(
-                        //   "截图组件加载完毕调用此方法来完成框选区域的截图",
-                        //   base64
-                        // );
-                        setImgBese64(base64);
-                    },
-                    triggerCallback: ()=>{
-                        // 截图组件加载完毕调用此方法来完成框选区域的截图
-                        plugin.completeScreenshot();
-                    },
-                    cancelCallback: (err)=>{
-                        if (err.code === -1) {
-                            console.log(err);
-                            newShowType.current = false;
-                            if (saveShowType != -1) {
-                                setShowType(saveShowType);
-                            } else {
-                                setShowType(1);
-                            }
-                            setShowScreenshot(false);
-                            onCancel();
-                        }
+                // let dom = document.getElementById(screenshotAreaId);
+                html2canvas(screenshotAreaId, {
+                    useCORS: true,
+                    // allowTaint: true, // 污染处理
+                    scale: 1,
+                    // logging:true,
+                    ignoreElements: (element)=>{
+                        if (element.compareDocumentPosition(screenshotAreaId) === 2) return true;
+                        return false;
                     }
+                }).then(function(canvas) {
+                    // document.body.appendChild(canvas);
+                    console.log(canvas, 99999);
+                    // var base64URL = canvas.toDataURL('image/jpeg')
+                    let base64URL = canvas.toDataURL("image/jpg", 1.0);
+                    console.log(base64URL);
+                    setImgBese64(base64URL);
                 });
-            // modernScreenshot
-            // .domToPng(document.querySelector("body"))
-            // .then((dataUrl:any) => {
-            //   console.log(dataUrl);
-            //   setImgBese64(dataUrl);
-            // });
-            // domtoimage
-            // .toPng(document.body)
-            // .then(function (dataUrl:any) {
-            //   setImgBese64(dataUrl);
-            // })
-            // .catch(function (error:any) {
-            //   console.error("oops, something went wrong!", error);
-            // });
-            // //排除
-            // new screenShotPlugin({
-            //   enableWebRtc: true,
-            //   canvasWidth:window.innerWidth,
-            //   canvasHeight:window.innerHeight,
-            //   level:9999999,
-            //   completeCallback: function (info:any) {
-            //     console.log(info);
-            //     setImgBese64(info.base64);
-            //   },
-            //   closeCallback: function () {
-            //   },
-            // });
-            // html2canvas(document.body,{//__docusaurus
-            //   useCORS: true, // 支持跨域图片截图
-            //   allowTaint: true, // 污染处理
-            //   scale: 1 ,// 图片比例
-            //   logging:false,
-            //   // foreignObjectRendering:true,
-            //   ignoreElements:(element: { compareDocumentPosition: (arg0: string) => number; })=>{
-            //     if(element.compareDocumentPosition(screenshotAreaId)===2)return true
-            //         return false
-            //   },
-            //   windowWidth:window.innerWidth,
-            //   windowHeight:window.innerHeight
-            // })
-            // .then(function (canvas:any) {
-            //   // document.body.appendChild(canvas);
-            //   // console.log(canvas,99999);
-            //   // var base64URL = canvas.toDataURL('image/jpeg')
-            //   let base64URL = canvas.toDataURL("image/jpg", 1.0)
-            //   // console.log(base64URL);
-            //       setImgBese64(base64URL);
-            //       // svgNodesToRemove.forEach(item=>{
-            //       //   item.remove()
-            //       // })
-            //     }); 
             } catch (error) {
                 console.log(error);
             }
         }
-        //|| showScreenshot
-        if (showType == 5 || showScreenshot) {
-            console.log('bbbbbbbbbbbbbb');
-            handlerHtml2canvas();
-        // window.addEventListener('resize',handlerHtml2canvas)
-        }
         if (showType != 1 && !firstLoad && pageCount > 0) {
             setFirstLoad(true);
             scrollToBottom();
@@ -275,7 +193,7 @@ const CustomerService = (props)=>{
             if (content) {
                 content.removeEventListener("scroll", handleScroll);
             }
-            window.removeEventListener('resize', handlerHtml2canvas);
+        // window.removeEventListener('resize',handlerHtml2canvas)
         };
     }, [
         historyMessageList,
@@ -3470,9 +3388,6 @@ const CustomerService = (props)=>{
                     }),
                     (showType == 4 || showType == 5) && /*#__PURE__*/ _jsxs("div", {
                         className: `${styles.ChatWindow_Drawer}`,
-                        style: {
-                            display: `${!showScreenshot ? "none" : "flex"}`
-                        },
                         id: "",
                         children: [
                             /*#__PURE__*/ _jsx("div", {

package/es2017/customerService/index.module.less

@@ -1926,7 +1926,8 @@
       width: 100% !important;
       height: 100% !important;
       top: 0 !important;
-      left: 0 !important
+      left: 0 !important;
+      cursor: default !important;
     }
   }
   :global{

package/es2017/customerService/index2.module.less

@@ -1922,6 +1922,7 @@
       height: 100% !important;
       top: 0 !important;
       left: 0 !important;
+      cursor: default !important;
     }
 
   }

package/es2017/customerService/screenshotTool.js

@@ -10,8 +10,6 @@ const ScreenshotTool = /*#__PURE__*/ forwardRef((props, ref)=>{
     const [crop, setCrop] = useState();
     const [completedCrop, setCompletedCrop] = useState();
     const [aspect, setAspect] = useState(16 / 9);
-    const [devicePixelRatio, setDevicePixelRatio] = useState(window.devicePixelRatio);
-    const [isFirst, setIsFirst] = useState(true);
     const [btnPosition, setBtnPosition] = useState({
         top: 0,
         left: 0
@@ -37,17 +35,17 @@ const ScreenshotTool = /*#__PURE__*/ forwardRef((props, ref)=>{
     }
     function saveImage() {
         // 创建一个新的canvas元素
-        var canvas = document.createElement("canvas");
-        var context = canvas.getContext("2d");
+        var canvas = document.createElement('canvas');
+        var context = canvas.getContext('2d');
         // 加载要操作的图片
         var image = new Image();
         image.src = imgBese64; // 将'your_image_url'替换为你自己的图片URL
         // 等待图片加载完成后再进行操作
         image.onload = function() {
-            var x = parseInt((completedCrop.x * devicePixelRatio).toString()); // 起始点x坐标
-            var y = parseInt((completedCrop.y * devicePixelRatio).toString()); // 起始点y坐标
-            var width = parseInt((completedCrop.width * devicePixelRatio).toString()); // 需要裁剪的区域宽度
-            var height = parseInt((completedCrop.height * devicePixelRatio).toString()); // 需要裁剪的区域高度
+            var x = completedCrop.x; // 起始点x坐标
+            var y = completedCrop.y; // 起始点y坐标
+            var width = completedCrop.width; // 需要裁剪的区域宽度
+            var height = completedCrop.height; // 需要裁剪的区域高度
             // 设置canvas大小与裁剪区域相同
             canvas.width = width;
             canvas.height = height;
@@ -68,7 +66,7 @@ const ScreenshotTool = /*#__PURE__*/ forwardRef((props, ref)=>{
         let y = e.y;
         let h = e.height;
         let w = e.width;
-        let top = y + h + (isFirst ? 21 : 8);
+        let top = y + h + 8;
         let left = x + w - 88;
         if (top + 42 > window.innerHeight) {
             top = top - 50;
@@ -78,7 +76,6 @@ const ScreenshotTool = /*#__PURE__*/ forwardRef((props, ref)=>{
             left
         });
         setShowBtn(true);
-        setIsFirst(false);
     };
     return /*#__PURE__*/ _jsxs("div", {
         className: styles.screenshot_Modal,
@@ -122,8 +119,8 @@ const ScreenshotTool = /*#__PURE__*/ forwardRef((props, ref)=>{
                         onClick: cancelScreenshot,
                         children: /*#__PURE__*/ _jsx(CloseOutlined, {
                             style: {
-                                position: "relative",
-                                top: "1px"
+                                position: 'relative',
+                                top: '1px'
                             }
                         })
                     }),

package/es2017/index.d.ts

@@ -80,3 +80,4 @@ export { default as BhdTipModal } from "./bhdTipModal";
 export { default as BhdSelect } from "./bhdSelect";
 export { default as BhdAppLayout } from "./bhdAppLayout";
 export { default as CustomerService } from "./customerService";
+export { default as BhdDatePicker } from "./bhdDatePicker";

package/es2017/index.js

@@ -85,3 +85,4 @@ export { default as BhdTipModal } from "./bhdTipModal/index"; //提示框
 export { default as BhdSelect } from "./bhdSelect/index"; //封装 bhdSelect
 export { default as BhdAppLayout } from "./bhdAppLayout/index"; //封装 BhdAppLayout
 export { default as CustomerService } from "./customerService/index"; //封装 智能客服
+export { default as BhdDatePicker } from "./bhdDatePicker/index"; //封装 日历组件

package/esm/bhdDatePicker/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import type { Dayjs } from "dayjs";
+export interface BhdDateExtraPicker {
+    date: Dayjs;
+    text: string;
+    status: "selectable" | "noselectable" | "selected";
+}
+interface BhdDatePickerProps {
+    [key: string]: any;
+    kind: "single" | "range" | "extra";
+    useType?: string;
+    label?: React.ReactNode;
+    extraItems?: BhdDateExtraPicker[];
+    extraReadonly?: boolean;
+}
+declare const BhdDatePicker: (props: BhdDatePickerProps) => React.JSX.Element;
+export default BhdDatePicker;

package/esm/bhdDatePicker/index.js

@@ -0,0 +1,367 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+import * as React from "react";
+import { useState, useRef } from "react";
+import styles from "./index.module.less";
+import { Button, DatePicker } from "antd";
+import { CustomArrow, CalendarOutlined } from "../icons/index";
+import dayjs from "dayjs";
+var RangePicker = DatePicker.RangePicker;
+var BhdDatePicker = function(props) {
+    var _props_kind = props.kind, kind = _props_kind === void 0 ? "single" : _props_kind, _props_value = props.value, value = _props_value === void 0 ? props.kind === "range" ? [] : "" : _props_value, extraItems = props.extraItems, _props_extraReadonly = props.extraReadonly, extraReadonly = _props_extraReadonly === void 0 ? false : _props_extraReadonly, picker = props.picker, _props_useType = props.useType, useType = _props_useType === void 0 ? "" : _props_useType, _props_label = props.label, label = _props_label === void 0 ? "" : _props_label, className = props.className, popupClassName = props.popupClassName, showTime = props.showTime, _props_showNow = props.showNow, showNow = _props_showNow === void 0 ? true : _props_showNow, onClick = props.onClick, onBlur = props.onBlur, onChange = props.onChange, onOk = props.onOk, _props_presets = props.presets, presets = _props_presets === void 0 ? [] : _props_presets;
+    var bhdDatePickerRef = useRef(null);
+    var _useState = _sliced_to_array(useState(false), 2), open = _useState[0], setOpen = _useState[1];
+    var _useState1 = _sliced_to_array(useState(value), 2), selectedDate = _useState1[0], setSelectedDate = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(null), 2), selectedDateString = _useState2[0], setSelectedDateString = _useState2[1];
+    var selectedDateRef = useRef(value);
+    var selectedDateStringRef = useRef(null);
+    var _useState3 = _sliced_to_array(useState(value), 2), selectedRangeDate = _useState3[0], setSelectedRangeDate = _useState3[1];
+    var _useState4 = _sliced_to_array(useState([]), 2), selectedRangeDateString = _useState4[0], setSelectedRangeDateString = _useState4[1];
+    var getConfig = function() {
+        var config = _object_spread({}, props);
+        delete config.cellRender;
+        delete config.className;
+        delete config.prevIcon;
+        delete config.nextIcon;
+        delete config.superPrevIcon;
+        delete config.superNextIcon;
+        delete config.open;
+        delete config.onOpenChange;
+        delete config.renderExtraFooter;
+        delete config.useType;
+        delete config.showNow;
+        delete config.onClick;
+        delete config.onBlur;
+        delete config.onOk;
+        delete config.onChange;
+        delete config.presets;
+        if (kind === "single" || kind === "extra") {
+            delete config.value;
+        }
+        if (kind === "extra" && picker !== "date") {
+            delete config.extraItems;
+        }
+        if (kind === "extra") {
+            delete config.disabledDate;
+        }
+        return config;
+    };
+    //单元格渲染
+    var cellRender = function(current, info) {
+        if (info.type !== "date") {
+            return info.originNode;
+        }
+        if (typeof current === "number" || typeof current === "string") {
+            return /*#__PURE__*/ _jsx("div", {
+                className: "bhd-picker-cell-inner",
+                children: current
+            });
+        }
+        var extraItem = null;
+        if (kind === "extra") {
+            extraItem = extraItems === null || extraItems === void 0 ? void 0 : extraItems.find(function(item) {
+                return item.date.format("YYYYMMDD") === current.format("YYYYMMDD");
+            });
+        }
+        return /*#__PURE__*/ _jsx(_Fragment, {
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "bhd-picker-cell-inner",
+                children: [
+                    current.format("DD"),
+                    kind === "extra" && extraItem && /*#__PURE__*/ _jsx("div", {
+                        className: "extraText ".concat(extraItem.status),
+                        children: extraItem.text
+                    })
+                ]
+            })
+        });
+    };
+    //日期禁用
+    var disabledDate = function(current) {
+        if (extraReadonly) {
+            return true;
+        }
+        // 不能选择的是没有日程安排的
+        var extraItem = null;
+        if (kind === "extra") {
+            extraItem = extraItems === null || extraItems === void 0 ? void 0 : extraItems.find(function(item) {
+                return item.date.format("YYYYMMDD") === current.format("YYYYMMDD");
+            });
+        }
+        return !extraItem || current && extraItem.status === "noselectable";
+    };
+    // 渲染底部扩展内容
+    var renderExtraFooter = function(mode) {
+        return !showTime ? /*#__PURE__*/ _jsxs("ul", {
+            className: "bhd-picker-ranges",
+            children: [
+                renderPresets(),
+                showNow && (kind === "single" || kind === "extra" && extraItems.filter(function(item) {
+                    return item.status !== "noselectable" && item.date.format("YYYY-MM-DD") === dayjs().format("YYYY-MM-DD");
+                }).length > 0) && mode === "date" && /*#__PURE__*/ _jsx("li", {
+                    className: "bhd-picker-now",
+                    children: /*#__PURE__*/ _jsx("a", {
+                        className: "bhd-picker-now-btn",
+                        onClick: todayClick,
+                        children: showTime ? "此刻" : "今天"
+                    })
+                }),
+                /*#__PURE__*/ _jsx("li", {
+                    className: "bhd-picker-ok",
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        type: "primary",
+                        disabled: kind === "range" ? !((selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[0]) && (selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[1])) : !(selectedDate && selectedDateString),
+                        onClick: okClick,
+                        children: "确定"
+                    })
+                })
+            ]
+        }) : /*#__PURE__*/ _jsx("ul", {
+            className: "bhd-picker-ranges",
+            children: renderPresets()
+        });
+    };
+    // 渲染预设
+    var renderPresets = function() {
+        return /*#__PURE__*/ _jsx("li", {
+            className: "bhd-picker-presets",
+            children: presets.map(function(item) {
+                return /*#__PURE__*/ _jsx("a", {
+                    className: "bhd-picker-preset-btn",
+                    onClick: function() {
+                        presetClick(item.value);
+                    },
+                    children: item.label
+                });
+            })
+        });
+    };
+    // 日期选择确认
+    var okClick = function() {
+        if (kind === "range") {
+            if (selectedRangeDate && selectedRangeDateString) {
+                onChange && onChange(selectedRangeDate, selectedRangeDateString);
+                setOpen(false);
+            }
+        } else {
+            if (selectedDate && selectedDateString) {
+                onChange && onChange(selectedDate, selectedDateString);
+                setOpen(false);
+            }
+        }
+    };
+    var todayClick = function() {
+        var today = dayjs();
+        var todayString = today.format(showTime ? "YYYY-MM-DD hh:mm:ss" : "YYYY-MM-DD");
+        setSelectedDate(today);
+        setSelectedDateString(todayString);
+        onChange && onChange(today, todayString);
+        setOpen(false);
+    };
+    //预设点击
+    var presetClick = function(value) {
+        var todayString = value.format(showTime ? "YYYY-MM-DD hh:mm:ss" : "YYYY-MM-DD");
+        setSelectedDate(value);
+        setSelectedDateString(todayString);
+        onChange && onChange(value, todayString);
+        setOpen(false);
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "".concat(styles.bhdDatePicker),
+        ref: bhdDatePickerRef,
+        children: [
+            kind === "single" && /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    useType === "table" && /*#__PURE__*/ _jsxs("span", {
+                        className: styles.pickerLabel,
+                        onClick: function() {
+                            setOpen(true);
+                        },
+                        children: [
+                            label,
+                            /*#__PURE__*/ _jsx(CalendarOutlined, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(DatePicker, _object_spread_props(_object_spread({}, getConfig()), {
+                        className: "".concat(className, " ").concat(useType === "table" ? "hide" : ""),
+                        popupClassName: "".concat(styles.bhdDatePickerPopup, " ").concat(styles.singlePicker, " ").concat(popupClassName || ""),
+                        cellRender: cellRender,
+                        prevIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                            style: {
+                                transform: "rotate(90deg)"
+                            }
+                        }),
+                        nextIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                            style: {
+                                transform: "rotate(-90deg)"
+                            }
+                        }),
+                        superPrevIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                            style: {
+                                transform: "rotate(90deg)"
+                            }
+                        }),
+                        superNextIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                            style: {
+                                transform: "rotate(-90deg)"
+                            }
+                        }),
+                        open: open,
+                        showNow: showTime ? showNow : false,
+                        value: selectedDate,
+                        onChange: function(date, dateString) {
+                            setSelectedDate(function(prevState) {
+                                selectedDateRef.current = date;
+                                return selectedDateRef.current;
+                            });
+                            setSelectedDateString(function(prevState) {
+                                selectedDateStringRef.current = dateString;
+                                return selectedDateStringRef.current;
+                            });
+                            console.log({
+                                selectedDate: selectedDateRef.current,
+                                selectedDateString: selectedDateStringRef.current
+                            });
+                        },
+                        onOk: function() {
+                            if (showTime) {
+                                setTimeout(function() {
+                                    console.log({
+                                        selectedDate: selectedDateRef.current,
+                                        selectedDateString: selectedDateStringRef.current
+                                    });
+                                    onChange && onChange(selectedDateRef.current, selectedDateStringRef.current);
+                                    setOpen(false);
+                                }, 0);
+                            }
+                            onOk && onOk();
+                        },
+                        onClick: function() {
+                            setOpen(true);
+                            onClick && onClick();
+                        },
+                        onBlur: function() {
+                            okClick();
+                            setOpen(false);
+                            onBlur && onBlur();
+                        },
+                        renderExtraFooter: renderExtraFooter
+                    }))
+                ]
+            }),
+            kind === "range" && /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    useType === "table" && /*#__PURE__*/ _jsxs("span", {
+                        className: styles.pickerLabel,
+                        onClick: function() {
+                            setOpen(true);
+                        },
+                        children: [
+                            label,
+                            /*#__PURE__*/ _jsx(CalendarOutlined, {})
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(RangePicker, _object_spread_props(_object_spread({}, getConfig()), {
+                        className: "".concat(className, " ").concat(useType === "table" ? "hide" : ""),
+                        popupClassName: "".concat(styles.bhdDatePickerPopup, " ").concat(styles.rangePicker, " ").concat(popupClassName || ""),
+                        cellRender: cellRender,
+                        prevIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                            style: {
+                                transform: "rotate(90deg)"
+                            }
+                        }),
+                        nextIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                            style: {
+                                transform: "rotate(-90deg)"
+                            }
+                        }),
+                        superPrevIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                            style: {
+                                transform: "rotate(90deg)"
+                            }
+                        }),
+                        superNextIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                            style: {
+                                transform: "rotate(-90deg)"
+                            }
+                        }),
+                        open: open,
+                        showNow: false,
+                        value: selectedRangeDate,
+                        onClick: function() {
+                            setOpen(true);
+                            onClick && onClick();
+                        },
+                        onCalendarChange: function(dates, dateStrings, info) {
+                            setSelectedRangeDate(dates);
+                            setSelectedRangeDateString(dateStrings);
+                        },
+                        onBlur: function() {
+                            if ((selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[0]) && (selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[1])) {
+                                okClick();
+                                setOpen(false);
+                            } else if (!(selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[0]) && !(selectedRangeDate === null || selectedRangeDate === void 0 ? void 0 : selectedRangeDate[1])) {
+                                setOpen(false);
+                            }
+                            onBlur && onBlur();
+                        },
+                        renderExtraFooter: renderExtraFooter
+                    }))
+                ]
+            }),
+            kind === "extra" && /*#__PURE__*/ _jsx(DatePicker, _object_spread_props(_object_spread({}, getConfig()), {
+                className: "".concat(className, " ").concat(useType === "table" ? "hide" : ""),
+                popupClassName: "".concat(styles.bhdDatePickerPopup, " ").concat(styles.extraPicker, " ").concat(extraReadonly ? styles.readonly : "", " ").concat(popupClassName || ""),
+                cellRender: cellRender,
+                prevIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                    style: {
+                        transform: "rotate(90deg)"
+                    }
+                }),
+                nextIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                    style: {
+                        transform: "rotate(-90deg)"
+                    }
+                }),
+                superPrevIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                    style: {
+                        transform: "rotate(90deg)"
+                    }
+                }),
+                superNextIcon: /*#__PURE__*/ _jsx(CustomArrow, {
+                    style: {
+                        transform: "rotate(-90deg)"
+                    }
+                }),
+                disabledDate: disabledDate,
+                allowClear: !extraReadonly,
+                open: open,
+                showNow: false,
+                value: selectedDate,
+                onChange: function(date, dateString) {
+                    setSelectedDate(date);
+                    setSelectedDateString(dateString);
+                },
+                onClick: function() {
+                    setOpen(true);
+                    onClick && onClick();
+                },
+                onBlur: function() {
+                    if (!extraReadonly) {
+                        okClick();
+                    }
+                    setOpen(false);
+                    onBlur && onBlur();
+                },
+                panelRender: function(panelNode) {
+                    console.log(panelNode);
+                    return panelNode;
+                },
+                renderExtraFooter: extraReadonly ? null : renderExtraFooter
+            }))
+        ]
+    });
+};
+export default BhdDatePicker;