@para-ui/core 2.2.22 → 2.2.23

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.
Files changed (13) hide show
  1. package/CollapseBox/index.js +1 -1
  2. package/CollapseLayout/index.d.ts +51 -0
  3. package/CollapseLayout/index.js +15 -0
  4. package/Menu/index.js +1 -1
  5. package/README.md +6 -0
  6. package/Title/index.d.ts +30 -0
  7. package/Title/index.js +15 -0
  8. package/cdn/CollapseLayout/index.js +29 -0
  9. package/cdn/Title/index.js +1 -0
  10. package/index.d.ts +4 -0
  11. package/index.js +3 -3
  12. package/package.json +1 -1
  13. package/style.css +2 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@para-ui/core",
3
3
  "private": false,
4
- "version": "2.2.22",
4
+ "version": "2.2.23",
5
5
  "main": "./index.js",
6
6
  "typings": "./index.d.ts",
7
7
  "description": "Powered by Para FED",
package/style.css CHANGED
@@ -14,6 +14,7 @@
14
14
  .paraui-check-box-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-check-box-group>.check-box-group-content{line-height:0}.paraui-check-box-group.check-box-group-column>.check-box-group-content{display:flex;flex-direction:column}.paraui-check-box-group.check-box-group-column>.check-box-group-content>.paraui-check-box{margin-bottom:8px}.paraui-check-box-group.check-box-group-column>.check-box-group-content>.paraui-check-box:last-child{margin-bottom:0}
