@para-ui/core 2.2.4 → 2.2.5-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AutoBox/index.d.ts +12 -6
- package/AutoBox/index.js +203 -15
- package/AutoTips/index.d.ts +12 -6
- package/AutoTips/index.js +84 -15
- package/Breadcrumbs/index.d.ts +13 -7
- package/Breadcrumbs/index.js +227 -15
- package/Button/index.d.ts +92 -11
- package/Button/index.js +348 -14
- package/ButtonGroup/index.d.ts +21 -9
- package/ButtonGroup/index.js +128 -14
- package/Carousel/index.d.ts +17 -11
- package/Carousel/index.js +74 -15
- package/Cascader/index.d.ts +12 -7
- package/Cascader/index.js +166 -15
- package/Checkbox/index.d.ts +13 -7
- package/Checkbox/index.js +105 -14
- package/CheckboxGroup/index.d.ts +15 -9
- package/CheckboxGroup/index.js +138 -14
- package/Collapse/index.d.ts +49 -14
- package/Collapse/index.js +171 -15
- package/CollapseBox/index.d.ts +11 -5
- package/CollapseBox/index.js +164 -15
- package/ColorPicker/index.d.ts +4 -4
- package/ColorPicker/index.js +4 -1
- package/ComboSelect/index.d.ts +306 -6
- package/ComboSelect/index.js +1803 -14
- package/Container/index.d.ts +13 -8
- package/Container/index.js +239 -15
- package/DatePicker/index.d.ts +30 -17
- package/DatePicker/index.js +733 -14
- package/Desktop/index.d.ts +14 -6
- package/Desktop/index.js +853 -14
- package/Drawer/index.d.ts +92 -6
- package/Drawer/index.js +186 -14
- package/Dropdown/index.d.ts +29 -0
- package/Dropdown/index.js +67 -0
- package/Empty/index.d.ts +16 -10
- package/Empty/index.js +644 -14
- package/Form/index.d.ts +11 -9
- package/Form/index.js +384 -14
- package/FormItem/index.d.ts +5 -152
- package/FormItem/index.js +81 -14
- package/FunctionModal/index.d.ts +14 -3
- package/FunctionModal/index.js +39 -14
- package/GlobalContext/index.d.ts +38 -8
- package/GlobalContext/index.js +41 -16
- package/Help/index.d.ts +16 -10
- package/Help/index.js +39 -15
- package/HelperText/index.d.ts +11 -5
- package/HelperText/index.js +29 -15
- package/InputLang/index.d.ts +13 -7
- package/InputLang/index.js +270 -14
- package/InputNumber/index.d.ts +16 -10
- package/InputNumber/index.js +308 -14
- package/Label/index.d.ts +12 -6
- package/Label/index.js +81 -14
- package/Loading/index.d.ts +12 -6
- package/Loading/index.js +47 -15
- package/Menu/index.d.ts +123 -5
- package/Menu/index.js +1232 -14
- package/Message/index.d.ts +11 -5
- package/Message/index.js +222 -15
- package/Modal/index.d.ts +142 -40
- package/Modal/index.js +443 -14
- package/MultiBox/index.d.ts +13 -7
- package/MultiBox/index.js +231 -14
- package/Notification/index.d.ts +22 -16
- package/Notification/index.js +266 -15
- package/OperateBtn/index.d.ts +16 -10
- package/OperateBtn/index.js +260 -14
- package/PageHeader/index.d.ts +178 -5
- package/PageHeader/index.js +1171 -14
- package/Pagination/index.d.ts +12 -6
- package/Pagination/index.js +469 -14
- package/ParauiProvider/index.d.ts +9 -8
- package/ParauiProvider/index.js +53 -15
- package/PopConfirm/index.d.ts +23 -10
- package/PopConfirm/index.js +189 -14
- package/Popover/index.d.ts +18 -11
- package/Popover/index.js +66 -15
- package/Progress/index.d.ts +18 -12
- package/Progress/index.js +358 -20
- package/Querying/index.d.ts +15 -9
- package/Querying/index.js +762 -14
- package/Radio/index.d.ts +13 -7
- package/Radio/index.js +94 -14
- package/RadioGroup/index.d.ts +15 -9
- package/RadioGroup/index.js +128 -14
- package/Search/index.d.ts +18 -12
- package/Search/index.js +220 -14
- package/Select/index.d.ts +13 -7
- package/Select/index.js +1288 -14
- package/SelectInput/index.d.ts +11 -5
- package/SelectInput/index.js +51 -14
- package/SingleBox/index.d.ts +13 -7
- package/SingleBox/index.js +194 -14
- package/Slider/index.d.ts +104 -7
- package/Slider/index.js +125 -15
- package/Split/index.d.ts +8 -3
- package/Split/index.js +134 -15
- package/Stepper/index.d.ts +41 -25
- package/Stepper/index.js +99 -15
- package/Switch/index.d.ts +16 -10
- package/Switch/index.js +73 -14
- package/Table/index.d.ts +12 -4
- package/Table/index.js +2725 -14
- package/Tabs/index.d.ts +64 -29
- package/Tabs/index.js +218 -14
- package/Tag/index.d.ts +78 -12
- package/Tag/index.js +286 -14
- package/Test/index.d.ts +3 -2
- package/Test/index.js +9 -16
- package/TextField/index.d.ts +22 -16
- package/TextField/index.js +686 -14
- package/TimePicker/index.d.ts +20 -10
- package/TimePicker/index.js +77 -14
- package/Timeline/index.d.ts +49 -13
- package/Timeline/index.js +150 -15
- package/ToggleButton/index.d.ts +61 -10
- package/ToggleButton/index.js +200 -14
- package/Tooltip/index.d.ts +12 -10
- package/Tooltip/index.js +335 -15
- package/Transfer/index.d.ts +8 -3
- package/Transfer/index.js +343 -14
- package/Tree/index.d.ts +8 -5
- package/Tree/index.js +35 -14
- package/Upload/index.d.ts +179 -8
- package/Upload/index.js +1542 -14
- package/_verture/defineProperty-0590dc61.js +16 -0
- package/_verture/index-0d8e1d07.js +4 -0
- package/_verture/index-14a47097.js +4 -0
- package/_verture/index-342379c6.js +391 -0
- package/_verture/index-458032d7.js +10 -0
- package/_verture/index-46bfb2f0.js +778 -0
- package/_verture/index-50401de7.js +4 -0
- package/_verture/index-5b08df83.js +4 -0
- package/_verture/index-6190b129.js +4 -0
- package/_verture/index-7ef1e3b6.js +1553 -0
- package/_verture/index-a369ca3f.js +4 -0
- package/_verture/index-c60911dc.js +39 -0
- package/_verture/index-e2881a53.js +16 -0
- package/_verture/index-ff4c2a27.js +200 -0
- package/{Tree/interface.d.ts → _verture/interface-128abdd3.js} +15 -25
- package/_verture/interface-a77a851e.js +25 -0
- package/{Table/interface.d.ts → _verture/interface-a9b7c716.js} +20 -28
- package/_verture/intl-336570e4.js +65 -0
- package/_verture/modalContext-25890584.js +228 -0
- package/_verture/modalContext-639f2787.js +58 -0
- package/_verture/slicedToArray-d7722f4b.js +62 -0
- package/_verture/style-inject.es-300983ab.js +28 -0
- package/_verture/toConsumableArray-f8047a75.js +19 -0
- package/_verture/tslib.es6-55ed4bd2.js +38 -0
- package/_verture/typeof-498dd2b1.js +11 -0
- package/_verture/useFormatMessage-ac9d6acf.js +20 -0
- package/_verture/useGlobalProps-af9a2af6.js +12 -0
- package/index.d.ts +88 -128
- package/index.js +160 -19
- package/package.json +59 -22
- package/Button/SplitButton.d.ts +0 -61
- package/Button/lang/en_US.d.ts +0 -4
- package/Button/lang/index.d.ts +0 -9
- package/Button/lang/zh_CN.d.ts +0 -4
- package/Cascader/lang/en_US.d.ts +0 -4
- package/Cascader/lang/index.d.ts +0 -9
- package/Cascader/lang/zh_CN.d.ts +0 -4
- package/Collapse/collapsePanel.d.ts +0 -30
- package/Collapse/motion.d.ts +0 -5
- package/Collapse/util.d.ts +0 -11
- package/CollapseBox/util.d.ts +0 -5
- package/ComboSelect/WithTabsCombo/index.d.ts +0 -11
- package/ComboSelect/WithTabsCombo/interface.d.ts +0 -141
- package/ComboSelect/interface.d.ts +0 -143
- package/ComboSelect/lang/en_US.d.ts +0 -8
- package/ComboSelect/lang/index.d.ts +0 -17
- package/ComboSelect/lang/zh_CN.d.ts +0 -8
- package/ComboSelect/utils.d.ts +0 -12
- package/DatePicker/PickerButton.d.ts +0 -3
- package/DatePicker/PickerTag.d.ts +0 -3
- package/DatePicker/generatePicker/generateRangePicker.d.ts +0 -4
- package/DatePicker/generatePicker/generateSinglePicker.d.ts +0 -11
- package/DatePicker/generatePicker/index.d.ts +0 -77
- package/DatePicker/lang/en_US.d.ts +0 -3
- package/DatePicker/lang/index.d.ts +0 -7
- package/DatePicker/lang/zh_CN.d.ts +0 -3
- package/DatePicker/util.d.ts +0 -20
- package/Drawer/interface.d.ts +0 -83
- package/Drawer/lang/en_US.d.ts +0 -5
- package/Drawer/lang/index.d.ts +0 -11
- package/Drawer/lang/zh_CN.d.ts +0 -5
- package/Empty/images/index.d.ts +0 -2
- package/Empty/lang/en_US.d.ts +0 -6
- package/Empty/lang/index.d.ts +0 -13
- package/Empty/lang/zh_CN.d.ts +0 -6
- package/FormItem/compoments/defaultCompoments/index.d.ts +0 -19
- package/FormItem/compoments/formCheckboxGroup/index.d.ts +0 -8
- package/FormItem/compoments/formFile/index.d.ts +0 -38
- package/FormItem/compoments/formRadioGroup/index.d.ts +0 -8
- package/FormItem/compoments/formSelect/index.d.ts +0 -18
- package/FormItem/errorTips.d.ts +0 -12
- package/FormItem/itemType.d.ts +0 -42
- package/FormItem/validateFunction.d.ts +0 -15
- package/FunctionModal/dialog.d.ts +0 -58
- package/FunctionModal/modalContext.d.ts +0 -14
- package/GlobalContext/componentsProps.d.ts +0 -19
- package/GlobalContext/confirmLocale.d.ts +0 -7
- package/GlobalContext/intl.d.ts +0 -34
- package/GlobalContext/useFormatMessage.d.ts +0 -3
- package/Hooks/useGlobalProps.d.ts +0 -1
- package/Menu/footerExpansion.d.ts +0 -9
- package/Menu/interface.d.ts +0 -139
- package/Menu/logo.d.ts +0 -9
- package/Menu/verticalMenuList.d.ts +0 -14
- package/Modal/Confirm/index.d.ts +0 -66
- package/Modal/lang/en_US.d.ts +0 -5
- package/Modal/lang/index.d.ts +0 -11
- package/Modal/lang/zh_CN.d.ts +0 -5
- package/OperateBtn/lang/en_US.d.ts +0 -4
- package/OperateBtn/lang/index.d.ts +0 -9
- package/OperateBtn/lang/zh_CN.d.ts +0 -4
- package/PageHeader/horizontalMeun.d.ts +0 -9
- package/PageHeader/horizontalMeunRight.d.ts +0 -9
- package/PageHeader/interface.d.ts +0 -167
- package/Pagination/lang/en_US.d.ts +0 -8
- package/Pagination/lang/index.d.ts +0 -17
- package/Pagination/lang/zh_CN.d.ts +0 -8
- package/PopConfirm/lang/en_US.d.ts +0 -5
- package/PopConfirm/lang/index.d.ts +0 -11
- package/PopConfirm/lang/zh_CN.d.ts +0 -5
- package/Popper/index.d.ts +0 -13
- package/Popper/index.js +0 -16
- package/Progress/Line.d.ts +0 -47
- package/Progress/Steps.d.ts +0 -17
- package/Progress/utils.d.ts +0 -6
- package/Querying/images/index.d.ts +0 -2
- package/Querying/lang/en_US.d.ts +0 -4
- package/Querying/lang/index.d.ts +0 -9
- package/Querying/lang/zh_CN.d.ts +0 -4
- package/README.md +0 -489
- package/Select/lang/en_US.d.ts +0 -5
- package/Select/lang/index.d.ts +0 -11
- package/Select/lang/zh_CN.d.ts +0 -5
- package/Slider/interface.d.ts +0 -102
- package/Stepper/icons.d.ts +0 -5
- package/Table/lang/en_US.d.ts +0 -6
- package/Table/lang/index.d.ts +0 -13
- package/Table/lang/zh_CN.d.ts +0 -6
- package/Table/tableBody.d.ts +0 -9
- package/Table/tableBodyElement/index.d.ts +0 -15
- package/Table/tableBodyInterface.d.ts +0 -67
- package/Table/tableContainer/index.d.ts +0 -16
- package/Table/tableElement/index.d.ts +0 -17
- package/Table/tableHead.d.ts +0 -9
- package/Table/tableHeadElement/index.d.ts +0 -15
- package/Table/tableHeadInterface.d.ts +0 -30
- package/Table/tablePagination.d.ts +0 -9
- package/Table/tablePaginationInterFace.d.ts +0 -24
- package/Table/tdElement/index.d.ts +0 -15
- package/Table/thElement/index.d.ts +0 -15
- package/Table/trElement/index.d.ts +0 -15
- package/Table/util.d.ts +0 -16
- package/Tag/TagGroup.d.ts +0 -66
- package/TimePicker/locale/en_US.d.ts +0 -3
- package/TimePicker/locale/zh_CN.d.ts +0 -3
- package/TimePicker/style/index.d.ts +0 -1
- package/ToggleButton/ToggleButtonGroup.d.ts +0 -49
- package/Transfer/lang/en_US.d.ts +0 -6
- package/Transfer/lang/index.d.ts +0 -13
- package/Transfer/lang/zh_CN.d.ts +0 -6
- package/Tree/OperateBar/index.d.ts +0 -13
- package/Tree/Tree.d.ts +0 -4
- package/Tree/lang/en_US.d.ts +0 -8
- package/Tree/lang/index.d.ts +0 -17
- package/Tree/lang/zh_CN.d.ts +0 -8
- package/Tree/utils/closestPolyfill.d.ts +0 -0
- package/Tree/utils/tools.d.ts +0 -26
- package/Tree/utils/treeUtil.d.ts +0 -15
- package/Upload/Dragger/index.d.ts +0 -10
- package/Upload/ErroTip/index.d.ts +0 -13
- package/Upload/ImageUpload/index.d.ts +0 -14
- package/Upload/ImgCrop/EasyCrop.d.ts +0 -17
- package/Upload/ImgCrop/constants.d.ts +0 -7
- package/Upload/ImgCrop/index.d.ts +0 -6
- package/Upload/ImgCrop/interface.d.ts +0 -24
- package/Upload/UploadList/index.d.ts +0 -5
- package/Upload/interface.d.ts +0 -134
- package/Upload/lang/en_US.d.ts +0 -12
- package/Upload/lang/index.d.ts +0 -25
- package/Upload/lang/zh_CN.d.ts +0 -12
- package/cdn/AutoBox/index.js +0 -29
- package/cdn/AutoTips/index.js +0 -40
- package/cdn/Breadcrumbs/index.js +0 -53
- package/cdn/Button/index.js +0 -79
- package/cdn/ButtonGroup/index.js +0 -79
- package/cdn/Carousel/index.js +0 -6
- package/cdn/Cascader/index.js +0 -42
- package/cdn/Checkbox/index.js +0 -53
- package/cdn/CheckboxGroup/index.js +0 -53
- package/cdn/Collapse/index.js +0 -27
- package/cdn/CollapseBox/index.js +0 -1
- package/cdn/ColorPicker/index.js +0 -1
- package/cdn/ComboSelect/index.js +0 -438
- package/cdn/Container/index.js +0 -1
- package/cdn/DatePicker/index.js +0 -185
- package/cdn/Desktop/index.js +0 -24
- package/cdn/Drawer/index.js +0 -84
- package/cdn/Empty/index.js +0 -1
- package/cdn/Form/index.js +0 -477
- package/cdn/FormItem/index.js +0 -477
- package/cdn/FunctionModal/index.js +0 -144
- package/cdn/GlobalContext/index.js +0 -1
- package/cdn/Help/index.js +0 -53
- package/cdn/HelperText/index.js +0 -1
- package/cdn/InputLang/index.js +0 -144
- package/cdn/InputNumber/index.js +0 -118
- package/cdn/Label/index.js +0 -53
- package/cdn/Loading/index.js +0 -14
- package/cdn/Menu/index.js +0 -40
- package/cdn/Message/index.js +0 -53
- package/cdn/Modal/index.js +0 -144
- package/cdn/MultiBox/index.js +0 -131
- package/cdn/Notification/index.js +0 -66
- package/cdn/OperateBtn/index.js +0 -92
- package/cdn/PageHeader/index.js +0 -92
- package/cdn/Pagination/index.js +0 -214
- package/cdn/ParauiProvider/index.js +0 -9
- package/cdn/PopConfirm/index.js +0 -131
- package/cdn/Popover/index.js +0 -16
- package/cdn/Popper/index.js +0 -26
- package/cdn/Progress/index.js +0 -58
- package/cdn/Querying/index.js +0 -1
- package/cdn/Radio/index.js +0 -53
- package/cdn/RadioGroup/index.js +0 -53
- package/cdn/Search/index.js +0 -144
- package/cdn/Select/index.js +0 -131
- package/cdn/SelectInput/index.js +0 -131
- package/cdn/SingleBox/index.js +0 -131
- package/cdn/Slider/index.js +0 -16
- package/cdn/Split/index.js +0 -1
- package/cdn/Stepper/index.js +0 -154
- package/cdn/Switch/index.js +0 -71
- package/cdn/Table/index.js +0 -292
- package/cdn/Tabs/index.js +0 -165
- package/cdn/Tag/index.js +0 -27
- package/cdn/Test/index.js +0 -1
- package/cdn/TextField/index.js +0 -105
- package/cdn/TimePicker/index.js +0 -185
- package/cdn/Timeline/index.js +0 -16
- package/cdn/ToggleButton/index.js +0 -79
- package/cdn/Tooltip/index.js +0 -40
- package/cdn/Transfer/index.js +0 -170
- package/cdn/Tree/index.js +0 -170
- package/cdn/Upload/index.js +0 -252
- package/style.css +0 -72
package/Select/index.js
CHANGED
|
@@ -1,14 +1,1288 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("clsx"),require("@para-ui/core/GlobalContext"),require("@material-ui/core"),require("@para-ui/icons/Help"),require("@paraview/lib"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircle"),require("@para-ui/icons/Down"),require("@para-ui/icons/Check"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Search")):"function"==typeof define&&define.amd?define(["react","clsx","@para-ui/core/GlobalContext","@material-ui/core","@para-ui/icons/Help","@paraview/lib","@para-ui/icons/Close","@para-ui/icons/CloseCircle","@para-ui/icons/Down","@para-ui/icons/Check","@para-ui/icons/LoadingF","@para-ui/icons/Search"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("clsx"),require("@para-ui/core/GlobalContext"),require("@material-ui/core"),require("@para-ui/icons/Help"),require("@paraview/lib"),require("@para-ui/icons/Close"),require("@para-ui/icons/CloseCircle"),require("@para-ui/icons/Down"),require("@para-ui/icons/Check"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Search")):e.ParaUI=t(e.react,e.clsx,e["@para-ui/core/GlobalContext"],e["@material-ui/core"],e["@para-ui/icons/Help"],e["@paraview/lib"],e["@para-ui/icons/Close"],e["@para-ui/icons/CloseCircle"],e["@para-ui/icons/Down"],e["@para-ui/icons/Check"],e["@para-ui/icons/LoadingF"],e["@para-ui/icons/Search"])}(self,(function(e,t,r,o,a,i,n,l,s,c,p,u){return function(){var d={2565:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-auto-tips{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-auto-tips>.auto-tips-content{display:inline;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-auto-tips-tooltip>div{max-height:calc(100vh - 25px);overflow:auto}",""]),e.exports=t},1185:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-empty{display:inline-flex;flex-direction:column;align-items:center}.paraui-empty-image img{width:100%}.paraui-empty-description{line-height:17px;font-size:14px;font-weight:400;color:rgba(46,55,67,.7)}.paraui-empty-description-refresh{display:inline-block}.paraui-empty-description-refresh span{color:#3666d6;cursor:pointer}.paraui-empty>.paraui-empty-image{line-height:0}.paraui-empty-large .paraui-empty-description{margin-top:24px}.paraui-empty-small .paraui-empty-description{margin-top:12px;font-size:12px}",""]),e.exports=t},7381:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-help{display:inline-block;font-size:16px;color:rgba(46,55,67,.7)}.paraui-help:hover{color:#3666d6}.paraui-help .paraui-icon{font-size:inherit;color:inherit}",""]),e.exports=t},9916:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-helper-text{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:12px;font-weight:400;padding-left:12px;line-height:20px;color:rgba(46,55,67,.7)}.paraui-helper-text.paraui-helper-text-error{color:#eb6054}",""]),e.exports=t},4928:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-label{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;color:rgba(46,55,67,.7);margin-bottom:8px;display:inline-block;line-height:1.43;word-break:break-all}.paraui-label>.paraui-label-required{margin-left:2px;color:#eb6054}.paraui-label>.paraui-help{vertical-align:top;margin-left:4px}.paraui-label>.paraui-help svg{color:rgba(46,55,67,.4);vertical-align:top;position:relative;top:2px}.paraui-label.paraui-label-line.paraui-label-tooltip{border-bottom:1px dashed rgba(46,55,67,.4);padding-bottom:2px}",""]),e.exports=t},5714:function(e,t,r){(t=r(3645)(!1)).push([e.id,"@keyframes rotateLoading{0%{transformOrigin:50% 50%}100%{transform:rotate(360deg)}}.paraui-loading{position:absolute;left:0;top:0;width:100%;height:100%}.paraui-loading .paraui-loading-mask{position:absolute;width:100%;height:100%;background-color:#fff;z-index:1}.paraui-loading .paraui-loading-box{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2}.paraui-loading .paraui-loading-box>svg{transition:all .3s ease-in-out;animation:rotateLoading 1s infinite linear;font-size:20px}",""]),e.exports=t},5845:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-popover-paper{box-shadow:0px 2px 8px 0px rgba(171,176,185,.4)}",""]),e.exports=t},7544:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-select{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;display:inline-block;vertical-align:top;width:100%}.paraui-select>.select-content{line-height:0;border:1px solid;border-radius:4px;border-color:rgba(171,176,185,.4);padding-right:12px;position:relative;cursor:pointer;background-color:#fff}.paraui-select>.select-content:hover{border-color:#3666d6}.paraui-select>.select-content:hover>.select-svg>svg{color:#3666d6}.paraui-select>.select-content>.select-label-placeholder{width:100%;height:100%;padding:0 12px;color:rgba(46,55,67,.4);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:0;top:0;z-index:1}.paraui-select>.select-content>.select-label-placeholder>.select-required{margin-left:2px;color:#eb6054}.paraui-select>.select-content>.select-svg{position:absolute;right:12px;top:0;z-index:2}.paraui-select>.select-content>.select-svg>svg{font-size:20px;transition:all .3s;color:rgba(46,55,67,.7);opacity:0}.paraui-select>.select-content>.select-svg>.clean-up-icon{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;opacity:0}.paraui-select>.select-content>.select-svg>.clean-up-icon>svg{font-size:16px;transition:all .3s;color:rgba(46,55,67,.7)}.paraui-select>.select-content>.select-svg>.clean-up-icon:hover>svg{color:rgba(54,102,214,.8)}.paraui-select>.select-content>.radio-select-content{padding-left:12px;font-size:14px;line-height:1.43;color:#2e3743;word-break:break-all}.paraui-select>.select-content>.radio-search-outside{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 30px 0 10px;font-size:14px;cursor:pointer;color:#2e3743;border:0;border-radius:4px;background:rgba(0,0,0,0)}.paraui-select>.select-content>.check-select-content{padding-left:12px;height:100%;overflow:hidden}.paraui-select>.select-content>.check-select-content>.check-select-content-item{display:inline-block;background-color:rgba(171,176,185,.2);border-radius:4px;padding:0 12px 0 12px;color:#2e3743;margin-right:8px;vertical-align:top;max-width:100%;white-space:nowrap}.paraui-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more{cursor:pointer;color:#2e3743}.paraui-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more>span{max-width:none}.paraui-select>.select-content>.check-select-content>.check-select-content-item>span{display:inline-block;height:100%;vertical-align:top;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.paraui-select>.select-content>.check-select-content>.check-select-content-item>svg{cursor:pointer;margin-left:8px;color:#2e3743;font-size:16px;position:relative}.paraui-select>.select-content>.check-select-content>.check-select-content-item>svg:hover{color:#3666d6}.paraui-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-noclose>span{max-width:none}.paraui-select>.select-content>.check-select-content>.check-search-outside{width:10px;max-width:100% !important;display:none;border:0;color:#2e3743;font-size:14px;cursor:pointer}.paraui-select.paraui-select-allow-clear>.select-content{padding-right:40px}.paraui-select.paraui-select-allow-clear.paraui-select-value>.select-content:hover>.select-svg>svg{opacity:0;transition:all 0s}.paraui-select.paraui-select-allow-clear.paraui-select-value>.select-content:hover>.select-svg>.clean-up-icon{opacity:1;transition:all .3s}.paraui-select.select-over-line.select-small>.select-content{height:inherit;min-height:28px}.paraui-select.select-over-line.select-medium>.select-content{height:inherit;min-height:32px}.paraui-select.select-over-line.select-large>.select-content{height:inherit;min-height:36px}.paraui-select.select-show-select>.select-content{padding-right:40px}.paraui-select.select-show-select>.select-content>.select-svg>svg{opacity:1}.paraui-select.select-disabled>.select-content{background-color:rgba(171,176,185,.12);cursor:not-allowed}.paraui-select.select-disabled>.select-content:hover{border-color:rgba(171,176,185,.4)}.paraui-select.select-disabled>.select-content:hover>.select-svg>svg{color:rgba(46,55,67,.7)}.paraui-select.select-disabled>.select-content>.check-select-content>.check-select-content-item>span{max-width:100%}.paraui-select.select-error>.select-content{border-color:#eb6054 !important}.paraui-select.select-open>.select-content{border-color:#3666d6}.paraui-select.select-open>.select-content>.select-svg>svg{transform:rotate(180deg);color:#3666d6}.paraui-select.select-open>.select-content>.check-select-content>.check-search-outside{display:inline-block}.paraui-select.select-small>.select-content{height:28px}.paraui-select.select-small>.select-content>.select-label-placeholder{line-height:26px}.paraui-select.select-small>.select-content>.select-svg{top:3px}.paraui-select.select-small>.select-content>.radio-select-content{padding-bottom:3px;padding-top:3px}.paraui-select.select-small>.select-content>.check-select-content{padding-bottom:3px}.paraui-select.select-small>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:20px;line-height:20px}.paraui-select.select-small>.select-content>.check-select-content>.check-select-content-item>svg{top:2px}.paraui-select.select-small>.select-content>.check-select-content>.check-search-outside{margin-top:3px;height:20px}.paraui-select.select-medium>.select-content{height:32px}.paraui-select.select-medium>.select-content>.select-label-placeholder{line-height:30px}.paraui-select.select-medium>.select-content>.select-svg{top:6px}.paraui-select.select-medium>.select-content>.radio-select-content{padding-bottom:5px;padding-top:5px}.paraui-select.select-medium>.select-content>.check-select-content{padding-bottom:4px}.paraui-select.select-medium>.select-content>.check-select-content>.check-select-content-item{margin-top:4px;height:22px;line-height:22px}.paraui-select.select-medium>.select-content>.check-select-content>.check-select-content-item>svg{top:3px}.paraui-select.select-medium>.select-content>.check-select-content>.check-search-outside{margin-top:4px;height:22px}.paraui-select.select-large>.select-content{height:36px}.paraui-select.select-large>.select-content>.select-label-placeholder{line-height:34px}.paraui-select.select-large>.select-content>.select-svg{top:8px}.paraui-select.select-large>.select-content>.radio-select-content{padding-bottom:7px;padding-top:7px}.paraui-select.select-large>.select-content>.check-select-content{padding-bottom:5px}.paraui-select.select-large>.select-content>.check-select-content>.check-select-content-item{margin-top:5px;height:24px;line-height:24px}.paraui-select.select-large>.select-content>.check-select-content>.check-select-content-item>svg{top:3px}.paraui-select.select-large>.select-content>.check-select-content>.check-search-outside{margin-top:5px;height:24px}.paraui-select-popover.paraui-tooltip>div{max-width:none;padding:0;background-color:#fff;box-shadow:0px 2px 8px 0px rgba(171,176,185,.4);border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-select-popover.paraui-tooltip>div>span{color:#fff}.paraui-select-popover.paraui-tooltip>div .select-popover-content.select-popover-content-search>.select-popover-list{padding-top:0px}.paraui-select-popover.paraui-tooltip>div .select-popover-content.select-popover-content-search>.select-popover-list>.select-nodata{margin-top:58px}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-search{display:flex;align-items:center;padding:0 12px;border-bottom:1px solid;border-color:rgba(171,176,185,.2)}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-search>input{border:0;outline:none;font-size:14px;color:#2e3743;width:100%}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-search>input::placeholder{font-size:14px;opacity:1;color:rgba(46,55,67,.4)}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-search>svg{color:rgba(46,55,67,.4);font-size:20px;cursor:pointer}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list{padding:8px 0;max-height:300px;overflow:auto}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list.select-popover-list-loading{height:100px}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item{display:flex;cursor:pointer;padding:0 12px;align-items:center}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-label{width:calc(100% - 25px);color:#2e3743;font-size:14px}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-svg{line-height:0;display:none}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-svg>svg{font-size:20px;color:#3666d6}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-select>.select-popover-list-item-label{color:#3666d6}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-select>.select-popover-list-item-svg{display:inline-block}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-hover{background-color:rgba(171,176,185,.12)}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-hover>.select-popover-list-item-label{color:#3666d6}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-keydown{background-color:rgba(171,176,185,.12)}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-keydown>.select-popover-list-item-label{color:#3666d6}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-disabled{cursor:not-allowed}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-disabled>.select-popover-list-item-label{color:rgba(46,55,67,.4) !important}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list>.select-popover-list-group .select-popover-list-group-label{display:inline-block;width:100%;padding:0 12px;color:rgba(46,55,67,.4);font-size:14px}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list>.select-popover-list-group .select-popover-list-item{padding-left:20px}.paraui-select-popover.paraui-tooltip>div .select-popover-content>.select-popover-list>.select-nodata{text-align:center;font-size:14px;color:#2e3743;margin-top:50px;margin-bottom:72px}.paraui-select-popover.paraui-tooltip.paraui-select-popover-radio>div .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-label{width:100%}.paraui-select-popover.paraui-tooltip.paraui-select-popover-small>div .select-popover-content>.select-popover-search{height:28px}.paraui-select-popover.paraui-tooltip.paraui-select-popover-small>div .select-popover-content>.select-popover-list .select-popover-list-item{height:28px;line-height:28px}.paraui-select-popover.paraui-tooltip.paraui-select-popover-small>div .select-popover-content>.select-popover-list>.select-popover-list-group .select-popover-list-group-label{height:28px;line-height:28px}.paraui-select-popover.paraui-tooltip.paraui-select-popover-medium>div .select-popover-content>.select-popover-search{height:32px}.paraui-select-popover.paraui-tooltip.paraui-select-popover-medium>div .select-popover-content>.select-popover-list .select-popover-list-item{height:32px;line-height:32px}.paraui-select-popover.paraui-tooltip.paraui-select-popover-medium>div .select-popover-content>.select-popover-list>.select-popover-list-group .select-popover-list-group-label{line-height:32px;height:32px}.paraui-select-popover.paraui-tooltip.paraui-select-popover-large>div .select-popover-content>.select-popover-search{height:36px}.paraui-select-popover.paraui-tooltip.paraui-select-popover-large>div .select-popover-content>.select-popover-list .select-popover-list-item{height:36px;line-height:36px}.paraui-select-popover.paraui-tooltip.paraui-select-popover-large>div .select-popover-content>.select-popover-list>.select-popover-list-group .select-popover-list-group-label{height:36px;line-height:36px}.paraui-select-more-popover>.paraui-popover-paper{margin-left:20px}.paraui-select-more-popover .select-more{width:300px}.paraui-select-more-popover .select-more>.select-more-title{font-size:14px;padding:0 12px;color:rgba(46,55,67,.7)}.paraui-select-more-popover .select-more>.select-more-content{max-height:300px;overflow:auto}.paraui-select-more-popover .select-more>.select-more-content>.select-more-content-item{padding:0 12px;display:flex;justify-content:space-around;align-items:center}.paraui-select-more-popover .select-more>.select-more-content>.select-more-content-item>span{width:calc(100% - 25px);display:inline-block;font-size:14px}.paraui-select-more-popover .select-more>.select-more-content>.select-more-content-item>svg{font-size:20px;position:relative;cursor:pointer;color:#2e3743}.paraui-select-more-popover .select-more>.select-more-content>.select-more-content-item>svg:hover{color:#3666d6}.paraui-select-more-popover.paraui-select-more-popover-small .select-more>.select-more-title{line-height:28px}.paraui-select-more-popover.paraui-select-more-popover-small .select-more>.select-more-content>.select-more-content-item{line-height:28px}.paraui-select-more-popover.paraui-select-more-popover-medium .select-more>.select-more-title{line-height:32px}.paraui-select-more-popover.paraui-select-more-popover-medium .select-more>.select-more-content>.select-more-content-item{line-height:32px}.paraui-select-more-popover.paraui-select-more-popover-large .select-more>.select-more-title{line-height:36px}.paraui-select-more-popover.paraui-select-more-popover-large .select-more>.select-more-content>.select-more-content-item{line-height:36px}",""]),e.exports=t},9929:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-tooltip>div{padding-left:12px;padding-right:12px;font-size:14px;font-weight:400;color:#fff;background-color:rgba(46,55,67,.7)}.paraui-tooltip-left-right>div{margin:0 8px}.paraui-tooltip-top-bottom>div{margin:8px 0}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=function(e,t){var r=e[1]||"",o=e[3];if(!o)return r;if(t&&"function"==typeof btoa){var a=(n=o,l=btoa(unescape(encodeURIComponent(JSON.stringify(n)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(l),"/*# ".concat(s," */")),i=o.sources.map((function(e){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(e," */")}));return[r].concat(i).concat([a]).join("\n")}var n,l,s;return[r].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,o){"string"==typeof e&&(e=[[null,e,""]]);var a={};if(o)for(var i=0;i<this.length;i++){var n=this[i][0];null!=n&&(a[n]=!0)}for(var l=0;l<e.length;l++){var s=[].concat(e[l]);o&&a[s[0]]||(r&&(s[2]?s[2]="".concat(r," and ").concat(s[2]):s[2]=r),t.push(s))}},t}},7418:function(e){"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
*/r(7418);var o=r(8156),a=60103;if(t.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;a=i("react.element"),t.Fragment=i("react.fragment")}var n=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,r){var o,i={},c=null,p=null;for(o in void 0!==r&&(c=""+r),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(p=t.ref),t)l.call(t,o)&&!s.hasOwnProperty(o)&&(i[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===i[o]&&(i[o]=t[o]);return{$$typeof:a,type:e,key:c,ref:p,props:i,_owner:n.current}}t.jsx=c,t.jsxs=c},5893:function(e,t,r){"use strict";e.exports=r(5251)},9271:function(e,t,r){var o=r(3379),a=r(2565);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var i={insert:("body","body"),singleton:!1};o(a,i);e.exports=a.locals||{}},8229:function(e,t,r){var o=r(3379),a=r(1185);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var i={insert:("body","body"),singleton:!1};o(a,i);e.exports=a.locals||{}},2113:function(e,t,r){var o=r(3379),a=r(7381);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var i={insert:("body","body"),singleton:!1};o(a,i);e.exports=a.locals||{}},3936:function(e,t,r){var o=r(3379),a=r(9916);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var i={insert:("body","body"),singleton:!1};o(a,i);e.exports=a.locals||{}},9663:function(e,t,r){var o=r(3379),a=r(4928);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var i={insert:("body","body"),singleton:!1};o(a,i);e.exports=a.locals||{}},3492:function(e,t,r){var o=r(3379),a=r(5714);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var i={insert:("body","body"),singleton:!1};o(a,i);e.exports=a.locals||{}},8939:function(e,t,r){var o=r(3379),a=r(5845);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var i={insert:("body","body"),singleton:!1};o(a,i);e.exports=a.locals||{}},5622:function(e,t,r){var o=r(3379),a=r(7544);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var i={insert:("body","body"),singleton:!1};o(a,i);e.exports=a.locals||{}},2310:function(e,t,r){var o=r(3379),a=r(9929);"string"==typeof(a=a.__esModule?a.default:a)&&(a=[[e.id,a,""]]);var i={insert:("body","body"),singleton:!1};o(a,i);e.exports=a.locals||{}},3379:function(e,t,r){"use strict";var o,a=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},i=function(){var e={};return function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[t]=r}return e[t]}}(),n=[];function l(e){for(var t=-1,r=0;r<n.length;r++)if(n[r].identifier===e){t=r;break}return t}function s(e,t){for(var r={},o=[],a=0;a<e.length;a++){var i=e[a],s=t.base?i[0]+t.base:i[0],c=r[s]||0,p="".concat(s," ").concat(c);r[s]=c+1;var u=l(p),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==u?(n[u].references++,n[u].updater(d)):n.push({identifier:p,updater:v(d,t),references:1}),o.push(p)}return o}function c(e){var t=document.createElement("style"),o=e.attributes||{};if(void 0===o.nonce){var a=r.nc;a&&(o.nonce=a)}if(Object.keys(o).forEach((function(e){t.setAttribute(e,o[e])})),"function"==typeof e.insert)e.insert(t);else{var n=i(e.insert||"head");if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(t)}return t}var p,u=(p=[],function(e,t){return p[e]=t,p.filter(Boolean).join("\n")});function d(e,t,r,o){var a=r?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(e.styleSheet)e.styleSheet.cssText=u(t,a);else{var i=document.createTextNode(a),n=e.childNodes;n[t]&&e.removeChild(n[t]),n.length?e.insertBefore(i,n[t]):e.appendChild(i)}}function f(e,t,r){var o=r.css,a=r.media,i=r.sourceMap;if(a?e.setAttribute("media",a):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}var h=null,m=0;function v(e,t){var r,o,a;if(t.singleton){var i=m++;r=h||(h=c(t)),o=d.bind(null,r,i,!1),a=d.bind(null,r,i,!0)}else r=c(t),o=f.bind(null,r,t),a=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else a()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=a());var r=s(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var o=0;o<r.length;o++){var a=l(r[o]);n[a].references--}for(var i=s(e,t),c=0;c<r.length;c++){var p=l(r[c]);0===n[p].references&&(n[p].updater(),n.splice(p,1))}r=i}}}},7839:function(e,t,r){"use strict";var o=r(5893),a=r(8156),i=r(7371),n=(r(9271),function(){return n=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},n.apply(this,arguments)});t.default=function(e){var t=e.children,r=e.arrow,l=void 0!==r&&r,s=e.placement,c=void 0===s?"bottom-start":s,p=e.tips,u=void 0===p?"":p,d=e.className,f=void 0===d?"":d,h=e.beyondText,m=void 0===h||h,v=e.interactive,g=void 0===v||v,x=e.style,y=(0,a.useRef)(),b=(0,a.useState)(""),j=b[0],w=b[1];(0,a.useEffect)((function(){w(u)}),[u]);var k;return(0,o.jsx)("div",n({ref:y,className:(k="paraui-auto-tips",f&&(k+=" "+f),k),onMouseOver:function(){var e="";y.current&&y.current.scrollWidth>y.current.offsetWidth&&(e=u||(m?y.current.innerText:t)),w(e)},style:x},{children:(0,o.jsx)(i.default,n({arrow:l,title:j,placement:c,interactive:g,boundariesElement:"viewport",className:"paraui-auto-tips-tooltip"},{children:(0,o.jsx)("div",n({className:"auto-tips-content"},{children:t}))}))}))}},6533:function(e,t,r){"use strict";r.d(t,{default:function(){return d}});var o=r(5893),a=r(5744),i=r.n(a),n=function(){return n=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},n.apply(this,arguments)},l=r(3054),s={zh:{noData:"暂无内容",click:",点击",refresh:"刷新"},en:{noData:"No Data",click:",Click to ",refresh:"refresh"}},c=(r(8229),r(6010)),p=function(){return p=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},p.apply(this,arguments)},u={large:(0,o.jsx)((function(){return(0,o.jsx)("svg",n({xmlns:"http://www.w3.org/2000/svg",width:"334",height:"238",viewBox:"0 0 334 238"},{children:(0,o.jsx)("g",n({id:"暂无内容-大",transform:"translate(-294 -691)"},{children:(0,o.jsxs)("g",n({id:"组_20031","data-name":"组 20031",transform:"translate(-10)"},{children:[(0,o.jsx)("rect",{id:"矩形_20295","data-name":"矩形 20295",width:"334",height:"238",transform:"translate(304 691)",fill:"rgba(255,255,255,0)"}),(0,o.jsx)("g",n({id:"组_20030","data-name":"组 20030",transform:"translate(-214.846 2.602)"},{children:(0,o.jsxs)("g",n({id:"插画",transform:"translate(389.281 667.799)"},{children:[(0,o.jsxs)("g",n({id:"底",transform:"translate(142.565 33.598)"},{children:[(0,o.jsx)("path",{id:"背景",d:"M4637.062,989.23c3.9-4.993,13.694-26.562,55.615-26.738,21.926,2.128,40.051,22.732,50.669,42.267s49.948,22.466,64.323,26.149,41.032,22.908,32.388,57.483-49.909,29.16-82.371,47.808-45.439,26.561-84.586,21.856c-20.6-4.352-34.527-18.29-31.253-38.8,1.556-10.4,11.786-29.471,13.7-43.448s-19.941-44.825-23.009-51.928C4627.98,1014.239,4633.166,994.224,4637.062,989.23Z",transform:"translate(-4572.545 -948.179)",fill:"#edf2fd"}),(0,o.jsx)("rect",{id:"矩形_20289","data-name":"矩形 20289",width:"47.472",height:"8.289",rx:"4.144",transform:"translate(18.461 56.514)",fill:"#edf2fd"}),(0,o.jsx)("rect",{id:"矩形_20290","data-name":"矩形 20290",width:"47.472",height:"8.289",rx:"4.144",transform:"translate(42.574 79.873)",fill:"#edf2fd"}),(0,o.jsx)("rect",{id:"矩形_20291","data-name":"矩形 20291",width:"47.472",height:"8.289",rx:"4.144",transform:"translate(220.405 162.761)",fill:"#edf2fd"}),(0,o.jsx)("rect",{id:"矩形_20292","data-name":"矩形 20292",width:"47.472",height:"8.289",rx:"4.144",transform:"translate(258.835 140.155)",fill:"#edf2fd"}),(0,o.jsxs)("g",n({id:"组_20015","data-name":"组 20015",transform:"translate(275.597 90.239) rotate(-90)"},{children:[(0,o.jsx)("rect",{id:"矩形_20286","data-name":"矩形 20286",width:"6.975",height:"1.162",rx:"0.581",transform:"translate(6.975 4.069) rotate(180)",fill:"#99b6f8"}),(0,o.jsx)("rect",{id:"矩形_20286-2","data-name":"矩形 20286",width:"6.975",height:"1.162",rx:"0.581",transform:"translate(4.069) rotate(90)",fill:"#99b6f8"})]})),(0,o.jsx)("rect",{id:"矩形_20286-3","data-name":"矩形 20286",width:"9.042",height:"1.507",rx:"0.754",transform:"translate(5.275 78.743) rotate(90)",fill:"#99b6f8"}),(0,o.jsx)("rect",{id:"矩形_20286-4","data-name":"矩形 20286",width:"9.042",height:"1.507",rx:"0.754",transform:"translate(0 82.511)",fill:"#99b6f8"}),(0,o.jsxs)("g",n({id:"椭圆_10195","data-name":"椭圆 10195",transform:"translate(29.011 34.662)",fill:"none",stroke:"#99b6f8",strokeWidth:"2",opacity:"0.999"},{children:[(0,o.jsx)("circle",{cx:"5.275",cy:"5.275",r:"5.275",stroke:"none"}),(0,o.jsx)("circle",{cx:"5.275",cy:"5.275",r:"4.275",fill:"none"})]})),(0,o.jsxs)("g",n({id:"矩形_20287","data-name":"矩形 20287",transform:"translate(225.566 54.265) rotate(-45)",fill:"none",stroke:"#99b6f8",strokeWidth:"2"},{children:[(0,o.jsx)("rect",{width:"9.042",height:"9.042",rx:"1",stroke:"none"}),(0,o.jsx)("rect",{x:"1",y:"1",width:"7.042",height:"7.042",fill:"none"})]})),(0,o.jsxs)("g",n({id:"矩形_20288","data-name":"矩形 20288",transform:"translate(53.198 116.371) rotate(-45)",fill:"none",stroke:"#99b6f8",strokeWidth:"2"},{children:[(0,o.jsx)("rect",{width:"6.028",height:"6.028",rx:"1",stroke:"none"}),(0,o.jsx)("rect",{x:"1",y:"1",width:"4.028",height:"4.028",fill:"none"})]})),(0,o.jsxs)("g",n({id:"椭圆_10196","data-name":"椭圆 10196",transform:"translate(194.786)",fill:"none",stroke:"#99b6f8",strokeWidth:"2",opacity:"0.999"},{children:[(0,o.jsx)("circle",{cx:"3.768",cy:"3.768",r:"3.768",stroke:"none"}),(0,o.jsx)("circle",{cx:"3.768",cy:"3.768",r:"2.768",fill:"none"})]})),(0,o.jsxs)("g",n({id:"椭圆_10197","data-name":"椭圆 10197",transform:"translate(29.011 165.775)",fill:"none",stroke:"#99b6f8",strokeWidth:"2",opacity:"0.999"},{children:[(0,o.jsx)("circle",{cx:"3.768",cy:"3.768",r:"3.768",stroke:"none"}),(0,o.jsx)("circle",{cx:"3.768",cy:"3.768",r:"2.768",fill:"none"})]})),(0,o.jsxs)("g",n({id:"组_20016","data-name":"组 20016",transform:"translate(213.247 201.567) rotate(-90)"},{children:[(0,o.jsx)("rect",{id:"矩形_20286-5","data-name":"矩形 20286",width:"6.975",height:"1.162",rx:"0.581",transform:"translate(6.975 4.069) rotate(180)",fill:"#99b6f8"}),(0,o.jsx)("rect",{id:"矩形_20286-6","data-name":"矩形 20286",width:"6.975",height:"1.162",rx:"0.581",transform:"translate(4.069) rotate(90)",fill:"#99b6f8"})]}))]})),(0,o.jsxs)("g",n({id:"记录",transform:"translate(217.875 94.967)"},{children:[(0,o.jsx)("path",{id:"路径_18121","data-name":"路径 18121",d:"M12.285,0H171.993a12.285,12.285,0,0,1,12.285,12.285v90.6a12.285,12.285,0,0,1-12.285,12.285H12.285A12.285,12.285,0,0,1,0,102.889v-90.6A12.285,12.285,0,0,1,12.285,0Z",transform:"translate(0 0)",fill:"#dde7ff"}),(0,o.jsx)("path",{id:"矩形_131","data-name":"矩形 131",d:"M6,0H178.279a6,6,0,0,1,6,6v6.935a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V6A6,6,0,0,1,6,0Z",transform:"translate(0 0)",fill:"#6487d9"}),(0,o.jsx)("rect",{id:"矩形_139","data-name":"矩形 139",width:"3.839",height:"3.839",rx:"1.92",transform:"translate(3.294 3.013)",fill:"#fff"}),(0,o.jsx)("rect",{id:"矩形_20046","data-name":"矩形 20046",width:"3.839",height:"3.839",rx:"1.92",transform:"translate(10.204 3.013)",fill:"#fff"}),(0,o.jsx)("rect",{id:"矩形_20047","data-name":"矩形 20047",width:"3.839",height:"3.839",rx:"1.92",transform:"translate(17.115 3.013)",fill:"#fff"})]})),(0,o.jsxs)("g",n({id:"记录-2","data-name":"记录",transform:"translate(207.893 86.968)"},{children:[(0,o.jsx)("rect",{id:"矩形_20062","data-name":"矩形 20062",width:"184.279",height:"115.174",rx:"16",fill:"#f7f9ff"}),(0,o.jsx)("path",{id:"矩形_131-2","data-name":"矩形 131",d:"M6,0H178.279a6,6,0,0,1,6,6v6.935a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V6A6,6,0,0,1,6,0Z",fill:"#3666d6"}),(0,o.jsx)("rect",{id:"矩形_139-2","data-name":"矩形 139",width:"3.839",height:"3.839",rx:"1.92",transform:"translate(4.83 4.548)",fill:"#fff"}),(0,o.jsx)("rect",{id:"矩形_20046-2","data-name":"矩形 20046",width:"3.839",height:"3.839",rx:"1.92",transform:"translate(11.74 4.548)",fill:"#fff"}),(0,o.jsx)("rect",{id:"矩形_20047-2","data-name":"矩形 20047",width:"3.839",height:"3.839",rx:"1.92",transform:"translate(18.65 4.548)",fill:"#fff"})]})),(0,o.jsx)("rect",{id:"矩形_130","data-name":"矩形 130",width:"37.676",height:"91.93",rx:"6",transform:"translate(215.042 104.604)",fill:"#fff"}),(0,o.jsx)("rect",{id:"矩形_20294","data-name":"矩形 20294",width:"123.578",height:"91.93",rx:"6",transform:"translate(260.253 104.604)",fill:"#fff"}),(0,o.jsx)("rect",{id:"矩形_20293","data-name":"矩形 20293",width:"143.169",height:"3.768",rx:"1.884",transform:"translate(243.914 91.62)",fill:"#fff",opacity:"0.4"}),(0,o.jsx)("rect",{id:"矩形_19933","data-name":"矩形 19933",width:"27.127",height:"25.62",rx:"2",transform:"translate(220.555 110.458)",fill:"#dde7ff"}),(0,o.jsx)("rect",{id:"矩形_19935","data-name":"矩形 19935",width:"27.127",height:"6.028",rx:"3.014",transform:"translate(220.555 148.887)",fill:"#dde7ff"}),(0,o.jsx)("rect",{id:"矩形_19936","data-name":"矩形 19936",width:"27.127",height:"6.028",rx:"3.014",transform:"translate(220.555 159.437)",fill:"#dde7ff"}),(0,o.jsx)("rect",{id:"矩形_19938","data-name":"矩形 19938",width:"27.127",height:"6.028",rx:"3.014",transform:"translate(220.555 169.986)",fill:"#dde7ff"}),(0,o.jsx)("rect",{id:"矩形_19939","data-name":"矩形 19939",width:"13.563",height:"6.028",rx:"3.014",transform:"translate(220.555 180.535)",fill:"#dde7ff"}),(0,o.jsx)("path",{id:"路径_17905","data-name":"路径 17905",d:"M20.358,21.966l-9.43-10.172v2.289H9.107V9.83H20.241a3.922,3.922,0,1,1,0,7.843h-.65L17.9,15.846h2.328a2.088,2.088,0,0,0,0-4.175H13.288L21.2,20.184l1.613,1.782Zm-4.774-4.3h-4.65v4.305H9.1V15.859h4.767l1.7,1.834Z",transform:"translate(217.487 107.367)",fill:"#3666d6"}),(0,o.jsxs)("g",n({id:"组_20029","data-name":"组 20029",transform:"translate(288.281 117.197)"},{children:[(0,o.jsxs)("g",n({id:"组_19489","data-name":"组 19489",transform:"translate(0 21.504)"},{children:[(0,o.jsx)("path",{id:"路径_17624","data-name":"路径 17624",d:"M1.678,0h21.4a2,2,0,0,1,1.952,1.676l1.3,4.407H0V1.678A1.678,1.678,0,0,1,1.678,0Z",transform:"translate(0 0)",fill:"#3666d6"}),(0,o.jsx)("path",{id:"路径_18530","data-name":"路径 18530",d:"M0,0H52.232A1.678,1.678,0,0,1,53.91,1.678V32.3a1.678,1.678,0,0,1-1.678,1.678H1.678A1.678,1.678,0,0,1,0,32.3Z",transform:"translate(0 6.083)",fill:"#f0f4ff"})]})),(0,o.jsxs)("g",n({id:"组_20021","data-name":"组 20021",transform:"translate(29.143)"},{children:[(0,o.jsx)("path",{id:"路径_17649","data-name":"路径 17649",d:"M4.784,9.237a.147.147,0,0,1,0-.294c.1,0,.195,0,.29,0h0a.147.147,0,0,1,0,.294c-.1,0-.2,0-.3,0ZM3.9,9.211H3.894L3.6,9.19A.147.147,0,0,1,3.609,8.9h.012c.1.008.195.014.29.02a.147.147,0,0,1-.009.294Zm2.054-.034a.147.147,0,0,1-.015-.293c.1-.01.193-.022.288-.034a.147.147,0,1,1,.039.291c-.1.013-.2.025-.3.036ZM2.733,9.1l-.02,0c-.1-.013-.2-.027-.293-.041a.147.147,0,0,1,.022-.292l.022,0,.289.041a.147.147,0,0,1-.019.293Zm4.383-.115a.147.147,0,0,1-.034-.29c.094-.022.188-.047.279-.072A.147.147,0,0,1,7.44,8.9c-.095.026-.192.051-.29.074A.142.142,0,0,1,7.116,8.983ZM1.574,8.9a.123.123,0,0,1-.029,0l-.29-.06a.147.147,0,1,1,.062-.287l.285.059a.147.147,0,0,1-.029.291ZM.429,8.637a.144.144,0,0,1-.039-.005C.208,8.582.107,8.55.1,8.549a.147.147,0,0,1,.088-.281h0s.1.032.277.08a.147.147,0,0,1-.039.289Zm7.8-.016a.147.147,0,0,1-.057-.283c.088-.037.176-.077.261-.118a.147.147,0,1,1,.127.265c-.089.043-.182.084-.274.124A.145.145,0,0,1,8.233,8.621Zm1.03-.563a.147.147,0,0,1-.084-.268c.078-.055.155-.112.229-.17a.147.147,0,1,1,.181.231c-.079.062-.16.122-.243.18A.145.145,0,0,1,9.263,8.059Zm.877-.778a.147.147,0,0,1-.11-.244c.063-.071.124-.144.182-.219A.147.147,0,0,1,10.444,7c-.062.08-.127.158-.194.233A.146.146,0,0,1,10.14,7.281Zm.667-.965a.145.145,0,0,1-.069-.017.147.147,0,0,1-.072-.089l-.182.018h-.012a.147.147,0,0,1-.012-.293c.1-.008.191-.018.287-.03a.131.131,0,0,1,.03,0l.028-.06a.147.147,0,1,1,.267.124c-.042.091-.088.182-.134.27A.147.147,0,0,1,10.807,6.316ZM9.591,6.249H9.586c-.1,0-.2-.009-.3-.017a.147.147,0,0,1,.023-.293c.095.008.192.013.287.016a.147.147,0,0,1-.005.294Zm-1.166-.14a.154.154,0,0,1-.03,0c-.1-.021-.2-.044-.293-.069a.147.147,0,1,1,.074-.284c.091.024.185.046.279.066a.147.147,0,0,1-.03.291Zm3.206-.067a.147.147,0,0,1-.034-.29c.093-.022.187-.046.28-.071a.147.147,0,1,1,.078.283c-.1.027-.194.051-.29.074A.14.14,0,0,1,11.631,6.042ZM7.309,5.748a.15.15,0,0,1-.063-.014,2.142,2.142,0,0,1-.216-.117l-.062-.043a.147.147,0,1,1,.174-.237l.047.032a1.758,1.758,0,0,0,.183.1.147.147,0,0,1-.063.28Zm5.444-.055a.147.147,0,0,1-.053-.284c.089-.034.179-.071.268-.108a.147.147,0,1,1,.114.27c-.092.039-.185.076-.277.112A.153.153,0,0,1,12.753,5.694Zm-1.505-.465a.157.157,0,0,1-.042-.006.147.147,0,0,1-.1-.183c.027-.09.052-.184.076-.277a.147.147,0,0,1,.285.071c-.024.1-.051.2-.079.289A.147.147,0,0,1,11.248,5.228ZM13.821,5.2a.147.147,0,0,1-.069-.277c.084-.045.17-.092.254-.139a.147.147,0,1,1,.145.255c-.087.049-.174.1-.261.144A.15.15,0,0,1,13.821,5.2ZM6.506,4.921a.148.148,0,0,1-.13-.078c-.047-.089-.091-.184-.13-.28a.147.147,0,1,1,.272-.111,2.746,2.746,0,0,0,.118.253.147.147,0,0,1-.061.2A.143.143,0,0,1,6.506,4.921Zm8.32-.325a.147.147,0,0,1-.083-.268c.079-.054.159-.11.238-.166a.147.147,0,1,1,.171.239c-.081.058-.163.115-.244.17A.145.145,0,0,1,14.827,4.6Zm-3.339-.518h-.019a.147.147,0,0,1-.127-.165c.012-.094.023-.191.033-.287a.147.147,0,1,1,.292.029c-.01.1-.021.2-.034.3A.147.147,0,0,1,11.488,4.079Zm4.28-.186a.147.147,0,0,1-.093-.261c.074-.061.149-.124.223-.187a.147.147,0,1,1,.191.223c-.075.065-.152.129-.228.191A.144.144,0,0,1,15.767,3.893Zm-9.6-.09a.147.147,0,0,1-.146-.132C6.011,3.569,6,3.466,6,3.364a.147.147,0,0,1,.145-.149h0A.147.147,0,0,1,6.3,3.36c0,.093.007.187.017.279a.147.147,0,0,1-.13.162Zm10.477-.692a.147.147,0,0,1-.1-.253c.069-.066.139-.135.208-.2a.147.147,0,1,1,.208.207c-.07.07-.141.14-.212.208A.146.146,0,0,1,16.645,3.111Zm-5.1-.2a.148.148,0,0,1-.146-.132,2.34,2.34,0,0,0-.046-.273.147.147,0,1,1,.286-.066,2.658,2.658,0,0,1,.051.307.147.147,0,0,1-.13.162ZM6.267,2.639a.159.159,0,0,1-.041-.005.148.148,0,0,1-.1-.182c.028-.1.062-.2.1-.292a.147.147,0,0,1,.273.108c-.034.087-.065.176-.09.265A.147.147,0,0,1,6.267,2.639Zm11.195-.372a.147.147,0,0,1-.109-.246c.065-.071.13-.144.194-.217A.147.147,0,1,1,17.768,2c-.065.074-.131.149-.2.221A.146.146,0,0,1,17.462,2.266Zm-6.316-.45a.147.147,0,0,1-.121-.063,2.157,2.157,0,0,0-.171-.215.147.147,0,0,1,.218-.2,2.531,2.531,0,0,1,.194.244.147.147,0,0,1-.036.2A.145.145,0,0,1,11.146,1.816ZM6.794,1.595a.145.145,0,0,1-.088-.03.147.147,0,0,1-.029-.206l.011-.014a2.3,2.3,0,0,1,.194-.224.147.147,0,0,1,.209.207,1.914,1.914,0,0,0-.169.194l-.01.013A.148.148,0,0,1,6.794,1.595Zm11.43-.224a.144.144,0,0,1-.092-.032.147.147,0,0,1-.023-.206c.06-.075.121-.152.181-.229a.147.147,0,0,1,.232.181c-.061.077-.122.156-.184.232A.145.145,0,0,1,18.224,1.371Zm-7.953-.325a.144.144,0,0,1-.07-.018A2.778,2.778,0,0,0,9.95.907a.147.147,0,0,1,.114-.271c.1.04.189.085.278.134a.147.147,0,0,1-.07.276ZM7.715.887A.147.147,0,0,1,7.658.6,2.8,2.8,0,0,1,7.951.5a.147.147,0,0,1,.082.282,2.355,2.355,0,0,0-.261.093A.158.158,0,0,1,7.715.887ZM9.156.7H9.139C9.047.686,8.953.68,8.86.677a.147.147,0,0,1,0-.294h0c.1,0,.205.01.307.021A.147.147,0,0,1,9.156.7ZM18.935.435A.146.146,0,0,1,18.816.2l.1-.141a.147.147,0,1,1,.24.17l-.1.143A.147.147,0,0,1,18.935.435Z",transform:"translate(0 18.168) rotate(-19)",fill:"#97aee3"}),(0,o.jsxs)("g",n({id:"组_20023","data-name":"组 20023",transform:"translate(11.647 4.066) rotate(-22)"},{children:[(0,o.jsx)("path",{id:"路径_17650","data-name":"路径 17650",d:"M5.736,0,4.141,9.428,0,7.648Z",transform:"translate(5.083 0.013)",fill:"#f5c05d"}),(0,o.jsx)("path",{id:"路径_17651","data-name":"路径 17651",d:"M1.937,7.654l-.7,1.906L0,6.873,7.709,0Z",transform:"translate(3.146 0)",fill:"#c69438"}),(0,o.jsx)("path",{id:"路径_17652","data-name":"路径 17652",d:"M3.146,6.82,0,5.712,10.8,0Z",transform:"translate(0 0.05)",fill:"#f5c05d"})]}))]}))]}))]}))}))]}))}))}))}),{}),small:(0,o.jsx)((function(){return(0,o.jsx)("svg",n({xmlns:"http://www.w3.org/2000/svg",width:"120",height:"120",viewBox:"0 0 120 120"},{children:(0,o.jsxs)("g",n({id:"暂无内容-小",transform:"translate(-508 -232)"},{children:[(0,o.jsxs)("g",n({id:"组_19491","data-name":"组 19491",transform:"translate(132.212 -3057.667)"},{children:[(0,o.jsxs)("g",n({id:"组_19489","data-name":"组 19489",transform:"translate(389 3333.349)"},{children:[(0,o.jsx)("path",{id:"路径_17624","data-name":"路径 17624",d:"M2.885,0h36.78c1.593,0,2.787.937,3.355,2.882l2.234,7.575H0V2.885A2.885,2.885,0,0,1,2.885,0Z",transform:"translate(0 0)",fill:"#3666d6"}),(0,o.jsx)("path",{id:"路径_18530","data-name":"路径 18530",d:"M0,0H89.787a2.885,2.885,0,0,1,2.885,2.885V55.531a2.885,2.885,0,0,1-2.885,2.885H2.885A2.885,2.885,0,0,1,0,55.531Z",transform:"translate(0 10.457)",fill:"#f0f4ff"})]})),(0,o.jsxs)("g",n({id:"组_20021","data-name":"组 20021",transform:"translate(-9.211 112.379)"},{children:[(0,o.jsx)("path",{id:"路径_17649","data-name":"路径 17649",d:"M565.233,6346.651a.253.253,0,0,1,0-.506c.167,0,.335,0,.5-.007h.007a.252.252,0,0,1,.006.5c-.168,0-.34.007-.511.008Zm-1.514-.044H563.7c-.168-.01-.339-.022-.509-.036a.253.253,0,0,1,.02-.5h.02c.167.014.335.025.5.035a.253.253,0,0,1-.015.5Zm3.531-.06a.253.253,0,0,1-.026-.5c.166-.018.332-.037.494-.059a.252.252,0,1,1,.067.5c-.167.022-.338.043-.509.061Zm-5.542-.136-.034,0c-.167-.022-.337-.046-.5-.071a.253.253,0,0,1,.037-.5l.038,0c.165.025.332.048.5.07a.253.253,0,0,1-.033.5Zm7.534-.2a.253.253,0,0,1-.058-.5c.162-.039.323-.08.48-.124a.253.253,0,0,1,.135.487c-.163.045-.331.088-.5.128A.243.243,0,0,1,569.242,6346.214Zm-9.527-.134a.216.216,0,0,1-.05-.005c-.166-.033-.334-.068-.5-.1a.253.253,0,1,1,.107-.494c.162.035.327.069.491.1a.253.253,0,0,1-.049.5Zm-1.967-.46a.243.243,0,0,1-.067-.009c-.314-.085-.488-.14-.495-.142a.253.253,0,0,1,.152-.482h0s.173.055.476.138a.252.252,0,0,1-.066.5Zm13.415-.027a.253.253,0,0,1-.1-.486c.152-.064.3-.132.449-.2a.253.253,0,1,1,.219.456c-.153.074-.312.145-.472.212A.25.25,0,0,1,571.163,6345.593Zm1.77-.967a.253.253,0,0,1-.144-.46c.134-.094.267-.192.394-.292a.252.252,0,1,1,.312.4c-.135.106-.276.21-.418.309A.251.251,0,0,1,572.932,6344.625Zm1.507-1.338a.253.253,0,0,1-.189-.42c.108-.122.213-.248.313-.376a.252.252,0,0,1,.4.311c-.107.137-.219.271-.333.4A.251.251,0,0,1,574.44,6343.288Zm1.147-1.659a.251.251,0,0,1-.242-.183c-.1.012-.209.021-.313.03h-.021a.252.252,0,0,1-.021-.5c.163-.014.329-.031.493-.051a.23.23,0,0,1,.052,0l.049-.1a.253.253,0,1,1,.458.213c-.073.157-.151.313-.231.464A.253.253,0,0,1,575.586,6341.629Zm-2.09-.114h-.009c-.171-.006-.345-.016-.515-.029a.253.253,0,0,1,.039-.5c.163.013.329.022.494.028a.253.253,0,0,1-.009.5Zm-2-.241a.274.274,0,0,1-.052,0c-.17-.036-.339-.076-.5-.119a.253.253,0,1,1,.127-.489c.157.041.318.079.48.113a.252.252,0,0,1-.052.5Zm5.511-.116a.252.252,0,0,1-.058-.5c.16-.038.322-.079.481-.123a.252.252,0,1,1,.133.487c-.165.046-.333.088-.5.127A.238.238,0,0,1,577,6341.158Zm-7.43-.5a.262.262,0,0,1-.109-.024,3.755,3.755,0,0,1-.371-.2c-.035-.023-.071-.048-.107-.074a.252.252,0,1,1,.3-.407l.081.056a3.025,3.025,0,0,0,.315.17.253.253,0,0,1-.109.481Zm9.358-.094a.253.253,0,0,1-.091-.489c.153-.059.308-.122.461-.186a.252.252,0,1,1,.2.465c-.158.066-.318.131-.476.192A.259.259,0,0,1,578.932,6340.56Zm-2.588-.8a.262.262,0,0,1-.072-.01.252.252,0,0,1-.17-.314c.046-.155.09-.316.13-.477a.253.253,0,0,1,.49.123c-.042.168-.088.335-.136.5A.252.252,0,0,1,576.344,6339.76Zm4.423-.042a.253.253,0,0,1-.119-.476c.145-.077.292-.158.437-.24a.253.253,0,1,1,.25.439c-.149.084-.3.168-.449.248A.258.258,0,0,1,580.768,6339.718Zm-12.574-.486a.253.253,0,0,1-.224-.135c-.081-.154-.157-.315-.224-.48a.253.253,0,1,1,.468-.191,4.751,4.751,0,0,0,.2.435.253.253,0,0,1-.105.342A.25.25,0,0,1,568.194,6339.232Zm14.3-.558a.252.252,0,0,1-.142-.461c.136-.092.274-.188.41-.285a.253.253,0,0,1,.293.412c-.139.1-.28.2-.42.292A.248.248,0,0,1,582.5,6338.674Zm-5.739-.89-.033,0a.253.253,0,0,1-.218-.284c.021-.162.04-.328.057-.494a.253.253,0,1,1,.5.049c-.017.171-.036.344-.058.511A.252.252,0,0,1,576.757,6337.784Zm7.357-.32a.253.253,0,0,1-.16-.448c.128-.1.256-.213.383-.321a.252.252,0,1,1,.329.383c-.13.111-.261.222-.391.328A.249.249,0,0,1,584.114,6337.464Zm-16.5-.155a.253.253,0,0,1-.251-.226c-.019-.175-.029-.353-.031-.527a.253.253,0,0,1,.25-.256h0a.253.253,0,0,1,.252.25c0,.159.011.321.029.48a.253.253,0,0,1-.224.278Zm18.01-1.189a.253.253,0,0,1-.175-.435c.119-.114.239-.232.357-.35a.252.252,0,1,1,.357.357c-.12.121-.243.241-.364.357A.251.251,0,0,1,585.622,6336.12Zm-8.761-.351a.254.254,0,0,1-.251-.226,4.007,4.007,0,0,0-.078-.469.253.253,0,1,1,.492-.113,4.543,4.543,0,0,1,.088.527.253.253,0,0,1-.224.278Zm-9.078-.461a.266.266,0,0,1-.07-.009.254.254,0,0,1-.173-.313c.048-.169.106-.337.171-.5a.253.253,0,0,1,.47.186c-.059.149-.111.3-.155.455A.253.253,0,0,1,567.783,6335.308Zm19.243-.64a.252.252,0,0,1-.187-.422c.111-.122.223-.248.333-.374a.253.253,0,1,1,.38.333c-.112.127-.226.256-.339.38A.252.252,0,0,1,587.027,6334.668Zm-10.857-.774a.252.252,0,0,1-.207-.108,3.737,3.737,0,0,0-.295-.37.253.253,0,0,1,.375-.339,4.313,4.313,0,0,1,.334.42.253.253,0,0,1-.207.4Zm-7.481-.379a.253.253,0,0,1-.2-.4l.018-.025a3.938,3.938,0,0,1,.334-.384.253.253,0,0,1,.359.356,3.308,3.308,0,0,0-.29.333l-.017.023A.254.254,0,0,1,568.688,6333.514Zm19.648-.385a.248.248,0,0,1-.158-.056.252.252,0,0,1-.039-.354c.1-.129.208-.262.311-.394a.253.253,0,0,1,.4.311c-.1.133-.211.268-.315.4A.251.251,0,0,1,588.336,6333.129Zm-13.67-.559a.25.25,0,0,1-.121-.031,4.791,4.791,0,0,0-.432-.208.253.253,0,0,1,.2-.466c.164.069.325.146.478.229a.253.253,0,0,1-.121.475Zm-4.394-.273a.253.253,0,0,1-.1-.486,4.842,4.842,0,0,1,.5-.178.252.252,0,0,1,.141.485,4.1,4.1,0,0,0-.449.159A.265.265,0,0,1,570.271,6332.3Zm2.478-.326-.029,0c-.159-.018-.321-.028-.48-.032a.253.253,0,0,1,.005-.505h.005c.175,0,.352.017.527.036a.253.253,0,0,1-.028.5Zm16.809-.451a.252.252,0,0,1-.2-.4l.173-.242a.252.252,0,1,1,.412.292l-.175.245A.252.252,0,0,1,589.558,6331.521Z",transform:"translate(-2139.453 -2589.283) rotate(-19)",fill:"#97aee3"}),(0,o.jsxs)("g",n({id:"组_20023","data-name":"组 20023",transform:"translate(-1183.834 422.407) rotate(-22)"},{children:[(0,o.jsx)("path",{id:"路径_17650","data-name":"路径 17650",d:"M726.438,6272.966l-2.742,16.207-7.118-3.061Z",transform:"translate(-213.113 -3087.042)",fill:"#f5c05d"}),(0,o.jsx)("path",{id:"路径_17651","data-name":"路径 17651",d:"M710.3,6286.059l-1.206,3.276-2.124-4.619,13.252-11.814Z",transform:"translate(-206.835 -3087)",fill:"#c69438"}),(0,o.jsx)("path",{id:"路径_17652","data-name":"路径 17652",d:"M696.773,6284.875l-5.408-1.905,18.573-9.819Z",transform:"translate(-196.637 -3087.163)",fill:"#f5c05d"})]}))]}))]})),(0,o.jsx)("g",n({id:"边缘框",transform:"translate(508 232)"},{children:(0,o.jsx)("rect",{id:"边缘框-2","data-name":"边缘框",width:"120",height:"120",fill:"none"})}))]}))}))}),{})},d=function(e){var t=(0,c.Z)(e,"Empty"),r=t.className,a=t.style,n=t.size,d=void 0===n?"large":n,f=t.imageStyle,h=t.image,m=void 0===h?u[d]:h,v=t.description,g=t.showRefresh,x=void 0!==g&&g,y=t.onRefresh,b=t.customEmpty,j=(0,l.Z)("Empty",s),w=void 0!==v?v:j({id:"noData"}),k="string"==typeof w?w:"empty",S=null,O=x?(0,o.jsxs)("span",p({className:"paraui-empty-description-refresh"},{children:[j({id:"click"}),(0,o.jsx)("span",p({onClick:function(e){null==y||y(e)}},{children:j({id:"refresh"})}))]})):null;return S="string"==typeof m?(0,o.jsx)("img",{src:m,alt:k}):m,(0,o.jsx)("div",p({className:i()("paraui-empty",r,"paraui-empty-".concat(d)),style:a},{children:b||(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",p({className:"paraui-empty-image",style:f},{children:S})),w&&(0,o.jsxs)("div",p({className:"paraui-empty-description"},{children:[w,O]}))]})}))}},3054:function(e,t,r){"use strict";var o=r(8156),a=r.n(o),i=r(5395),n=r.n(i);t.Z=function(e,t){var r=a().useContext(n()).intlFormat;return t.zh_CN=t.zh,t.en_US=t.en,r&&r(e,t)}},3566:function(e,t,r){"use strict";var o=r(5893),a=r(7371),i=r(8076),n=r.n(i),l=r(5744),s=r.n(l),c=(r(2113),function(){return c=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},c.apply(this,arguments)}),p=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r};t.default=function(e){var t=e.title,r=void 0===t?"":t,i=e.children,l=e.arrow,u=void 0===l||l,d=e.interactive,f=void 0===d||d,h=e.className,m=e.placement,v=void 0===m?"top-start":m,g=p(e,["title","children","arrow","interactive","className","placement"]);return(0,o.jsx)(a.default,c({title:r,arrow:u,interactive:f,placement:v},g,{children:(0,o.jsx)("span",c({className:s()("paraui-help",h)},{children:i||(0,o.jsx)(n(),{})}))}))}},4254:function(e,t,r){"use strict";var o=r(5893),a=(r(3936),function(){return a=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},a.apply(this,arguments)});t.default=function(e){var t,r=e.className,i=e.style,n=e.error,l=void 0!==n&&n,s=e.helperText;return(0,o.jsx)("p",a({className:(t="paraui-helper-text",r&&(t+=" "+r),l&&(t+=" paraui-helper-text-error"),t),style:i},{children:s}))}},6010:function(e,t,r){"use strict";r.d(t,{Z:function(){return s}});var o=r(8156),a=r.n(o),i=r(5395),n=r.n(i),l=function(){return l=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};function s(e,t){var r=a().useContext(n()).componentsProps,o=r&&r[t];return l(l({},o),e)}},8767:function(e,t,r){"use strict";var o=r(5893),a=r(3566),i=(r(9663),function(){return i=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},i.apply(this,arguments)});t.default=function(e){var t=e.className,r=e.style,n=e.label,l=e.labelSign,s=e.required,c=void 0!==s&&s,p=e.tooltip,u=e.tooltipType,d=void 0===u?"icon":u,f=e.placement,h=e.arrow,m=e.tooltipIcon,v=function(){var e="paraui-label";return d&&(e+=" paraui-label-"+d),p&&(e+=" paraui-label-tooltip"),t&&(e+=" "+t),e};return(0,o.jsxs)(o.Fragment,{children:["icon"===d&&(0,o.jsxs)("label",i({className:v(),style:r},{children:[(0,o.jsx)(o.Fragment,{children:n}),c&&(0,o.jsx)("span",i({className:"paraui-label-required"},{children:"*"})),l&&(0,o.jsx)("span",{children:l}),p&&(0,o.jsx)(a.default,i({title:p,placement:f,arrow:h},{children:m}))]})),"line"===d&&(0,o.jsx)(a.default,i({title:p||"",placement:f,arrow:h},{children:(0,o.jsxs)("label",i({className:v(),style:r},{children:[(0,o.jsx)(o.Fragment,{children:n}),c&&(0,o.jsx)("span",i({className:"paraui-label-required"},{children:"*"})),l&&(0,o.jsx)("span",{children:l})]}))}))]})}},7502:function(e,t,r){"use strict";var o=r(5893),a=r(8156),i=r(2788),n=r.n(i),l=(r(3492),function(){return l=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)});t.default=function(e){var t=e.className,r=e.style,i=e.opacity,s=void 0===i?.7:i,c=(0,a.useRef)(null);(0,a.useEffect)((function(){c&&c.current&&c.current.parentNode&&(c.current.parentNode.style.position||(c.current.parentNode.style.position="relative"))}),[]);var p;return(0,o.jsxs)("div",l({className:(p="paraui-loading",t&&(p+=" "+t),p),style:r,ref:c},{children:[(0,o.jsx)("div",l({className:"paraui-loading-box"},{children:(0,o.jsx)(n(),{})})),(0,o.jsx)("div",{className:"paraui-loading-mask",style:{opacity:s}})]}))}},7083:function(e,t,r){"use strict";var o=r(5893),a=r(670),i=(r(8939),function(){return i=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},i.apply(this,arguments)}),n=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r};t.default=function(e){var t,r=e.className,l=e.children,s=e.classes,c=e.style,p=n(e,["className","children","classes","style"]);return(0,o.jsx)(a.Popover,i({style:i({zIndex:1300},c),className:(t="paraui-popover",r&&(t+=" "+r),t),classes:{paper:s?"paraui-popover-paper ".concat(s):"paraui-popover-paper"}},p,{children:l}))}},7371:function(e,t,r){"use strict";var o=r(5893),a=r(670),i=r(5744),n=r.n(i),l=(r(2310),function(){return l=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)}),s=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r};t.default=function(e){var t,r=e.placement,i=void 0===r?"top-start":r,c=e.className,p=e.arrow,u=void 0===p||p,d=e.PopperProps,f=e.boundariesElement,h=void 0===f?"scrollParent":f,m=s(e,["placement","className","arrow","PopperProps","boundariesElement"]),v=l(l({},e.classes),{popper:n()("paraui-tooltip",c,null===(t=e.classes)||void 0===t?void 0:t.popper,{"paraui-tooltip-left-right":(null==i?void 0:i.includes("left"))||(null==i?void 0:i.includes("right")),"paraui-tooltip-top-bottom":(null==i?void 0:i.includes("top"))||(null==i?void 0:i.includes("bottom"))})});return(0,o.jsx)(a.Tooltip,l({},m,{enterTouchDelay:0,arrow:u,placement:i,classes:v,PopperProps:l(l({},d),{modifiers:{preventOverflow:{boundariesElement:h}}})}))}},670:function(e){"use strict";e.exports=o},5395:function(e){"use strict";e.exports=r},2004:function(e){"use strict";e.exports=c},5927:function(e){"use strict";e.exports=n},6788:function(e){"use strict";e.exports=l},2396:function(e){"use strict";e.exports=s},8076:function(e){"use strict";e.exports=a},2788:function(e){"use strict";e.exports=p},6839:function(e){"use strict";e.exports=u},8543:function(e){"use strict";e.exports=i},5744:function(e){"use strict";e.exports=t},8156:function(t){"use strict";t.exports=e}},f={};function h(e){var t=f[e];if(void 0!==t)return t.exports;var r=f[e]={id:e,exports:{}};return d[e](r,r.exports,h),r.exports}h.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return h.d(t,{a:t}),t},h.d=function(e,t){for(var r in t)h.o(t,r)&&!h.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},h.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},h.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},h.nc=void 0;var m={};return function(){"use strict";h.r(m),h.d(m,{default:function(){return M}});var e=h(5893),t=h(8156),r=h.n(t),o=h(6533),a=h(8767),i=h(8543),n=h(5395),l=h.n(n),s=h(3054),c={zh:{searchPlaceholder:"请输入搜索名",selected:"已选中"},en:{searchPlaceholder:"Please enter a search name",selected:"Selected"}},p=h(7839),u=h(5927),d=h.n(u),f=h(6788),v=h.n(f),g=h(2396),x=h.n(g),y=h(2004),b=h.n(y),j=h(7502),w=h(6839),k=h.n(w),S=h(7083),O=h(7371),C=h(4254),_=h(6010),N=(h(5622),function(){return N=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},N.apply(this,arguments)}),Z=function(e,t,r){if(r||2===arguments.length)for(var o,a=0,i=t.length;a<i;a++)!o&&a in t||(o||(o=Array.prototype.slice.call(t,0,a)),o[a]=t[a]);return e.concat(o||Array.prototype.slice.call(t))},M=function(n){var u=(0,_.Z)(n,"Select"),f=u.className,h=u.style,m=u.showSelect,g=void 0===m||m,y=u.allowClear,w=void 0!==y&&y,M=u.emptyProps,A=u.size,P=void 0===A?"large":A,E=u.labelMode,q=void 0===E?"outside":E,H=u.labelTooltip,z=u.placeholder,T=void 0===z?"":z,L=u.searchPlaceholder,F=u.label,D=void 0===F?"":F,I=u.input,R=void 0!==I&&I,U=u.disabled,W=void 0!==U&&U,B=u.multiple,V=void 0!==B&&B,K=u.required,Y=void 0!==K&&K,J=u.labelSign,G=u.error,Q=void 0!==G&&G,$=u.helperText,X=void 0===$?"":$,ee=u.list,te=u.showName,re=void 0===te?"label":te,oe=u.showValue,ae=void 0===oe?"value":oe,ie=u.childrenName,ne=void 0===ie?"children":ie,le=u.value,se=u.onChange,ce=u.overLine,pe=void 0!==ce&&ce,ue=u.search,de=void 0!==ue&&ue,fe=u.searchModel,he=void 0===fe?"inside":fe,me=u.selectPopoverClassName,ve=u.morePopoverClassName,ge=(u.fetchSuggestions,u.searchInputProps),xe=u.onEnter,ye=u.onEnterInput,be=u.onClear,je=(0,t.useRef)(null),we=(0,t.useState)("select-"+(0,i.UUID)())[0],ke=(0,t.useState)("select-popover-"+(0,i.UUID)())[0],Se=(0,t.useState)(!1),Oe=Se[0],Ce=Se[1],_e=(0,t.useState)(!1),Ne=_e[0],Ze=_e[1],Me=(0,t.useState)([]),Ae=Me[0],Pe=Me[1],Ee=(0,t.useState)([]),qe=Ee[0],He=Ee[1],ze=(0,t.useState)({}),Te=ze[0],Le=ze[1],Fe=(0,t.useState)(null),De=Fe[0],Ie=Fe[1],Re=(0,t.useState)(!1),Ue=Re[0],We=Re[1],Be=(0,t.useState)(""),Ve=Be[0],Ke=Be[1],Ye=(0,t.useState)(!1),Je=Ye[0],Ge=Ye[1],Qe=(0,t.useState)(!1),$e=Qe[0],Xe=Qe[1],et=(0,t.useState)(!1),tt=et[0],rt=et[1],ot=(0,t.useRef)(null),at=(0,t.useState)({})[0],it=r().useContext(l()),nt=it.language,lt=it.locale,st=(0,s.Z)("Select",c);(0,t.useEffect)((function(){return void 0!==n.defaultValue&&(n.multiple?Pe((0,i.DeepClone)(n.defaultValue||[])):Pe(""===n.defaultValue?[]:[n.defaultValue])),function(){clearTimeout(at.searchTimer),clearTimeout(at.timer),clearTimeout(at.scrollTimer),clearTimeout(at.timerEmpty)}}),[]),(0,t.useEffect)((function(){void 0!==le&&Pe(V?(0,i.DeepClone)(le||[]):""===le?[]:[le])}),[le,V]),(0,t.useEffect)((function(){if("outside"===he&&R&&V)return Ge(!0);Ge(pe)}),[pe,he,V,R]),(0,t.useEffect)((function(){for(var e=pt(ee),t={},r=0,o=e.length;r<o;r++){var a=e[r];if(a[ne]&&a[ne].length>0)for(var i=a[ne],n=0,l=i.length;n<l;n++){var s=i[n];t[s[ae]]=s}else t[a[ae]]=a}Le(t)}),[ee]),(0,t.useEffect)((function(){V&&(Je||Ie(Ae.length))}),[Je,V,Ae]),(0,t.useEffect)((function(){return Je?Ie(Ae.length):(setTimeout((function(){vt(Ae.length)})),window.addEventListener("resize",gt)),function(){window.removeEventListener("resize",gt)}}),[Ae,Je]),(0,t.useEffect)((function(){Ae&&Ae.length>0?Ze(!0):(Ze(!1),"outside"===he&&Ze(""!==Ve))}),[de,Ve,he,Ae,R]),(0,t.useEffect)((function(){Oe&&(clearTimeout(at.searchTimer),at.searchTimer=setTimeout((function(){if(Xe(!0),n.fetchSuggestions)n.fetchSuggestions&&n.fetchSuggestions(Ve,(function(e){var t=pt(e);ut(t)}));else{var e=pt(ee);ut(e)}}),100),clearTimeout(at.timerEmpty),rt(!1),at.timerEmpty=setTimeout((function(){at.emptyBol=!0,rt(!0)}),200))}),[de,Ve,ee,Oe]),(0,t.useEffect)((function(){return Oe?setTimeout((function(){dt(),window.addEventListener("click",ht),window.addEventListener("keydown",Zt)})):(Ke(""),window.removeEventListener("click",ht),window.removeEventListener("keydown",Zt)),function(){window.removeEventListener("click",ht),window.removeEventListener("keydown",Zt)}}),[Oe]),(0,t.useEffect)((function(){Ve&&Ce(!0)}),[Ve]),(0,t.useEffect)((function(){!0!==W&&V&&"outside"===he&&Ct(Ve)}),[Ve,V,W,he,R]);var ct,pt=function(e){for(var t=[],r=0,o=e.length;r<o;r++){var a=e[r];if("object"==typeof a&&null!==a)t.push(a);else{var i={};i[re]=a,i[ae]=a,t.push(i)}}return t},ut=function(e){for(var t=[],r=(0,i.DeepClone)(e),o=0,a=r.length;o<a;o++){var n=r[o];if(n[ne]&&n[ne].length>0){for(var l=n[ne],s=[],c=0,p=l.length;c<p;c++){var u=l[c];mt(u)&&s.push(u)}s.length>0&&(n[ne]=s,t.push(n))}else{mt(n)&&t.push(n)}}He(t),Xe(!1)},dt=function(){var e=ot&&ot.current;e&&e.focus()},ft=function(e,t){for(var r=e.matches||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector;e&&!r.call(e,t);)e=e.parentElement;return e},ht=function(e){ft(e.target,"."+ke)||Ce(!1)},mt=function(e){var t=!0,r=e[re];return r&&"string"==typeof r&&-1===r.toLowerCase().indexOf(Ve.toLowerCase())&&(t=!1),t},vt=function(e){if(null!==e&&0!==e){void 0===e&&(e=Ae.length);var t=document.querySelector("."+we+" > .select-content > .check-select-content");if(t)if(t.scrollHeight>t.clientHeight){var r=Number(e)-1;Ie(r),vt(r)}else Ae.length<=e&&jt()}},gt=function(){clearTimeout(at.timer),at.timer=setTimeout((function(){Ie(Ae.length),vt()}),100)},xt=function(){!0!==W&&Ce(!0)},yt=function(){Ce(!1)},bt=function(e){We(!0),Ce(!1),e.stopPropagation()},jt=function(){We(!1)},wt=function(e,t){return function(r){var o=e[ae];if("object"!=typeof W||-1===W.indexOf(o))if(V){var a=Ae.indexOf(o);-1!==a?Ae.splice(a,1):Ae.push(o),void 0===n.value&&Pe(Z([],Ae,!0)),se&&se(Z([],Ae,!0),r),t&&xe&&xe(Z([],Ae,!0)),dt()}else void 0===n.value&&Pe([o]),se&&se(o,r),t&&xe&&xe(o),yt(),Ke("")}},kt=function(e,t){return function(r){var o;e||((o={})[ae]=t,e=o),wt(e)(r),r.stopPropagation()}},St=function(e){Ke(e.target.value),ge&&ge.onChange&&ge.onChange(e)},Ot=function(e){if(13===e.keyCode){ye&&ye(Ve);var t=document.querySelector("."+ke+" .select-popover-list");if(t){var r=t.querySelector(".select-popover-list-item-hover");if(t.querySelector(".select-popover-list-item-keydown")||r)return}if(n.input&&""!==Ve.trim()){var o="";o=V?Z(Z([],Ae,!0),[Ve],!1):Ve,void 0===n.value&&Pe(o),se&&se(o,e),Ke("")}}ge&&ge.onKeyDown&&ge.onKeyDown(e)},Ct=function(e){var t=ot&&ot.current;if(!t)return null;var r=window.getComputedStyle(t),o=r.fontFamily,a=function(e,t,r){var o=document.createElement("span");o.id="referenceSpan";var a={};a.width=o.offsetWidth,a.height=o.offsetHeight,o.style.visibility="hidden",o.style.fontSize=e,o.style.fontFamily=t,o.style.display="inline-block";var i=document.getElementById("referenceSpan");return i&&document.body.removeChild(i),document.body.appendChild(o),void 0!==o.textContent?o.textContent=r:o.innerText=r,a.width=parseFloat(window.getComputedStyle(o).width)-a.width,a.height=parseFloat(window.getComputedStyle(o).height)-a.height,document.body.removeChild(o),a}(r.fontSize,o,e),i=a.width;i<10&&(i=10),t.style.width=i+"px"},_t=function(e){var t=e.selectDom,r=e.keyCode,o=e.currentKeydownDom,a=null,i="nextSibling",n=".select-popover-list > div",l=".select-popover-list-item";if(38===r&&(i="previousSibling",n=".select-popover-list > div:last-child",l=".select-popover-list-item:last-child"),o)if(a=o[i])-1!==a.className.indexOf("select-popover-list-group-label")&&((a=(a=o.parentNode)[i])||(a=t.querySelector(n)));else{var s=o.parentNode;s&&s.className&&-1!==s.className.indexOf("select-popover-list-group")&&(a=(a=o.parentNode)[i])||(a=t.querySelector(n))}else a=t.querySelector(n);if(a)if(-1!==a.className.indexOf("select-popover-list-group")){var c=a.querySelector(l);c&&(c.classList.add("select-popover-list-item-keydown"),Nt(c,t))}else a.classList.add("select-popover-list-item-keydown"),Nt(a,t)},Nt=function(e,t){clearTimeout(at.scrollTimer);var r=t.clientHeight,o=e.offsetTop+e.clientHeight-r;at.scroll=!0,t.scrollTop=o>0?o:0,at.scrollTimer=setTimeout((function(){at.scroll=!1}),100)},Zt=function(e){var t=document.querySelector("."+ke+" .select-popover-list");if(t){var r=t.querySelector(".select-popover-list-item-select"),o=t.querySelector(".select-popover-list-item-hover"),a=t.querySelector(".select-popover-list-item-keydown"),i=r;if(o&&(i=o),13===e.keyCode){var n=a||o;if(n){var l=n.dataset.val;wt(Te[l],!0)({target:a})}else xe&&xe(le)}a&&(i=a,a.classList.remove("select-popover-list-item-keydown")),40===e.keyCode&&_t({selectDom:t,keyCode:e.keyCode,currentKeydownDom:i}),38===e.keyCode&&_t({selectDom:t,keyCode:e.keyCode,currentKeydownDom:i})}},Mt=function(e){if(!at.scroll){var t=ft(e.target,".select-popover-list-item");if(t){t.classList.add("select-popover-list-item-hover");var r=document.querySelector("."+ke).querySelector(".select-popover-list-item-keydown");r&&r.classList.remove("select-popover-list-item-keydown")}}},At=function(e){var t=ft(e.target,".select-popover-list-item");t&&t.classList.remove("select-popover-list-item-hover")},Pt=(0,t.useMemo)((function(){var t,r=Boolean(D||Y||J);return(0,e.jsx)(e.Fragment,{children:"outside"===q&&r&&(0,e.jsx)(a.default,N({label:D,required:Y,labelSign:J},H,{className:(t="select-label",H&&H.className&&(t+=" "+H.className),t)}))})}),[q,D,J,Y,H]),Et=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:!Ne&&(0,e.jsx)("span",N({className:"select-label-placeholder"},{children:"outside"===q?T:(0,e.jsxs)(e.Fragment,{children:[D||T,Y&&(0,e.jsx)("span",N({className:"select-required"},{children:"*"})),J&&(0,e.jsx)("span",{children:J})]})}))})}),[Ne,q,T,D,J,Y]),qt=function(t){if(!0===W)return null;var r="".concat(t,"-search-outside");return"outside"===he?(0,e.jsx)("input",N({},ge,{className:r,value:Ve,onChange:St,onKeyDown:Ot,ref:ot})):null},Ht=(0,t.useMemo)((function(){return(0,e.jsx)(e.Fragment,{children:!V&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",N({className:"radio-select-content"},{children:function(){if(""!==Ve&&("outside"===he||R))return null;var t=Te[Ae[0]]&&Te[Ae[0]][re]||Ae[0];return Je?t:(0,e.jsx)(p.default,{children:t})}()})),qt("radio")]})})}),[V,Ne,Je,Te,Ae,re,de,he,Ve,W,R,ge]),zt=(0,t.useMemo)((function(){var t=function(e){return Te[Ae[e]]&&Te[Ae[e]][re]||Ae[e]};return(0,e.jsx)(e.Fragment,{children:V&&(0,e.jsxs)("div",N({className:"check-select-content"},{children:[Ae&&Ae.map((function(r,o){if(null!==De&&De<=o)return null;var a=!0;return(!0===W||"object"==typeof W&&-1!==W.indexOf(Ae[o]))&&(a=!1),(0,e.jsxs)("div",N({className:a?"check-select-content-item":"check-select-content-item check-select-content-item-noclose"},{children:[(0,e.jsx)("span",{children:t(o)}),a&&(0,e.jsx)(d(),{onClick:kt(Te[Ae[o]],Ae[o])})]}),o)})),function(){if(null!==De&&Ae.length>De)return(0,e.jsx)("div",N({className:"check-select-content-item check-select-content-item-more",onClick:bt},{children:(0,e.jsxs)("span",{children:["+",Ae.length-De]})}))}(),qt("check")]}))})}),[V,Ne,Ae,De,Te,W,se,Ve,de,he,R,ge]),Tt=function(e){e.stopPropagation();var t="",r=[];if(V&&(t=[],W instanceof Array))for(var o=0,a=Ae.length;o<a;o++){var i=Ae[o];-1!==W.indexOf(i)&&(t.push(i),r.push(i))}void 0===n.value&&Pe(r),se&&se(t,e),Ce(!1),be&&be()},Lt=function(){if(Ae.length>0&&!0!==W&&w)return(0,e.jsx)("span",N({className:"clean-up-icon",onClick:Tt},{children:(0,e.jsx)(v(),{})}))},Ft=(0,t.useMemo)((function(){return(0,e.jsxs)("div",N({className:"select-content",onClick:xt,ref:je},{children:[Et,(0,e.jsxs)("span",N({className:"select-svg"},{children:[(0,e.jsx)(x(),{}),Lt()]})),Ht,zt]}))}),[je,Ne,q,T,D,J,Y,Je,Te,Ae,re,V,De,W,se,Ve,he,R,g,ge,w,be]),Dt=(0,t.useMemo)((function(){var t;return(0,e.jsxs)("div",N({className:(t="select-popover-list",$e&&(t+=" select-popover-list-loading"),t)},{children:[qe&&qe.length>0?(0,e.jsx)(e.Fragment,{children:qe.map((function(t,r){if(t[ne]&&t[ne].length>0){var o=t[ne];return(0,e.jsxs)("div",N({className:"select-popover-list-group"},{children:[(0,e.jsx)("span",N({className:"select-popover-list-group-label"},{children:t[re]||t[ae]})),o.map((function(t,r){var o=t[ae],a="select-popover-list-item";return-1!==Ae.indexOf(o)&&(a+=" select-popover-list-item-select"),"object"==typeof W&&-1!==W.indexOf(o)&&(a+=" select-popover-list-item-disabled"),(0,e.jsxs)("div",N({onClick:wt(t),className:a,onMouseEnter:Mt,onMouseLeave:At,"data-val":o},{children:[(0,e.jsx)("span",N({className:"select-popover-list-item-label"},{children:(0,e.jsx)(p.default,{children:t[re]||t[ae]})})),V&&(0,e.jsx)("span",N({className:"select-popover-list-item-svg"},{children:(0,e.jsx)(b(),{})}))]}),r)}))]}),r)}var a=t[ae],i="select-popover-list-item";return-1!==Ae.indexOf(a)&&(i+=" select-popover-list-item-select"),"object"==typeof W&&-1!==W.indexOf(a)&&(i+=" select-popover-list-item-disabled"),(0,e.jsxs)("div",N({onClick:wt(t),className:i,onMouseEnter:Mt,onMouseLeave:At,"data-val":a},{children:[(0,e.jsx)("span",N({className:"select-popover-list-item-label"},{children:(0,e.jsx)(p.default,{children:t[re]||t[ae]})})),V&&(0,e.jsx)("span",N({className:"select-popover-list-item-svg"},{children:(0,e.jsx)(b(),{})}))]}),r)}))}):!$e&&tt&&(0,e.jsx)("div",N({className:"select-nodata"},{children:(0,e.jsx)(o.default,N({},M,{size:(null==M?void 0:M.size)||"small"}))})),$e&&(0,e.jsx)(j.default,{})]}))}),[qe,re,ae,Ae,se,V,$e,nt,lt,M,tt]),It=(0,t.useMemo)((function(){if(!g)return"";var t;return(0,e.jsxs)("div",N({style:{width:(je&&je.current?je.current.offsetWidth:0)+"px"},className:(t="select-popover-content "+ke,de&&"inside"===he&&(t+=" select-popover-content-search"),t)},{children:[de&&"inside"===he&&(0,e.jsxs)("div",N({className:"select-popover-search"},{children:[(0,e.jsx)("input",N({},ge,{placeholder:L||st({id:"searchPlaceholder"}),value:Ve,onChange:St,onKeyDown:Ot,ref:ot})),(0,e.jsx)(k(),{})]})),Dt]}))}),[Oe,je,qe,ne,ae,re,Ae,Ve,de,ke,he,V,L,g,$e,ge,nt,lt,M,tt]),Rt=(0,t.useMemo)((function(){var t,r=function(e){return Te[Ae[e]]&&Te[Ae[e]][re]||Ae[e]};return(0,e.jsx)(S.default,N({open:Ue,anchorEl:je&&je.current,onClose:jt,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"left"},className:(t="paraui-select-more-popover paraui-scrollbar-small",P&&(t+=" paraui-select-more-popover-"+P),ve&&(t+=" "+ve),t)},{children:(0,e.jsxs)("div",N({className:"select-more"},{children:[(0,e.jsxs)("div",N({className:"select-more-title"},{children:[(0,e.jsx)("span",{children:st({id:"selected"})}),(0,e.jsxs)("span",{children:["(",Ae.length-Number(De),")"]})]})),(0,e.jsx)("div",N({className:"select-more-content"},{children:Ae&&Ae.map((function(t,o){if(null!==De&&De>o)return null;var a=!0;return(!0===W||"object"==typeof W&&-1!==W.indexOf(Ae[o]))&&(a=!1),(0,e.jsxs)("div",N({className:"select-more-content-item"},{children:[(0,e.jsx)("span",{children:(0,e.jsx)(p.default,{children:r(o)})}),a&&(0,e.jsx)(d(),{onClick:kt(Te[Ae[o]],Ae[o])})]}),o)}))}))]}))}))}),[Ue,Ae,De,Te,W,re,ve,P,nt,lt]);return(0,e.jsxs)("div",N({className:(ct="paraui-select select",V&&!Je&&(ct+=" "+we),f&&(ct+=" "+f),P&&(ct+=" select-"+P),Q&&(ct+=" select-error"),!0===W&&(ct+=" select-disabled"),Oe&&(ct+=" select-open"),V&&(ct+=" select-multiple"),Je&&(ct+=" select-over-line"),g&&(ct+=" select-show-select"),Ae.length>0&&(ct+=" paraui-select-value"),w&&(ct+=" paraui-select-allow-clear"),ct),style:h},{children:[Pt,(0,e.jsx)(O.default,N({open:Oe,title:It,onClose:yt,arrow:!1,interactive:!0,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,classes:{popper:function(){var e="paraui-select-popover paraui-scrollbar-small";return P&&(e+=" paraui-select-popover-"+P),e+=V?" paraui-select-popover-multiple":" paraui-select-popover-radio",me&&(e+=" "+me),e}()},placement:"bottom-start"},{children:Ft})),(0,e.jsx)(C.default,{className:"select-error-text",error:Q,helperText:X}),Rt]}))}}(),m}()}));
|
|
1
|
+
import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
|
|
2
|
+
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
|
|
3
|
+
import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
|
|
4
|
+
import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
|
|
5
|
+
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
6
|
+
import React__default, { useRef, useState, useEffect, useMemo } from 'react';
|
|
7
|
+
import Empty from '../Empty/index.js';
|
|
8
|
+
import Label from '../Label/index.js';
|
|
9
|
+
import { Dropdown } from '../Dropdown/index.js';
|
|
10
|
+
import { UUID, DeepClone } from '@paraview/lib';
|
|
11
|
+
import GlobalContext from '@para-ui/core/GlobalContext';
|
|
12
|
+
import CloseIcon from '@para-ui/icons/Close';
|
|
13
|
+
import CloseCircle from '@para-ui/icons/CloseCircle';
|
|
14
|
+
import Down from '@para-ui/icons/Down';
|
|
15
|
+
import Check from '@para-ui/icons/Check';
|
|
16
|
+
import SearchIcon from '@para-ui/icons/Search';
|
|
17
|
+
import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
|
|
18
|
+
import AutoTips from '../AutoTips/index.js';
|
|
19
|
+
import { Loading } from '../Loading/index.js';
|
|
20
|
+
import { Popover } from '../Popover/index.js';
|
|
21
|
+
import HelperText from '../HelperText/index.js';
|
|
22
|
+
import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
|
|
23
|
+
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
24
|
+
import 'clsx';
|
|
25
|
+
import '../Help/index.js';
|
|
26
|
+
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
27
|
+
import '../Tooltip/index.js';
|
|
28
|
+
import 'rc-tooltip';
|
|
29
|
+
import 'rc-tooltip/lib/placements';
|
|
30
|
+
import '@para-ui/icons/Help';
|
|
31
|
+
import 'rc-dropdown';
|
|
32
|
+
import '@para-ui/icons/LoadingF';
|
|
33
|
+
|
|
34
|
+
var en = {
|
|
35
|
+
searchPlaceholder: 'Please enter a search name',
|
|
36
|
+
selected: 'Selected'
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
var zh = {
|
|
40
|
+
searchPlaceholder: '请输入搜索名',
|
|
41
|
+
selected: '已选中'
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
var localeJson = {
|
|
45
|
+
zh: zh,
|
|
46
|
+
en: en
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-select {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n display: inline-block;\n vertical-align: top;\n width: 100%;\n}\n.paraui-select > .select-content {\n line-height: 0;\n border: 1px solid;\n border-radius: 4px;\n border-color: rgba(171, 176, 185, 0.4);\n padding-right: 12px;\n position: relative;\n cursor: pointer;\n background-color: rgb(255, 255, 255);\n}\n.paraui-select > .select-content:hover {\n border-color: rgb(54, 102, 214);\n}\n.paraui-select > .select-content:hover > .select-svg > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-select > .select-content > .select-label-placeholder {\n width: 100%;\n height: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 1;\n}\n.paraui-select > .select-content > .select-label-placeholder > .select-required {\n margin-left: 2px;\n color: rgb(235, 96, 84);\n}\n.paraui-select > .select-content > .select-svg {\n position: absolute;\n right: 12px;\n top: 0;\n z-index: 2;\n}\n.paraui-select > .select-content > .select-svg > svg {\n font-size: 20px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n opacity: 0;\n}\n.paraui-select > .select-content > .select-svg > .clean-up-icon {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n}\n.paraui-select > .select-content > .select-svg > .clean-up-icon > svg {\n font-size: 16px;\n transition: all 0.3s;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-select > .select-content > .radio-select-content {\n padding-left: 12px;\n font-size: 14px;\n line-height: 1.43;\n color: rgb(46, 55, 67);\n word-break: break-all;\n}\n.paraui-select > .select-content > .radio-search-outside {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n padding: 0 30px 0 10px;\n font-size: 14px;\n cursor: pointer;\n color: rgb(46, 55, 67);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-select > .select-content > .check-select-content {\n padding-left: 12px;\n height: 100%;\n overflow: hidden;\n}\n.paraui-select > .select-content > .check-select-content > .check-select-content-item {\n display: inline-block;\n background-color: rgba(171, 176, 185, 0.2);\n border-radius: 4px;\n padding: 0 12px 0 12px;\n color: rgb(46, 55, 67);\n margin-right: 8px;\n vertical-align: top;\n max-width: 100%;\n white-space: nowrap;\n}\n.paraui-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n max-width: none;\n}\n.paraui-select > .select-content > .check-select-content > .check-select-content-item > span {\n display: inline-block;\n height: 100%;\n vertical-align: top;\n max-width: calc(100% - 20px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-select > .select-content > .check-select-content > .check-select-content-item > svg {\n cursor: pointer;\n margin-left: 8px;\n color: rgb(46, 55, 67);\n font-size: 16px;\n position: relative;\n}\n.paraui-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n max-width: none;\n}\n.paraui-select > .select-content > .check-select-content > .check-search-outside {\n width: 10px;\n max-width: 100% !important;\n display: none;\n border: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n cursor: pointer;\n}\n.paraui-select.paraui-select-allow-clear > .select-content {\n padding-right: 40px;\n}\n.paraui-select.paraui-select-allow-clear.paraui-select-value > .select-content:hover > .select-svg > svg {\n opacity: 0;\n transition: all 0s;\n}\n.paraui-select.paraui-select-allow-clear.paraui-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n opacity: 1;\n transition: all 0.3s;\n}\n.paraui-select.select-over-line.select-small > .select-content {\n height: inherit;\n min-height: 28px;\n}\n.paraui-select.select-over-line.select-medium > .select-content {\n height: inherit;\n min-height: 32px;\n}\n.paraui-select.select-over-line.select-large > .select-content {\n height: inherit;\n min-height: 36px;\n}\n.paraui-select.select-show-select > .select-content {\n padding-right: 40px;\n}\n.paraui-select.select-show-select > .select-content > .select-svg > svg {\n opacity: 1;\n}\n.paraui-select.select-disabled > .select-content {\n background-color: rgba(171, 176, 185, 0.12);\n cursor: not-allowed;\n}\n.paraui-select.select-disabled > .select-content:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-select.select-disabled > .select-content:hover > .select-svg > svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-select.select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n max-width: 100%;\n}\n.paraui-select.select-error > .select-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-select.select-open > .select-content {\n border-color: rgb(54, 102, 214);\n}\n.paraui-select.select-open > .select-content > .select-svg > svg {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-select.select-open > .select-content > .check-select-content > .check-search-outside {\n display: inline-block;\n}\n.paraui-select.select-small > .select-content {\n height: 28px;\n}\n.paraui-select.select-small > .select-content > .select-label-placeholder {\n line-height: 26px;\n}\n.paraui-select.select-small > .select-content > .select-svg {\n top: 3px;\n}\n.paraui-select.select-small > .select-content > .radio-select-content {\n padding-bottom: 3px;\n padding-top: 3px;\n}\n.paraui-select.select-small > .select-content > .check-select-content {\n padding-bottom: 3px;\n}\n.paraui-select.select-small > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-select.select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-select.select-small > .select-content > .check-select-content > .check-search-outside {\n margin-top: 3px;\n height: 20px;\n}\n.paraui-select.select-medium > .select-content {\n height: 32px;\n}\n.paraui-select.select-medium > .select-content > .select-label-placeholder {\n line-height: 30px;\n}\n.paraui-select.select-medium > .select-content > .select-svg {\n top: 6px;\n}\n.paraui-select.select-medium > .select-content > .radio-select-content {\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.paraui-select.select-medium > .select-content > .check-select-content {\n padding-bottom: 4px;\n}\n.paraui-select.select-medium > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 4px;\n height: 22px;\n line-height: 22px;\n}\n.paraui-select.select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-select.select-medium > .select-content > .check-select-content > .check-search-outside {\n margin-top: 4px;\n height: 22px;\n}\n.paraui-select.select-large > .select-content {\n height: 36px;\n}\n.paraui-select.select-large > .select-content > .select-label-placeholder {\n line-height: 34px;\n}\n.paraui-select.select-large > .select-content > .select-svg {\n top: 8px;\n}\n.paraui-select.select-large > .select-content > .radio-select-content {\n padding-bottom: 7px;\n padding-top: 7px;\n}\n.paraui-select.select-large > .select-content > .check-select-content {\n padding-bottom: 5px;\n}\n.paraui-select.select-large > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 5px;\n height: 24px;\n line-height: 24px;\n}\n.paraui-select.select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-select.select-large > .select-content > .check-select-content > .check-search-outside {\n margin-top: 5px;\n height: 24px;\n}\n\n.paraui-select-popover.paraui-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n padding-top: 0px;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n margin-top: 58px;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-search {\n display: flex;\n align-items: center;\n padding: 0 12px;\n border-bottom: 1px solid;\n border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-search > input {\n border: 0;\n outline: none;\n font-size: 14px;\n color: rgb(46, 55, 67);\n width: 100%;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n font-size: 14px;\n opacity: 1;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-search > svg {\n color: rgba(46, 55, 67, 0.4);\n font-size: 20px;\n cursor: pointer;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list {\n padding: 8px 0;\n max-height: 300px;\n overflow: auto;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n height: 100px;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n display: flex;\n cursor: pointer;\n padding: 0 12px;\n align-items: center;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n width: calc(100% - 25px);\n color: rgb(46, 55, 67);\n font-size: 14px;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg {\n line-height: 0;\n display: none;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n font-size: 20px;\n color: rgb(54, 102, 214);\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-svg {\n display: inline-block;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown > .select-popover-list-item-label {\n color: rgb(54, 102, 214);\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled {\n cursor: not-allowed;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled > .select-popover-list-item-label {\n color: rgba(46, 55, 67, 0.4) !important;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n display: inline-block;\n width: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\n font-size: 14px;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-item {\n padding-left: 20px;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n text-align: center;\n font-size: 14px;\n color: rgb(46, 55, 67);\n margin-top: 50px;\n margin-bottom: 72px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-radio > .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n width: 100%;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-small > .select-popover-content > .select-popover-search {\n height: 28px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-small > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 28px;\n line-height: 28px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-small > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n height: 28px;\n line-height: 28px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-medium > .select-popover-content > .select-popover-search {\n height: 32px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-medium > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 32px;\n line-height: 32px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-medium > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n line-height: 32px;\n height: 32px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-large > .select-popover-content > .select-popover-search {\n height: 36px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-large > .select-popover-content > .select-popover-list .select-popover-list-item {\n height: 36px;\n line-height: 36px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-large > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n height: 36px;\n line-height: 36px;\n}\n\n.paraui-select-more-popover {\n padding-left: 16px;\n}\n.paraui-select-more-popover .select-more {\n width: 300px;\n}\n.paraui-select-more-popover .select-more > .select-more-title {\n font-size: 14px;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-select-more-popover .select-more > .select-more-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n padding: 0 12px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n.paraui-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n width: calc(100% - 25px);\n display: inline-block;\n font-size: 14px;\n}\n.paraui-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n font-size: 20px;\n position: relative;\n cursor: pointer;\n color: rgb(46, 55, 67);\n}\n.paraui-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-select-more-popover.paraui-select-more-popover-small .select-more > .select-more-title {\n line-height: 28px;\n}\n.paraui-select-more-popover.paraui-select-more-popover-small .select-more > .select-more-content > .select-more-content-item {\n line-height: 28px;\n}\n.paraui-select-more-popover.paraui-select-more-popover-medium .select-more > .select-more-title {\n line-height: 32px;\n}\n.paraui-select-more-popover.paraui-select-more-popover-medium .select-more > .select-more-content > .select-more-content-item {\n line-height: 32px;\n}\n.paraui-select-more-popover.paraui-select-more-popover-large .select-more > .select-more-title {\n line-height: 36px;\n}\n.paraui-select-more-popover.paraui-select-more-popover-large .select-more > .select-more-content > .select-more-content-item {\n line-height: 36px;\n}";
|
|
50
|
+
styleInject(css_248z);
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* 计算文本长度
|
|
54
|
+
* @param fontSize 字体大小
|
|
55
|
+
* @param fontFamily 字体类型
|
|
56
|
+
* @param text 文本
|
|
57
|
+
*/
|
|
58
|
+
|
|
59
|
+
var textSize = function textSize(fontSize, fontFamily, text) {
|
|
60
|
+
var span = document.createElement("span");
|
|
61
|
+
span.id = 'referenceSpan';
|
|
62
|
+
var result = {};
|
|
63
|
+
result.width = span.offsetWidth;
|
|
64
|
+
result.height = span.offsetHeight;
|
|
65
|
+
span.style.visibility = "hidden";
|
|
66
|
+
span.style.fontSize = fontSize;
|
|
67
|
+
span.style.fontFamily = fontFamily;
|
|
68
|
+
span.style.display = "inline-block";
|
|
69
|
+
var isExists = document.getElementById("referenceSpan");
|
|
70
|
+
|
|
71
|
+
if (isExists) {
|
|
72
|
+
document.body.removeChild(isExists);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
document.body.appendChild(span);
|
|
76
|
+
|
|
77
|
+
if (typeof span.textContent != "undefined") {
|
|
78
|
+
span.textContent = text;
|
|
79
|
+
} else {
|
|
80
|
+
span.innerText = text;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
result.width = parseFloat(window.getComputedStyle(span).width) - result.width;
|
|
84
|
+
result.height = parseFloat(window.getComputedStyle(span).height) - result.height;
|
|
85
|
+
document.body.removeChild(span);
|
|
86
|
+
return result;
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
var Select = function Select(props) {
|
|
90
|
+
var _useGlobalProps = useGlobalProps(props, 'Select'),
|
|
91
|
+
className = _useGlobalProps.className,
|
|
92
|
+
style = _useGlobalProps.style,
|
|
93
|
+
_useGlobalProps$showS = _useGlobalProps.showSelect,
|
|
94
|
+
showSelect = _useGlobalProps$showS === void 0 ? true : _useGlobalProps$showS,
|
|
95
|
+
_useGlobalProps$allow = _useGlobalProps.allowClear,
|
|
96
|
+
allowClear = _useGlobalProps$allow === void 0 ? false : _useGlobalProps$allow,
|
|
97
|
+
emptyProps = _useGlobalProps.emptyProps,
|
|
98
|
+
_useGlobalProps$size = _useGlobalProps.size,
|
|
99
|
+
size = _useGlobalProps$size === void 0 ? 'large' : _useGlobalProps$size,
|
|
100
|
+
_useGlobalProps$label = _useGlobalProps.labelMode,
|
|
101
|
+
labelMode = _useGlobalProps$label === void 0 ? 'outside' : _useGlobalProps$label,
|
|
102
|
+
labelTooltip = _useGlobalProps.labelTooltip,
|
|
103
|
+
_useGlobalProps$place = _useGlobalProps.placeholder,
|
|
104
|
+
placeholder = _useGlobalProps$place === void 0 ? '' : _useGlobalProps$place,
|
|
105
|
+
searchPlaceholder = _useGlobalProps.searchPlaceholder,
|
|
106
|
+
_useGlobalProps$label2 = _useGlobalProps.label,
|
|
107
|
+
label = _useGlobalProps$label2 === void 0 ? '' : _useGlobalProps$label2,
|
|
108
|
+
_useGlobalProps$input = _useGlobalProps.input,
|
|
109
|
+
input = _useGlobalProps$input === void 0 ? false : _useGlobalProps$input,
|
|
110
|
+
_useGlobalProps$disab = _useGlobalProps.disabled,
|
|
111
|
+
disabled = _useGlobalProps$disab === void 0 ? false : _useGlobalProps$disab,
|
|
112
|
+
_useGlobalProps$multi = _useGlobalProps.multiple,
|
|
113
|
+
multiple = _useGlobalProps$multi === void 0 ? false : _useGlobalProps$multi,
|
|
114
|
+
_useGlobalProps$requi = _useGlobalProps.required,
|
|
115
|
+
required = _useGlobalProps$requi === void 0 ? false : _useGlobalProps$requi,
|
|
116
|
+
labelSign = _useGlobalProps.labelSign,
|
|
117
|
+
_useGlobalProps$error = _useGlobalProps.error,
|
|
118
|
+
error = _useGlobalProps$error === void 0 ? false : _useGlobalProps$error,
|
|
119
|
+
_useGlobalProps$helpe = _useGlobalProps.helperText,
|
|
120
|
+
helperText = _useGlobalProps$helpe === void 0 ? '' : _useGlobalProps$helpe,
|
|
121
|
+
list = _useGlobalProps.list,
|
|
122
|
+
_useGlobalProps$showN = _useGlobalProps.showName,
|
|
123
|
+
showName = _useGlobalProps$showN === void 0 ? 'label' : _useGlobalProps$showN,
|
|
124
|
+
_useGlobalProps$showV = _useGlobalProps.showValue,
|
|
125
|
+
showValue = _useGlobalProps$showV === void 0 ? 'value' : _useGlobalProps$showV,
|
|
126
|
+
_useGlobalProps$child = _useGlobalProps.childrenName,
|
|
127
|
+
childrenName = _useGlobalProps$child === void 0 ? 'children' : _useGlobalProps$child,
|
|
128
|
+
value = _useGlobalProps.value,
|
|
129
|
+
onChange = _useGlobalProps.onChange,
|
|
130
|
+
_useGlobalProps$overL = _useGlobalProps.overLine,
|
|
131
|
+
overLine = _useGlobalProps$overL === void 0 ? false : _useGlobalProps$overL,
|
|
132
|
+
_useGlobalProps$searc = _useGlobalProps.search,
|
|
133
|
+
search = _useGlobalProps$searc === void 0 ? false : _useGlobalProps$searc,
|
|
134
|
+
_useGlobalProps$searc2 = _useGlobalProps.searchModel,
|
|
135
|
+
searchModel = _useGlobalProps$searc2 === void 0 ? 'inside' : _useGlobalProps$searc2,
|
|
136
|
+
selectPopoverClassName = _useGlobalProps.selectPopoverClassName,
|
|
137
|
+
morePopoverClassName = _useGlobalProps.morePopoverClassName;
|
|
138
|
+
_useGlobalProps.fetchSuggestions;
|
|
139
|
+
var searchInputProps = _useGlobalProps.searchInputProps,
|
|
140
|
+
onEnter = _useGlobalProps.onEnter,
|
|
141
|
+
onEnterInput = _useGlobalProps.onEnterInput,
|
|
142
|
+
onClear = _useGlobalProps.onClear;
|
|
143
|
+
|
|
144
|
+
var posDom = useRef(null);
|
|
145
|
+
|
|
146
|
+
var _useState = useState('select-' + UUID()),
|
|
147
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
148
|
+
classOne = _useState2[0]; // 唯一class
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
var _useState3 = useState('select-popover-' + UUID()),
|
|
152
|
+
_useState4 = _slicedToArray(_useState3, 1),
|
|
153
|
+
classOneSelect = _useState4[0]; // 唯一class
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
var _useState5 = useState(false),
|
|
157
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
158
|
+
open = _useState6[0],
|
|
159
|
+
setOpen = _useState6[1]; // 是否打开下拉框
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
var _useState7 = useState(false),
|
|
163
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
164
|
+
showText = _useState8[0],
|
|
165
|
+
setShowText = _useState8[1]; // 是否显示lable,placeholder, true不显示
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
var _useState9 = useState([]),
|
|
169
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
170
|
+
valueCom = _useState10[0],
|
|
171
|
+
setValueCom = _useState10[1]; // 值
|
|
172
|
+
|
|
173
|
+
|
|
174
|
+
var _useState11 = useState([]),
|
|
175
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
176
|
+
listCom = _useState12[0],
|
|
177
|
+
setListCom = _useState12[1]; // 下拉框渲染
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
var _useState13 = useState({}),
|
|
181
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
182
|
+
listJson = _useState14[0],
|
|
183
|
+
setListJson = _useState14[1]; // 下拉选项对象
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
var _useState15 = useState(null),
|
|
187
|
+
_useState16 = _slicedToArray(_useState15, 2),
|
|
188
|
+
morePos = _useState16[0],
|
|
189
|
+
setMorePos = _useState16[1]; // 超出在原始位置
|
|
190
|
+
|
|
191
|
+
|
|
192
|
+
var _useState17 = useState(false),
|
|
193
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
194
|
+
openMore = _useState18[0],
|
|
195
|
+
setOpenMore = _useState18[1]; // 显示更多
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
var _useState19 = useState(''),
|
|
199
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
200
|
+
searchValue = _useState20[0],
|
|
201
|
+
setSearchValue = _useState20[1]; // 搜索值
|
|
202
|
+
|
|
203
|
+
|
|
204
|
+
var _useState21 = useState(false),
|
|
205
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
206
|
+
overLineCom = _useState22[0],
|
|
207
|
+
setOverLineCom = _useState22[1]; // 超出是否换行
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
var _useState23 = useState(false),
|
|
211
|
+
_useState24 = _slicedToArray(_useState23, 2),
|
|
212
|
+
loading = _useState24[0],
|
|
213
|
+
setLoading = _useState24[1]; // 下拉加载loading
|
|
214
|
+
|
|
215
|
+
|
|
216
|
+
var _useState25 = useState(false),
|
|
217
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
218
|
+
emptyBol = _useState26[0],
|
|
219
|
+
setEmptyBol = _useState26[1]; // 延迟显示空状态
|
|
220
|
+
|
|
221
|
+
|
|
222
|
+
var textDom = useRef(null);
|
|
223
|
+
|
|
224
|
+
var _useState27 = useState({}),
|
|
225
|
+
_useState28 = _slicedToArray(_useState27, 1),
|
|
226
|
+
constData = _useState28[0]; // 不变的常量 多行 不换行定时器 搜索定时器
|
|
227
|
+
|
|
228
|
+
|
|
229
|
+
var _React$useContext = React__default.useContext(GlobalContext),
|
|
230
|
+
language = _React$useContext.language,
|
|
231
|
+
locale = _React$useContext.locale;
|
|
232
|
+
|
|
233
|
+
var intl = useFormatMessage('Select', localeJson);
|
|
234
|
+
useEffect(function () {
|
|
235
|
+
if (props.defaultValue !== undefined) {
|
|
236
|
+
if (props.multiple) {
|
|
237
|
+
// 多选
|
|
238
|
+
setValueCom(DeepClone(props.defaultValue || []));
|
|
239
|
+
} else {
|
|
240
|
+
// 单选
|
|
241
|
+
setValueCom(props.defaultValue === '' ? [] : [props.defaultValue]);
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
return function () {
|
|
246
|
+
clearTimeout(constData.searchTimer);
|
|
247
|
+
clearTimeout(constData.timer);
|
|
248
|
+
clearTimeout(constData.scrollTimer);
|
|
249
|
+
clearTimeout(constData.timerEmpty);
|
|
250
|
+
};
|
|
251
|
+
}, []); // 赋值value
|
|
252
|
+
|
|
253
|
+
useEffect(function () {
|
|
254
|
+
if (value !== undefined) {
|
|
255
|
+
if (multiple) {
|
|
256
|
+
// 多选
|
|
257
|
+
setValueCom(DeepClone(value || []));
|
|
258
|
+
} else {
|
|
259
|
+
// 单选
|
|
260
|
+
setValueCom(value === '' ? [] : [value]);
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
}, [value, multiple]); // 判断组件超出是换行,还是不换行
|
|
264
|
+
|
|
265
|
+
useEffect(function () {
|
|
266
|
+
if (searchModel === 'outside' && input) {
|
|
267
|
+
if (multiple) return setOverLineCom(true); // 多选,输入框在框里面,超出必须换行
|
|
268
|
+
// return setOverLineCom(false); // 单选不换行
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
setOverLineCom(overLine);
|
|
272
|
+
}, [overLine, searchModel, multiple, input]); // 计算下拉选项,处理下拉选项json
|
|
273
|
+
|
|
274
|
+
useEffect(function () {
|
|
275
|
+
var listHand = handList(list);
|
|
276
|
+
var json = {};
|
|
277
|
+
|
|
278
|
+
for (var i = 0, l = listHand.length; i < l; i++) {
|
|
279
|
+
var item = listHand[i];
|
|
280
|
+
|
|
281
|
+
if (item[childrenName] && item[childrenName].length > 0) {
|
|
282
|
+
var childArr = item[childrenName];
|
|
283
|
+
|
|
284
|
+
for (var j = 0, k = childArr.length; j < k; j++) {
|
|
285
|
+
var childItem = childArr[j];
|
|
286
|
+
var key = childItem[showValue];
|
|
287
|
+
json[key] = childItem;
|
|
288
|
+
}
|
|
289
|
+
} else {
|
|
290
|
+
var _key = item[showValue];
|
|
291
|
+
json[_key] = item;
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
setListJson(json);
|
|
296
|
+
}, [list]);
|
|
297
|
+
useEffect(function () {
|
|
298
|
+
if (multiple) {
|
|
299
|
+
if (!overLineCom) {
|
|
300
|
+
// 不换行
|
|
301
|
+
setMorePos(valueCom.length);
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
}, [overLineCom, multiple, valueCom]); // 多行,不换行计算
|
|
305
|
+
|
|
306
|
+
useEffect(function () {
|
|
307
|
+
// 多行不换行计算
|
|
308
|
+
if (!overLineCom) {
|
|
309
|
+
setTimeout(function () {
|
|
310
|
+
handMultiline(valueCom.length);
|
|
311
|
+
});
|
|
312
|
+
window.addEventListener("resize", changeSize);
|
|
313
|
+
} else {
|
|
314
|
+
setMorePos(valueCom.length);
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
return function () {
|
|
318
|
+
window.removeEventListener("resize", changeSize);
|
|
319
|
+
};
|
|
320
|
+
}, [valueCom, overLineCom]); // 计算是否显示label,placehold
|
|
321
|
+
|
|
322
|
+
useEffect(function () {
|
|
323
|
+
if (valueCom && valueCom.length > 0) {
|
|
324
|
+
setShowText(true); // 有值不显示label,placehold
|
|
325
|
+
} else {
|
|
326
|
+
setShowText(false);
|
|
327
|
+
|
|
328
|
+
if (searchModel === 'outside') {
|
|
329
|
+
setShowText(searchValue !== '');
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
}, [search, searchValue, searchModel, valueCom, input]); // 筛选下拉框数据
|
|
333
|
+
|
|
334
|
+
useEffect(function () {
|
|
335
|
+
if (!open) return;
|
|
336
|
+
clearTimeout(constData.searchTimer);
|
|
337
|
+
constData.searchTimer = setTimeout(function () {
|
|
338
|
+
setLoading(true);
|
|
339
|
+
|
|
340
|
+
if (props.fetchSuggestions) {
|
|
341
|
+
props.fetchSuggestions && props.fetchSuggestions(searchValue, function (data) {
|
|
342
|
+
var listHand = handList(data);
|
|
343
|
+
handSelectList(listHand);
|
|
344
|
+
});
|
|
345
|
+
} else {
|
|
346
|
+
var listHand = handList(list);
|
|
347
|
+
handSelectList(listHand);
|
|
348
|
+
}
|
|
349
|
+
}, 100); // 延迟显示下拉框空状态
|
|
350
|
+
|
|
351
|
+
clearTimeout(constData.timerEmpty);
|
|
352
|
+
setEmptyBol(false);
|
|
353
|
+
constData.timerEmpty = setTimeout(function () {
|
|
354
|
+
constData.emptyBol = true;
|
|
355
|
+
setEmptyBol(true);
|
|
356
|
+
}, 200);
|
|
357
|
+
}, [search, searchValue, list, open]);
|
|
358
|
+
useEffect(function () {
|
|
359
|
+
if (open) {
|
|
360
|
+
setTimeout(function () {
|
|
361
|
+
inputFocus();
|
|
362
|
+
window.addEventListener("click", clickCom);
|
|
363
|
+
window.addEventListener("keydown", keydownCom);
|
|
364
|
+
});
|
|
365
|
+
} else {
|
|
366
|
+
setSearchValue('');
|
|
367
|
+
window.removeEventListener("click", clickCom);
|
|
368
|
+
window.removeEventListener("keydown", keydownCom);
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
return function () {
|
|
372
|
+
window.removeEventListener("click", clickCom);
|
|
373
|
+
window.removeEventListener("keydown", keydownCom);
|
|
374
|
+
};
|
|
375
|
+
}, [open]); // 搜索框有值,显示下拉框
|
|
376
|
+
|
|
377
|
+
useEffect(function () {
|
|
378
|
+
if (searchValue) setOpen(true);
|
|
379
|
+
}, [searchValue]); // 是否计算搜索框长度
|
|
380
|
+
|
|
381
|
+
useEffect(function () {
|
|
382
|
+
if (disabled === true) return;
|
|
383
|
+
if (multiple && searchModel === 'outside') handInputLength(searchValue);
|
|
384
|
+
}, [searchValue, multiple, disabled, searchModel, input]);
|
|
385
|
+
/**
|
|
386
|
+
* 处理初始化数据,让list支持传入字符串
|
|
387
|
+
* 把数组转换成,组件能接收的格式
|
|
388
|
+
* */
|
|
389
|
+
|
|
390
|
+
var handList = function handList(arr) {
|
|
391
|
+
var handArr = [];
|
|
392
|
+
|
|
393
|
+
for (var i = 0, l = arr.length; i < l; i++) {
|
|
394
|
+
var item = arr[i];
|
|
395
|
+
|
|
396
|
+
if (_typeof(item) === 'object' && item !== null) {
|
|
397
|
+
handArr.push(item);
|
|
398
|
+
} else {
|
|
399
|
+
var obj = {};
|
|
400
|
+
obj[showName] = item;
|
|
401
|
+
obj[showValue] = item;
|
|
402
|
+
handArr.push(obj);
|
|
403
|
+
}
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
return handArr;
|
|
407
|
+
};
|
|
408
|
+
/**
|
|
409
|
+
* 处理下拉内容
|
|
410
|
+
* */
|
|
411
|
+
|
|
412
|
+
|
|
413
|
+
var handSelectList = function handSelectList(listData) {
|
|
414
|
+
var arr = [];
|
|
415
|
+
var listDeep = DeepClone(listData);
|
|
416
|
+
|
|
417
|
+
for (var i = 0, l = listDeep.length; i < l; i++) {
|
|
418
|
+
var item = listDeep[i];
|
|
419
|
+
|
|
420
|
+
if (item[childrenName] && item[childrenName].length > 0) {
|
|
421
|
+
var childArr = item[childrenName];
|
|
422
|
+
var handChildArr = [];
|
|
423
|
+
|
|
424
|
+
for (var j = 0, k = childArr.length; j < k; j++) {
|
|
425
|
+
var childItem = childArr[j];
|
|
426
|
+
var bol = handShowItem(childItem);
|
|
427
|
+
if (bol) handChildArr.push(childItem);
|
|
428
|
+
} // 存在二级
|
|
429
|
+
|
|
430
|
+
|
|
431
|
+
if (handChildArr.length > 0) {
|
|
432
|
+
item[childrenName] = handChildArr;
|
|
433
|
+
arr.push(item);
|
|
434
|
+
}
|
|
435
|
+
} else {
|
|
436
|
+
var _bol = handShowItem(item);
|
|
437
|
+
|
|
438
|
+
if (_bol) arr.push(item);
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
|
|
442
|
+
setListCom(arr);
|
|
443
|
+
setLoading(false);
|
|
444
|
+
}; // 输入框的到焦点
|
|
445
|
+
|
|
446
|
+
|
|
447
|
+
var inputFocus = function inputFocus() {
|
|
448
|
+
var inputDom = textDom && textDom.current;
|
|
449
|
+
inputDom && inputDom.focus({
|
|
450
|
+
preventScroll: true
|
|
451
|
+
});
|
|
452
|
+
};
|
|
453
|
+
/**
|
|
454
|
+
* 查找元素
|
|
455
|
+
* @param el 当前元素
|
|
456
|
+
* @param selector 查找元素class
|
|
457
|
+
*/
|
|
458
|
+
|
|
459
|
+
|
|
460
|
+
var closest = function closest(el, selector) {
|
|
461
|
+
var matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
|
|
462
|
+
|
|
463
|
+
while (el) {
|
|
464
|
+
if (matchesSelector.call(el, selector)) {
|
|
465
|
+
break;
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
el = el.parentElement;
|
|
469
|
+
}
|
|
470
|
+
|
|
471
|
+
return el;
|
|
472
|
+
};
|
|
473
|
+
/**
|
|
474
|
+
* 全局点击判断是否需要关闭
|
|
475
|
+
* @param e 当前点击元素
|
|
476
|
+
*/
|
|
477
|
+
|
|
478
|
+
|
|
479
|
+
var clickCom = function clickCom(e) {
|
|
480
|
+
var bol = closest(e.target, '.' + classOneSelect); // 是否存在下拉当中
|
|
481
|
+
|
|
482
|
+
if (!bol) setOpen(false);
|
|
483
|
+
};
|
|
484
|
+
/**
|
|
485
|
+
* 判断是否显示
|
|
486
|
+
* @param item 详细信息
|
|
487
|
+
* @return boolean
|
|
488
|
+
*/
|
|
489
|
+
|
|
490
|
+
|
|
491
|
+
var handShowItem = function handShowItem(item) {
|
|
492
|
+
var bol = true; // 按显示名来
|
|
493
|
+
|
|
494
|
+
var name = item[showName];
|
|
495
|
+
if (name && typeof name === 'string' && name.toLowerCase().indexOf(searchValue.toLowerCase()) === -1) bol = false;
|
|
496
|
+
return bol;
|
|
497
|
+
};
|
|
498
|
+
/**
|
|
499
|
+
* 多选 不换行 计算
|
|
500
|
+
* @param index 数组下标
|
|
501
|
+
*/
|
|
502
|
+
|
|
503
|
+
|
|
504
|
+
var handMultiline = function handMultiline(index) {
|
|
505
|
+
if (index === null || index === 0) return;
|
|
506
|
+
if (index === undefined) index = valueCom.length;
|
|
507
|
+
var boxDom = document.querySelector('.' + classOne + ' > .select-content > .check-select-content');
|
|
508
|
+
if (!boxDom) return;
|
|
509
|
+
|
|
510
|
+
if (boxDom.scrollHeight > boxDom.clientHeight) {
|
|
511
|
+
var num = Number(index) - 1; // 超出
|
|
512
|
+
|
|
513
|
+
setMorePos(num);
|
|
514
|
+
handMultiline(num);
|
|
515
|
+
} else {
|
|
516
|
+
// 一行
|
|
517
|
+
if (valueCom.length <= index) handleCloseMore();
|
|
518
|
+
}
|
|
519
|
+
}; // 多选 不换行
|
|
520
|
+
|
|
521
|
+
|
|
522
|
+
var changeSize = function changeSize() {
|
|
523
|
+
clearTimeout(constData.timer);
|
|
524
|
+
constData.timer = setTimeout(function () {
|
|
525
|
+
setMorePos(valueCom.length);
|
|
526
|
+
handMultiline();
|
|
527
|
+
}, 100);
|
|
528
|
+
}; // 显示下拉框
|
|
529
|
+
|
|
530
|
+
|
|
531
|
+
var clickSelect = function clickSelect() {
|
|
532
|
+
if (disabled === true) return;
|
|
533
|
+
setOpen(true);
|
|
534
|
+
}; // 关闭下拉框
|
|
535
|
+
|
|
536
|
+
|
|
537
|
+
var handleClose = function handleClose() {
|
|
538
|
+
setOpen(false);
|
|
539
|
+
};
|
|
540
|
+
/**
|
|
541
|
+
* 点击显示更多
|
|
542
|
+
* @param e 点击元素
|
|
543
|
+
*/
|
|
544
|
+
|
|
545
|
+
|
|
546
|
+
var clickMore = function clickMore(e) {
|
|
547
|
+
setOpenMore(true);
|
|
548
|
+
setOpen(false);
|
|
549
|
+
e.stopPropagation();
|
|
550
|
+
}; // 关闭显示更多
|
|
551
|
+
|
|
552
|
+
|
|
553
|
+
var handleCloseMore = function handleCloseMore() {
|
|
554
|
+
setOpenMore(false);
|
|
555
|
+
};
|
|
556
|
+
/**
|
|
557
|
+
* 点击选项
|
|
558
|
+
* @param item 当前选项信息
|
|
559
|
+
* @param enter 是否回车
|
|
560
|
+
* @param e 元素
|
|
561
|
+
*/
|
|
562
|
+
|
|
563
|
+
|
|
564
|
+
var clickItem = function clickItem(item, enter) {
|
|
565
|
+
return function (e) {
|
|
566
|
+
var val = item[showValue];
|
|
567
|
+
if (_typeof(disabled) === 'object' && disabled.indexOf(val) !== -1) return;
|
|
568
|
+
|
|
569
|
+
if (multiple) {
|
|
570
|
+
// 多选
|
|
571
|
+
var index = valueCom.indexOf(val);
|
|
572
|
+
|
|
573
|
+
if (index !== -1) {
|
|
574
|
+
// 存在 去除
|
|
575
|
+
valueCom.splice(index, 1);
|
|
576
|
+
} else {
|
|
577
|
+
valueCom.push(val);
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
|
|
581
|
+
onChange && onChange(_toConsumableArray(valueCom), e);
|
|
582
|
+
if (enter) onEnter && onEnter(_toConsumableArray(valueCom));
|
|
583
|
+
inputFocus();
|
|
584
|
+
} else {
|
|
585
|
+
// 单选
|
|
586
|
+
if (props.value === undefined) setValueCom([val]);
|
|
587
|
+
onChange && onChange(val, e);
|
|
588
|
+
if (enter) onEnter && onEnter(val);
|
|
589
|
+
handleClose();
|
|
590
|
+
setSearchValue('');
|
|
591
|
+
}
|
|
592
|
+
};
|
|
593
|
+
};
|
|
594
|
+
/**
|
|
595
|
+
* 多选删除index
|
|
596
|
+
* @param item 当前选项信息
|
|
597
|
+
* @param val 值
|
|
598
|
+
* @param e 元素
|
|
599
|
+
*/
|
|
600
|
+
|
|
601
|
+
|
|
602
|
+
var delItem = function delItem(item, val) {
|
|
603
|
+
return function (e) {
|
|
604
|
+
if (!item) item = _defineProperty({}, showValue, val);
|
|
605
|
+
clickItem(item)(e);
|
|
606
|
+
e.stopPropagation();
|
|
607
|
+
};
|
|
608
|
+
}; // 处理下拉框class
|
|
609
|
+
|
|
610
|
+
|
|
611
|
+
var handClass = function handClass() {
|
|
612
|
+
var str = 'paraui-select select';
|
|
613
|
+
if (multiple && !overLineCom) str += ' ' + classOne; // 多选 超出不换行
|
|
614
|
+
|
|
615
|
+
if (className) str += ' ' + className;
|
|
616
|
+
if (size) str += ' select-' + size;
|
|
617
|
+
if (error) str += ' select-error';
|
|
618
|
+
if (disabled === true) str += ' select-disabled';
|
|
619
|
+
if (open) str += ' select-open';
|
|
620
|
+
if (multiple) str += ' select-multiple';
|
|
621
|
+
if (overLineCom) str += ' select-over-line'; // 可输入,换行
|
|
622
|
+
|
|
623
|
+
if (showSelect) str += ' select-show-select';
|
|
624
|
+
if (valueCom.length > 0) str += ' paraui-select-value';
|
|
625
|
+
if (allowClear) str += ' paraui-select-allow-clear';
|
|
626
|
+
return str;
|
|
627
|
+
}; // 处理下拉弹框class
|
|
628
|
+
|
|
629
|
+
|
|
630
|
+
var handleClassPopover = function handleClassPopover() {
|
|
631
|
+
var str = 'paraui-select-popover paraui-scrollbar-small';
|
|
632
|
+
if (size) str += ' paraui-select-popover-' + size;
|
|
633
|
+
|
|
634
|
+
if (multiple) {
|
|
635
|
+
str += ' paraui-select-popover-multiple';
|
|
636
|
+
} else {
|
|
637
|
+
str += ' paraui-select-popover-radio';
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
if (selectPopoverClassName) str += ' ' + selectPopoverClassName;
|
|
641
|
+
return str;
|
|
642
|
+
}; // 处理下拉框更多class
|
|
643
|
+
|
|
644
|
+
|
|
645
|
+
var handleClassMorePopover = function handleClassMorePopover() {
|
|
646
|
+
var str = 'paraui-select-more-popover paraui-scrollbar-small';
|
|
647
|
+
if (size) str += ' paraui-select-more-popover-' + size;
|
|
648
|
+
if (morePopoverClassName) str += ' ' + morePopoverClassName;
|
|
649
|
+
return str;
|
|
650
|
+
};
|
|
651
|
+
/**
|
|
652
|
+
* 改变搜索输入框
|
|
653
|
+
* @param e 搜索框元素
|
|
654
|
+
*/
|
|
655
|
+
|
|
656
|
+
|
|
657
|
+
var changeSearch = function changeSearch(e) {
|
|
658
|
+
setSearchValue(e.target.value);
|
|
659
|
+
searchInputProps && searchInputProps.onChange && searchInputProps.onChange(e);
|
|
660
|
+
};
|
|
661
|
+
/**
|
|
662
|
+
* 回车搜索输入框
|
|
663
|
+
* @param e 搜索框元素
|
|
664
|
+
*/
|
|
665
|
+
|
|
666
|
+
|
|
667
|
+
var onKeyDownSearch = function onKeyDownSearch(e) {
|
|
668
|
+
if (e.keyCode === 13) {
|
|
669
|
+
onEnterInput && onEnterInput(searchValue);
|
|
670
|
+
var selectDom = document.querySelector('.' + classOneSelect + ' .select-popover-list');
|
|
671
|
+
|
|
672
|
+
if (selectDom) {
|
|
673
|
+
var hoverDom = selectDom.querySelector('.select-popover-list-item-hover');
|
|
674
|
+
var keydownDom = selectDom.querySelector('.select-popover-list-item-keydown');
|
|
675
|
+
var operateDom = keydownDom || hoverDom;
|
|
676
|
+
if (operateDom) return;
|
|
677
|
+
}
|
|
678
|
+
|
|
679
|
+
if (props.input && searchValue.trim() !== '') {
|
|
680
|
+
var arr = '';
|
|
681
|
+
|
|
682
|
+
if (multiple) {
|
|
683
|
+
arr = [].concat(_toConsumableArray(valueCom), [searchValue]);
|
|
684
|
+
} else {
|
|
685
|
+
arr = searchValue;
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
if (props.value === undefined) setValueCom(arr);
|
|
689
|
+
onChange && onChange(arr, e);
|
|
690
|
+
setSearchValue('');
|
|
691
|
+
}
|
|
692
|
+
}
|
|
693
|
+
|
|
694
|
+
searchInputProps && searchInputProps.onKeyDown && searchInputProps.onKeyDown(e);
|
|
695
|
+
};
|
|
696
|
+
/**
|
|
697
|
+
* 多选框设置input框长度
|
|
698
|
+
* @param text 文本
|
|
699
|
+
*/
|
|
700
|
+
|
|
701
|
+
|
|
702
|
+
var handInputLength = function handInputLength(text) {
|
|
703
|
+
var inputDom = textDom && textDom.current;
|
|
704
|
+
if (!inputDom) return null;
|
|
705
|
+
var style = window.getComputedStyle(inputDom);
|
|
706
|
+
var fontFamily = style.fontFamily;
|
|
707
|
+
var fontSize = style.fontSize;
|
|
708
|
+
var results = textSize(fontSize, fontFamily, text);
|
|
709
|
+
var width = results.width;
|
|
710
|
+
if (width < 10) width = 10;
|
|
711
|
+
inputDom.style.width = width + 'px';
|
|
712
|
+
};
|
|
713
|
+
/**
|
|
714
|
+
* 处理键盘事件 上/下
|
|
715
|
+
* @param config
|
|
716
|
+
* 例:
|
|
717
|
+
* {
|
|
718
|
+
* selectDom: 外容器
|
|
719
|
+
* keyCode: 键盘code
|
|
720
|
+
* currentDom: 当前元素
|
|
721
|
+
* }
|
|
722
|
+
*/
|
|
723
|
+
|
|
724
|
+
|
|
725
|
+
var handKeydown = function handKeydown(config) {
|
|
726
|
+
var selectDom = config.selectDom,
|
|
727
|
+
keyCode = config.keyCode,
|
|
728
|
+
currentKeydownDom = config.currentKeydownDom;
|
|
729
|
+
var brotherDom = null;
|
|
730
|
+
var type = 'nextSibling';
|
|
731
|
+
var classSelectStr = '.select-popover-list > div';
|
|
732
|
+
var classGroupStr = '.select-popover-list-item';
|
|
733
|
+
|
|
734
|
+
if (keyCode === 38) {
|
|
735
|
+
// 上
|
|
736
|
+
type = 'previousSibling';
|
|
737
|
+
classSelectStr = '.select-popover-list > div:last-child';
|
|
738
|
+
classGroupStr = '.select-popover-list-item:last-child';
|
|
739
|
+
}
|
|
740
|
+
|
|
741
|
+
if (!currentKeydownDom) {
|
|
742
|
+
brotherDom = selectDom.querySelector(classSelectStr); // 初始节点
|
|
743
|
+
} else {
|
|
744
|
+
brotherDom = currentKeydownDom[type];
|
|
745
|
+
|
|
746
|
+
if (brotherDom) {
|
|
747
|
+
if (brotherDom.className.indexOf('select-popover-list-group-label') !== -1) {
|
|
748
|
+
// 存在标题元素
|
|
749
|
+
brotherDom = currentKeydownDom.parentNode; // 组元素
|
|
750
|
+
|
|
751
|
+
brotherDom = brotherDom[type]; // 组元素兄弟节点
|
|
752
|
+
|
|
753
|
+
if (!brotherDom) brotherDom = selectDom.querySelector(classSelectStr);
|
|
754
|
+
}
|
|
755
|
+
} else {
|
|
756
|
+
var parentNode = currentKeydownDom.parentNode;
|
|
757
|
+
|
|
758
|
+
if (parentNode && parentNode.className && parentNode.className.indexOf('select-popover-list-group') !== -1) {
|
|
759
|
+
// 组元素最后元素, 设置父级兄弟节点, 没有父级,设置最后或者第一节点
|
|
760
|
+
brotherDom = currentKeydownDom.parentNode; // 组元素
|
|
761
|
+
|
|
762
|
+
brotherDom = brotherDom[type]; // 组元素兄弟节点
|
|
763
|
+
|
|
764
|
+
if (!brotherDom) brotherDom = selectDom.querySelector(classSelectStr);
|
|
765
|
+
} else {
|
|
766
|
+
// 不存在兄弟节点,设置最后一个或第一个
|
|
767
|
+
brotherDom = selectDom.querySelector(classSelectStr);
|
|
768
|
+
}
|
|
769
|
+
}
|
|
770
|
+
}
|
|
771
|
+
|
|
772
|
+
if (brotherDom) {
|
|
773
|
+
// 兄弟是组列表
|
|
774
|
+
if (brotherDom.className.indexOf('select-popover-list-group') !== -1) {
|
|
775
|
+
var currentDom = brotherDom.querySelector(classGroupStr);
|
|
776
|
+
|
|
777
|
+
if (currentDom) {
|
|
778
|
+
currentDom.classList.add("select-popover-list-item-keydown");
|
|
779
|
+
domClientTop(currentDom, selectDom);
|
|
780
|
+
}
|
|
781
|
+
} else {
|
|
782
|
+
brotherDom.classList.add("select-popover-list-item-keydown");
|
|
783
|
+
domClientTop(brotherDom, selectDom);
|
|
784
|
+
}
|
|
785
|
+
}
|
|
786
|
+
};
|
|
787
|
+
/**
|
|
788
|
+
* 设置当前上下选中的元素是否在当前可见页面里面
|
|
789
|
+
* @param currentDom 当前元素
|
|
790
|
+
* @param selectDom 可见页面
|
|
791
|
+
*/
|
|
792
|
+
|
|
793
|
+
|
|
794
|
+
var domClientTop = function domClientTop(currentDom, selectDom) {
|
|
795
|
+
clearTimeout(constData.scrollTimer);
|
|
796
|
+
var clientHeight = selectDom.clientHeight; // 可见区域的高度
|
|
797
|
+
|
|
798
|
+
var top = currentDom.offsetTop + currentDom.clientHeight;
|
|
799
|
+
var difference = top - clientHeight;
|
|
800
|
+
constData.scroll = true;
|
|
801
|
+
|
|
802
|
+
if (difference > 0) {
|
|
803
|
+
selectDom.scrollTop = difference;
|
|
804
|
+
} else {
|
|
805
|
+
selectDom.scrollTop = 0;
|
|
806
|
+
} // 防止滚动触发hover效果
|
|
807
|
+
|
|
808
|
+
|
|
809
|
+
constData.scrollTimer = setTimeout(function () {
|
|
810
|
+
constData.scroll = false;
|
|
811
|
+
}, 100);
|
|
812
|
+
};
|
|
813
|
+
/**
|
|
814
|
+
* 键盘事件
|
|
815
|
+
* @param e 键盘信息
|
|
816
|
+
*/
|
|
817
|
+
|
|
818
|
+
|
|
819
|
+
var keydownCom = function keydownCom(e) {
|
|
820
|
+
var selectDom = document.querySelector('.' + classOneSelect + ' .select-popover-list');
|
|
821
|
+
if (!selectDom) return;
|
|
822
|
+
var selectItemDom = selectDom.querySelector('.select-popover-list-item-select');
|
|
823
|
+
var hoverDom = selectDom.querySelector('.select-popover-list-item-hover');
|
|
824
|
+
var keydownDom = selectDom.querySelector('.select-popover-list-item-keydown');
|
|
825
|
+
var currentKeydownDom = selectItemDom; // 选中,hover,keydown元素
|
|
826
|
+
|
|
827
|
+
if (hoverDom) currentKeydownDom = hoverDom; // 回车
|
|
828
|
+
|
|
829
|
+
if (e.keyCode === 13) {
|
|
830
|
+
var operateDom = keydownDom || hoverDom;
|
|
831
|
+
|
|
832
|
+
if (operateDom) {
|
|
833
|
+
var val = operateDom.dataset.val;
|
|
834
|
+
clickItem(listJson[val], true)({
|
|
835
|
+
target: keydownDom
|
|
836
|
+
});
|
|
837
|
+
} else {
|
|
838
|
+
onEnter && onEnter(value);
|
|
839
|
+
}
|
|
840
|
+
}
|
|
841
|
+
|
|
842
|
+
if (keydownDom) {
|
|
843
|
+
currentKeydownDom = keydownDom;
|
|
844
|
+
keydownDom.classList.remove("select-popover-list-item-keydown");
|
|
845
|
+
} // 下
|
|
846
|
+
|
|
847
|
+
|
|
848
|
+
if (e.keyCode === 40) {
|
|
849
|
+
handKeydown({
|
|
850
|
+
selectDom: selectDom,
|
|
851
|
+
keyCode: e.keyCode,
|
|
852
|
+
currentKeydownDom: currentKeydownDom
|
|
853
|
+
});
|
|
854
|
+
} // 上
|
|
855
|
+
|
|
856
|
+
|
|
857
|
+
if (e.keyCode === 38) {
|
|
858
|
+
handKeydown({
|
|
859
|
+
selectDom: selectDom,
|
|
860
|
+
keyCode: e.keyCode,
|
|
861
|
+
currentKeydownDom: currentKeydownDom
|
|
862
|
+
});
|
|
863
|
+
}
|
|
864
|
+
};
|
|
865
|
+
/**
|
|
866
|
+
* 鼠标移入
|
|
867
|
+
* @param e 移入元素
|
|
868
|
+
*/
|
|
869
|
+
|
|
870
|
+
|
|
871
|
+
var mouseEnter = function mouseEnter(e) {
|
|
872
|
+
if (constData.scroll) return;
|
|
873
|
+
var target = closest(e.target, '.select-popover-list-item');
|
|
874
|
+
if (!target) return;
|
|
875
|
+
target.classList.add("select-popover-list-item-hover"); // 鼠标移入清除所有keydown
|
|
876
|
+
|
|
877
|
+
var selectDom = document.querySelector('.' + classOneSelect);
|
|
878
|
+
var keydownDom = selectDom.querySelector('.select-popover-list-item-keydown');
|
|
879
|
+
if (keydownDom) keydownDom.classList.remove("select-popover-list-item-keydown");
|
|
880
|
+
};
|
|
881
|
+
/**
|
|
882
|
+
* 鼠标移出
|
|
883
|
+
* @param e 移出元素
|
|
884
|
+
*/
|
|
885
|
+
|
|
886
|
+
|
|
887
|
+
var mouseLeave = function mouseLeave(e) {
|
|
888
|
+
var target = closest(e.target, '.select-popover-list-item');
|
|
889
|
+
if (!target) return;
|
|
890
|
+
target.classList.remove("select-popover-list-item-hover");
|
|
891
|
+
}; // 外标题memo
|
|
892
|
+
|
|
893
|
+
|
|
894
|
+
var OutLabelMemo = useMemo(function () {
|
|
895
|
+
var bol = Boolean(label || required || labelSign);
|
|
896
|
+
|
|
897
|
+
var handLabelClass = function handLabelClass() {
|
|
898
|
+
var str = 'select-label';
|
|
899
|
+
|
|
900
|
+
if (labelTooltip && labelTooltip.className) {
|
|
901
|
+
str += ' ' + labelTooltip.className;
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
return str;
|
|
905
|
+
};
|
|
906
|
+
|
|
907
|
+
return jsx(Fragment, {
|
|
908
|
+
children: labelMode === 'outside' && bol && jsx(Label, Object.assign({
|
|
909
|
+
label: label,
|
|
910
|
+
required: required,
|
|
911
|
+
labelSign: labelSign
|
|
912
|
+
}, labelTooltip, {
|
|
913
|
+
className: handLabelClass()
|
|
914
|
+
}))
|
|
915
|
+
});
|
|
916
|
+
}, [labelMode, label, labelSign, required, labelTooltip]); // 内标题memo
|
|
917
|
+
|
|
918
|
+
var InsideMemo = useMemo(function () {
|
|
919
|
+
var handInsideContent = function handInsideContent() {
|
|
920
|
+
if (labelMode === 'outside') return placeholder;
|
|
921
|
+
return jsxs(Fragment, {
|
|
922
|
+
children: [label || placeholder, required && jsx("span", Object.assign({
|
|
923
|
+
className: "select-required"
|
|
924
|
+
}, {
|
|
925
|
+
children: "*"
|
|
926
|
+
})), labelSign && jsx("span", {
|
|
927
|
+
children: labelSign
|
|
928
|
+
})]
|
|
929
|
+
});
|
|
930
|
+
};
|
|
931
|
+
|
|
932
|
+
return jsx(Fragment, {
|
|
933
|
+
children: !showText && jsx("span", Object.assign({
|
|
934
|
+
className: "select-label-placeholder"
|
|
935
|
+
}, {
|
|
936
|
+
children: handInsideContent()
|
|
937
|
+
}))
|
|
938
|
+
});
|
|
939
|
+
}, [showText, labelMode, placeholder, label, labelSign, required]);
|
|
940
|
+
/**
|
|
941
|
+
* 处理搜索框
|
|
942
|
+
* */
|
|
943
|
+
|
|
944
|
+
var handInput = function handInput(type) {
|
|
945
|
+
if (disabled === true) return null;
|
|
946
|
+
var str = "".concat(type, "-search-outside");
|
|
947
|
+
|
|
948
|
+
if (searchModel === 'outside') {
|
|
949
|
+
return jsx("input", Object.assign({}, searchInputProps, {
|
|
950
|
+
className: str,
|
|
951
|
+
value: searchValue,
|
|
952
|
+
onChange: changeSearch,
|
|
953
|
+
onKeyDown: onKeyDownSearch,
|
|
954
|
+
ref: textDom
|
|
955
|
+
}));
|
|
956
|
+
}
|
|
957
|
+
|
|
958
|
+
return null;
|
|
959
|
+
}; // 单选内容
|
|
960
|
+
|
|
961
|
+
|
|
962
|
+
var RadioMemo = useMemo(function () {
|
|
963
|
+
var handContent = function handContent() {
|
|
964
|
+
// 有搜索值且(输入框在内容里面或者有输入赋值)
|
|
965
|
+
if (searchValue !== '' && (searchModel === 'outside' || input)) return null;
|
|
966
|
+
var val = listJson[valueCom[0]] && listJson[valueCom[0]][showName] || valueCom[0];
|
|
967
|
+
if (overLineCom) return val;
|
|
968
|
+
return jsx(AutoTips, {
|
|
969
|
+
children: val
|
|
970
|
+
});
|
|
971
|
+
};
|
|
972
|
+
|
|
973
|
+
return jsx(Fragment, {
|
|
974
|
+
children: !multiple && jsxs(Fragment, {
|
|
975
|
+
children: [jsx("div", Object.assign({
|
|
976
|
+
className: "radio-select-content"
|
|
977
|
+
}, {
|
|
978
|
+
children: handContent()
|
|
979
|
+
})), handInput('radio')]
|
|
980
|
+
})
|
|
981
|
+
});
|
|
982
|
+
}, [multiple, showText, overLineCom, listJson, valueCom, showName, search, searchModel, searchValue, disabled, input, searchInputProps]); // 多选内容
|
|
983
|
+
|
|
984
|
+
var CheckMemo = useMemo(function () {
|
|
985
|
+
var handContent = function handContent(index) {
|
|
986
|
+
var val = listJson[valueCom[index]] && listJson[valueCom[index]][showName] || valueCom[index];
|
|
987
|
+
return val;
|
|
988
|
+
};
|
|
989
|
+
|
|
990
|
+
return jsx(Fragment, {
|
|
991
|
+
children: multiple && jsxs("div", Object.assign({
|
|
992
|
+
className: "check-select-content"
|
|
993
|
+
}, {
|
|
994
|
+
children: [valueCom && valueCom.map(function (item, index) {
|
|
995
|
+
if (morePos !== null && morePos <= index) return null;
|
|
996
|
+
var isClose = true;
|
|
997
|
+
|
|
998
|
+
if (disabled === true || _typeof(disabled) === 'object' && disabled.indexOf(valueCom[index]) !== -1) {
|
|
999
|
+
isClose = false; // 禁用不显示×
|
|
1000
|
+
}
|
|
1001
|
+
|
|
1002
|
+
return jsxs("div", Object.assign({
|
|
1003
|
+
className: isClose ? 'check-select-content-item' : 'check-select-content-item check-select-content-item-noclose'
|
|
1004
|
+
}, {
|
|
1005
|
+
children: [jsx("span", {
|
|
1006
|
+
children: handContent(index)
|
|
1007
|
+
}), isClose && jsx(CloseIcon, {
|
|
1008
|
+
onClick: delItem(listJson[valueCom[index]], valueCom[index])
|
|
1009
|
+
})]
|
|
1010
|
+
}), index);
|
|
1011
|
+
}), function () {
|
|
1012
|
+
if (morePos !== null && valueCom.length > morePos) {
|
|
1013
|
+
return jsx("div", Object.assign({
|
|
1014
|
+
className: "check-select-content-item check-select-content-item-more",
|
|
1015
|
+
onClick: clickMore
|
|
1016
|
+
}, {
|
|
1017
|
+
children: jsxs("span", {
|
|
1018
|
+
children: ["+", valueCom.length - morePos]
|
|
1019
|
+
})
|
|
1020
|
+
}));
|
|
1021
|
+
}
|
|
1022
|
+
}(), handInput('check')]
|
|
1023
|
+
}))
|
|
1024
|
+
});
|
|
1025
|
+
}, [multiple, showText, valueCom, morePos, listJson, disabled, onChange, searchValue, search, searchModel, input, searchInputProps]);
|
|
1026
|
+
|
|
1027
|
+
var clickClean = function clickClean(e) {
|
|
1028
|
+
e.stopPropagation();
|
|
1029
|
+
var val = '';
|
|
1030
|
+
var valCom = [];
|
|
1031
|
+
|
|
1032
|
+
if (multiple) {
|
|
1033
|
+
val = []; // 判断多选的时候,有部分数据被禁用,禁用的数据不可删除
|
|
1034
|
+
|
|
1035
|
+
if (disabled instanceof Array) {
|
|
1036
|
+
for (var i = 0, l = valueCom.length; i < l; i++) {
|
|
1037
|
+
var valueComItem = valueCom[i];
|
|
1038
|
+
|
|
1039
|
+
if (disabled.indexOf(valueComItem) !== -1) {
|
|
1040
|
+
val.push(valueComItem);
|
|
1041
|
+
valCom.push(valueComItem);
|
|
1042
|
+
}
|
|
1043
|
+
}
|
|
1044
|
+
}
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1047
|
+
if (props.value === undefined) {
|
|
1048
|
+
setValueCom(valCom);
|
|
1049
|
+
}
|
|
1050
|
+
|
|
1051
|
+
onChange && onChange(val, e);
|
|
1052
|
+
setOpen(false);
|
|
1053
|
+
onClear && onClear();
|
|
1054
|
+
}; // 清空内容
|
|
1055
|
+
|
|
1056
|
+
|
|
1057
|
+
var clearRender = function clearRender() {
|
|
1058
|
+
if (valueCom.length > 0 && disabled !== true && allowClear) {
|
|
1059
|
+
return jsx("span", Object.assign({
|
|
1060
|
+
className: "clean-up-icon",
|
|
1061
|
+
onClick: clickClean
|
|
1062
|
+
}, {
|
|
1063
|
+
children: jsx(CloseCircle, {})
|
|
1064
|
+
}));
|
|
1065
|
+
}
|
|
1066
|
+
};
|
|
1067
|
+
|
|
1068
|
+
var morePopoverContent = function morePopoverContent() {
|
|
1069
|
+
var handContent = function handContent(index) {
|
|
1070
|
+
var val = listJson[valueCom[index]] && listJson[valueCom[index]][showName] || valueCom[index];
|
|
1071
|
+
return val;
|
|
1072
|
+
};
|
|
1073
|
+
|
|
1074
|
+
return jsxs("div", Object.assign({
|
|
1075
|
+
className: "select-more"
|
|
1076
|
+
}, {
|
|
1077
|
+
children: [jsxs("div", Object.assign({
|
|
1078
|
+
className: "select-more-title"
|
|
1079
|
+
}, {
|
|
1080
|
+
children: [jsx("span", {
|
|
1081
|
+
children: intl({
|
|
1082
|
+
id: 'selected'
|
|
1083
|
+
})
|
|
1084
|
+
}), jsxs("span", {
|
|
1085
|
+
children: ["(", valueCom.length - Number(morePos), ")"]
|
|
1086
|
+
})]
|
|
1087
|
+
})), jsx("div", Object.assign({
|
|
1088
|
+
className: "select-more-content"
|
|
1089
|
+
}, {
|
|
1090
|
+
children: valueCom && valueCom.map(function (item, index) {
|
|
1091
|
+
if (morePos !== null && morePos > index) return null;
|
|
1092
|
+
var isClose = true;
|
|
1093
|
+
|
|
1094
|
+
if (disabled === true || _typeof(disabled) === 'object' && disabled.indexOf(valueCom[index]) !== -1) {
|
|
1095
|
+
isClose = false; // 禁用不显示×
|
|
1096
|
+
}
|
|
1097
|
+
|
|
1098
|
+
return jsxs("div", Object.assign({
|
|
1099
|
+
className: "select-more-content-item"
|
|
1100
|
+
}, {
|
|
1101
|
+
children: [jsx("span", {
|
|
1102
|
+
children: jsx(AutoTips, {
|
|
1103
|
+
children: handContent(index)
|
|
1104
|
+
})
|
|
1105
|
+
}), isClose && jsx(CloseIcon, {
|
|
1106
|
+
onClick: delItem(listJson[valueCom[index]], valueCom[index])
|
|
1107
|
+
})]
|
|
1108
|
+
}), index);
|
|
1109
|
+
})
|
|
1110
|
+
}))]
|
|
1111
|
+
}));
|
|
1112
|
+
}; // 主体内容
|
|
1113
|
+
|
|
1114
|
+
|
|
1115
|
+
var ContentMemo = useMemo(function () {
|
|
1116
|
+
return jsx(Popover, Object.assign({
|
|
1117
|
+
placement: "rightTop",
|
|
1118
|
+
visible: openMore,
|
|
1119
|
+
content: morePopoverContent(),
|
|
1120
|
+
onVisibleChange: handleCloseMore,
|
|
1121
|
+
overlayClassName: handleClassMorePopover()
|
|
1122
|
+
}, {
|
|
1123
|
+
children: jsxs("div", Object.assign({
|
|
1124
|
+
className: "select-content",
|
|
1125
|
+
onClick: clickSelect,
|
|
1126
|
+
ref: posDom
|
|
1127
|
+
}, {
|
|
1128
|
+
children: [InsideMemo, jsxs("span", Object.assign({
|
|
1129
|
+
className: "select-svg"
|
|
1130
|
+
}, {
|
|
1131
|
+
children: [jsx(Down, {}), clearRender()]
|
|
1132
|
+
})), RadioMemo, CheckMemo]
|
|
1133
|
+
}))
|
|
1134
|
+
}));
|
|
1135
|
+
}, [posDom, showText, labelMode, placeholder, label, labelSign, required, overLineCom, listJson, valueCom, showName, multiple, morePos, disabled, onChange, searchValue, searchModel, input, showSelect, searchInputProps, allowClear, onClear, openMore]); // 下拉框popover 列表
|
|
1136
|
+
|
|
1137
|
+
var SelectPopoverListMemo = useMemo(function () {
|
|
1138
|
+
var handClass = function handClass() {
|
|
1139
|
+
var str = 'select-popover-list';
|
|
1140
|
+
if (loading) str += ' select-popover-list-loading';
|
|
1141
|
+
return str;
|
|
1142
|
+
};
|
|
1143
|
+
|
|
1144
|
+
return jsxs("div", Object.assign({
|
|
1145
|
+
className: handClass()
|
|
1146
|
+
}, {
|
|
1147
|
+
children: [listCom && listCom.length > 0 ? jsx(Fragment, {
|
|
1148
|
+
children: listCom.map(function (item, index) {
|
|
1149
|
+
if (item[childrenName] && item[childrenName].length > 0) {
|
|
1150
|
+
var childrenList = item[childrenName];
|
|
1151
|
+
return jsxs("div", Object.assign({
|
|
1152
|
+
className: "select-popover-list-group"
|
|
1153
|
+
}, {
|
|
1154
|
+
children: [jsx("span", Object.assign({
|
|
1155
|
+
className: "select-popover-list-group-label"
|
|
1156
|
+
}, {
|
|
1157
|
+
children: item[showName] || item[showValue]
|
|
1158
|
+
})), childrenList.map(function (childItem, childIndex) {
|
|
1159
|
+
var val = childItem[showValue];
|
|
1160
|
+
var classStrItem = 'select-popover-list-item';
|
|
1161
|
+
if (valueCom.indexOf(val) !== -1) classStrItem += ' select-popover-list-item-select'; // 选中的样式
|
|
1162
|
+
|
|
1163
|
+
if (_typeof(disabled) === 'object' && disabled.indexOf(val) !== -1) {
|
|
1164
|
+
// 禁用
|
|
1165
|
+
classStrItem += ' select-popover-list-item-disabled';
|
|
1166
|
+
}
|
|
1167
|
+
|
|
1168
|
+
return jsxs("div", Object.assign({
|
|
1169
|
+
onClick: clickItem(childItem),
|
|
1170
|
+
className: classStrItem,
|
|
1171
|
+
onMouseEnter: mouseEnter,
|
|
1172
|
+
onMouseLeave: mouseLeave,
|
|
1173
|
+
"data-val": val
|
|
1174
|
+
}, {
|
|
1175
|
+
children: [jsx("span", Object.assign({
|
|
1176
|
+
className: "select-popover-list-item-label"
|
|
1177
|
+
}, {
|
|
1178
|
+
children: jsx(AutoTips, {
|
|
1179
|
+
children: childItem[showName] || childItem[showValue]
|
|
1180
|
+
})
|
|
1181
|
+
})), multiple && jsx("span", Object.assign({
|
|
1182
|
+
className: "select-popover-list-item-svg"
|
|
1183
|
+
}, {
|
|
1184
|
+
children: jsx(Check, {})
|
|
1185
|
+
}))]
|
|
1186
|
+
}), childIndex);
|
|
1187
|
+
})]
|
|
1188
|
+
}), index);
|
|
1189
|
+
}
|
|
1190
|
+
|
|
1191
|
+
var val = item[showValue];
|
|
1192
|
+
var classStrItem = 'select-popover-list-item';
|
|
1193
|
+
if (valueCom.indexOf(val) !== -1) classStrItem += ' select-popover-list-item-select'; // 选中的样式
|
|
1194
|
+
|
|
1195
|
+
if (_typeof(disabled) === 'object' && disabled.indexOf(val) !== -1) {
|
|
1196
|
+
// 禁用
|
|
1197
|
+
classStrItem += ' select-popover-list-item-disabled';
|
|
1198
|
+
}
|
|
1199
|
+
|
|
1200
|
+
return jsxs("div", Object.assign({
|
|
1201
|
+
onClick: clickItem(item),
|
|
1202
|
+
className: classStrItem,
|
|
1203
|
+
onMouseEnter: mouseEnter,
|
|
1204
|
+
onMouseLeave: mouseLeave,
|
|
1205
|
+
"data-val": val
|
|
1206
|
+
}, {
|
|
1207
|
+
children: [jsx("span", Object.assign({
|
|
1208
|
+
className: "select-popover-list-item-label"
|
|
1209
|
+
}, {
|
|
1210
|
+
children: jsx(AutoTips, {
|
|
1211
|
+
children: item[showName] || item[showValue]
|
|
1212
|
+
})
|
|
1213
|
+
})), multiple && jsx("span", Object.assign({
|
|
1214
|
+
className: "select-popover-list-item-svg"
|
|
1215
|
+
}, {
|
|
1216
|
+
children: jsx(Check, {})
|
|
1217
|
+
}))]
|
|
1218
|
+
}), index);
|
|
1219
|
+
})
|
|
1220
|
+
}) : !loading && emptyBol && jsx("div", Object.assign({
|
|
1221
|
+
className: "select-nodata"
|
|
1222
|
+
}, {
|
|
1223
|
+
children: jsx(Empty, Object.assign({}, emptyProps, {
|
|
1224
|
+
size: (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) || "small"
|
|
1225
|
+
}))
|
|
1226
|
+
})), loading && jsx(Loading, {})]
|
|
1227
|
+
}));
|
|
1228
|
+
}, [listCom, showName, showValue, valueCom, onChange, multiple, loading, language, locale, emptyProps, emptyBol]); // 下拉框popover memo
|
|
1229
|
+
|
|
1230
|
+
var SelectPopoverMemo = useMemo(function () {
|
|
1231
|
+
if (!showSelect) return '';
|
|
1232
|
+
|
|
1233
|
+
var handSelectPopoverMemoClass = function handSelectPopoverMemoClass() {
|
|
1234
|
+
var classStr = 'select-popover-content ' + classOneSelect;
|
|
1235
|
+
if (search && searchModel === 'inside') classStr += ' select-popover-content-search';
|
|
1236
|
+
return classStr;
|
|
1237
|
+
};
|
|
1238
|
+
|
|
1239
|
+
return jsxs("div", Object.assign({
|
|
1240
|
+
style: {
|
|
1241
|
+
width: (posDom && posDom.current ? posDom.current.offsetWidth : 0) + 'px'
|
|
1242
|
+
},
|
|
1243
|
+
className: handSelectPopoverMemoClass()
|
|
1244
|
+
}, {
|
|
1245
|
+
children: [search && searchModel === 'inside' && jsxs("div", Object.assign({
|
|
1246
|
+
className: "select-popover-search"
|
|
1247
|
+
}, {
|
|
1248
|
+
children: [jsx("input", Object.assign({}, searchInputProps, {
|
|
1249
|
+
placeholder: searchPlaceholder || intl({
|
|
1250
|
+
id: 'searchPlaceholder'
|
|
1251
|
+
}),
|
|
1252
|
+
value: searchValue,
|
|
1253
|
+
onChange: changeSearch,
|
|
1254
|
+
onKeyDown: onKeyDownSearch,
|
|
1255
|
+
ref: textDom
|
|
1256
|
+
})), jsx(SearchIcon, {})]
|
|
1257
|
+
})), SelectPopoverListMemo]
|
|
1258
|
+
}));
|
|
1259
|
+
}, [open, posDom, listCom, childrenName, showValue, showName, valueCom, searchValue, search, classOneSelect, searchModel, multiple, searchPlaceholder, showSelect, loading, searchInputProps, language, locale, emptyProps, emptyBol]);
|
|
1260
|
+
/** 处理下拉内容 */
|
|
1261
|
+
|
|
1262
|
+
var handDropdown = function handDropdown() {
|
|
1263
|
+
return jsx(Dropdown, Object.assign({
|
|
1264
|
+
visible: open,
|
|
1265
|
+
placement: 'bottomLeft',
|
|
1266
|
+
trigger: ['click'],
|
|
1267
|
+
overlay: jsx(Fragment, {
|
|
1268
|
+
children: SelectPopoverMemo
|
|
1269
|
+
}),
|
|
1270
|
+
overlayClassName: handleClassPopover()
|
|
1271
|
+
}, {
|
|
1272
|
+
children: ContentMemo
|
|
1273
|
+
}));
|
|
1274
|
+
};
|
|
1275
|
+
|
|
1276
|
+
return jsxs("div", Object.assign({
|
|
1277
|
+
className: handClass(),
|
|
1278
|
+
style: style
|
|
1279
|
+
}, {
|
|
1280
|
+
children: [OutLabelMemo, handDropdown(), jsx(HelperText, {
|
|
1281
|
+
className: "select-error-text",
|
|
1282
|
+
error: error,
|
|
1283
|
+
helperText: helperText
|
|
1284
|
+
})]
|
|
1285
|
+
}));
|
|
1286
|
+
};
|
|
1287
|
+
|
|
1288
|
+
export { Select as default };
|