bhd-components 0.8.1 → 0.9.0

package/es2017/customerService/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import "highlight.js/styles/default.css";
+import "highlight.js/styles/github.css";
 interface Service {
     type: string;
     params: any;

package/es2017/customerService/index.js

@@ -20,7 +20,8 @@ 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/default.css";
+import "highlight.js/styles/github.css";
 import { render } from "react-dom";
 import Provider from "../provider";
 const { TextArea  } = Input;
@@ -192,6 +193,7 @@ const CustomerService = (props)=>{
             if (content) {
                 content.removeEventListener("scroll", handleScroll);
             }
+        // window.removeEventListener('resize',handlerHtml2canvas)
         };
     }, [
         historyMessageList,
@@ -1668,11 +1670,18 @@ const CustomerService = (props)=>{
                     /*#__PURE__*/ _jsxs("div", {
                         className: styles.operate,
                         children: [
-                            /*#__PURE__*/ _jsx("i", {
+                            /*#__PURE__*/ _jsxs("i", {
+                                className: styles.popover_main,
                                 onClick: ()=>{
                                     setShowHistory(true);
                                 },
-                                children: /*#__PURE__*/ _jsx(CustomRecord, {})
+                                children: [
+                                    /*#__PURE__*/ _jsx(CustomRecord, {}),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: styles.popover,
+                                        children: "历史记录"
+                                    })
+                                ]
                             }),
                             /*#__PURE__*/ _jsx("span", {
                                 className: styles.line
@@ -1692,20 +1701,14 @@ const CustomerService = (props)=>{
                                     })
                                 ]
                             }),
-                            /*#__PURE__*/ _jsxs("i", {
+                            /*#__PURE__*/ _jsx("i", {
                                 className: styles.popover_main,
                                 onClick: ()=>{
                                     onEvent(serverName + serverUrl(), "click_智能问答_退出全屏", "提交");
                                     setShowType(3);
                                     setFirstLoad(false); //重启滚动条在最上方
                                 },
-                                children: [
-                                    /*#__PURE__*/ _jsx(CloseOutlined, {}),
-                                    /*#__PURE__*/ _jsx("span", {
-                                        className: styles.popover,
-                                        children: "退出全屏"
-                                    })
-                                ]
+                                children: /*#__PURE__*/ _jsx(CloseOutlined, {})
                             })
                         ]
                     })

package/es2017/customerService/index.module.less

@@ -1177,8 +1177,8 @@
               max-height: 36px;
               word-break: break-all;
 
-              display: flex;
-              align-items: center;
+              //display: flex;
+              //align-items: center;
               img{
                 margin-right: 8px;
                 width: 60px;
@@ -1866,7 +1866,7 @@
   width: 417px;
   height: calc(100% - 48px);
   right: 0;
-  top: 48px;
+  top: 38px;
   border-radius: 0;
   background: transparent;
   overflow: visible;
@@ -1918,7 +1918,7 @@
   background-color: transparent !important;
   // background-color: burlywood;
   .ReactCrop{
-
+    cursor: default !important;
   }
   :global{
     .ReactCrop__child-wrapper{
@@ -1926,7 +1926,8 @@
       width: 100% !important;
       height: 100% !important;
       top: 0 !important;
-      left: 0 !important
+      left: 0 !important;
+      cursor: default !important;
     }
   }
   :global{
@@ -1935,6 +1936,7 @@
       height: 100% !important;
       top: 0 !important;
       left: 0 !important;
+      cursor: default !important;
     }
 
   }

package/es2017/customerService/index2.module.less

@@ -1175,8 +1175,8 @@
               max-height: 36px;
               word-break: break-all;
 
-              display: flex;
-              align-items: center;
+              //display: flex;
+              //align-items: center;
               img{
                 margin-right: 8px;
                 width: 60px;
@@ -1860,7 +1860,7 @@
   width: 417px;
   height: calc(100% - 48px);
   right: 0;
-  top: 48px;
+  top: 38px;
   border-radius: 0;
   background: transparent;
   overflow: visible;
@@ -1904,7 +1904,7 @@
   background-color: transparent !important;
   // background-color: burlywood;
   .ReactCrop{
-
+    cursor: default !important;
   }
   :global{
     .ReactCrop__child-wrapper{
@@ -1912,7 +1912,8 @@
       width: 100% !important;
       height: 100% !important;
       top: 0 !important;
-      left: 0 !important
+      left: 0 !important;
+      cursor: default !important;
     }
   }
   :global{
@@ -1921,6 +1922,7 @@
       height: 100% !important;
       top: 0 !important;
       left: 0 !important;
+      cursor: default !important;
     }
 
   }

package/es2017/customerService/screenshotTool.js

@@ -101,6 +101,9 @@ const ScreenshotTool = /*#__PURE__*/ forwardRef((props, ref)=>{
                 minWidth: 100,
                 children: /*#__PURE__*/ _jsx("img", {
                     alt: "Crop me",
+                    style: {
+                        display: 'none'
+                    },
                     src: imgBese64,
                     onLoad: onImageLoad
                 })

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;