15
15
  .paraui-collapse{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;background-color:#fff;border-bottom:1px solid rgba(171,176,185,.4)}.paraui-collapse .paraui-collapse-motion-collapse{overflow:hidden;transition:height .2s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .2s cubic-bezier(0.645, 0.045, 0.355, 1) !important}.paraui-collapse>.paraui-collapse-item{border-top:1px solid rgba(171,176,185,.4)}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header{display:flex;align-items:center;padding:16px;color:#2e3743;cursor:pointer;font-weight:700}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-svg-box{line-height:0;margin-right:16px}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-svg-box svg{color:#2e3743}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-svg-box .paraui-collapse-expand-svg{transition:all .3s,visibility 0s;color:#2e3743}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-extra{line-height:0;margin-left:auto}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-extra svg{color:#2e3743}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-content.paraui-collapse-content-hidden{display:none}.paraui-collapse>.paraui-collapse-item>.paraui-collapse-content>.paraui-collapse-content-box{padding:0 16px 16px;color:#2e3743;font-size:14px}.paraui-collapse>.paraui-collapse-item.paraui-collapse-item-active>.paraui-collapse-header>.paraui-collapse-svg-box .paraui-collapse-expand-svg{transform:rotate(90deg)}.paraui-collapse.paraui-collapse-svg-right>.paraui-collapse-item>.paraui-collapse-header{padding-right:40px;position:relative}.paraui-collapse.paraui-collapse-svg-right>.paraui-collapse-item>.paraui-collapse-header>.paraui-collapse-svg-box{position:absolute;right:12px;top:17px;margin-right:0}.paraui-collapse>.paraui-collapse-item-disabled>.paraui-collapse-header{color:#2e3743;cursor:not-allowed;background-color:rgba(171,176,185,.12)}.paraui-collapse>.paraui-collapse-item-disabled>.paraui-collapse-header>.paraui-collapse-svg-box svg{color:#2e3743}.paraui-collapse>.paraui-collapse-item-disabled>.paraui-collapse-header>.paraui-collapse-svg-box .paraui-collapse-expand-svg{color:#2e3743}.paraui-collapse>.paraui-collapse-item-disabled>.paraui-collapse-header>.paraui-collapse-extra svg{color:#2e3743}
16
16
  .paraui-collapse-box{transition:height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;width:100%;overflow:hidden;height:0}.paraui-collapse-box>.paraui-collapse-box-wrapper{display:flex;width:100%}.paraui-collapse-box>.paraui-collapse-box-wrapper>.paraui-collapse-box-wrapper-inner{width:100%}.paraui-collapse-box.paraui-collapse-box-entered{overflow:visible}.paraui-collapse-box.paraui-collapse-box-hidden{visibility:hidden}
17
+ .paraui-collapse-layout{height:100%;width:100%;position:relative;overflow:hidden}.paraui-collapse-layout .collapse-layout-icon-transform-top{transform:rotate(90deg)}.paraui-collapse-layout .collapse-layout-icon-transform-bottom{transform:rotate(-90deg)}.paraui-collapse-layout .collapse-layout-icon-transform-right{transform:rotate(180deg)}.paraui-collapse-layout .collapse-layout-display{overflow:hidden}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-click span,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-click span,.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-click span,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-click span{font-size:12px;font-weight:400;text-align:center;color:#3666d6}.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-click{position:absolute;top:50%;left:"";width:20px;height:72px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:-36px;z-index:1;display:grid;transition-property:right;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;right:0px;border-radius:4px 0 0 4px;border-right:1px solid #3666d6}.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-display-shadow{transition-property:margin-right;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-click{position:absolute;top:50%;left:0;width:20px;height:72px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:-36px;z-index:1;display:grid;transition-property:left;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;border-left:1px solid #3666d6;border-radius:0 4px 4px 0}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-display-shadow{transition-property:margin-left;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-left>div,.paraui-collapse-layout.paraui-collapse-layout-right>div{display:inline-block;vertical-align:middle;height:100%;position:relative}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-display-shadow,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-display-shadow{height:100%}.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-left .collapse-layout-default,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-right .collapse-layout-default{transition:width}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-click{position:absolute;top:0;left:50%;width:72px;height:20px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:0;z-index:1;display:grid;transition-property:top;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;margin-left:-36px;border-top:1px solid #3666d6;border-radius:0 0 4px 4px}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-display-shadow{transition-property:margin-top}.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-click{position:absolute;top:"";left:50%;width:72px;height:20px;background:rgba(171,176,185,.12);text-align:center;cursor:pointer;line-height:23px;margin-top:0;z-index:1;display:grid;transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms;margin-left:-36px;bottom:0px;border-bottom:1px solid #3666d6;border-radius:4px 4px 0 0}.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-click>svg{align-self:center;justify-self:center}.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-display-shadow{transition-property:margin-bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-default,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-display,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-default{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0ms}.paraui-collapse-layout.paraui-collapse-layout-top .collapse-layout-display-shadow,.paraui-collapse-layout.paraui-collapse-layout-bottom .collapse-layout-display-shadow{width:100%}.paraui-collapse-layout.paraui-collapse-layout-top>div,.paraui-collapse-layout.paraui-collapse-layout-bottom>div{display:block;width:100%;position:relative}
17
18
  .sketch-picker,.chrome-picker,.swatches-picker,.compact-picker{box-sizing:content-box !important}.sketch-picker *,.chrome-picker *,.swatches-picker *,.compact-picker *{box-sizing:content-box !important}
18
19
  .paraui-table-head-element{display:table-header-group}
19
20
  .paraui-tr-element{display:table-row;outline:0;vertical-align:middle}
@@ -71,6 +72,7 @@
71
72
  .para-split{display:flex;min-height:200px;-webkit-user-select:none;user-select:none}.para-split-left{background-color:#fff;position:relative;min-width:201px}.para-split-left .para-split-separator{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;width:6px;height:100%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.35);cursor:col-resize}.para-split-left .para-split-separator i{display:inline-block;height:14px;width:1px;background-color:#e9e9e9;margin:0 1px}.para-split-left-content{padding:20px 34px 20px 20px}.para-split .para-split-right{background-color:#fff;flex:1}.para-split .para-split-right-content{padding:20px}
72
73
  .paraui-stepper-step+div .paraui-stepper-connector>span{border:0;height:1px;background:linear-gradient(90deg, rgb(61, 102, 248), rgb(119, 147, 249) 74%, rgb(216, 223, 250))}.paraui-stepper .paraui-stepper-step-label{margin-top:8px;color:rgba(46,55,67,.7);font-size:14px;font-weight:400}.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,.12);border-radius:50%}.paraui-stepper-step-icon>svg{color:rgba(46,55,67,.7)}.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,.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% + 27px);right:calc(50% + 27px)}.paraui-stepper .paraui-stepper-connector>span{border-top:1px dashed rgba(171,176,185,.4)}.paraui-stepper .paraui-stepper-connector--active>span,.paraui-stepper .paraui-stepper-connector--completed>span{border-top:1px solid rgba(171,176,185,.4)}
73
74
  .paraui-timeline-alternate:before{padding:0 12px}.paraui-timeline .paraui-timeline-dot{width:8px;height:8px;padding:0;border:none;background-color:#3666d6;box-shadow:none}.paraui-timeline .paraui-timeline-dot--disabled{background-color:rgba(171,176,185,.4)}.paraui-timeline .paraui-timeline-dot--disabled svg{color:rgba(171,176,185,.4)}.paraui-timeline .paraui-timeline-dot-custom{margin:0;color:rgba(0,0,0,0);border:none;background-color:rgba(0,0,0,0);box-shadow:none}.paraui-timeline-content{color:#2e3743;padding:4px 12px;font-size:14px}.paraui-timeline-content-dot{padding:3px 12px}.paraui-timeline-content--disabled{color:rgba(46,55,67,.4)}.paraui-timeline-connector{width:1px;background-color:rgba(171,176,185,.2)}
75
+ .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}
74
76
  .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}
75
77
  .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)}
76
78
  .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}