@para-ui/core 2.2.1-beta → 2.2.4
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 +34 -0
- package/AutoBox/index.js +15 -0
- package/AutoTips/index.d.ts +27 -0
- package/AutoTips/index.js +15 -0
- package/Breadcrumbs/index.d.ts +39 -0
- package/Breadcrumbs/index.js +15 -0
- package/Button/SplitButton.d.ts +61 -0
- package/Button/index.d.ts +56 -0
- package/Button/index.js +14 -0
- package/Button/lang/en_US.d.ts +4 -0
- package/Button/lang/index.d.ts +9 -0
- package/Button/lang/zh_CN.d.ts +4 -0
- package/ButtonGroup/index.d.ts +33 -0
- package/ButtonGroup/index.js +14 -0
- package/Carousel/index.d.ts +30 -0
- package/Carousel/index.js +15 -0
- package/Cascader/index.d.ts +52 -0
- package/Cascader/index.js +15 -0
- package/Cascader/lang/en_US.d.ts +4 -0
- package/Cascader/lang/index.d.ts +9 -0
- package/Cascader/lang/zh_CN.d.ts +4 -0
- package/Checkbox/index.d.ts +40 -0
- package/Checkbox/index.js +14 -0
- package/CheckboxGroup/index.d.ts +46 -0
- package/CheckboxGroup/index.js +14 -0
- package/Collapse/collapsePanel.d.ts +30 -0
- package/Collapse/index.d.ts +57 -0
- package/Collapse/index.js +15 -0
- package/Collapse/motion.d.ts +5 -0
- package/Collapse/util.d.ts +11 -0
- package/CollapseBox/index.d.ts +27 -0
- package/CollapseBox/index.js +15 -0
- package/CollapseBox/util.d.ts +5 -0
- package/ColorPicker/index.d.ts +4 -0
- package/ColorPicker/index.js +1 -0
- package/ComboSelect/WithTabsCombo/index.d.ts +11 -0
- package/ComboSelect/WithTabsCombo/interface.d.ts +141 -0
- package/ComboSelect/index.d.ts +11 -0
- package/ComboSelect/index.js +14 -0
- package/ComboSelect/interface.d.ts +143 -0
- package/ComboSelect/lang/en_US.d.ts +8 -0
- package/ComboSelect/lang/index.d.ts +17 -0
- package/ComboSelect/lang/zh_CN.d.ts +8 -0
- package/ComboSelect/utils.d.ts +12 -0
- package/Container/index.d.ts +77 -0
- package/Container/index.js +15 -0
- package/DatePicker/PickerButton.d.ts +3 -0
- package/DatePicker/PickerTag.d.ts +3 -0
- package/DatePicker/generatePicker/generateRangePicker.d.ts +4 -0
- package/DatePicker/generatePicker/generateSinglePicker.d.ts +11 -0
- package/DatePicker/generatePicker/index.d.ts +77 -0
- package/DatePicker/index.d.ts +18 -0
- package/DatePicker/index.js +14 -0
- package/DatePicker/lang/en_US.d.ts +3 -0
- package/DatePicker/lang/index.d.ts +7 -0
- package/DatePicker/lang/zh_CN.d.ts +3 -0
- package/DatePicker/util.d.ts +20 -0
- package/Desktop/index.d.ts +55 -0
- package/Desktop/index.js +14 -0
- package/Drawer/index.d.ts +11 -0
- package/Drawer/index.js +14 -0
- package/Drawer/interface.d.ts +83 -0
- package/Drawer/lang/en_US.d.ts +5 -0
- package/Drawer/lang/index.d.ts +11 -0
- package/Drawer/lang/zh_CN.d.ts +5 -0
- package/Empty/images/index.d.ts +2 -0
- package/Empty/index.d.ts +30 -0
- package/Empty/index.js +14 -0
- package/Empty/lang/en_US.d.ts +6 -0
- package/Empty/lang/index.d.ts +13 -0
- package/Empty/lang/zh_CN.d.ts +6 -0
- package/Form/index.d.ts +181 -0
- package/Form/index.js +14 -0
- package/FormItem/compoments/defaultCompoments/index.d.ts +19 -0
- package/FormItem/compoments/formCheckboxGroup/index.d.ts +8 -0
- package/FormItem/compoments/formFile/index.d.ts +38 -0
- package/FormItem/compoments/formRadioGroup/index.d.ts +8 -0
- package/FormItem/compoments/formSelect/index.d.ts +18 -0
- package/FormItem/errorTips.d.ts +12 -0
- package/FormItem/index.d.ts +152 -0
- package/FormItem/index.js +14 -0
- package/FormItem/itemType.d.ts +42 -0
- package/FormItem/validateFunction.d.ts +15 -0
- package/FunctionModal/dialog.d.ts +58 -0
- package/FunctionModal/index.d.ts +8 -0
- package/FunctionModal/index.js +14 -0
- package/FunctionModal/modalContext.d.ts +14 -0
- package/GlobalContext/componentsProps.d.ts +19 -0
- package/GlobalContext/confirmLocale.d.ts +7 -0
- package/GlobalContext/index.d.ts +28 -0
- package/GlobalContext/index.js +16 -0
- package/GlobalContext/intl.d.ts +34 -0
- package/GlobalContext/useFormatMessage.d.ts +3 -0
- package/Help/index.d.ts +20 -0
- package/Help/index.js +15 -0
- package/HelperText/index.d.ts +19 -0
- package/HelperText/index.js +15 -0
- package/Hooks/useGlobalProps.d.ts +1 -0
- package/InputLang/index.d.ts +49 -0
- package/InputLang/index.js +14 -0
- package/InputNumber/index.d.ts +74 -0
- package/InputNumber/index.js +14 -0
- package/Label/index.d.ts +35 -0
- package/Label/index.js +14 -0
- package/Loading/index.d.ts +17 -0
- package/Loading/index.js +15 -0
- package/Menu/footerExpansion.d.ts +9 -0
- package/Menu/index.d.ts +10 -0
- package/Menu/index.js +14 -0
- package/Menu/interface.d.ts +139 -0
- package/Menu/logo.d.ts +9 -0
- package/Menu/verticalMenuList.d.ts +14 -0
- package/Message/index.d.ts +59 -0
- package/Message/index.js +15 -0
- package/Modal/Confirm/index.d.ts +66 -0
- package/Modal/index.d.ts +61 -0
- package/Modal/index.js +14 -0
- package/Modal/lang/en_US.d.ts +5 -0
- package/Modal/lang/index.d.ts +11 -0
- package/Modal/lang/zh_CN.d.ts +5 -0
- package/MultiBox/index.d.ts +54 -0
- package/MultiBox/index.js +14 -0
- package/Notification/index.d.ts +52 -0
- package/Notification/index.js +15 -0
- package/OperateBtn/index.d.ts +59 -0
- package/OperateBtn/index.js +14 -0
- package/OperateBtn/lang/en_US.d.ts +4 -0
- package/OperateBtn/lang/index.d.ts +9 -0
- package/OperateBtn/lang/zh_CN.d.ts +4 -0
- package/PageHeader/horizontalMeun.d.ts +9 -0
- package/PageHeader/horizontalMeunRight.d.ts +9 -0
- package/PageHeader/index.d.ts +10 -0
- package/PageHeader/index.js +14 -0
- package/PageHeader/interface.d.ts +167 -0
- package/Pagination/index.d.ts +33 -0
- package/Pagination/index.js +14 -0
- package/Pagination/lang/en_US.d.ts +8 -0
- package/Pagination/lang/index.d.ts +17 -0
- package/Pagination/lang/zh_CN.d.ts +8 -0
- package/ParauiProvider/index.d.ts +12 -0
- package/ParauiProvider/index.js +15 -0
- package/PopConfirm/index.d.ts +56 -0
- package/PopConfirm/index.js +14 -0
- package/PopConfirm/lang/en_US.d.ts +5 -0
- package/PopConfirm/lang/index.d.ts +11 -0
- package/PopConfirm/lang/zh_CN.d.ts +5 -0
- package/Popover/index.d.ts +14 -0
- package/Popover/index.js +15 -0
- package/Popper/index.d.ts +13 -0
- package/Popper/index.js +16 -0
- package/Progress/Line.d.ts +47 -0
- package/Progress/Steps.d.ts +17 -0
- package/Progress/index.d.ts +81 -0
- package/Progress/index.js +20 -0
- package/Progress/utils.d.ts +6 -0
- package/Querying/images/index.d.ts +2 -0
- package/Querying/index.d.ts +26 -0
- package/Querying/index.js +14 -0
- package/Querying/lang/en_US.d.ts +4 -0
- package/Querying/lang/index.d.ts +9 -0
- package/Querying/lang/zh_CN.d.ts +4 -0
- package/README.md +489 -0
- package/Radio/index.d.ts +38 -0
- package/Radio/index.js +14 -0
- package/RadioGroup/index.d.ts +47 -0
- package/RadioGroup/index.js +14 -0
- package/Search/index.d.ts +56 -0
- package/Search/index.js +14 -0
- package/Select/index.d.ts +86 -0
- package/Select/index.js +14 -0
- package/Select/lang/en_US.d.ts +5 -0
- package/Select/lang/index.d.ts +11 -0
- package/Select/lang/zh_CN.d.ts +5 -0
- package/SelectInput/index.d.ts +11 -0
- package/SelectInput/index.js +14 -0
- package/SingleBox/index.d.ts +42 -0
- package/SingleBox/index.js +14 -0
- package/Slider/index.d.ts +14 -0
- package/Slider/index.js +15 -0
- package/Slider/interface.d.ts +102 -0
- package/Split/index.d.ts +7 -0
- package/Split/index.js +15 -0
- package/Stepper/icons.d.ts +5 -0
- package/Stepper/index.d.ts +39 -0
- package/Stepper/index.js +15 -0
- package/Switch/index.d.ts +78 -0
- package/Switch/index.js +14 -0
- package/Table/index.d.ts +10 -0
- package/Table/index.js +14 -0
- package/Table/interface.d.ts +202 -0
- package/Table/lang/en_US.d.ts +6 -0
- package/Table/lang/index.d.ts +13 -0
- package/Table/lang/zh_CN.d.ts +6 -0
- package/Table/tableBody.d.ts +9 -0
- package/Table/tableBodyElement/index.d.ts +15 -0
- package/Table/tableBodyInterface.d.ts +67 -0
- package/Table/tableContainer/index.d.ts +16 -0
- package/Table/tableElement/index.d.ts +17 -0
- package/Table/tableHead.d.ts +9 -0
- package/Table/tableHeadElement/index.d.ts +15 -0
- package/Table/tableHeadInterface.d.ts +30 -0
- package/Table/tablePagination.d.ts +9 -0
- package/Table/tablePaginationInterFace.d.ts +24 -0
- package/Table/tdElement/index.d.ts +15 -0
- package/Table/thElement/index.d.ts +15 -0
- package/Table/trElement/index.d.ts +15 -0
- package/Table/util.d.ts +16 -0
- package/Tabs/index.d.ts +48 -0
- package/Tabs/index.js +14 -0
- package/Tag/TagGroup.d.ts +66 -0
- package/Tag/index.d.ts +34 -0
- package/Tag/index.js +14 -0
- package/Test/index.d.ts +2 -0
- package/Test/index.js +16 -0
- package/TextField/index.d.ts +93 -0
- package/TextField/index.js +14 -0
- package/TimePicker/index.d.ts +22 -0
- package/TimePicker/index.js +14 -0
- package/TimePicker/locale/en_US.d.ts +3 -0
- package/TimePicker/locale/zh_CN.d.ts +3 -0
- package/TimePicker/style/index.d.ts +1 -0
- package/Timeline/index.d.ts +22 -0
- package/Timeline/index.js +15 -0
- package/ToggleButton/ToggleButtonGroup.d.ts +49 -0
- package/ToggleButton/index.d.ts +49 -0
- package/ToggleButton/index.js +14 -0
- package/Tooltip/index.d.ts +14 -0
- package/Tooltip/index.js +15 -0
- package/Transfer/index.d.ts +17 -0
- package/Transfer/index.js +14 -0
- package/Transfer/lang/en_US.d.ts +6 -0
- package/Transfer/lang/index.d.ts +13 -0
- package/Transfer/lang/zh_CN.d.ts +6 -0
- package/Tree/OperateBar/index.d.ts +13 -0
- package/Tree/Tree.d.ts +4 -0
- package/Tree/index.d.ts +5 -0
- package/Tree/index.js +14 -0
- package/Tree/interface.d.ts +207 -0
- package/Tree/lang/en_US.d.ts +8 -0
- package/Tree/lang/index.d.ts +17 -0
- package/Tree/lang/zh_CN.d.ts +8 -0
- package/Tree/utils/closestPolyfill.d.ts +0 -0
- package/Tree/utils/tools.d.ts +26 -0
- package/Tree/utils/treeUtil.d.ts +15 -0
- package/Upload/Dragger/index.d.ts +10 -0
- package/Upload/ErroTip/index.d.ts +13 -0
- package/Upload/ImageUpload/index.d.ts +14 -0
- package/Upload/ImgCrop/EasyCrop.d.ts +17 -0
- package/Upload/ImgCrop/constants.d.ts +7 -0
- package/Upload/ImgCrop/index.d.ts +6 -0
- package/Upload/ImgCrop/interface.d.ts +24 -0
- package/Upload/UploadList/index.d.ts +5 -0
- package/Upload/index.d.ts +15 -0
- package/Upload/index.js +14 -0
- package/Upload/interface.d.ts +134 -0
- package/Upload/lang/en_US.d.ts +12 -0
- package/Upload/lang/index.d.ts +25 -0
- package/Upload/lang/zh_CN.d.ts +12 -0
- package/cdn/AutoBox/index.js +29 -0
- package/cdn/AutoTips/index.js +40 -0
- package/cdn/Breadcrumbs/index.js +53 -0
- package/cdn/Button/index.js +79 -0
- package/cdn/ButtonGroup/index.js +79 -0
- package/cdn/Carousel/index.js +6 -0
- package/cdn/Cascader/index.js +42 -0
- package/cdn/Checkbox/index.js +53 -0
- package/cdn/CheckboxGroup/index.js +53 -0
- package/cdn/Collapse/index.js +27 -0
- package/cdn/CollapseBox/index.js +1 -0
- package/cdn/ColorPicker/index.js +1 -0
- package/cdn/ComboSelect/index.js +438 -0
- package/cdn/Container/index.js +1 -0
- package/cdn/DatePicker/index.js +185 -0
- package/cdn/Desktop/index.js +24 -0
- package/cdn/Drawer/index.js +84 -0
- package/cdn/Empty/index.js +1 -0
- package/cdn/Form/index.js +477 -0
- package/cdn/FormItem/index.js +477 -0
- package/cdn/FunctionModal/index.js +144 -0
- package/cdn/GlobalContext/index.js +1 -0
- package/cdn/Help/index.js +53 -0
- package/cdn/HelperText/index.js +1 -0
- package/cdn/InputLang/index.js +144 -0
- package/cdn/InputNumber/index.js +118 -0
- package/cdn/Label/index.js +53 -0
- package/cdn/Loading/index.js +14 -0
- package/cdn/Menu/index.js +40 -0
- package/cdn/Message/index.js +53 -0
- package/cdn/Modal/index.js +144 -0
- package/cdn/MultiBox/index.js +131 -0
- package/cdn/Notification/index.js +66 -0
- package/cdn/OperateBtn/index.js +92 -0
- package/cdn/PageHeader/index.js +92 -0
- package/cdn/Pagination/index.js +214 -0
- package/cdn/ParauiProvider/index.js +9 -0
- package/cdn/PopConfirm/index.js +131 -0
- package/cdn/Popover/index.js +16 -0
- package/cdn/Popper/index.js +26 -0
- package/cdn/Progress/index.js +58 -0
- package/cdn/Querying/index.js +1 -0
- package/cdn/Radio/index.js +53 -0
- package/cdn/RadioGroup/index.js +53 -0
- package/cdn/Search/index.js +144 -0
- package/cdn/Select/index.js +131 -0
- package/cdn/SelectInput/index.js +131 -0
- package/cdn/SingleBox/index.js +131 -0
- package/cdn/Slider/index.js +16 -0
- package/cdn/Split/index.js +1 -0
- package/cdn/Stepper/index.js +154 -0
- package/cdn/Switch/index.js +71 -0
- package/cdn/Table/index.js +292 -0
- package/cdn/Tabs/index.js +165 -0
- package/cdn/Tag/index.js +27 -0
- package/cdn/Test/index.js +1 -0
- package/cdn/TextField/index.js +105 -0
- package/cdn/TimePicker/index.js +185 -0
- package/cdn/Timeline/index.js +16 -0
- package/cdn/ToggleButton/index.js +79 -0
- package/cdn/Tooltip/index.js +40 -0
- package/cdn/Transfer/index.js +170 -0
- package/cdn/Tree/index.js +170 -0
- package/cdn/Upload/index.js +252 -0
- package/index.d.ts +128 -0
- package/index.js +19 -0
- package/package.json +21 -21
- package/style.css +72 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author linhd
|
|
3
|
+
* @date 2021/8/9 16:16
|
|
4
|
+
* @description 超出自适应盒子
|
|
5
|
+
*/
|
|
6
|
+
import React, { FunctionComponent, ReactNode } from 'react';
|
|
7
|
+
import './index.scss';
|
|
8
|
+
export interface AutoBoxProps {
|
|
9
|
+
/** 样式class */
|
|
10
|
+
className?: string;
|
|
11
|
+
/** style */
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
/** list选项 */
|
|
14
|
+
list?: any[];
|
|
15
|
+
/** 指定渲染几项,存在这个参数,则不自适应 */
|
|
16
|
+
showNum?: number;
|
|
17
|
+
/** 下拉框样式 */
|
|
18
|
+
popoverClassName?: string;
|
|
19
|
+
/** 自定义更多内容 */
|
|
20
|
+
moreCustomize?: ReactNode;
|
|
21
|
+
/** 隐藏更多按钮 */
|
|
22
|
+
hideMore?: boolean;
|
|
23
|
+
/** 打开下拉框 */
|
|
24
|
+
openMore?: boolean;
|
|
25
|
+
/** 定位元素 */
|
|
26
|
+
anchorEl?: any;
|
|
27
|
+
/** 关闭弹窗 */
|
|
28
|
+
onCloseMore?: () => void;
|
|
29
|
+
/** 显示更多 */
|
|
30
|
+
onShowMore?: (bol: boolean) => void;
|
|
31
|
+
[name: string]: any;
|
|
32
|
+
}
|
|
33
|
+
export declare const AutoBox: FunctionComponent<AutoBoxProps>;
|
|
34
|
+
export default AutoBox;
|
package/AutoBox/index.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core"),require("@para-ui/icons/More"),require("@paraview/lib")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","@para-ui/icons/More","@paraview/lib"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core"),require("@para-ui/icons/More"),require("@paraview/lib")):e.ParaUI=t(e.react,e["@material-ui/core"],e["@para-ui/icons/More"],e["@paraview/lib"])}(self,(function(e,t,r,n){return function(){var o={7388:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-auto-box{width:100%;white-space:nowrap;overflow:hidden}.paraui-auto-box>.auto-box-more{display:inline-block;height:100%;cursor:pointer}.paraui-auto-box-popover .auto-box-popover-content{display:flex;flex-direction:column}",""]),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},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]||"",n=e[3];if(!n)return r;if(t&&"function"==typeof btoa){var o=(a=n,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),i=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[r].concat(i).concat([o]).join("\n")}var a,c,u;return[r].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&o[u[0]]||(r&&(u[2]?u[2]="".concat(r," and ").concat(u[2]):u[2]=r),t.push(u))}},t}},7418:function(e){"use strict";
|
|
2
|
+
/*
|
|
3
|
+
object-assign
|
|
4
|
+
(c) Sindre Sorhus
|
|
5
|
+
@license MIT
|
|
6
|
+
*/var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,c,u=o(e),s=1;s<arguments.length;s++){for(var l in a=Object(arguments[s]))r.call(a,l)&&(u[l]=a[l]);if(t){c=t(a);for(var f=0;f<c.length;f++)n.call(a,c[f])&&(u[c[f]]=a[c[f]])}}return u}},5251:function(e,t,r){"use strict";
|
|
7
|
+
/** @license React v17.0.2
|
|
8
|
+
* react-jsx-runtime.production.min.js
|
|
9
|
+
*
|
|
10
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the MIT license found in the
|
|
13
|
+
* LICENSE file in the root directory of this source tree.
|
|
14
|
+
*/
|
|
15
|
+
r(7418);var n=r(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var n,i={},s=null,l=null;for(n in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(l=t.ref),t)c.call(t,n)&&!u.hasOwnProperty(n)&&(i[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===i[n]&&(i[n]=t[n]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:a.current}}t.jsx=s,t.jsxs=s},5893:function(e,t,r){"use strict";e.exports=r(5251)},1519:function(e,t,r){var n=r(3379),o=r(7388);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},8939:function(e,t,r){var n=r(3379),o=r(5845);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},3379:function(e,t,r){"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},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]}}(),a=[];function c(e){for(var t=-1,r=0;r<a.length;r++)if(a[r].identifier===e){t=r;break}return t}function u(e,t){for(var r={},n=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=r[u]||0,l="".concat(u," ").concat(s);r[u]=s+1;var f=c(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:m(p,t),references:1}),n.push(l)}return n}function s(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=r.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function p(e,t,r,n){var o=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t,r){var n=r.css,o=r.media,i=r.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var v=null,b=0;function m(e,t){var r,n,o;if(t.singleton){var i=b++;r=v||(v=s(t)),n=p.bind(null,r,i,!1),o=p.bind(null,r,i,!0)}else r=s(t),n=d.bind(null,r,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var r=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<r.length;n++){var o=c(r[n]);a[o].references--}for(var i=u(e,t),s=0;s<r.length;s++){var l=c(r[s]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}r=i}}}},7083:function(e,t,r){"use strict";var n=r(5893),o=r(670),i=(r(8939),function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)}),a=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r};t.default=function(e){var t,r=e.className,c=e.children,u=e.classes,s=e.style,l=a(e,["className","children","classes","style"]);return(0,n.jsx)(o.Popover,i({style:i({zIndex:1300},s),className:(t="paraui-popover",r&&(t+=" "+r),t),classes:{paper:u?"paraui-popover-paper ".concat(u):"paraui-popover-paper"}},l,{children:c}))}},670:function(e){"use strict";e.exports=t},7037:function(e){"use strict";e.exports=r},8543:function(e){"use strict";e.exports=n},8156:function(t){"use strict";t.exports=e}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={id:e,exports:{}};return o[e](r,r.exports,a),r.exports}a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.nc=void 0;var c={};return function(){"use strict";a.r(c),a.d(c,{AutoBox:function(){return s}});var e=a(5893),t=a(8156),r=a(7083),n=a(7037),o=a.n(n),i=a(8543),u=(a(1519),function(){return u=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},u.apply(this,arguments)}),s=function(n){var a=n.className,c=n.list,s=void 0===c?[]:c,l=n.popoverClassName,f=n.moreCustomize,p=n.anchorEl,d=n.hideMore,v=void 0!==d&&d,b=n.showNum,m=n.onCloseMore,h=n.onShowMore,y=n.style,g=(0,t.useState)("auto-box-"+(0,i.UUID)())[0],x=(0,t.useState)(null),j=x[0],O=x[1],w=(0,t.useState)(!1),S=w[0],E=w[1],_=(0,t.useState)(null),M=_[0],N=_[1],C=(0,t.useState)({})[0],P=(0,t.useRef)();(0,t.useEffect)((function(){void 0!==n.openMore&&E(n.openMore)}),[n.openMore]),(0,t.useEffect)((function(){p&&N(p)}),[p]),(0,t.useEffect)((function(){if(void 0===n.showNum)return k(),window.addEventListener("resize",k),function(){window.removeEventListener("resize",k),clearTimeout(C.timer)}}),[s]),(0,t.useEffect)((function(){void 0!==b&&(O(b),window.removeEventListener("resize",k))}),[b]),(0,t.useEffect)((function(){null!==j&&s.length>j?h&&h(!0):h&&h(!1)}),[s,j,h]);var T,I=function(){E(!1),m&&m()},q=function(e){E(!0),N(P.current)},R=function(e){if(null!==e&&0!==e){void 0===e&&(e=s.length);var t=document.querySelector("."+g);if(t)if(t.scrollWidth>t.clientWidth){var r=Number(e)-1;O(r),R(r)}else s.length<=e&&I()}},k=function(){clearTimeout(C.timer),I(),C.timer=setTimeout((function(){O(s.length),R()}),100)},L=(0,t.useMemo)((function(){return S&&(0,e.jsx)(r.default,u({open:S,anchorEl:M,onClose:I,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},className:(n="auto-box-popover paraui-auto-box-popover",l&&(n+=" "+l),n)},{children:(0,e.jsx)("div",u({className:"auto-box-popover-content"},{children:s&&s.map((function(r,n){return null!==j&&j>n?null:(0,e.jsx)(t.Fragment,{children:r},n)}))}))}));var n}),[S,M,s,j,l]);return(0,e.jsxs)("div",u({className:(T="auto-box paraui-auto-box",g&&(T+=" "+g),a&&(T+=" "+a),T),style:y},{children:[s.map((function(r,n){return null!==j&&j<=n?null:(0,e.jsx)(t.Fragment,{children:r},n)})),function(){if(null!==j&&s.length>j&&!v)return(0,e.jsx)("div",u({className:"auto-box-more",ref:P,onClick:q},{children:f||(0,e.jsx)(o(),{})}))}(),L]}))};c.default=s}(),c}()}));
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author linhd
|
|
3
|
+
* @date 2021/8/9 15:15
|
|
4
|
+
* @description 超出...
|
|
5
|
+
*/
|
|
6
|
+
import React, { FunctionComponent } from 'react';
|
|
7
|
+
import './index.scss';
|
|
8
|
+
export interface AutoTipsProps {
|
|
9
|
+
/** 样式class */
|
|
10
|
+
className?: string;
|
|
11
|
+
/** style */
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
/** 超出显示的内容 */
|
|
14
|
+
tips?: React.ReactNode;
|
|
15
|
+
/** 文字下拉提示箭头 */
|
|
16
|
+
arrow?: boolean;
|
|
17
|
+
/** 显示文字还是元素 */
|
|
18
|
+
beyondText?: boolean;
|
|
19
|
+
/** 定位方向 */
|
|
20
|
+
placement?: "top-start" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top" | undefined;
|
|
21
|
+
/** interactive */
|
|
22
|
+
interactive?: boolean;
|
|
23
|
+
children?: any;
|
|
24
|
+
[name: string]: any;
|
|
25
|
+
}
|
|
26
|
+
declare const AutoTips: FunctionComponent<AutoTipsProps>;
|
|
27
|
+
export default AutoTips;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core"),require("clsx")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core"),require("clsx")):e.ParaUI=t(e.react,e["@material-ui/core"],e.clsx)}(self,(function(e,t,r){return function(){var n={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},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]||"",n=e[3];if(!n)return r;if(t&&"function"==typeof btoa){var o=(a=n,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),i=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[r].concat(i).concat([o]).join("\n")}var a,c,u;return[r].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&o[u[0]]||(r&&(u[2]?u[2]="".concat(r," and ").concat(u[2]):u[2]=r),t.push(u))}},t}},7418:function(e){"use strict";
|
|
2
|
+
/*
|
|
3
|
+
object-assign
|
|
4
|
+
(c) Sindre Sorhus
|
|
5
|
+
@license MIT
|
|
6
|
+
*/var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,c,u=o(e),s=1;s<arguments.length;s++){for(var l in a=Object(arguments[s]))r.call(a,l)&&(u[l]=a[l]);if(t){c=t(a);for(var f=0;f<c.length;f++)n.call(a,c[f])&&(u[c[f]]=a[c[f]])}}return u}},5251:function(e,t,r){"use strict";
|
|
7
|
+
/** @license React v17.0.2
|
|
8
|
+
* react-jsx-runtime.production.min.js
|
|
9
|
+
*
|
|
10
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the MIT license found in the
|
|
13
|
+
* LICENSE file in the root directory of this source tree.
|
|
14
|
+
*/
|
|
15
|
+
r(7418);var n=r(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var n,i={},s=null,l=null;for(n in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(l=t.ref),t)c.call(t,n)&&!u.hasOwnProperty(n)&&(i[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===i[n]&&(i[n]=t[n]);return{$$typeof:o,type:e,key:s,ref:l,props:i,_owner:a.current}}t.jsx=s},5893:function(e,t,r){"use strict";e.exports=r(5251)},9271:function(e,t,r){var n=r(3379),o=r(2565);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},2310:function(e,t,r){var n=r(3379),o=r(9929);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},3379:function(e,t,r){"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},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]}}(),a=[];function c(e){for(var t=-1,r=0;r<a.length;r++)if(a[r].identifier===e){t=r;break}return t}function u(e,t){for(var r={},n=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],s=r[u]||0,l="".concat(u," ").concat(s);r[u]=s+1;var f=c(l),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(p)):a.push({identifier:l,updater:b(p,t),references:1}),n.push(l)}return n}function s(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=r.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function p(e,t,r,n){var o=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t,r){var n=r.css,o=r.media,i=r.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var v=null,m=0;function b(e,t){var r,n,o;if(t.singleton){var i=m++;r=v||(v=s(t)),n=p.bind(null,r,i,!1),o=p.bind(null,r,i,!0)}else r=s(t),n=d.bind(null,r,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var r=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<r.length;n++){var o=c(r[n]);a[o].references--}for(var i=u(e,t),s=0;s<r.length;s++){var l=c(r[s]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}r=i}}}},7371:function(e,t,r){"use strict";var n=r(5893),o=r(670),i=r(5744),a=r.n(i),c=(r(2310),function(){return c=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)}),u=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r};t.default=function(e){var t,r=e.placement,i=void 0===r?"top-start":r,s=e.className,l=e.arrow,f=void 0===l||l,p=e.PopperProps,d=e.boundariesElement,v=void 0===d?"scrollParent":d,m=u(e,["placement","className","arrow","PopperProps","boundariesElement"]),b=c(c({},e.classes),{popper:a()("paraui-tooltip",s,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,n.jsx)(o.Tooltip,c({},m,{enterTouchDelay:0,arrow:f,placement:i,classes:b,PopperProps:c(c({},p),{modifiers:{preventOverflow:{boundariesElement:v}}})}))}},670:function(e){"use strict";e.exports=t},5744:function(e){"use strict";e.exports=r},8156:function(t){"use strict";t.exports=e}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={id:e,exports:{}};return n[e](r,r.exports,i),r.exports}i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.nc=void 0;var a={};return function(){"use strict";i.r(a);var e=i(5893),t=i(8156),r=i(7371),n=(i(9271),function(){return n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)});a.default=function(o){var i=o.children,a=o.arrow,c=void 0!==a&&a,u=o.placement,s=void 0===u?"bottom-start":u,l=o.tips,f=void 0===l?"":l,p=o.className,d=void 0===p?"":p,v=o.beyondText,m=void 0===v||v,b=o.interactive,y=void 0===b||b,h=o.style,g=(0,t.useRef)(),O=(0,t.useState)(""),w=O[0],x=O[1];(0,t.useEffect)((function(){x(f)}),[f]);var j;return(0,e.jsx)("div",n({ref:g,className:(j="paraui-auto-tips",d&&(j+=" "+d),j),onMouseOver:function(){var e="";g.current&&g.current.scrollWidth>g.current.offsetWidth&&(e=f||(m?g.current.innerText:i)),x(e)},style:h},{children:(0,e.jsx)(r.default,n({arrow:c,title:w,placement:s,interactive:y,boundariesElement:"viewport",className:"paraui-auto-tips-tooltip"},{children:(0,e.jsx)("div",n({className:"auto-tips-content"},{children:i}))}))}))}}(),a}()}));
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author linhd
|
|
3
|
+
* @date 2021/8/3 10:59
|
|
4
|
+
* @description 面包屑
|
|
5
|
+
*/
|
|
6
|
+
import React, { FunctionComponent, ReactNode } from 'react';
|
|
7
|
+
import './index.scss';
|
|
8
|
+
export interface listOptions {
|
|
9
|
+
/** 每一项显示名 */
|
|
10
|
+
label: ReactNode;
|
|
11
|
+
/** 每一项最大宽度 */
|
|
12
|
+
maxWidth?: string;
|
|
13
|
+
/** 是否可点击 */
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
[name: string]: any;
|
|
16
|
+
}
|
|
17
|
+
export interface BreadcrumbsProps {
|
|
18
|
+
/** 样式class */
|
|
19
|
+
className?: string;
|
|
20
|
+
/** style */
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
/** 每一项最大宽度 */
|
|
23
|
+
maxWidth?: string;
|
|
24
|
+
/** 初始化数据 */
|
|
25
|
+
list: listOptions[];
|
|
26
|
+
/** 中间符号 */
|
|
27
|
+
separator?: string;
|
|
28
|
+
/** 弹出框样式class */
|
|
29
|
+
popoverClassName?: string;
|
|
30
|
+
/** 是否收缩 */
|
|
31
|
+
isShrink?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* 点击菜单
|
|
34
|
+
* @param ops 当前点击菜单数据
|
|
35
|
+
*/
|
|
36
|
+
onClickItem?: (ops: listOptions) => void;
|
|
37
|
+
}
|
|
38
|
+
export declare const Breadcrumbs: FunctionComponent<BreadcrumbsProps>;
|
|
39
|
+
export default Breadcrumbs;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/More"),require("@paraview/lib")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx","@para-ui/icons/More","@paraview/lib"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/More"),require("@paraview/lib")):e.ParaUI=r(e.react,e["@material-ui/core"],e.clsx,e["@para-ui/icons/More"],e["@paraview/lib"])}(self,(function(e,r,t,n,o){return function(){var i={2565:function(e,r,t){(r=t(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=r},4044:function(e,r,t){(r=t(3645)(!1)).push([e.id,".paraui-breadcrumbs{display:inline-block;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;line-height:0;height:17px}.paraui-breadcrumbs.paraui-breadcrumbs-shrink{white-space:nowrap}.paraui-breadcrumbs>div{display:inline-block;line-height:17px;vertical-align:middle;color:rgba(46,55,67,.7)}.paraui-breadcrumbs>div svg{font-size:14px;vertical-align:middle;color:rgba(46,55,67,.7)}.paraui-breadcrumbs>div span{display:inline-block;line-height:0;vertical-align:middle;color:rgba(46,55,67,.7)}.paraui-breadcrumbs>div .paraui-auto-tips{line-height:0}.paraui-breadcrumbs>div .paraui-auto-tips .auto-tips-content{line-height:17px}.paraui-breadcrumbs>div .paraui-auto-tips span{line-height:17px}.paraui-breadcrumbs>.breadcrumbs-separator{user-select:none;margin:0 8px}.paraui-breadcrumbs>.breadcrumbs-item-click{cursor:pointer}.paraui-breadcrumbs>.breadcrumbs-item-click:hover{color:#3666d6}.paraui-breadcrumbs>.breadcrumbs-item-click:hover svg{color:#3666d6}.paraui-breadcrumbs>.breadcrumbs-item-click:hover span{color:#3666d6}.paraui-breadcrumbs>.breadcrumbs-item-disabled{color:rgba(46,55,67,.4)}.paraui-breadcrumbs>.more-breadcrumbs{cursor:pointer}.paraui-breadcrumbs>.current-breadcrumbs{color:rgba(46,55,67,.7);font-weight:700}.paraui-breadcrumbs-popover>.paraui-popover-paper{margin-top:8px;padding:0 12px;height:36px;line-height:36px;display:flex;align-items:center}",""]),e.exports=r},5845:function(e,r,t){(r=t(3645)(!1)).push([e.id,".paraui-popover-paper{box-shadow:0px 2px 8px 0px rgba(171,176,185,.4)}",""]),e.exports=r},9929:function(e,r,t){(r=t(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=r},3645:function(e){"use strict";e.exports=function(e){var r=[];return r.toString=function(){return this.map((function(r){var t=function(e,r){var t=e[1]||"",n=e[3];if(!n)return t;if(r&&"function"==typeof btoa){var o=(a=n,s=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(c," */")),i=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[t].concat(i).concat([o]).join("\n")}var a,s,c;return[t].join("\n")}(r,e);return r[2]?"@media ".concat(r[2]," {").concat(t,"}"):t})).join("")},r.i=function(e,t,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);n&&o[c[0]]||(t&&(c[2]?c[2]="".concat(t," and ").concat(c[2]):c[2]=t),r.push(c))}},r}},7418:function(e){"use strict";
|
|
2
|
+
/*
|
|
3
|
+
object-assign
|
|
4
|
+
(c) Sindre Sorhus
|
|
5
|
+
@license MIT
|
|
6
|
+
*/var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,s,c=o(e),u=1;u<arguments.length;u++){for(var l in a=Object(arguments[u]))t.call(a,l)&&(c[l]=a[l]);if(r){s=r(a);for(var p=0;p<s.length;p++)n.call(a,s[p])&&(c[s[p]]=a[s[p]])}}return c}},5251:function(e,r,t){"use strict";
|
|
7
|
+
/** @license React v17.0.2
|
|
8
|
+
* react-jsx-runtime.production.min.js
|
|
9
|
+
*
|
|
10
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the MIT license found in the
|
|
13
|
+
* LICENSE file in the root directory of this source tree.
|
|
14
|
+
*/
|
|
15
|
+
t(7418);var n=t(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function u(e,r,t){var n,i={},u=null,l=null;for(n in void 0!==t&&(u=""+t),void 0!==r.key&&(u=""+r.key),void 0!==r.ref&&(l=r.ref),r)s.call(r,n)&&!c.hasOwnProperty(n)&&(i[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===i[n]&&(i[n]=r[n]);return{$$typeof:o,type:e,key:u,ref:l,props:i,_owner:a.current}}r.jsx=u,r.jsxs=u},5893:function(e,r,t){"use strict";e.exports=t(5251)},9271:function(e,r,t){var n=t(3379),o=t(2565);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},4047:function(e,r,t){var n=t(3379),o=t(4044);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},8939:function(e,r,t){var n=t(3379),o=t(5845);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},2310:function(e,r,t){var n=t(3379),o=t(9929);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};n(o,i);e.exports=o.locals||{}},3379:function(e,r,t){"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},i=function(){var e={};return function(r){if(void 0===e[r]){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[r]=t}return e[r]}}(),a=[];function s(e){for(var r=-1,t=0;t<a.length;t++)if(a[t].identifier===e){r=t;break}return r}function c(e,r){for(var t={},n=[],o=0;o<e.length;o++){var i=e[o],c=r.base?i[0]+r.base:i[0],u=t[c]||0,l="".concat(c," ").concat(u);t[c]=u+1;var p=s(l),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==p?(a[p].references++,a[p].updater(d)):a.push({identifier:l,updater:v(d,r),references:1}),n.push(l)}return n}function u(e){var r=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=t.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){r.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(r);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(r)}return r}var l,p=(l=[],function(e,r){return l[e]=r,l.filter(Boolean).join("\n")});function d(e,r,t,n){var o=t?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=p(r,o);else{var i=document.createTextNode(o),a=e.childNodes;a[r]&&e.removeChild(a[r]),a.length?e.insertBefore(i,a[r]):e.appendChild(i)}}function f(e,r,t){var n=t.css,o=t.media,i=t.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var b=null,m=0;function v(e,r){var t,n,o;if(r.singleton){var i=m++;t=b||(b=u(r)),n=d.bind(null,t,i,!1),o=d.bind(null,t,i,!0)}else t=u(r),n=f.bind(null,t,r),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return n(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;n(e=r)}else o()}}e.exports=function(e,r){(r=r||{}).singleton||"boolean"==typeof r.singleton||(r.singleton=o());var t=c(e=e||[],r);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<t.length;n++){var o=s(t[n]);a[o].references--}for(var i=c(e,r),u=0;u<t.length;u++){var l=s(t[u]);0===a[l].references&&(a[l].updater(),a.splice(l,1))}t=i}}}},7839:function(e,r,t){"use strict";var n=t(5893),o=t(8156),i=t(7371),a=(t(9271),function(){return a=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},a.apply(this,arguments)});r.default=function(e){var r=e.children,t=e.arrow,s=void 0!==t&&t,c=e.placement,u=void 0===c?"bottom-start":c,l=e.tips,p=void 0===l?"":l,d=e.className,f=void 0===d?"":d,b=e.beyondText,m=void 0===b||b,v=e.interactive,h=void 0===v||v,y=e.style,g=(0,o.useRef)(),x=(0,o.useState)(""),j=x[0],w=x[1];(0,o.useEffect)((function(){w(p)}),[p]);var O;return(0,n.jsx)("div",a({ref:g,className:(O="paraui-auto-tips",f&&(O+=" "+f),O),onMouseOver:function(){var e="";g.current&&g.current.scrollWidth>g.current.offsetWidth&&(e=p||(m?g.current.innerText:r)),w(e)},style:y},{children:(0,n.jsx)(i.default,a({arrow:s,title:j,placement:u,interactive:h,boundariesElement:"viewport",className:"paraui-auto-tips-tooltip"},{children:(0,n.jsx)("div",a({className:"auto-tips-content"},{children:r}))}))}))}},7083:function(e,r,t){"use strict";var n=t(5893),o=t(670),i=(t(8939),function(){return i=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},i.apply(this,arguments)}),a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t};r.default=function(e){var r,t=e.className,s=e.children,c=e.classes,u=e.style,l=a(e,["className","children","classes","style"]);return(0,n.jsx)(o.Popover,i({style:i({zIndex:1300},u),className:(r="paraui-popover",t&&(r+=" "+t),r),classes:{paper:c?"paraui-popover-paper ".concat(c):"paraui-popover-paper"}},l,{children:s}))}},7371:function(e,r,t){"use strict";var n=t(5893),o=t(670),i=t(5744),a=t.n(i),s=(t(2310),function(){return s=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},s.apply(this,arguments)}),c=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t};r.default=function(e){var r,t=e.placement,i=void 0===t?"top-start":t,u=e.className,l=e.arrow,p=void 0===l||l,d=e.PopperProps,f=e.boundariesElement,b=void 0===f?"scrollParent":f,m=c(e,["placement","className","arrow","PopperProps","boundariesElement"]),v=s(s({},e.classes),{popper:a()("paraui-tooltip",u,null===(r=e.classes)||void 0===r?void 0:r.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,n.jsx)(o.Tooltip,s({},m,{enterTouchDelay:0,arrow:p,placement:i,classes:v,PopperProps:s(s({},d),{modifiers:{preventOverflow:{boundariesElement:b}}})}))}},670:function(e){"use strict";e.exports=r},7037:function(e){"use strict";e.exports=n},8543:function(e){"use strict";e.exports=o},5744:function(e){"use strict";e.exports=t},8156:function(r){"use strict";r.exports=e}},a={};function s(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={id:e,exports:{}};return i[e](t,t.exports,s),t.exports}s.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(r,{a:r}),r},s.d=function(e,r){for(var t in r)s.o(r,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},s.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.nc=void 0;var c={};return function(){"use strict";s.r(c),s.d(c,{Breadcrumbs:function(){return p}});var e=s(5893),r=s(8156),t=s(7083),n=s(7839),o=s(7037),i=s.n(o),a=s(8543),u=(s(4047),function(){return u=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},u.apply(this,arguments)}),l=function(e,r,t){if(t||2===arguments.length)for(var n,o=0,i=r.length;o<i;o++)!n&&o in r||(n||(n=Array.prototype.slice.call(r,0,o)),n[o]=r[o]);return e.concat(n||Array.prototype.slice.call(r))},p=function(o){var s=o.maxWidth,c=void 0===s?"":s,p=o.className,d=o.list,f=o.separator,b=void 0===f?"/":f,m=o.popoverClassName,v=o.isShrink,h=void 0===v||v,y=o.onClickItem,g=o.style,x=(0,r.useState)("breadcrumbs-"+(0,a.UUID)())[0],j=(0,r.useState)([]),w=j[0],O=j[1],S=(0,r.useState)(0),N=S[0],P=S[1],_=(0,r.useState)(!1),k=_[0],E=_[1],C=(0,r.useState)({})[0],M=(0,r.useRef)();(0,r.useEffect)((function(){setTimeout((function(){var e=document.querySelector("."+x);e&&P(e.offsetWidth)})),O(l([],d,!0))}),[d]),(0,r.useEffect)((function(){return h?(setTimeout((function(){T()})),window.addEventListener("resize",T)):window.removeEventListener("resize",T),function(){window.removeEventListener("resize",T)}}),[w,N,h]);var T=function(){if(!(d.length<=2||0===N)){var e=document.querySelector("."+x);if(e&&N)if(e.parentNode&&e.parentNode.offsetWidth>=N){if(!C.scroll)return;C.scroll=!1,O(l([],d,!0)),E(!1)}else{if(C.scroll)return;C.scroll=!0;var r=[];r.push(d[0]),r.push({more:"more-breadcrumbs"}),r.push(d[d.length-1]),O(l([],r,!0))}}},q=function(e){return function(){e.disabled||("more-breadcrumbs"===e.more?E(!0):y&&y(e))}},I=function(){E(!1)},R=function(){var e="paraui-breadcrumbs "+x;return h&&(e+=" paraui-breadcrumbs-shrink"),p&&(e+=" "+p),e},L=function(e,r,t){var n=" breadcrumbs-item";return r===t.length-1&&(n+=" current-breadcrumbs"),e.disabled?n+=" breadcrumbs-item-disabled":n+=" breadcrumbs-item-click",n},U=(0,r.useMemo)((function(){return k&&(0,e.jsx)(t.default,u({open:k,anchorEl:M.current,onClose:I,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},className:(n="paraui-breadcrumbs-popover",m&&(n+=" "+m),n)},{children:(0,e.jsx)("div",u({className:R()},{children:d.map((function(t,n){var o=d.length-1!==n;return(0,e.jsxs)(r.Fragment,{children:[(0,e.jsx)("div",u({onClick:q(t),className:L(t,n,d)},{children:t.label})),o&&(0,e.jsx)("div",u({className:"breadcrumbs-separator"},{children:b}))]},n)}))}))}));var n}),[k,M,b,d,m]),W=function(e){var r={};return c&&(r.maxWidth=c),e.maxWidth&&(r.maxWidth=e.maxWidth),r};return(0,e.jsxs)("div",u({className:R(),style:g,ref:M},{children:[w.map((function(t,o){var a=w.length-1!==o;return"more-breadcrumbs"===t.more?(0,e.jsxs)(r.Fragment,{children:[(0,e.jsx)("div",u({onClick:q(t),className:"more-breadcrumbs"},{children:(0,e.jsx)(i(),{})})),a&&(0,e.jsx)("div",u({className:"breadcrumbs-separator"},{children:b}))]},o):(0,e.jsxs)(r.Fragment,{children:[(0,e.jsx)("div",u({style:W(t),onClick:q(t),className:L(t,o,w)},{children:(0,e.jsx)(n.default,{children:t.label})})),a&&(0,e.jsx)("div",u({className:"breadcrumbs-separator"},{children:b}))]},o)})),U]}))};c.default=p}(),c}()}));
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author Hanz
|
|
3
|
+
* @date 2021/8/4 上午10:22
|
|
4
|
+
* @description 分体式按钮组
|
|
5
|
+
*/
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { PopperPlacementType } from '@material-ui/core';
|
|
8
|
+
import { ButtonProps } from '../Button';
|
|
9
|
+
interface Option {
|
|
10
|
+
/**
|
|
11
|
+
* 按钮文字
|
|
12
|
+
*/
|
|
13
|
+
label: string;
|
|
14
|
+
/**
|
|
15
|
+
* 按钮value
|
|
16
|
+
*/
|
|
17
|
+
value?: any;
|
|
18
|
+
/**
|
|
19
|
+
* 禁用按钮
|
|
20
|
+
*/
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
[name: string]: any;
|
|
23
|
+
}
|
|
24
|
+
declare type GroupOption = Array<Option>;
|
|
25
|
+
export interface SplitButtonProps {
|
|
26
|
+
/**
|
|
27
|
+
* 分体式按钮文本
|
|
28
|
+
*/
|
|
29
|
+
buttonText?: React.ReactNode;
|
|
30
|
+
/** 按钮选项数组 */
|
|
31
|
+
options?: Option[] | GroupOption[];
|
|
32
|
+
/** cls */
|
|
33
|
+
className?: string;
|
|
34
|
+
/** style */
|
|
35
|
+
style?: React.CSSProperties;
|
|
36
|
+
/** popperClassName */
|
|
37
|
+
popperClassName?: string;
|
|
38
|
+
/** popperStyle */
|
|
39
|
+
popperStyle?: React.CSSProperties;
|
|
40
|
+
/** 禁用按钮组 */
|
|
41
|
+
disabled?: boolean;
|
|
42
|
+
/** 浮层位置 */
|
|
43
|
+
placement?: PopperPlacementType;
|
|
44
|
+
/** button props */
|
|
45
|
+
buttonProps?: ButtonProps;
|
|
46
|
+
/**
|
|
47
|
+
* click callback
|
|
48
|
+
* @param option
|
|
49
|
+
* @param evt
|
|
50
|
+
*/
|
|
51
|
+
onClick?: (option: Option, evt?: React.MouseEvent<HTMLElement>) => void;
|
|
52
|
+
/**
|
|
53
|
+
* 自定义选项渲染
|
|
54
|
+
* @param option
|
|
55
|
+
*/
|
|
56
|
+
optionRender?: (option: Option) => React.ReactNode;
|
|
57
|
+
/** 图标按钮 */
|
|
58
|
+
iconButton?: boolean;
|
|
59
|
+
}
|
|
60
|
+
export default function SplitButton(props: SplitButtonProps): JSX.Element;
|
|
61
|
+
export {};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author Hanz
|
|
3
|
+
* @date 2021/8/4 上午10:21
|
|
4
|
+
* @description 按钮
|
|
5
|
+
*/
|
|
6
|
+
import React, { FunctionComponent } from 'react';
|
|
7
|
+
import { ButtonProps as MuiButtonProps, IconButtonProps as MuiIconButtonProps } from "@material-ui/core";
|
|
8
|
+
import { TooltipProps } from '../Tooltip';
|
|
9
|
+
import SplitButton from "./SplitButton";
|
|
10
|
+
import './index.scss';
|
|
11
|
+
export interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {
|
|
12
|
+
variant?: 'contained' | 'outlined' | 'text';
|
|
13
|
+
/** 设置按钮载入状态 */
|
|
14
|
+
loading?: boolean | {
|
|
15
|
+
delay: number;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* 禁用时提示文字 disabled 为true有效
|
|
19
|
+
*/
|
|
20
|
+
toolTipTitle?: NonNullable<React.ReactNode>;
|
|
21
|
+
/**
|
|
22
|
+
* tooltip props
|
|
23
|
+
*/
|
|
24
|
+
TooltipProps?: Omit<TooltipProps, 'title' | 'children'>;
|
|
25
|
+
/**
|
|
26
|
+
* 设置危险按钮
|
|
27
|
+
*/
|
|
28
|
+
danger?: boolean;
|
|
29
|
+
}
|
|
30
|
+
export interface IconButtonProps extends Omit<MuiIconButtonProps, 'size'> {
|
|
31
|
+
/** 按钮形状 */
|
|
32
|
+
variant?: 'contained' | 'outlined' | 'text';
|
|
33
|
+
size?: 'small' | 'medium' | 'large';
|
|
34
|
+
/** tooltip title */
|
|
35
|
+
toolTipTitle?: NonNullable<React.ReactNode>;
|
|
36
|
+
/** 设置按钮载入状态 */
|
|
37
|
+
loading?: boolean | {
|
|
38
|
+
delay: number;
|
|
39
|
+
};
|
|
40
|
+
/**
|
|
41
|
+
* tooltip props
|
|
42
|
+
*/
|
|
43
|
+
TooltipProps?: Omit<TooltipProps, 'title' | 'children'>;
|
|
44
|
+
/**
|
|
45
|
+
* 设置危险按钮
|
|
46
|
+
*/
|
|
47
|
+
danger?: boolean;
|
|
48
|
+
}
|
|
49
|
+
declare const InternalButton: FunctionComponent<ButtonProps>;
|
|
50
|
+
declare const IconButton: FunctionComponent<IconButtonProps>;
|
|
51
|
+
declare type mergedButtonType = typeof InternalButton & {
|
|
52
|
+
IconButton: typeof IconButton;
|
|
53
|
+
SplitButton: typeof SplitButton;
|
|
54
|
+
};
|
|
55
|
+
export declare const Button: mergedButtonType;
|
|
56
|
+
export default Button;
|
package/Button/index.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx","@para-ui/icons/LoadingF","@para-ui/icons/Forbid","@para-ui/icons/Down","@para-ui/core/GlobalContext"],o):"object"==typeof exports?exports.ParaUI=o(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext")):t.ParaUI=o(t.react,t["@material-ui/core"],t.clsx,t["@para-ui/icons/LoadingF"],t["@para-ui/icons/Forbid"],t["@para-ui/icons/Down"],t["@para-ui/core/GlobalContext"])}(self,(function(t,o,n,r,i,e,a){return function(){var u={8313:function(t,o,n){(o=n(3645)(!1)).push([t.id,'@keyframes loadingSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.paraui-button{min-width:auto;padding:0 16px;line-height:0;text-transform:none;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;white-space:nowrap}.paraui-button-label{height:100%}.paraui-button-loading{pointer-events:none}.paraui-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-contained .btn-icon{display:inline-flex;color:inherit}.paraui-button-contained .btn-icon svg{color:inherit;font-size:16px}.paraui-button-contained .btn-icon.start-icon{margin-left:3px}.paraui-button-contained .btn-icon.end-icon{margin-right:3px}.paraui-button-contained .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-contained.paraui-button-dangerous{background-color:#eb6054}.paraui-button-contained.paraui-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);background-color:#fff;box-shadow:none}.paraui-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-outlined .btn-icon{display:inline-flex;color:inherit}.paraui-button-outlined .btn-icon svg{color:inherit;font-size:16px}.paraui-button-outlined .btn-icon.start-icon{margin-left:3px}.paraui-button-outlined .btn-icon.end-icon{margin-right:3px}.paraui-button-outlined .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-outlined.paraui-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-button-outlined.paraui-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-button-text{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none;color:#3666d6;background-color:rgba(0,0,0,0);border:none}.paraui-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0);box-shadow:none}.paraui-button-text[disabled]{color:rgba(46,55,67,.4);background-color:rgba(0,0,0,0);border:none}.paraui-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-button-text .btn-icon{display:inline-flex;color:inherit}.paraui-button-text .btn-icon svg{color:inherit;font-size:16px}.paraui-button-text .btn-icon.start-icon{margin-left:3px}.paraui-button-text .btn-icon.end-icon{margin-right:3px}.paraui-button-text .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-text.paraui-button-dangerous{color:#eb6054}.paraui-button-text.paraui-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-button-large{height:36px}.paraui-button-medium{height:32px}.paraui-button-small{height:28px}.paraui-button--disabled{display:inline-block}.paraui-icon-button{padding:0;border-radius:4px}.paraui-icon-button-loading{pointer-events:none}.paraui-icon-button-loading .loading-icon{display:inline-flex;animation:loadingSpin 1s infinite linear}.paraui-icon-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-icon-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-icon-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-contained svg{color:inherit;font-size:16px}.paraui-icon-button-contained.paraui-icon-button-dangerous{background-color:#eb6054}.paraui-icon-button-contained.paraui-icon-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-icon-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);box-shadow:none;background-color:#fff}.paraui-icon-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-outlined svg{color:inherit;font-size:16px}.paraui-icon-button-outlined.paraui-icon-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-icon-button-outlined.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-icon-button-text{color:#3666d6}.paraui-icon-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0)}.paraui-icon-button-text[disabled]{color:rgba(46,55,67,.4)}.paraui-icon-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-icon-button-text svg{color:inherit}.paraui-icon-button-text.paraui-icon-button-dangerous{color:#eb6054}.paraui-icon-button-text.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-icon-button-text.paraui-icon-button-large{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-large svg{font-size:28px}.paraui-icon-button-text.paraui-icon-button-medium{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-medium svg{font-size:24px}.paraui-icon-button-text.paraui-icon-button-small{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-small svg{font-size:20px}.paraui-icon-button-large{width:36px;height:36px}.paraui-icon-button-medium{width:32px;height:32px}.paraui-icon-button-small{width:28px;height:28px}.paraui-button-split{display:inline-block}.paraui-button-split .paraui-button-split--active{color:#3666d6;box-shadow:none;background-color:#fff}.paraui-button-split-list{padding:8px 0;margin:8px 0;border-radius:4px;box-shadow:0px 2px 8px 0px rgba(171,176,185,.4);background-color:#fff}.paraui-button-split-list ul .split-li{min-width:140px;padding:11px 12px;color:#2e3743;font-size:14px;line-height:1;cursor:pointer;transition:background-color .3s,color .3s}.paraui-button-split-list ul .split-li:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--active{color:#3666d6}.paraui-button-split-list ul .split-li.split-li--active:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--disabled{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-button-split-list ul .split-li.split-li--disabled:hover{background-color:#fff}.paraui-button-split-list ul .split-li-group:not(:first-child){position:relative;margin-top:16px}.paraui-button-split-list ul .split-li-group:not(:first-child):before{content:"";position:absolute;top:-8px;left:8px;right:8px;border-top:1px solid rgba(171,176,185,.2)}',""]),t.exports=o},9929:function(t,o,n){(o=n(3645)(!1)).push([t.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}",""]),t.exports=o},3645:function(t){"use strict";t.exports=function(t){var o=[];return o.toString=function(){return this.map((function(o){var n=function(t,o){var n=t[1]||"",r=t[3];if(!r)return n;if(o&&"function"==typeof btoa){var i=(a=r,u=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(u),"/*# ".concat(c," */")),e=r.sources.map((function(t){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(t," */")}));return[n].concat(e).concat([i]).join("\n")}var a,u,c;return[n].join("\n")}(o,t);return o[2]?"@media ".concat(o[2]," {").concat(n,"}"):n})).join("")},o.i=function(t,n,r){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(r)for(var e=0;e<this.length;e++){var a=this[e][0];null!=a&&(i[a]=!0)}for(var u=0;u<t.length;u++){var c=[].concat(t[u]);r&&i[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),o.push(c))}},o}},7418:function(t){"use strict";
|
|
2
|
+
/*
|
|
3
|
+
object-assign
|
|
4
|
+
(c) Sindre Sorhus
|
|
5
|
+
@license MIT
|
|
6
|
+
*/var o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function i(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}t.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var o={},n=0;n<10;n++)o["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(o).map((function(t){return o[t]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(t){r[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var a,u,c=i(t),l=1;l<arguments.length;l++){for(var s in a=Object(arguments[l]))n.call(a,s)&&(c[s]=a[s]);if(o){u=o(a);for(var p=0;p<u.length;p++)r.call(a,u[p])&&(c[u[p]]=a[u[p]])}}return c}},5251:function(t,o,n){"use strict";
|
|
7
|
+
/** @license React v17.0.2
|
|
8
|
+
* react-jsx-runtime.production.min.js
|
|
9
|
+
*
|
|
10
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the MIT license found in the
|
|
13
|
+
* LICENSE file in the root directory of this source tree.
|
|
14
|
+
*/n(7418);var r=n(8156),i=60103;if(o.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var e=Symbol.for;i=e("react.element"),o.Fragment=e("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function l(t,o,n){var r,e={},l=null,s=null;for(r in void 0!==n&&(l=""+n),void 0!==o.key&&(l=""+o.key),void 0!==o.ref&&(s=o.ref),o)u.call(o,r)&&!c.hasOwnProperty(r)&&(e[r]=o[r]);if(t&&t.defaultProps)for(r in o=t.defaultProps)void 0===e[r]&&(e[r]=o[r]);return{$$typeof:i,type:t,key:l,ref:s,props:e,_owner:a.current}}o.jsx=l,o.jsxs=l},5893:function(t,o,n){"use strict";t.exports=n(5251)},5822:function(t,o,n){var r=n(3379),i=n(8313);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[t.id,i,""]]);var e={insert:("body","body"),singleton:!1};r(i,e);t.exports=i.locals||{}},2310:function(t,o,n){var r=n(3379),i=n(9929);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[t.id,i,""]]);var e={insert:("body","body"),singleton:!1};r(i,e);t.exports=i.locals||{}},3379:function(t,o,n){"use strict";var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},e=function(){var t={};return function(o){if(void 0===t[o]){var n=document.querySelector(o);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[o]=n}return t[o]}}(),a=[];function u(t){for(var o=-1,n=0;n<a.length;n++)if(a[n].identifier===t){o=n;break}return o}function c(t,o){for(var n={},r=[],i=0;i<t.length;i++){var e=t[i],c=o.base?e[0]+o.base:e[0],l=n[c]||0,s="".concat(c," ").concat(l);n[c]=l+1;var p=u(s),d={css:e[1],media:e[2],sourceMap:e[3]};-1!==p?(a[p].references++,a[p].updater(d)):a.push({identifier:s,updater:v(d,o),references:1}),r.push(s)}return r}function l(t){var o=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(t){o.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(o);else{var a=e(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(o)}return o}var s,p=(s=[],function(t,o){return s[t]=o,s.filter(Boolean).join("\n")});function d(t,o,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=p(o,i);else{var e=document.createTextNode(i),a=t.childNodes;a[o]&&t.removeChild(a[o]),a.length?t.insertBefore(e,a[o]):t.appendChild(e)}}function b(t,o,n){var r=n.css,i=n.media,e=n.sourceMap;if(i?t.setAttribute("media",i):t.removeAttribute("media"),e&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(e))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var f=null,g=0;function v(t,o){var n,r,i;if(o.singleton){var e=g++;n=f||(f=l(o)),r=d.bind(null,n,e,!1),i=d.bind(null,n,e,!0)}else n=l(o),r=b.bind(null,n,o),i=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return r(t),function(o){if(o){if(o.css===t.css&&o.media===t.media&&o.sourceMap===t.sourceMap)return;r(t=o)}else i()}}t.exports=function(t,o){(o=o||{}).singleton||"boolean"==typeof o.singleton||(o.singleton=i());var n=c(t=t||[],o);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<n.length;r++){var i=u(n[r]);a[i].references--}for(var e=c(t,o),l=0;l<n.length;l++){var s=u(n[l]);0===a[s].references&&(a[s].updater(),a.splice(s,1))}n=e}}}},3054:function(t,o,n){"use strict";var r=n(8156),i=n.n(r),e=n(5395),a=n.n(e);o.Z=function(t,o){var n=i().useContext(a()).intlFormat;return o.zh_CN=o.zh,o.en_US=o.en,n&&n(t,o)}},7371:function(t,o,n){"use strict";var r=n(5893),i=n(670),e=n(5744),a=n.n(e),u=(n(2310),function(){return u=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},u.apply(this,arguments)}),c=function(t,o){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)o.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]])}return n};o.default=function(t){var o,n=t.placement,e=void 0===n?"top-start":n,l=t.className,s=t.arrow,p=void 0===s||s,d=t.PopperProps,b=t.boundariesElement,f=void 0===b?"scrollParent":b,g=c(t,["placement","className","arrow","PopperProps","boundariesElement"]),v=u(u({},t.classes),{popper:a()("paraui-tooltip",l,null===(o=t.classes)||void 0===o?void 0:o.popper,{"paraui-tooltip-left-right":(null==e?void 0:e.includes("left"))||(null==e?void 0:e.includes("right")),"paraui-tooltip-top-bottom":(null==e?void 0:e.includes("top"))||(null==e?void 0:e.includes("bottom"))})});return(0,r.jsx)(i.Tooltip,u({},g,{enterTouchDelay:0,arrow:p,placement:e,classes:v,PopperProps:u(u({},d),{modifiers:{preventOverflow:{boundariesElement:f}}})}))}},670:function(t){"use strict";t.exports=o},5395:function(t){"use strict";t.exports=a},2396:function(t){"use strict";t.exports=e},3835:function(t){"use strict";t.exports=i},2788:function(t){"use strict";t.exports=r},5744:function(t){"use strict";t.exports=n},8156:function(o){"use strict";o.exports=t}},c={};function l(t){var o=c[t];if(void 0!==o)return o.exports;var n=c[t]={id:t,exports:{}};return u[t](n,n.exports,l),n.exports}l.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return l.d(o,{a:o}),o},l.d=function(t,o){for(var n in o)l.o(o,n)&&!l.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},l.o=function(t,o){return Object.prototype.hasOwnProperty.call(t,o)},l.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},l.nc=void 0;var s={};return function(){"use strict";l.r(s),l.d(s,{Button:function(){return m},default:function(){return y}});var t=l(5893),o=l(8156),n=l(670),r=l(5744),i=l.n(r),e=l(2788),a=l.n(e),u=l(3835),c=l.n(u),p=l(7371),d=l(2396),b=l.n(d),f=l(3054),g={zh:{moreActions:"更多操作"},en:{moreActions:"More actions"}},v=function(){return v=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},v.apply(this,arguments)};l(5822);var h=function(){return h=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},h.apply(this,arguments)},x=function(t,o){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)o.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]])}return n},m=function(r){var e=r.variant,u=void 0===e?"contained":e,l=r.size,s=void 0===l?"large":l,d=r.className,b=r.disabled,f=void 0!==b&&b,g=r.children,v=r.startIcon,m=r.endIcon,y=r.loading,j=void 0!==y&&y,w=r.toolTipTitle,O=void 0===w?"":w,k=r.TooltipProps,S=r.danger,P=void 0!==S&&S,N=x(r,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","TooltipProps","danger"]),T=(0,o.useState)(!1),C=T[0],_=T[1],E=function(o){if(!C)return"start"===o&&v?(0,t.jsx)("span",h({className:i()("btn-icon","start-icon")},{children:v})):"end"===o&&m?(0,t.jsx)("span",h({className:i()("btn-icon","end-icon")},{children:m})):null;if("object"==typeof j){var n=j.delay||0;setTimeout((function(){return _(!1)}),n)}return"start"===o?(0,t.jsx)("span",h({className:"btn-icon loading-icon"},{children:(0,t.jsx)(a(),{})})):null},z=(0,t.jsx)(n.Button,h({},N,{color:"default",variant:"contained",disabled:f,disableRipple:!0,disableElevation:!0,className:i()("paraui-button",d,"paraui-button-".concat(u),"paraui-button-".concat(s),C&&"paraui-button-loading",P&&!f&&"paraui-button-dangerous"),classes:{label:"paraui-button-label"},startIcon:E("start"),endIcon:E("end")},{children:g}));return(0,o.useEffect)((function(){_(!!j)}),[j]),f&&O?(0,t.jsx)(p.default,h({},k,{title:function(){if(f&&O){return(0,t.jsxs)("span",{children:[(0,t.jsx)(c(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),O]})}return O}()},{children:(0,t.jsx)("span",h({className:"paraui-button--disabled"},{children:z}))})):z};m.IconButton=function(r){var e=r.variant,u=void 0===e?"contained":e,l=r.size,s=void 0===l?"large":l,d=r.toolTipTitle,b=void 0===d?"":d,f=r.children,g=r.className,v=r.disabled,m=void 0!==v&&v,y=r.loading,j=void 0!==y&&y,w=r.TooltipProps,O=r.danger,k=void 0!==O&&O,S=x(r,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),P=(0,o.useState)(!1),N=P[0],T=P[1],C=(0,t.jsx)(n.IconButton,h({},S,{disabled:m,disableRipple:!0,className:i()("paraui-icon-button",g,"paraui-icon-button-".concat(u),"paraui-icon-button-".concat(s),N&&"paraui-icon-button-loading",k&&!m&&"paraui-icon-button-dangerous")},{children:function(){if(!N)return f;if("object"==typeof j){var o=j.delay||0;setTimeout((function(){return T(!1)}),o)}return(0,t.jsx)("span",h({className:"loading-icon"},{children:(0,t.jsx)(a(),{})}))}()}));return(0,o.useEffect)((function(){T(!!j)}),[j]),b?(0,t.jsx)(p.default,h({},w,{title:function(){if(m&&b){return(0,t.jsxs)("span",{children:[(0,t.jsx)(c(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),b]})}return b}()},{children:m?(0,t.jsx)("span",h({className:"paraui-button--disabled"},{children:C})):C}),+N):C},m.SplitButton=function(r){var e=r.buttonText,a=r.options,u=void 0===a?[]:a,c=r.className,l=r.popperClassName,s=r.style,p=r.popperStyle,d=r.disabled,h=void 0!==d&&d,x=r.onClick,m=r.optionRender,j=r.placement,w=void 0===j?"bottom-end":j,O=r.buttonProps,k=r.iconButton,S=void 0!==k&&k,P=(0,f.Z)("Button",g),N=(0,o.useState)(!1),T=N[0],C=N[1],_=(0,o.useRef)(null),E=(0,o.useRef)(),z=(0,o.useRef)(),I=(0,o.useState)(),M=I[0],R=I[1],L=function(t,o,n){var r;t.disabled?n.stopPropagation():(R(o),C(!1),null===(r=E.current)||void 0===r||r.classList.remove("paraui-button-split--active"),null==x||x(t,n))},q=function(t){t.stopPropagation(),F();var o=t.currentTarget;z.current=window.setTimeout((function(){E.current=o,o.classList.add("paraui-button-split--active"),C(!0)}),150)},F=function(){z.current&&(clearTimeout(z.current),z.current=null)},A=function(t){var o,n;(null===(o=_.current)||void 0===o?void 0:o.contains(t.target))||(C(!1),null===(n=E.current)||void 0===n||n.classList.remove("paraui-button-split--active"))},B=function(){return(0,t.jsx)("div",v({className:"paraui-button-split-list"},{children:(0,t.jsx)("ul",{children:u.map((function(o,n){return Array.isArray(o)?function(o,n){return(0,t.jsx)("li",v({className:"split-li-group"},{children:o.map((function(o,r){var e="".concat(n,"-").concat(r);return(0,t.jsx)("div",v({className:i()("split-li",e===M&&"split-li--active",o.disabled&&"split-li--disabled"),onClick:function(t){return L(o,e,t)}},{children:(null==m?void 0:m(o))||o.label}),e)}))}),n)}(o,n):(0,t.jsx)("li",v({className:i()("split-li",n===M&&"split-li--active",o.disabled&&"split-li--disabled"),onClick:function(t){return L(o,n,t)}},{children:(null==m?void 0:m(o))||o.label}),n)}))})}))};return(0,t.jsxs)("div",v({className:i()("paraui-button-split",c),ref:_,style:s,onMouseLeave:function(t){var o;t.stopPropagation(),F(),null===(o=t.currentTarget.firstElementChild)||void 0===o||o.classList.remove("paraui-button-split--active"),C(!1)}},{children:[S?(0,t.jsx)(y.IconButton,v({variant:"text",size:"small",disabled:h},O,{onMouseEnter:q},{children:null!=e?e:P({id:"moreActions"})})):(0,t.jsx)(y,v({variant:"outlined",size:"large",startIcon:(0,t.jsx)(b(),{}),disabled:h},O,{onMouseEnter:q},{children:null!=e?e:P({id:"moreActions"})})),(0,t.jsx)(n.Popper,v({open:T,anchorEl:_.current,transition:!0,placement:w,style:v({zIndex:1500},p),className:i()("paraui-button-split-popper",l)},{children:function(o){var r=o.TransitionProps;o.placement;return(0,t.jsx)(n.Grow,v({},r,{children:(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(n.ClickAwayListener,v({onClickAway:A},{children:B()}))})}))}}))]}))};var y=m}(),s}()}));
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author Hanz
|
|
3
|
+
* @date 2021/8/4 上午10:21
|
|
4
|
+
* @description 按钮组
|
|
5
|
+
*/
|
|
6
|
+
import React, { FunctionComponent, ReactNode } from 'react';
|
|
7
|
+
import { ButtonProps } from '../Button';
|
|
8
|
+
import './index.scss';
|
|
9
|
+
export interface ButtonItem extends ButtonProps {
|
|
10
|
+
/** 图标*/
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
/** 文本*/
|
|
13
|
+
text?: ReactNode;
|
|
14
|
+
[key: string]: any;
|
|
15
|
+
}
|
|
16
|
+
export interface ButtonGroupProps {
|
|
17
|
+
/** 按钮组模式 */
|
|
18
|
+
mode?: 'icon' | 'iconSplit' | 'text';
|
|
19
|
+
/** 按钮组数据 */
|
|
20
|
+
data: ButtonItem[];
|
|
21
|
+
/** cls */
|
|
22
|
+
className?: string;
|
|
23
|
+
/** 显示tooltip */
|
|
24
|
+
showToolTip?: boolean;
|
|
25
|
+
/** 禁用按钮组 */
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
/**自定义样式*/
|
|
28
|
+
style?: React.CSSProperties;
|
|
29
|
+
/** onClick */
|
|
30
|
+
onClick?: (item: ButtonItem, event?: React.MouseEvent) => void;
|
|
31
|
+
}
|
|
32
|
+
export declare const ButtonGroup: FunctionComponent<ButtonGroupProps>;
|
|
33
|
+
export default ButtonGroup;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext")):"function"==typeof define&&define.amd?define(["react","@material-ui/core","clsx","@para-ui/icons/LoadingF","@para-ui/icons/Forbid","@para-ui/icons/Down","@para-ui/core/GlobalContext"],o):"object"==typeof exports?exports.ParaUI=o(require("react"),require("@material-ui/core"),require("clsx"),require("@para-ui/icons/LoadingF"),require("@para-ui/icons/Forbid"),require("@para-ui/icons/Down"),require("@para-ui/core/GlobalContext")):t.ParaUI=o(t.react,t["@material-ui/core"],t.clsx,t["@para-ui/icons/LoadingF"],t["@para-ui/icons/Forbid"],t["@para-ui/icons/Down"],t["@para-ui/core/GlobalContext"])}(self,(function(t,o,n,r,i,e,a){return function(){var u={8313:function(t,o,n){(o=n(3645)(!1)).push([t.id,'@keyframes loadingSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.paraui-button{min-width:auto;padding:0 16px;line-height:0;text-transform:none;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;white-space:nowrap}.paraui-button-label{height:100%}.paraui-button-loading{pointer-events:none}.paraui-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-contained .btn-icon{display:inline-flex;color:inherit}.paraui-button-contained .btn-icon svg{color:inherit;font-size:16px}.paraui-button-contained .btn-icon.start-icon{margin-left:3px}.paraui-button-contained .btn-icon.end-icon{margin-right:3px}.paraui-button-contained .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-contained.paraui-button-dangerous{background-color:#eb6054}.paraui-button-contained.paraui-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);background-color:#fff;box-shadow:none}.paraui-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-button-outlined .btn-icon{display:inline-flex;color:inherit}.paraui-button-outlined .btn-icon svg{color:inherit;font-size:16px}.paraui-button-outlined .btn-icon.start-icon{margin-left:3px}.paraui-button-outlined .btn-icon.end-icon{margin-right:3px}.paraui-button-outlined .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-outlined.paraui-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-button-outlined.paraui-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-button-text{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none;color:#3666d6;background-color:rgba(0,0,0,0);border:none}.paraui-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0);box-shadow:none}.paraui-button-text[disabled]{color:rgba(46,55,67,.4);background-color:rgba(0,0,0,0);border:none}.paraui-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-button-text .btn-icon{display:inline-flex;color:inherit}.paraui-button-text .btn-icon svg{color:inherit;font-size:16px}.paraui-button-text .btn-icon.start-icon{margin-left:3px}.paraui-button-text .btn-icon.end-icon{margin-right:3px}.paraui-button-text .btn-icon.loading-icon{margin-left:3px;animation:loadingSpin 1s infinite linear}.paraui-button-text.paraui-button-dangerous{color:#eb6054}.paraui-button-text.paraui-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-button-large{height:36px}.paraui-button-medium{height:32px}.paraui-button-small{height:28px}.paraui-button--disabled{display:inline-block}.paraui-icon-button{padding:0;border-radius:4px}.paraui-icon-button-loading{pointer-events:none}.paraui-icon-button-loading .loading-icon{display:inline-flex;animation:loadingSpin 1s infinite linear}.paraui-icon-button-contained{color:#fff;background-color:#3666d6;box-shadow:none}.paraui-icon-button-contained:hover{background-color:rgba(54,102,214,.8);box-shadow:none}.paraui-icon-button-contained[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-contained[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-contained svg{color:inherit;font-size:16px}.paraui-icon-button-contained.paraui-icon-button-dangerous{background-color:#eb6054}.paraui-icon-button-contained.paraui-icon-button-dangerous:hover{background-color:rgba(235,96,84,.8)}.paraui-icon-button-outlined{color:rgba(46,55,67,.7);background-color:#fff;border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,.2);box-shadow:none;background-color:#fff}.paraui-icon-button-outlined[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4);box-shadow:none}.paraui-icon-button-outlined[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-icon-button-outlined svg{color:inherit;font-size:16px}.paraui-icon-button-outlined.paraui-icon-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-icon-button-outlined.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8);border-color:rgba(235,96,84,.8)}.paraui-icon-button-text{color:#3666d6}.paraui-icon-button-text:hover{color:rgba(54,102,214,.8);background-color:rgba(0,0,0,0)}.paraui-icon-button-text[disabled]{color:rgba(46,55,67,.4)}.paraui-icon-button-text[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-icon-button-text svg{color:inherit}.paraui-icon-button-text.paraui-icon-button-dangerous{color:#eb6054}.paraui-icon-button-text.paraui-icon-button-dangerous:hover{color:rgba(235,96,84,.8)}.paraui-icon-button-text.paraui-icon-button-large{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-large svg{font-size:28px}.paraui-icon-button-text.paraui-icon-button-medium{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-medium svg{font-size:24px}.paraui-icon-button-text.paraui-icon-button-small{width:auto;height:auto}.paraui-icon-button-text.paraui-icon-button-small svg{font-size:20px}.paraui-icon-button-large{width:36px;height:36px}.paraui-icon-button-medium{width:32px;height:32px}.paraui-icon-button-small{width:28px;height:28px}.paraui-button-split{display:inline-block}.paraui-button-split .paraui-button-split--active{color:#3666d6;box-shadow:none;background-color:#fff}.paraui-button-split-list{padding:8px 0;margin:8px 0;border-radius:4px;box-shadow:0px 2px 8px 0px rgba(171,176,185,.4);background-color:#fff}.paraui-button-split-list ul .split-li{min-width:140px;padding:11px 12px;color:#2e3743;font-size:14px;line-height:1;cursor:pointer;transition:background-color .3s,color .3s}.paraui-button-split-list ul .split-li:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--active{color:#3666d6}.paraui-button-split-list ul .split-li.split-li--active:hover{background-color:rgba(171,176,185,.12)}.paraui-button-split-list ul .split-li.split-li--disabled{color:rgba(46,55,67,.4);cursor:not-allowed}.paraui-button-split-list ul .split-li.split-li--disabled:hover{background-color:#fff}.paraui-button-split-list ul .split-li-group:not(:first-child){position:relative;margin-top:16px}.paraui-button-split-list ul .split-li-group:not(:first-child):before{content:"";position:absolute;top:-8px;left:8px;right:8px;border-top:1px solid rgba(171,176,185,.2)}',""]),t.exports=o},9114:function(t,o,n){(o=n(3645)(!1)).push([t.id,".paraui-button-group{display:inline-flex;align-items:center}.paraui-button-group-iconSplit .paraui-icon-button:not(:last-child){margin-right:8px}.paraui-button-group-iconSplit.paraui-button-group-tooltip>span:not(:last-child){margin-right:8px}.paraui-button-group-icon{border:1px solid rgba(171,176,185,.4);border-radius:4px}.paraui-button-group-icon .paraui-icon-button{border:none;border-radius:0}.paraui-button-group-icon .paraui-icon-button:not(:last-child){border-right:1px solid rgba(171,176,185,.4)}.paraui-button-group-icon .paraui-icon-button:first-child{border-radius:4px 0 0 4px}.paraui-button-group-icon .paraui-icon-button:last-child{border-radius:0 4px 4px 0}.paraui-button-group-icon.paraui-button-group-tooltip>span .paraui-icon-button{border:none;border-radius:0}.paraui-button-group-icon.paraui-button-group-tooltip>span:not(:last-child) .paraui-icon-button{border-right:1px solid rgba(171,176,185,.4)}.paraui-button-group-icon.paraui-button-group-tooltip>span:first-child .paraui-icon-button{border-radius:4px 0 0 4px}.paraui-button-group-icon.paraui-button-group-tooltip>span:last-child .paraui-icon-button{border-radius:0 4px 4px 0}.paraui-button-group-text .paraui-button{border:none;border-radius:0}.paraui-button-group-text .paraui-button:not(:last-child){border-right:1px solid rgba(171,176,185,.4)}",""]),t.exports=o},9929:function(t,o,n){(o=n(3645)(!1)).push([t.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}",""]),t.exports=o},3645:function(t){"use strict";t.exports=function(t){var o=[];return o.toString=function(){return this.map((function(o){var n=function(t,o){var n=t[1]||"",r=t[3];if(!r)return n;if(o&&"function"==typeof btoa){var i=(a=r,u=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),c="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(u),"/*# ".concat(c," */")),e=r.sources.map((function(t){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(t," */")}));return[n].concat(e).concat([i]).join("\n")}var a,u,c;return[n].join("\n")}(o,t);return o[2]?"@media ".concat(o[2]," {").concat(n,"}"):n})).join("")},o.i=function(t,n,r){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(r)for(var e=0;e<this.length;e++){var a=this[e][0];null!=a&&(i[a]=!0)}for(var u=0;u<t.length;u++){var c=[].concat(t[u]);r&&i[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),o.push(c))}},o}},7418:function(t){"use strict";
|
|
2
|
+
/*
|
|
3
|
+
object-assign
|
|
4
|
+
(c) Sindre Sorhus
|
|
5
|
+
@license MIT
|
|
6
|
+
*/var o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function i(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}t.exports=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var o={},n=0;n<10;n++)o["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(o).map((function(t){return o[t]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(t){r[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var a,u,c=i(t),l=1;l<arguments.length;l++){for(var s in a=Object(arguments[l]))n.call(a,s)&&(c[s]=a[s]);if(o){u=o(a);for(var p=0;p<u.length;p++)r.call(a,u[p])&&(c[u[p]]=a[u[p]])}}return c}},5251:function(t,o,n){"use strict";
|
|
7
|
+
/** @license React v17.0.2
|
|
8
|
+
* react-jsx-runtime.production.min.js
|
|
9
|
+
*
|
|
10
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the MIT license found in the
|
|
13
|
+
* LICENSE file in the root directory of this source tree.
|
|
14
|
+
*/n(7418);var r=n(8156),i=60103;if(o.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var e=Symbol.for;i=e("react.element"),o.Fragment=e("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function l(t,o,n){var r,e={},l=null,s=null;for(r in void 0!==n&&(l=""+n),void 0!==o.key&&(l=""+o.key),void 0!==o.ref&&(s=o.ref),o)u.call(o,r)&&!c.hasOwnProperty(r)&&(e[r]=o[r]);if(t&&t.defaultProps)for(r in o=t.defaultProps)void 0===e[r]&&(e[r]=o[r]);return{$$typeof:i,type:t,key:l,ref:s,props:e,_owner:a.current}}o.jsx=l,o.jsxs=l},5893:function(t,o,n){"use strict";t.exports=n(5251)},5822:function(t,o,n){var r=n(3379),i=n(8313);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[t.id,i,""]]);var e={insert:("body","body"),singleton:!1};r(i,e);t.exports=i.locals||{}},954:function(t,o,n){var r=n(3379),i=n(9114);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[t.id,i,""]]);var e={insert:("body","body"),singleton:!1};r(i,e);t.exports=i.locals||{}},2310:function(t,o,n){var r=n(3379),i=n(9929);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[t.id,i,""]]);var e={insert:("body","body"),singleton:!1};r(i,e);t.exports=i.locals||{}},3379:function(t,o,n){"use strict";var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},e=function(){var t={};return function(o){if(void 0===t[o]){var n=document.querySelector(o);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[o]=n}return t[o]}}(),a=[];function u(t){for(var o=-1,n=0;n<a.length;n++)if(a[n].identifier===t){o=n;break}return o}function c(t,o){for(var n={},r=[],i=0;i<t.length;i++){var e=t[i],c=o.base?e[0]+o.base:e[0],l=n[c]||0,s="".concat(c," ").concat(l);n[c]=l+1;var p=u(s),d={css:e[1],media:e[2],sourceMap:e[3]};-1!==p?(a[p].references++,a[p].updater(d)):a.push({identifier:s,updater:h(d,o),references:1}),r.push(s)}return r}function l(t){var o=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(t){o.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(o);else{var a=e(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(o)}return o}var s,p=(s=[],function(t,o){return s[t]=o,s.filter(Boolean).join("\n")});function d(t,o,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=p(o,i);else{var e=document.createTextNode(i),a=t.childNodes;a[o]&&t.removeChild(a[o]),a.length?t.insertBefore(e,a[o]):t.appendChild(e)}}function b(t,o,n){var r=n.css,i=n.media,e=n.sourceMap;if(i?t.setAttribute("media",i):t.removeAttribute("media"),e&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(e))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var f=null,g=0;function h(t,o){var n,r,i;if(o.singleton){var e=g++;n=f||(f=l(o)),r=d.bind(null,n,e,!1),i=d.bind(null,n,e,!0)}else n=l(o),r=b.bind(null,n,o),i=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return r(t),function(o){if(o){if(o.css===t.css&&o.media===t.media&&o.sourceMap===t.sourceMap)return;r(t=o)}else i()}}t.exports=function(t,o){(o=o||{}).singleton||"boolean"==typeof o.singleton||(o.singleton=i());var n=c(t=t||[],o);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<n.length;r++){var i=u(n[r]);a[i].references--}for(var e=c(t,o),l=0;l<n.length;l++){var s=u(n[l]);0===a[s].references&&(a[s].updater(),a.splice(s,1))}n=e}}}},7896:function(t,o,n){"use strict";n.d(o,{default:function(){return j}});var r=n(5893),i=n(8156),e=n(670),a=n(5744),u=n.n(a),c=n(2788),l=n.n(c),s=n(3835),p=n.n(s),d=n(7371),b=n(2396),f=n.n(b),g=n(3054),h={zh:{moreActions:"更多操作"},en:{moreActions:"More actions"}},x=function(){return x=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},x.apply(this,arguments)};n(5822);var v=function(){return v=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},v.apply(this,arguments)},m=function(t,o){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)o.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]])}return n},y=function(t){var o=t.variant,n=void 0===o?"contained":o,a=t.size,c=void 0===a?"large":a,s=t.className,b=t.disabled,f=void 0!==b&&b,g=t.children,h=t.startIcon,x=t.endIcon,y=t.loading,j=void 0!==y&&y,w=t.toolTipTitle,O=void 0===w?"":w,k=t.TooltipProps,S=t.danger,P=void 0!==S&&S,N=m(t,["variant","size","className","disabled","children","startIcon","endIcon","loading","toolTipTitle","TooltipProps","danger"]),T=(0,i.useState)(!1),C=T[0],_=T[1],E=function(t){if(!C)return"start"===t&&h?(0,r.jsx)("span",v({className:u()("btn-icon","start-icon")},{children:h})):"end"===t&&x?(0,r.jsx)("span",v({className:u()("btn-icon","end-icon")},{children:x})):null;if("object"==typeof j){var o=j.delay||0;setTimeout((function(){return _(!1)}),o)}return"start"===t?(0,r.jsx)("span",v({className:"btn-icon loading-icon"},{children:(0,r.jsx)(l(),{})})):null},z=(0,r.jsx)(e.Button,v({},N,{color:"default",variant:"contained",disabled:f,disableRipple:!0,disableElevation:!0,className:u()("paraui-button",s,"paraui-button-".concat(n),"paraui-button-".concat(c),C&&"paraui-button-loading",P&&!f&&"paraui-button-dangerous"),classes:{label:"paraui-button-label"},startIcon:E("start"),endIcon:E("end")},{children:g}));return(0,i.useEffect)((function(){_(!!j)}),[j]),f&&O?(0,r.jsx)(d.default,v({},k,{title:function(){if(f&&O){return(0,r.jsxs)("span",{children:[(0,r.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),O]})}return O}()},{children:(0,r.jsx)("span",v({className:"paraui-button--disabled"},{children:z}))})):z};y.IconButton=function(t){var o=t.variant,n=void 0===o?"contained":o,a=t.size,c=void 0===a?"large":a,s=t.toolTipTitle,b=void 0===s?"":s,f=t.children,g=t.className,h=t.disabled,x=void 0!==h&&h,y=t.loading,j=void 0!==y&&y,w=t.TooltipProps,O=t.danger,k=void 0!==O&&O,S=m(t,["variant","size","toolTipTitle","children","className","disabled","loading","TooltipProps","danger"]),P=(0,i.useState)(!1),N=P[0],T=P[1],C=(0,r.jsx)(e.IconButton,v({},S,{disabled:x,disableRipple:!0,className:u()("paraui-icon-button",g,"paraui-icon-button-".concat(n),"paraui-icon-button-".concat(c),N&&"paraui-icon-button-loading",k&&!x&&"paraui-icon-button-dangerous")},{children:function(){if(!N)return f;if("object"==typeof j){var t=j.delay||0;setTimeout((function(){return T(!1)}),t)}return(0,r.jsx)("span",v({className:"loading-icon"},{children:(0,r.jsx)(l(),{})}))}()}));return(0,i.useEffect)((function(){T(!!j)}),[j]),b?(0,r.jsx)(d.default,v({},w,{title:function(){if(x&&b){return(0,r.jsxs)("span",{children:[(0,r.jsx)(p(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),b]})}return b}()},{children:x?(0,r.jsx)("span",v({className:"paraui-button--disabled"},{children:C})):C}),+N):C},y.SplitButton=function(t){var o=t.buttonText,n=t.options,a=void 0===n?[]:n,c=t.className,l=t.popperClassName,s=t.style,p=t.popperStyle,d=t.disabled,b=void 0!==d&&d,v=t.onClick,m=t.optionRender,y=t.placement,w=void 0===y?"bottom-end":y,O=t.buttonProps,k=t.iconButton,S=void 0!==k&&k,P=(0,g.Z)("Button",h),N=(0,i.useState)(!1),T=N[0],C=N[1],_=(0,i.useRef)(null),E=(0,i.useRef)(),z=(0,i.useRef)(),I=(0,i.useState)(),M=I[0],R=I[1],F=function(t,o,n){var r;t.disabled?n.stopPropagation():(R(o),C(!1),null===(r=E.current)||void 0===r||r.classList.remove("paraui-button-split--active"),null==v||v(t,n))},L=function(t){t.stopPropagation(),q();var o=t.currentTarget;z.current=window.setTimeout((function(){E.current=o,o.classList.add("paraui-button-split--active"),C(!0)}),150)},q=function(){z.current&&(clearTimeout(z.current),z.current=null)},B=function(t){var o,n;(null===(o=_.current)||void 0===o?void 0:o.contains(t.target))||(C(!1),null===(n=E.current)||void 0===n||n.classList.remove("paraui-button-split--active"))},A=function(){return(0,r.jsx)("div",x({className:"paraui-button-split-list"},{children:(0,r.jsx)("ul",{children:a.map((function(t,o){return Array.isArray(t)?function(t,o){return(0,r.jsx)("li",x({className:"split-li-group"},{children:t.map((function(t,n){var i="".concat(o,"-").concat(n);return(0,r.jsx)("div",x({className:u()("split-li",i===M&&"split-li--active",t.disabled&&"split-li--disabled"),onClick:function(o){return F(t,i,o)}},{children:(null==m?void 0:m(t))||t.label}),i)}))}),o)}(t,o):(0,r.jsx)("li",x({className:u()("split-li",o===M&&"split-li--active",t.disabled&&"split-li--disabled"),onClick:function(n){return F(t,o,n)}},{children:(null==m?void 0:m(t))||t.label}),o)}))})}))};return(0,r.jsxs)("div",x({className:u()("paraui-button-split",c),ref:_,style:s,onMouseLeave:function(t){var o;t.stopPropagation(),q(),null===(o=t.currentTarget.firstElementChild)||void 0===o||o.classList.remove("paraui-button-split--active"),C(!1)}},{children:[S?(0,r.jsx)(j.IconButton,x({variant:"text",size:"small",disabled:b},O,{onMouseEnter:L},{children:null!=o?o:P({id:"moreActions"})})):(0,r.jsx)(j,x({variant:"outlined",size:"large",startIcon:(0,r.jsx)(f(),{}),disabled:b},O,{onMouseEnter:L},{children:null!=o?o:P({id:"moreActions"})})),(0,r.jsx)(e.Popper,x({open:T,anchorEl:_.current,transition:!0,placement:w,style:x({zIndex:1500},p),className:u()("paraui-button-split-popper",l)},{children:function(t){var o=t.TransitionProps;t.placement;return(0,r.jsx)(e.Grow,x({},o,{children:(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(e.ClickAwayListener,x({onClickAway:B},{children:A()}))})}))}}))]}))};var j=y},3054:function(t,o,n){"use strict";var r=n(8156),i=n.n(r),e=n(5395),a=n.n(e);o.Z=function(t,o){var n=i().useContext(a()).intlFormat;return o.zh_CN=o.zh,o.en_US=o.en,n&&n(t,o)}},7371:function(t,o,n){"use strict";var r=n(5893),i=n(670),e=n(5744),a=n.n(e),u=(n(2310),function(){return u=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},u.apply(this,arguments)}),c=function(t,o){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)o.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]])}return n};o.default=function(t){var o,n=t.placement,e=void 0===n?"top-start":n,l=t.className,s=t.arrow,p=void 0===s||s,d=t.PopperProps,b=t.boundariesElement,f=void 0===b?"scrollParent":b,g=c(t,["placement","className","arrow","PopperProps","boundariesElement"]),h=u(u({},t.classes),{popper:a()("paraui-tooltip",l,null===(o=t.classes)||void 0===o?void 0:o.popper,{"paraui-tooltip-left-right":(null==e?void 0:e.includes("left"))||(null==e?void 0:e.includes("right")),"paraui-tooltip-top-bottom":(null==e?void 0:e.includes("top"))||(null==e?void 0:e.includes("bottom"))})});return(0,r.jsx)(i.Tooltip,u({},g,{enterTouchDelay:0,arrow:p,placement:e,classes:h,PopperProps:u(u({},d),{modifiers:{preventOverflow:{boundariesElement:f}}})}))}},670:function(t){"use strict";t.exports=o},5395:function(t){"use strict";t.exports=a},2396:function(t){"use strict";t.exports=e},3835:function(t){"use strict";t.exports=i},2788:function(t){"use strict";t.exports=r},5744:function(t){"use strict";t.exports=n},8156:function(o){"use strict";o.exports=t}},c={};function l(t){var o=c[t];if(void 0!==o)return o.exports;var n=c[t]={id:t,exports:{}};return u[t](n,n.exports,l),n.exports}l.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return l.d(o,{a:o}),o},l.d=function(t,o){for(var n in o)l.o(o,n)&&!l.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},l.o=function(t,o){return Object.prototype.hasOwnProperty.call(t,o)},l.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},l.nc=void 0;var s={};return function(){"use strict";l.r(s),l.d(s,{ButtonGroup:function(){return b}});var t=l(5893),o=l(8156),n=l.n(o),r=l(7896),i=l(7371),e=l(5744),a=l.n(e),u=l(3835),c=l.n(u),p=(l(954),function(){return p=Object.assign||function(t){for(var o,n=1,r=arguments.length;n<r;n++)for(var i in o=arguments[n])Object.prototype.hasOwnProperty.call(o,i)&&(t[i]=o[i]);return t},p.apply(this,arguments)}),d=function(t,o){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(t);i<r.length;i++)o.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(t,r[i])&&(n[r[i]]=t[r[i]])}return n},b=function(o){var e=o.mode,u=void 0===e?"icon":e,l=o.data,s=void 0===l?[]:l,b=o.className,f=o.showToolTip,g=void 0!==f&&f,h=o.onClick,x=o.disabled,v=void 0!==x&&x,m=o.style,y=function(o,n){if(o&&n){return(0,t.jsxs)("span",{children:[(0,t.jsx)(c(),{style:{marginRight:"4px",fontSize:"11px",color:"inherit"}}),n]})}return n},j=function(t){return function(o){null==h||h(t,o)}},w=function(o){var n=null!=o?o:{},i=n.text,e=n.icon,a=d(n,["text","icon"]);switch(u){case"text":return(0,t.jsx)(r.default,p({onClick:j(o),variant:"outlined",size:"small"},a,{children:i}));case"icon":case"iconSplit":return(0,t.jsx)(r.default.IconButton,p({onClick:j(o),variant:"outlined"},a,{children:e}))}};return(0,t.jsx)("div",p({className:a()("paraui-button-group","paraui-button-group-".concat(u),b,g&&"paraui-button-group-tooltip"),style:m},{children:s&&s.length?s.map((function(o,r){var e=o.text,a=o.disabled;return void 0===a&&(a=v,o.disabled=v),g&&["icon","iconSplit"].includes(u)?(0,t.jsx)(i.default,p({title:y(a,e)},{children:(0,t.jsx)("span",{children:w(o)})}),r):(0,t.jsx)(n().Fragment,{children:w(o)},r)})):null}))};s.default=b}(),s}()}));
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author Hanz
|
|
3
|
+
* @date 2022/2/28 上午11:02
|
|
4
|
+
* @description Carousel
|
|
5
|
+
*/
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { Settings } from "react-slick";
|
|
8
|
+
import './index.scss';
|
|
9
|
+
export declare type CarouselEffect = 'scrollx' | 'fade';
|
|
10
|
+
export declare type DotPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
11
|
+
export interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass'> {
|
|
12
|
+
effect?: CarouselEffect;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
prefixCls?: string;
|
|
15
|
+
slickGoTo?: number;
|
|
16
|
+
dotPosition?: DotPosition;
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
dots?: boolean | {
|
|
19
|
+
className?: string;
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
export interface CarouselRef {
|
|
23
|
+
goTo: (slide: number, dontAnimate?: boolean) => void;
|
|
24
|
+
next: () => void;
|
|
25
|
+
prev: () => void;
|
|
26
|
+
play: () => void;
|
|
27
|
+
pause: () => void;
|
|
28
|
+
}
|
|
29
|
+
export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>>;
|
|
30
|
+
export default Carousel;
|