@para-ui/core 2.0.19 → 2.0.20

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "2.0.19",
+  "version": "2.0.20",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",
@@ -23,6 +23,7 @@
     "@material-ui/icons": "4.11.2",
     "@material-ui/lab": "4.0.0-alpha.58",
     "@para-ui/icons": "^2.0.0",
+    "@para-ui/core": "^2.0.0",
     "clsx": "1.1.1",
     "moment": "2.29.1",
     "para-lib": "^1.4.16",

package/style.css

@@ -6,7 +6,7 @@
 
 .paraui-breadcrumbs{display:inline-block;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400;line-height:0}.paraui-breadcrumbs>div{display:inline-block;line-height:14px;vertical-align:middle;color:rgba(46,55,67,0.701961)}.paraui-breadcrumbs>div svg{font-size:14px;vertical-align:middle;color:rgba(46,55,67,0.701961)}.paraui-breadcrumbs>div span{display:inline-block;line-height:0;vertical-align:middle;color:rgba(46,55,67,0.701961)}.paraui-breadcrumbs>.breadcrumbs-separator{user-select:none;margin:0 8px}.paraui-breadcrumbs>.breadcrumbs-item{cursor:pointer}.paraui-breadcrumbs>.breadcrumbs-item:hover{color:#3666d6}.paraui-breadcrumbs>.breadcrumbs-item:hover svg{color:#3666d6}.paraui-breadcrumbs>.breadcrumbs-item:hover span{color:#3666d6}.paraui-breadcrumbs>.more-breadcrumbs{cursor:pointer}.paraui-breadcrumbs>.current-breadcrumbs{color:rgba(46,55,67,0.701961);font-weight:700}.paraui-breadcrumbs-popover{margin-top:8px}.paraui-breadcrumbs-popover .paraui-breadcrumbs{padding:10px}
 
-@keyframes loadingSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.paraui-button{min-width:auto;padding:0 16px;line-height:normal;text-transform:none;border-radius:8px;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400}.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,0.8);box-shadow:none}.paraui-button-contained[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-contained[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.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-right:-3px}.paraui-button-contained .btn-icon.end-icon{margin-left:-3px}.paraui-button-contained .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-contained.paraui-button-dangerous{background-color:#eb6054}.paraui-button-outlined{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,0.2);background-color:#fff;box-shadow:none}.paraui-button-outlined[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-outlined[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.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-right:-3px}.paraui-button-outlined .btn-icon.end-icon{margin-left:-3px}.paraui-button-outlined .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-outlined.paraui-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-button-outlined.paraui-button-dangerous:hover{border-color:rgba(235,96,84,0.8)}.paraui-button-text{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none;background-color:transparent;border:none}.paraui-button-text:hover{color:#3666d6;background-color:transparent;box-shadow:none}.paraui-button-text[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-text[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.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-right:-3px}.paraui-button-text .btn-icon.end-icon{margin-left:-3px}.paraui-button-text .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-text.paraui-button-dangerous{color:#eb6054}.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:8px}.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,0.8);box-shadow:none}.paraui-icon-button-contained[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-contained[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-icon-button-contained svg{color:inherit;font-size:16px}.paraui-icon-button-contained.paraui-icon-button-dangerous{background-color:#eb6054}.paraui-icon-button-outlined{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,0.2);box-shadow:none;background-color:#fff}.paraui-icon-button-outlined[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-outlined[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.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{border-color:rgba(235,96,84,0.8)}.paraui-icon-button-text{color:#3666d6}.paraui-icon-button-text:hover{background-color:transparent}.paraui-icon-button-text[disabled]{color:rgba(46,55,67,0.4)}.paraui-icon-button-text[disabled]:hover{background-color:transparent}.paraui-icon-button-text svg{color:inherit}.paraui-icon-button-text.paraui-icon-button-dangerous{color:#eb6054}.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{height:34px}.paraui-button-split .paraui-button:hover{border-color:rgba(54,102,214,0.8)}.paraui-button-split .paraui-button-split--active{color:#3666d6;border-color:rgba(54,102,214,0.8);box-shadow:none;background-color:#fff}.paraui-button-split-list{padding:8px 0;margin-top:8px;border-radius:8px;box-shadow:0px 2px 8px 0px rgba(171,176,185,0.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,0.121569)}.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,0.121569)}.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,0.2)}
+@keyframes loadingSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.paraui-button{min-width:auto;padding:0 16px;line-height:normal;text-transform:none;border-radius:8px;font-family:Source Han Sans CN,Source Han Sans CN-Regular;font-size:14px;font-weight:400}.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,0.8);box-shadow:none}.paraui-button-contained[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-contained[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.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-right:-3px}.paraui-button-contained .btn-icon.end-icon{margin-left:-3px}.paraui-button-contained .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-contained.paraui-button-dangerous{background-color:#eb6054}.paraui-button-outlined{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,0.2);background-color:#fff;box-shadow:none}.paraui-button-outlined[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-button-outlined[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.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-right:-3px}.paraui-button-outlined .btn-icon.end-icon{margin-left:-3px}.paraui-button-outlined .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-outlined.paraui-button-dangerous{color:#eb6054;border-color:#eb6054}.paraui-button-outlined.paraui-button-dangerous:hover{border-color:rgba(235,96,84,0.8)}.paraui-button-text{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none;color:#3666d6;background-color:transparent;border:none}.paraui-button-text:hover{color:#3666d6;background-color:transparent;box-shadow:none}.paraui-button-text[disabled]{color:rgba(46,55,67,0.4);background-color:transparent;border:none}.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-right:-3px}.paraui-button-text .btn-icon.end-icon{margin-left:-3px}.paraui-button-text .btn-icon.loading-icon{margin-right:-3px;animation:loadingSpin 1s infinite linear}.paraui-button-text.paraui-button-dangerous{color:#eb6054}.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:8px}.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,0.8);box-shadow:none}.paraui-icon-button-contained[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-contained[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.paraui-icon-button-contained svg{color:inherit;font-size:16px}.paraui-icon-button-contained.paraui-icon-button-dangerous{background-color:#eb6054}.paraui-icon-button-outlined{color:rgba(46,55,67,0.701961);background-color:#fff;border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-outlined:hover{color:#3666d6;border-color:rgba(54,102,214,0.2);box-shadow:none;background-color:#fff}.paraui-icon-button-outlined[disabled]{color:rgba(46,55,67,0.4);background-color:rgba(171,176,185,0.121569);border:1px solid rgba(171,176,185,0.4);box-shadow:none}.paraui-icon-button-outlined[disabled]:hover{background-color:rgba(171,176,185,0.121569)}.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{border-color:rgba(235,96,84,0.8)}.paraui-icon-button-text{color:#3666d6}.paraui-icon-button-text:hover{background-color:transparent}.paraui-icon-button-text[disabled]{color:rgba(46,55,67,0.4)}.paraui-icon-button-text[disabled]:hover{background-color:transparent}.paraui-icon-button-text svg{color:inherit}.paraui-icon-button-text.paraui-icon-button-dangerous{color:#eb6054}.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{height:34px}.paraui-button-split .paraui-button:hover{border-color:rgba(54,102,214,0.8)}.paraui-button-split .paraui-button-split--active{color:#3666d6;border-color:rgba(54,102,214,0.8);box-shadow:none;background-color:#fff}.paraui-button-split-list{padding:8px 0;margin-top:8px;border-radius:8px;box-shadow:0px 2px 8px 0px rgba(171,176,185,0.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,0.121569)}.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,0.121569)}.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,0.2)}
 
 .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,0.4);border-radius:8px}.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,0.4)}.paraui-button-group-icon .paraui-icon-button:first-child{border-radius:8px 0 0 8px}.paraui-button-group-icon .paraui-icon-button:last-child{border-radius:0 8px 8px 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,0.4)}.paraui-button-group-icon.paraui-button-group-tooltip>span:first-child .paraui-icon-button{border-radius:8px 0 0 8px}.paraui-button-group-icon.paraui-button-group-tooltip>span:last-child .paraui-icon-button{border-radius:0 8px 8px 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,0.4)}
 
