@para-ui/core 2.2.50 → 2.2.52

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "2.2.50",
+  "version": "2.2.52",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",

package/style.css

@@ -49,7 +49,7 @@
 .paraui-input-number{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;display:inline-block;width:100%}.paraui-input-number>.input-number-content{border:1px solid;border-radius:4px;border-color:rgba(171,176,185,.4);display:flex;width:100%;position:relative;background-color:#fff}.paraui-input-number>.input-number-content:hover{border-color:#3666d6}.paraui-input-number>.input-number-content>.input-number-content-before{width:30px;color:#2e3743;border-right:1px solid rgba(171,176,185,.4);border-bottom-left-radius:4px;border-top-left-radius:4px}.paraui-input-number>.input-number-content>.input-number-content-within{width:100%;position:relative}.paraui-input-number>.input-number-content>.input-number-content-within>.paraui-input-number-rc{width:100%;height:100%}.paraui-input-number>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-input-wrap{width:100%;height:100%;position:relative;z-index:1}.paraui-input-number>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-input-wrap>input{width:100%;height:100%;border:0;border-radius:4px;padding:10px 12px;background:rgba(0,0,0,0);font-size:14px;color:#2e3743}.paraui-input-number>.input-number-content>.input-number-content-within>.paraui-input-number-rc.paraui-input-number-rc-out-of-range>.paraui-input-number-rc-input-wrap>input{color:#eb6054}.paraui-input-number>.input-number-content>.input-number-content-within>.input-number-label-placeholder{width:100%;position:absolute;left:0;top:0;height:100%;padding:0 12px;color:rgba(46,55,67,.4);cursor:text;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paraui-input-number>.input-number-content>.input-number-content-within>.input-number-label-placeholder>.input-number-required{margin-left:2px;color:#eb6054}.paraui-input-number>.input-number-content>.input-number-content-after{width:30px;color:#2e3743;border-left:1px solid rgba(171,176,185,.4);border-bottom-right-radius:4px;border-top-right-radius:4px}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within{width:calc(100% - 30px)}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap{position:absolute;top:0;right:-30px;width:30px;height:100%;border-bottom-right-radius:4px;border-top-right-radius:4px;overflow:hidden}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled>.tb-btn-top{cursor:not-allowed}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled>.tb-btn-top:hover>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled>.tb-btn-top>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.tb-btn-top{line-height:0;height:50%;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:rgba(171,176,185,.12)}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.tb-btn-top:hover>svg{color:#3666d6}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.tb-btn-top>svg{color:rgba(46,55,67,.7)}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.tb-btn-top:last-child{border-top:1px solid;border-color:rgba(171,176,185,.2)}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled>.tb-btn-bottom{cursor:not-allowed}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled>.tb-btn-bottom:hover>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled>.tb-btn-bottom>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.tb-btn-bottom{line-height:0;height:50%;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:rgba(171,176,185,.12)}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.tb-btn-bottom:hover>svg{color:#3666d6}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.tb-btn-bottom>svg{color:rgba(46,55,67,.7)}.paraui-input-number.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.tb-btn-bottom:last-child{border-top:1px solid;border-color:rgba(171,176,185,.2)}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within{width:calc(100% - 60px)}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap{position:absolute;width:100%;height:100%}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up{position:absolute;left:-30px;top:0;height:100%;border-bottom-left-radius:4px;border-top-left-radius:4px;overflow:hidden}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled>.add-btn{cursor:not-allowed}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled>.add-btn:hover>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up.paraui-input-number-rc-handler-up-disabled>.add-btn>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.add-btn{display:flex;align-items:center;justify-content:center;width:30px;height:100%;cursor:pointer;background-color:rgba(171,176,185,.12)}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.add-btn:hover>svg{color:#3666d6}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.add-btn>svg{color:rgba(46,55,67,.7);font-size:20px}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down{position:absolute;right:-30px;top:0;height:100%;border-bottom-right-radius:4px;border-top-right-radius:4px;overflow:hidden}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled>.reduce-btn{cursor:not-allowed}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled>.reduce-btn:hover>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down.paraui-input-number-rc-handler-down-disabled>.reduce-btn>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.reduce-btn{display:flex;align-items:center;justify-content:center;width:30px;height:100%;cursor:pointer;background-color:rgba(171,176,185,.12)}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.reduce-btn:hover>svg{color:#3666d6}.paraui-input-number.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.reduce-btn>svg{color:rgba(46,55,67,.7);font-size:20px}.paraui-input-number.paraui-input-number-focus>.input-number-content{border-color:#3666d6}.paraui-input-number.paraui-input-number-error>.input-number-content{border-color:#eb6054}.paraui-input-number.paraui-input-number-error>.input-number-content:hover{border-color:#eb6054}.paraui-input-number.paraui-input-number-disabled>.input-number-content{background-color:rgba(171,176,185,.12)}.paraui-input-number.paraui-input-number-disabled>.input-number-content:hover{border-color:rgba(171,176,185,.4)}.paraui-input-number.paraui-input-number-disabled>.input-number-content>.input-number-content-within{cursor:not-allowed;width:100%}.paraui-input-number.paraui-input-number-disabled>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-input-wrap>input{cursor:not-allowed}.paraui-input-number.paraui-input-number-disabled>.input-number-content>.input-number-content-within>.input-number-label-placeholder{cursor:not-allowed}.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.tb-btn-top{cursor:not-allowed}.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.tb-btn-top:hover>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.tb-btn-top>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.add-btn{cursor:not-allowed}.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.add-btn:hover>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-disabled-add.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.add-btn>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.tb-btn-bottom{cursor:not-allowed}.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.tb-btn-bottom:hover>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.tb-btn-bottom>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.reduce-btn{cursor:not-allowed}.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.reduce-btn:hover>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-disabled-reduce.paraui-input-number-lr>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.reduce-btn>svg{color:rgba(46,55,67,.4)}.paraui-input-number.paraui-input-number-small>.input-number-content{height:28px}.paraui-input-number.paraui-input-number-small>.input-number-content>.input-number-content-within>.input-number-label-placeholder{line-height:26px}.paraui-input-number.paraui-input-number-small.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.tb-btn-top>svg{font-size:13px}.paraui-input-number.paraui-input-number-small.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.tb-btn-bottom>svg{font-size:13px}.paraui-input-number.paraui-input-number-medium>.input-number-content{height:32px}.paraui-input-number.paraui-input-number-medium>.input-number-content>.input-number-content-within>.input-number-label-placeholder{line-height:30px}.paraui-input-number.paraui-input-number-medium.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.tb-btn-top>svg{font-size:15px}.paraui-input-number.paraui-input-number-medium.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.tb-btn-bottom>svg{font-size:15px}.paraui-input-number.paraui-input-number-large>.input-number-content{height:36px}.paraui-input-number.paraui-input-number-large>.input-number-content>.input-number-content-within>.input-number-label-placeholder{line-height:34px}.paraui-input-number.paraui-input-number-large.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-up>.tb-btn-top>svg{font-size:17px}.paraui-input-number.paraui-input-number-large.paraui-input-number-tb>.input-number-content>.input-number-content-within>.paraui-input-number-rc>.paraui-input-number-rc-handler-wrap>.paraui-input-number-rc-handler-down>.tb-btn-bottom>svg{font-size:17px}
 .paraui-multi-box{display:inline-block;width:100%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-multi-box>.multi-box-content{line-height:0}.paraui-multi-box>.multi-box-content>.multi-box-content-item{padding-bottom:15px;display:flex}.paraui-multi-box>.multi-box-content>.multi-box-content-item>.multi-box-content-item-input{width:calc(100% - 30px);display:flex}.paraui-multi-box>.multi-box-content>.multi-box-content-item>.multi-box-content-item-input>.text-field{width:calc(50% - 10px)}.paraui-multi-box>.multi-box-content>.multi-box-content-item>.multi-box-content-item-input>.text-field>.paraui-helper-text{display:none}.paraui-multi-box>.multi-box-content>.multi-box-content-item>.multi-box-content-item-input>span{display:flex;align-items:center;justify-content:center;width:20px}.paraui-multi-box>.multi-box-content>.multi-box-content-item>.single-box-content-item-svg{display:flex;align-items:center;justify-content:center;width:30px;cursor:pointer}.paraui-multi-box>.multi-box-add{text-align:center;border:1px dashed;border-color:rgba(171,176,185,.4);display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;background-color:#fff}.paraui-multi-box>.multi-box-add>svg{font-size:24px}.paraui-multi-box>.multi-box-add:hover{border-color:#3666d6;color:#3666d6}.paraui-multi-box.multi-box-small>.multi-box-add{height:28px}.paraui-multi-box.multi-box-medium>.multi-box-add{height:32px}.paraui-multi-box.multi-box-large>.multi-box-add{height:36px}.paraui-multi-box.multi-box-disabled>.multi-box-content>.multi-box-content-item>.single-box-content-item-svg{cursor:not-allowed}.paraui-multi-box.multi-box-disabled>.multi-box-content>.multi-box-content-item>.single-box-content-item-svg>svg{color:rgba(46,55,67,.7)}.paraui-multi-box.multi-box-disabled>.multi-box-add{border-color:rgba(171,176,185,.4);cursor:not-allowed;background-color:rgba(171,176,185,.12);color:rgba(46,55,67,.7)}.paraui-multi-box.multi-box-disabled>.multi-box-add>svg{color:rgba(46,55,67,.7)}.paraui-multi-box.multi-box-disabled>.multi-box-add:hover{border-color:rgba(171,176,185,.4);color:rgba(46,55,67,.7)}
 .paraui-input-lang{display:inline-block;width:100%;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-input-lang>.paraui-text-field>.text-field-content>.text-field-content-after{cursor:pointer}.paraui-input-lang>.paraui-text-field>.text-field-content>.text-field-content-after .lang-list-icon{display:flex;align-items:center;justify-content:center}.paraui-input-lang-popover>.paraui-popover-paper{margin-top:8px}.paraui-input-lang-popover>.paraui-popover-paper>.input-lang-list{padding:12px;width:300px;line-height:0}.paraui-input-lang-popover>.paraui-popover-paper>.input-lang-list .paraui-multi-box{padding-bottom:0}
-.paraui-dynamic-multi-box{width:100%}.paraui-dynamic-multi-box .multi-value-content{width:100%;position:relative;overflow-x:auto}.paraui-dynamic-multi-box .multi-value-content .title-config{width:100%;display:flex;align-items:center}.paraui-dynamic-multi-box .multi-value-content .title-config .title-config-row{display:flex;flex:1;align-items:center}.paraui-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item{display:flex;align-items:center;flex:1;min-width:180px;margin-right:12px}.paraui-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch{flex:0;min-width:80px;align-items:center}.paraui-dynamic-multi-box .multi-value-content .title-config .filter-panel{width:36px;height:36px;padding:6px}.paraui-dynamic-multi-box .multi-value-content .title-config .filter-panel svg{font-size:24px;color:rgba(46,55,67,.7);cursor:pointer}.paraui-dynamic-multi-box .multi-value-content .title-config .filter-panel svg:hover{color:#3666d6}.paraui-dynamic-multi-box .multi-value-content .operator-column-40{width:40px;display:flex;align-items:center}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel{width:36px;height:36px;padding:6px;cursor:pointer}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg{font-size:24px;color:rgba(46,55,67,.7)}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg:hover{color:#3666d6}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon{width:36px;height:36px;padding:6px;cursor:pointer}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg{font-size:24px;color:rgba(46,55,67,.7)}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover{background:rgba(171,176,185,.12);border-radius:4px}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg{color:#3666d6}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon{display:none}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .center-line{width:1px;height:12px;border:1px solid rgba(171,176,185,.4);margin:0 3px}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .blank-block{width:44px}.paraui-dynamic-multi-box .multi-value-content .operator-column-80{width:80px}.paraui-dynamic-multi-box .multi-value-content .content-row-form{width:100%;display:flex;align-items:flex-start;height:56px}.paraui-dynamic-multi-box .multi-value-content .content-row-form .form-item{display:flex;align-items:flex-start;flex:1;min-width:180px;margin-right:12px}.paraui-dynamic-multi-box .multi-value-content .content-row-form .form-item-icon{margin-left:12px}.paraui-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch{flex:0;box-sizing:content-box;align-items:center;height:36px;min-width:80px}.paraui-dynamic-multi-box .add-button{display:flex;justify-content:center;align-items:center;width:100%;height:36px;background:rgba(171,176,185,.12);border:1px dashed rgba(171,176,185,.4);border-radius:4px}.paraui-dynamic-multi-box .add-button .text{font-size:14px;margin-left:8px}.paraui-dynamic-multi-box .multi-value-add-button-top-20{margin-top:20px}.paraui-dynamic-multi-box .normal-button{cursor:pointer}.paraui-dynamic-multi-box .normal-button .text{color:#3666d6}.paraui-dynamic-multi-box .normal-button:hover{background:rgba(54,102,214,.05);border:1px dashed rgba(54,102,214,.4)}.paraui-dynamic-multi-box .disabled-add .text{color:rgba(46,55,67,.4)}.paraui-dynamic-multi-box .disabled-add svg{color:rgba(46,55,67,.4)}.paraui-dynamic-multi-box .paraui-comboselect,.paraui-dynamic-multi-box .paraui-picker-wrapper{width:100%}.paraui-dynamic-multi-box .multi-value-switch{width:100%;display:flex;align-items:center}.paraui-dynamic-multi-box .multi-value-switch .switch-text{color:rgba(46,55,67,.4);margin-right:4px;overflow:hidden}.paraui-dynamic-multi-box .multi-value-switch .switch{flex:1}.paraui-dynamic-multi-box-popover .filter-config{width:200px;max-height:300px;padding-top:16px;overflow-y:auto}.paraui-dynamic-multi-box-popover .filter-config .check-list{padding:0 12px;overflow-y:auto}.paraui-dynamic-multi-box-popover .filter-config .check-list .title{font-size:12px;color:rgba(46,55,67,.4);margin-bottom:12px}.paraui-dynamic-multi-box-popover .filter-config .check-list .paraui-check-box{margin-bottom:22px}.paraui-dynamic-multi-box-popover .filter-config .check-list .paraui-check-box:last-child{margin-bottom:22px}.paraui-dynamic-multi-box-popover .filter-config .restore-default{display:flex;justify-content:center;align-items:center;position:sticky;width:100%;left:0;bottom:0;top:-2px;height:44px;color:#3666d6;cursor:pointer;border-top:1px solid rgba(171,176,185,.12);background-color:#fff}.paraui-dynamic-multi-box-popover .no-other-property{width:200px;padding:16px 0;text-align:center;font-size:12px;color:rgba(46,55,67,.4)}
+.paraui-dynamic-multi-box{width:100%}.paraui-dynamic-multi-box .multi-value-content{width:100%;position:relative;overflow-x:auto}.paraui-dynamic-multi-box .multi-value-content .title-config{width:100%;display:flex;align-items:center}.paraui-dynamic-multi-box .multi-value-content .title-config .title-config-row{display:flex;flex:1;align-items:center}.paraui-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item{display:flex;align-items:center;flex:1;min-width:180px;margin-right:12px}.paraui-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch{flex:0;min-width:80px;align-items:center}.paraui-dynamic-multi-box .multi-value-content .title-config .filter-panel{width:36px;height:36px;padding:6px}.paraui-dynamic-multi-box .multi-value-content .title-config .filter-panel svg{font-size:24px;color:rgba(46,55,67,.7);cursor:pointer}.paraui-dynamic-multi-box .multi-value-content .title-config .filter-panel svg:hover{color:#3666d6}.paraui-dynamic-multi-box .multi-value-content .operator-column-40{width:40px;display:flex;align-items:center}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel{width:36px;height:36px;padding:6px;cursor:pointer}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg{font-size:24px;color:rgba(46,55,67,.7)}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel svg:hover{color:#3666d6}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon{width:36px;height:36px;padding:6px;cursor:pointer}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg{font-size:24px;color:rgba(46,55,67,.7)}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover{background:rgba(171,176,185,.12);border-radius:4px}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg{color:#3666d6}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon{display:none}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .center-line{width:1px;height:12px;border:1px solid rgba(171,176,185,.4);margin:0 3px}.paraui-dynamic-multi-box .multi-value-content .operator-column-40 .blank-block{width:44px}.paraui-dynamic-multi-box .multi-value-content .operator-column-80{width:80px}.paraui-dynamic-multi-box .multi-value-content .content-row-form{width:100%;display:flex;align-items:flex-start;height:56px}.paraui-dynamic-multi-box .multi-value-content .content-row-form .paraui-select{overflow:hidden}.paraui-dynamic-multi-box .multi-value-content .content-row-form .form-item{display:flex;align-items:flex-start;flex:1;min-width:180px;margin-right:12px}.paraui-dynamic-multi-box .multi-value-content .content-row-form .form-item-icon{margin-left:12px}.paraui-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch{flex:0;box-sizing:content-box;align-items:center;height:36px;min-width:80px}.paraui-dynamic-multi-box .add-button{display:flex;justify-content:center;align-items:center;width:100%;height:36px;background:rgba(171,176,185,.12);border:1px dashed rgba(171,176,185,.4);border-radius:4px}.paraui-dynamic-multi-box .add-button .text{font-size:14px;margin-left:8px}.paraui-dynamic-multi-box .multi-value-add-button-top-20{margin-top:20px}.paraui-dynamic-multi-box .normal-button{cursor:pointer}.paraui-dynamic-multi-box .normal-button .text{color:#3666d6}.paraui-dynamic-multi-box .normal-button:hover{background:rgba(54,102,214,.05);border:1px dashed rgba(54,102,214,.4)}.paraui-dynamic-multi-box .disabled-add .text{color:rgba(46,55,67,.4)}.paraui-dynamic-multi-box .disabled-add svg{color:rgba(46,55,67,.4)}.paraui-dynamic-multi-box .paraui-comboselect,.paraui-dynamic-multi-box .paraui-picker-wrapper{width:100%}.paraui-dynamic-multi-box .multi-value-switch{width:100%;display:flex;align-items:center}.paraui-dynamic-multi-box .multi-value-switch .switch-text{color:rgba(46,55,67,.4);margin-right:4px;overflow:hidden}.paraui-dynamic-multi-box .multi-value-switch .switch{flex:1}.paraui-dynamic-multi-box-popover .filter-config{width:200px;max-height:300px;padding-top:16px;overflow-y:auto}.paraui-dynamic-multi-box-popover .filter-config .check-list{padding:0 12px;overflow-y:auto}.paraui-dynamic-multi-box-popover .filter-config .check-list .title{font-size:12px;color:rgba(46,55,67,.4);margin-bottom:12px}.paraui-dynamic-multi-box-popover .filter-config .check-list .paraui-check-box{margin-bottom:22px}.paraui-dynamic-multi-box-popover .filter-config .check-list .paraui-check-box:last-child{margin-bottom:22px}.paraui-dynamic-multi-box-popover .filter-config .restore-default{display:flex;justify-content:center;align-items:center;position:sticky;width:100%;left:0;bottom:0;top:-2px;height:44px;color:#3666d6;cursor:pointer;border-top:1px solid rgba(171,176,185,.12);background-color:#fff}.paraui-dynamic-multi-box-popover .no-other-property{width:200px;padding:16px 0;text-align:center;font-size:12px;color:rgba(46,55,67,.4)}
 .paraui-radio-group{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;width:100%}.paraui-radio-group>.radio-group-content{line-height:0}.paraui-radio-group.radio-group-column>.radio-group-content{display:flex;flex-direction:column}.paraui-radio-group.radio-group-column>.radio-group-content>.paraui-radio{margin-bottom:8px}.paraui-radio-group.radio-group-column>.radio-group-content>.paraui-radio:last-child{margin-bottom:0}
 .paraui-file-box{padding:6px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-file-box .para-file-tips{min-height:20px;position:relative;padding:6px}.paraui-file-box .para-file-tips .file-tips-item{position:relative;height:20px;line-height:16px;padding-right:20px}.paraui-file-box .para-file-tips .file-tips-item>[data-name=LinkGroup]{vertical-align:middle;margin-right:9px}.paraui-file-box .para-file-tips .file-tips-item .file-tips-context{display:inline-block;vertical-align:middle;width:calc(100% - 45px);color:rgba(46,55,67,.7)}.paraui-file-box .para-file-tips .file-tips-item>[data-name=Delete]{display:none;vertical-align:middle;cursor:pointer;position:absolute;right:3px;top:2px}.paraui-file-box .para-file-tips .file-tips-item>[data-name=Delete]:hover{opacity:.8}.paraui-file-box .para-file-tips .file-tips-item:hover{backgroundColor:#f5f5f5}.paraui-file-box .para-file-tips .file-tips-item:hover>[data-name=Delete]{display:inline-block}
 .paraui-form-item{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-form-item .para-form-label{display:inline-block}.paraui-form-item .para-form-edit>div{padding:0;width:100%}.paraui-form-item .para-form-edit>div .paraui-helper-text{display:none}.paraui-form-item .para-form-edit-snack>div .paraui-helper-text{display:block}.paraui-form-item .para-form-edit .paraui-text-field{display:block}.paraui-form-item .para-form-edit .paraui-input-number .paraui-text-field{padding:0px}.paraui-form-item .para-form-edit .paraui-check-box-group>label,.paraui-form-item .para-form-edit .paraui-radio-group>label{display:none}.paraui-form-item .para-form-edit .paraui-check-box-group>div,.paraui-form-item .para-form-edit .paraui-radio-group>div{margin-top:4px}.paraui-form-item .para-form-content-vertical{display:inline-block;width:100%}
@@ -80,7 +80,7 @@
 .paraui-title{display:flex;align-items:center;line-height:20px}.paraui-title .title-ink{width:4px;height:14px;background-color:#3666d6;border-radius:2px}.paraui-title .title-icon{display:inline-flex}.paraui-title .title-text{margin-left:8px;font-size:14px;font-weight:700;color:#1c293c}.paraui-title .title-subtext{margin-left:12px;font-size:14px;font-weight:400;color:rgba(46,55,67,.4)}.paraui-title .title-link{margin-left:12px;text-decoration:none;outline:none;font-size:14px;font-weight:400;color:#3666d6}.paraui-title.paraui-title-large .title-icon svg{font-size:30px}.paraui-title.paraui-title-large .title-text{font-size:18px}.paraui-title.paraui-title-medium .title-icon svg{font-size:24px}.paraui-title.paraui-title-medium .title-text{font-size:16px}.paraui-title.paraui-title-small .title-icon svg{font-size:20px}.paraui-title.paraui-title-small .title-text{margin-left:4px}
 .paraui-toggle-button{color:#2e3743}.paraui-toggle-button.paraui-button{height:30px;padding:0 20px;line-height:30px}.paraui-toggle-button-wrap{display:inline-block}.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[disabled]{color:rgba(46,55,67,.4);background-color:rgba(171,176,185,.12);border:1px solid rgba(171,176,185,.4)}.paraui-toggle-button-selected[disabled]:hover{background-color:rgba(171,176,185,.12)}.paraui-toggle-button-selected[disabled]::before{border-color:rgba(46,55,67,.4);border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-toggle-button-selected::before{content:" ";position:absolute;bottom:0;right:0;border:10px solid #3666d6;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.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-toggle-button-disabled.paraui-toggle-button{pointer-events:auto;cursor:not-allowed}.paraui-togglebutton-group{display:flex;flex-flow:row wrap}.paraui-togglebutton-group .paraui-toggle-button{margin:0 10px;line-height:30px}.paraui-togglebutton-group--text .paraui-toggle-button{margin:0;padding:0 16px;line-height:30px}.paraui-togglebutton-group--text .paraui-toggle-button:hover{color:rgba(54,102,214,.8)}.paraui-togglebutton-group--text .paraui-toggle-button[disabled]{color:rgba(46,55,67,.4)}.paraui-togglebutton-group--text .paraui-toggle-button~.paraui-toggle-button:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:14px;background-color:rgba(171,176,185,.4)}.paraui-togglebutton-group--text .paraui-toggle-button-selected{color:#3666d6;font-weight:700}.paraui-togglebutton-group--text .paraui-toggle-button-selected:hover{color:#3666d6}.paraui-togglebutton-group--text .paraui-toggle-button-selected:first-child:before{display:none}.paraui-togglebutton-group--text .paraui-toggle-button-selected:not(:first-child)::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:14px;background-color:rgba(171,176,185,.4);border:0}.paraui-togglebutton-group--text .paraui-toggle-button-selected::after{display:none}
 .transfer{display:flex;font-size:14px}.transfer .box{width:289px;border-radius:4px;border:1px solid rgba(171,176,185,.368627451);overflow:hidden}.transfer .box .box-header{background:rgba(171,176,185,.2745098039);display:flex;justify-content:space-between;align-items:center;padding-left:10px;height:44px}.transfer .box .box-header .count{margin:0 10px 0 0;color:#999;letter-spacing:1px}.transfer .box .context{height:400px;overflow:auto;scrollbar-base-color:red}.transfer .box .text-field-content{border:none;border-radius:0;border-bottom:1px solid #ddd}.transfer ::-webkit-scrollbar-thumb{border-radius:4px;background:#3666d6}.transfer .moveBtn{display:flex;height:414px;flex-direction:column;justify-content:center;margin:0 24px}.transfer .moveBtn .btn-left{margin-top:20px}.transfer .context .item{padding:0px 12px;height:36px;display:flex;align-items:center;cursor:pointer}.transfer .context .item>.item-label{margin-left:8px;flex:1;overflow:hidden;color:#2e3743}.transfer .context .item:hover{background-color:rgba(171,176,185,.12)}.transfer .context .item:hover>.item-label{color:#3666d6}.transfer .context .item.item-disabled:hover{background:inherit}.transfer .context .item.item-disabled>.item-label{color:rgba(46,55,67,.4)}
-.paraui-upload-list-text .paraui-upload-list-item{margin-top:8px}.paraui-upload-list-text .paraui-upload-list-item-info{display:flex;align-items:center;padding:0 8px;line-height:28px;font-size:14px;color:#2e3743;border-radius:4px;transition:background-color .3s}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text{position:relative;display:inline-flex;align-items:center}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-upload-list-fileicon{line-height:0;opacity:1;transition:opacity .3s}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-upload-list-fileicon svg{color:inherit;font-size:inherit}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text-name{margin-left:10px}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-upload-list-actions{position:absolute;opacity:0;visibility:hidden;line-height:0;transition:opacity .3s;cursor:pointer}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-upload-list-actions svg{color:#eb6054;font-size:inherit}.paraui-upload-list-text .paraui-upload-list-item-info:hover{background-color:rgba(171,176,185,.12)}.paraui-upload-list-text .paraui-upload-list-item-info:hover .paraui-upload-list-text .paraui-upload-list-actions{visibility:visible;opacity:1}.paraui-upload-list-text .paraui-upload-list-item-info:hover .paraui-upload-list-text .paraui-upload-list-fileicon--active{opacity:0}.paraui-upload-list-picture{display:inline-flex;align-items:center}.paraui-upload-list-picture-item{position:relative;display:inline-block;width:100px;height:100px;margin-right:16px;border-radius:4px;cursor:default}.paraui-upload-list-picture-item::before{content:" ";position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(46,55,67,.7);border-radius:4px;opacity:0;transition:.3s}.paraui-upload-list-picture-item img{width:100%;height:100%;border-radius:4px}.paraui-upload-list-picture-item .paraui-upload-list-picture-name{position:absolute;bottom:0;left:0;width:100%;padding:0 10px;font-size:12px;line-height:24px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:rgba(46,55,67,.7);border-radius:0 0 4px 4px;color:#fff;transition:.3s}.paraui-upload-list-picture-item .paraui-upload-list-actions{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;line-height:0;cursor:pointer;transition:.3s}.paraui-upload-list-picture-item .paraui-upload-list-actions svg{color:#fff}.paraui-upload-list-picture-item:hover::before{opacity:1}.paraui-upload-list-picture-item:hover .paraui-upload-list-actions{opacity:1}.paraui-upload-list-picture-item:hover .paraui-upload-list-picture-name{opacity:0}
+.paraui-upload-list-text .paraui-upload-list-item{margin-top:8px}.paraui-upload-list-text .paraui-upload-list-item-info{display:flex;align-items:center;padding:0 8px;line-height:28px;font-size:14px;color:#2e3743;border-radius:4px;transition:background-color .3s}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text{position:relative;display:inline-flex;align-items:center}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-upload-list-fileicon{line-height:0;opacity:1;transition:opacity .3s}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-upload-list-fileicon svg{color:inherit;font-size:inherit}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text-name{margin-left:10px}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-upload-list-actions{position:absolute;opacity:0;visibility:hidden;line-height:0;transition:opacity .3s;cursor:pointer}.paraui-upload-list-text .paraui-upload-list-item-info .paraui-upload-list-text .paraui-upload-list-actions svg{color:#eb6054;font-size:inherit}.paraui-upload-list-text .paraui-upload-list-item-info:hover{background-color:rgba(171,176,185,.12)}.paraui-upload-list-text .paraui-upload-list-item-info:hover .paraui-upload-list-text .paraui-upload-list-actions{visibility:visible;opacity:1}.paraui-upload-list-text .paraui-upload-list-item-info:hover .paraui-upload-list-text .paraui-upload-list-fileicon--active{opacity:0}.paraui-upload-list-picture{display:inline-flex;align-items:center}.paraui-upload-list-picture-item{position:relative;display:inline-block;width:100px;height:100px;margin-right:16px;border-radius:4px;cursor:default}.paraui-upload-list-picture-item::before{content:" ";position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(46,55,67,.7);border-radius:4px;opacity:0;transition:.3s}.paraui-upload-list-picture-item img{width:100%;height:100%;border-radius:4px}.paraui-upload-list-picture-item .paraui-upload-list-picture-name{position:absolute;bottom:0;left:0;width:100%;padding:0 10px;font-size:12px;line-height:24px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:rgba(46,55,67,.7);border-radius:0 0 4px 4px;color:#fff;transition:.3s}.paraui-upload-list-picture-item .paraui-upload-list-actions{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;line-height:0;cursor:pointer;transition:.3s}.paraui-upload-list-picture-item .paraui-upload-list-actions svg{color:#fff}.paraui-upload-list-picture-item:hover:not(.paraui-upload-list-picture-item-readonly)::before{opacity:1}.paraui-upload-list-picture-item:hover:not(.paraui-upload-list-picture-item-readonly) .paraui-upload-list-actions{opacity:1}.paraui-upload-list-picture-item:hover:not(.paraui-upload-list-picture-item-readonly) .paraui-upload-list-picture-name{opacity:0}
 .paraui-upload-error{position:absolute;left:0;top:100%;margin-top:12px;display:inline-flex;align-items:center;padding:0 12px;line-height:28px;background-color:#fdf6f5;color:#eb6054;font-size:14px;white-space:nowrap;border-radius:4px;z-index:1}.paraui-upload-error svg{margin-right:4px;font-size:inherit;color:inherit}.paraui-upload-error--image{margin-top:8px}.paraui-upload-error--drag{top:20px;left:50%;margin-top:0;transform:translateX(-50%)}
 .paraui-upload-image{display:inline-flex;align-items:center}.paraui-upload-image-select{position:relative;width:100px;height:100px;background-color:rgba(171,176,185,.12);border-radius:4px;cursor:pointer;transition:.3s}.paraui-upload-image-select--loading{pointer-events:none}.paraui-upload-image-select .rc-upload{display:inline-block;width:100%;height:100%}.paraui-upload-image-select:hover{background-color:rgba(54,102,214,.05)}.paraui-upload-image-select:hover .paraui-upload-image-picture-card{color:#3666d6}.paraui-upload-image-picture-card{display:inline-flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:center;color:#2e3743;font-size:14px}.paraui-upload-image-picture-card .paraui-upload-img-wrapper{position:relative;width:100%;height:100%;cursor:default}.paraui-upload-image-picture-card .paraui-upload-img-wrapper img{width:100%;height:100%;border-radius:4px}.paraui-upload-image-picture-card .paraui-upload-img-wrapper::before{content:" ";position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(46,55,67,.7);border-radius:4px;opacity:0;transition:.3s}.paraui-upload-image-picture-card .paraui-upload-img-wrapper-name{position:absolute;bottom:0;left:0;width:100%;padding:0 10px;font-size:12px;line-height:24px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:rgba(46,55,67,.7);border-radius:0 0 4px 4px;color:#fff;transition:.3s}.paraui-upload-image-picture-card .paraui-upload-img-wrapper-action{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;line-height:0;cursor:pointer;transition:.3s}.paraui-upload-image-picture-card .paraui-upload-img-wrapper-action svg{color:#fff}.paraui-upload-image-picture-card .paraui-upload-img-wrapper:hover::before{opacity:1}.paraui-upload-image-picture-card .paraui-upload-img-wrapper:hover .paraui-upload-img-wrapper-name{opacity:0}.paraui-upload-image-picture-card .paraui-upload-img-wrapper:hover .paraui-upload-img-wrapper-action{opacity:1}.paraui-upload-image-picture-card .paraui-upload-image-icon{color:#3666d6;font-size:30px}.paraui-upload-image-picture-card .paraui-upload-image-loading{color:#3666d6;font-size:30px;animation:loadingCircle 1s infinite linear}.paraui-upload-image-picture-card .paraui-upload-image-text{margin-top:6px;color:inherit;transition:.3s}.paraui-upload-image-picture-card .paraui-upload-image-text--loading{color:#3666d6}@keyframes loadingCircle{100%{transform:rotate(360deg)}}
 .paraui-img-crop-modal .paraui-img-crop-container{position:relative;width:100%;height:40vh}.paraui-img-crop-modal .paraui-img-crop-control{display:flex;align-items:center;width:60%;margin-left:auto;margin-right:auto}.paraui-img-crop-modal .paraui-img-crop-control:first-of-type{margin-top:16px}.paraui-img-crop-modal .paraui-img-crop-control:last-of-type{margin-bottom:-8px}.paraui-img-crop-modal .paraui-img-crop-control button{display:flex;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-style:normal;background:rgba(0,0,0,0);border:0;outline:0;cursor:pointer}.paraui-img-crop-modal .paraui-img-crop-control button[disabled]{cursor:default}.paraui-img-crop-modal .paraui-img-crop-control button+div:only-of-type{flex:1;margin:0 8px}.paraui-img-crop-modal .paraui-img-crop-control-zoom button{font-size:18px}.paraui-img-crop-modal .paraui-img-crop-control-rotate button{font-size:16px}.paraui-img-crop-modal .paraui-img-crop-control-rotate button:first-of-type{transform:rotate(-20deg)}.paraui-img-crop-modal .paraui-img-crop-control-rotate button:last-of-type{transform:rotate(20deg)}