@@ -88,6 +88,8 @@
 
 .paraui-stepper-step+div .paraui-stepper-connector>span{border:0;height:1px;background:linear-gradient(90deg, #3d66f8, #7793f9 74%, #d8dffa)}.paraui-stepper .paraui-stepper-step-label{margin-top:8px;color:rgba(46,55,67,0.701961);font-size:14px}.paraui-stepper .paraui-stepper-step-label--active{color:#3666d6}.paraui-stepper .paraui-stepper-step-label--completed{color:#2e3743}.paraui-stepper-step-icon{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;background-color:rgba(171,176,185,0.121569);border-radius:50%}.paraui-stepper-step-icon>svg{color:rgba(46,55,67,0.701961)}.paraui-stepper-step-icon--active{background-color:#3666d6}.paraui-stepper-step-icon--active>svg{color:#fff}.paraui-stepper-step-icon--completed{background-color:rgba(54,102,214,0.8)}.paraui-stepper-step-icon--completed>svg{color:#fff}.paraui-stepper-step-icon--one>svg{margin-left:-2px}.paraui-stepper .paraui-stepper-connector{top:15px;left:calc(-50% + 25px);right:calc(50% + 25px)}.paraui-stepper .paraui-stepper-connector>span{border-top:1px dashed rgba(171,176,185,0.4)}.paraui-stepper .paraui-stepper-connector--active>span,.paraui-stepper .paraui-stepper-connector--completed>span{border-top:1px solid rgba(171,176,185,0.4)}
 
+.paraui-tag{display:inline-block;align-items:center;height:auto;margin-right:8px;padding:0 12px;font-size:12px;color:#2e3743;line-height:24px;white-space:nowrap;background:rgba(171,176,185,0.2);border-radius:4px}.paraui-tag-bordered{border:1px solid rgba(171,176,185,0.2);line-height:22px}.paraui-tag-small{line-height:24px}.paraui-tag-small.paraui-tag-bordered{line-height:22px}.paraui-tag-large{line-height:28px}.paraui-tag-large.paraui-tag-bordered{line-height:26px}.paraui-tag .paraui-tag-close-icon{margin-left:4px;color:inherit;font-size:16px;cursor:pointer}.paraui-tag-close-icon:hover{color:inherit}.paraui-tag>.paraui-icon{vertical-align:-4px;color:inherit;font-size:16px}.paraui-tag>.paraui-icon+span{margin-left:4px}.paraui-tag-has-color,.paraui-tag-has-color .paraui-icon,.paraui-tag-has-color .paraui-icon:hover{color:inherit}.paraui-tag-blue{color:#3666d6;background-color:rgba(54,102,214,0.0509804)}.paraui-tag-green{color:#53c31b;background-color:rgba(83,195,27,0.0509804)}.paraui-tag-yellow{color:#ffa150;background-color:rgba(255,161,80,0.0509804)}.paraui-tag-red{color:#eb6054;background-color:rgba(235,96,84,0.0509804)}.paraui-tag-checkable{background-color:transparent;border-color:transparent;cursor:pointer}.paraui-tag-checkable:not(.paraui-tag-checkable-checked):hover{color:#1890ff}.paraui-tag-checkable:active,.paraui-tag .ant-tag-checkable-checked{color:#fff}.paraui-tag-checkable-checked{background-color:#1890ff}.paraui-tag-checkable:active{background-color:#096dd9}.paraui-tag-hidden{display:none}.paraui-tag-group{display:flex;align-items:center;flex-flow:row wrap}.paraui-tag-group-input{width:78px;height:24px;font-size:12px;color:#2e3743;text-indent:8px;border:1px solid rgba(171,176,185,0.4);border-radius:4px}.paraui-tag-group-input-large{height:28px}.paraui-tag-group-new-icon{padding:0 5px}
+
 .paraui-timeline-alternate:before{padding:0 12px}.paraui-timeline-dot{width:8px;height:8px;padding:0;border:none;background-color:#3666d6}.paraui-timeline-dot--disabled{background-color:rgba(171,176,185,0.4)}.paraui-timeline-dot--disabled svg{color:rgba(171,176,185,0.4)}.paraui-timeline-dot-custom{margin:0;color:transparent;border:none;background-color:transparent;box-shadow:none}.paraui-timeline-content{color:#2e3743;padding:0 12px;font-size:14px}.paraui-timeline-content--disabled{color:rgba(46,55,67,0.4)}.paraui-timeline-connector{width:1px;background-color:rgba(171,176,185,0.2)}
 
 .paraui-toggle-button{width:120px;height:30px;border-radius:4px;color:#2e3743}.paraui-toggle-button-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-toggle-button-selected{border-color:#3666d6;color:#3666d6}.paraui-toggle-button-selected:hover{border-color:#3666d6;color:#3666d6}.paraui-toggle-button-selected::before{content:' ';position:absolute;bottom:0;right:0;border:10px solid #3666d6;border-top-color:transparent;border-left-color:transparent;border-bottom-right-radius:4px}.paraui-toggle-button-selected::after{content:' ';position:absolute;bottom:2px;right:3px;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;border-radius:2px;transform:rotate(45deg)}.paraui-togglebutton-group{display:flex;flex-flow:row wrap}.paraui-togglebutton-group .paraui-toggle-button{margin:0 10px}