plain-design 1.0.0-beta.28 → 1.0.0-beta.29

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. package/dist/plain-design.commonjs.min.js +1 -1
  2. package/dist/plain-design.min.css +1 -1
  3. package/dist/plain-design.min.js +1 -1
  4. package/dist/report.html +2 -2
  5. package/package.json +2 -2
  6. package/src/packages/components/CarouselGroup/carousel.scss +2 -2
  7. package/src/packages/components/Popup/index.tsx +3 -3
  8. package/src/packages/components/VirtualList/useVirtualList.tsx +2 -1
  9. package/src/packages/components/usePopup/PopupItem.tsx +34 -25
  10. package/src/packages/components/usePopup/usePopupManager.tsx +1 -1
  11. package/src/packages/components/usePopup/utils/popup.utils.ts +1 -1
package/dist/plain-design.min.css CHANGED
@@ -30,7 +30,7 @@ html{line-height:1.4;-webkit-text-size-adjust:100%}body{margin:0}main{display:bl
30
30
  .pl-segment-group{background-color:var(--pl-secondary-light-2);display:inline-flex;white-space:nowrap;box-sizing:border-box;padding:3px}.pl-segment-group .pl-segment{height:100%;display:flex;align-items:center;padding:0 12px;background-color:transparent;transition:all ease 300ms}.pl-segment-group .pl-segment+span{margin-left:3px}.pl-segment-group .pl-segment:hover{color:var(--pl-primary-6);cursor:pointer}.pl-segment-group .pl-segment.segment-active{background-color:var(--pl-background-color);color:var(--pl-primary-6)}.pl-segment-group .segment-loading{cursor:wait}.pl-segment-group .segment-disabled{cursor:not-allowed}.pl-segment-group .segment-block{display:block;min-width:initial;width:100%}.pl-segment-group.segment-group-size-large{font-size:var(--pl-box-size-large-font-size);height:var(--pl-box-size-large-height)}.pl-segment-group.segment-group-size-large.segment-group-shape-square{border-radius:var(--pl-box-size-large-border-radius)}.pl-segment-group.segment-group-size-large.segment-group-shape-square .pl-segment{border-radius:var(--pl-box-size-large-border-radius)}.pl-segment-group.segment-group-size-large.segment-group-shape-square .segment-loading{cursor:wait}.pl-segment-group.segment-group-size-large.segment-group-shape-square .segment-disabled{cursor:not-allowed}.pl-segment-group.segment-group-size-large.segment-group-shape-square .segment-block{display:block;min-width:initial;width:100%}.pl-segment-group.segment-group-size-large.segment-group-shape-round{border-radius:var(--pl-box-size-large-height)}.pl-segment-group.segment-group-size-large.segment-group-shape-round .pl-segment{border-radius:var(--pl-box-size-large-height)}.pl-segment-group.segment-group-size-large.segment-group-shape-round .segment-loading{cursor:wait}.pl-segment-group.segment-group-size-large.segment-group-shape-round .segment-disabled{cursor:not-allowed}.pl-segment-group.segment-group-size-large.segment-group-shape-round .segment-block{display:block;min-width:initial;width:100%}.pl-segment-group.segment-group-size-normal{font-size:var(--pl-box-size-normal-font-size);height:var(--pl-box-size-normal-height)}.pl-segment-group.segment-group-size-normal.segment-group-shape-square{border-radius:var(--pl-box-size-normal-border-radius)}.pl-segment-group.segment-group-size-normal.segment-group-shape-square .pl-segment{border-radius:var(--pl-box-size-normal-border-radius)}.pl-segment-group.segment-group-size-normal.segment-group-shape-square .segment-loading{cursor:wait}.pl-segment-group.segment-group-size-normal.segment-group-shape-square .segment-disabled{cursor:not-allowed}.pl-segment-group.segment-group-size-normal.segment-group-shape-square .segment-block{display:block;min-width:initial;width:100%}.pl-segment-group.segment-group-size-normal.segment-group-shape-round{border-radius:var(--pl-box-size-normal-height)}.pl-segment-group.segment-group-size-normal.segment-group-shape-round .pl-segment{border-radius:var(--pl-box-size-normal-height)}.pl-segment-group.segment-group-size-normal.segment-group-shape-round .segment-loading{cursor:wait}.pl-segment-group.segment-group-size-normal.segment-group-shape-round .segment-disabled{cursor:not-allowed}.pl-segment-group.segment-group-size-normal.segment-group-shape-round .segment-block{display:block;min-width:initial;width:100%}.pl-segment-group.segment-group-size-small{font-size:var(--pl-box-size-small-font-size);height:var(--pl-box-size-small-height)}.pl-segment-group.segment-group-size-small.segment-group-shape-square{border-radius:var(--pl-box-size-small-border-radius)}.pl-segment-group.segment-group-size-small.segment-group-shape-square .pl-segment{border-radius:var(--pl-box-size-small-border-radius)}.pl-segment-group.segment-group-size-small.segment-group-shape-square .segment-loading{cursor:wait}.pl-segment-group.segment-group-size-small.segment-group-shape-square .segment-disabled{cursor:not-allowed}.pl-segment-group.segment-group-size-small.segment-group-shape-square .segment-block{display:block;min-width:initial;width:100%}.pl-segment-group.segment-group-size-small.segment-group-shape-round{border-radius:var(--pl-box-size-small-height)}.pl-segment-group.segment-group-size-small.segment-group-shape-round .pl-segment{border-radius:var(--pl-box-size-small-height)}.pl-segment-group.segment-group-size-small.segment-group-shape-round .segment-loading{cursor:wait}.pl-segment-group.segment-group-size-small.segment-group-shape-round .segment-disabled{cursor:not-allowed}.pl-segment-group.segment-group-size-small.segment-group-shape-round .segment-block{display:block;min-width:initial;width:100%}.pl-segment-group.segment-group-size-mini{font-size:var(--pl-box-size-mini-font-size);height:var(--pl-box-size-mini-height)}.pl-segment-group.segment-group-size-mini.segment-group-shape-square{border-radius:var(--pl-box-size-mini-border-radius)}.pl-segment-group.segment-group-size-mini.segment-group-shape-square .pl-segment{border-radius:var(--pl-box-size-mini-border-radius)}.pl-segment-group.segment-group-size-mini.segment-group-shape-square .segment-loading{cursor:wait}.pl-segment-group.segment-group-size-mini.segment-group-shape-square .segment-disabled{cursor:not-allowed}.pl-segment-group.segment-group-size-mini.segment-group-shape-square .segment-block{display:block;min-width:initial;width:100%}.pl-segment-group.segment-group-size-mini.segment-group-shape-round{border-radius:var(--pl-box-size-mini-height)}.pl-segment-group.segment-group-size-mini.segment-group-shape-round .pl-segment{border-radius:var(--pl-box-size-mini-height)}.pl-segment-group.segment-group-size-mini.segment-group-shape-round .segment-loading{cursor:wait}.pl-segment-group.segment-group-size-mini.segment-group-shape-round .segment-disabled{cursor:not-allowed}.pl-segment-group.segment-group-size-mini.segment-group-shape-round .segment-block{display:block;min-width:initial;width:100%}.segment-group-loading{cursor:wait}.segment-group-disabled{cursor:not-allowed}.segment-group-block{display:block;min-width:initial;width:100%}
31
31
  .pl-input-group{display:flex;align-items:stretch}.pl-input-group>*:not(:first-child){border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.pl-input-group>*:not(:last-child){border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.pl-input-group>*.pl-input .input-fixed{overflow:hidden}.pl-input-group>*.pl-input:not(.input-fixed){flex:1;flex-shrink:0;flex-grow:1;overflow:hidden}.pl-input-group>*.pl-input:not(:first-child){border-left:solid 1px var(--pl-border-color)}.pl-input-group>*.pl-input+.pl-input:not(:hover):not(.input-focus){border-left-color:transparent}.input-group-loading{cursor:wait}.input-group-disabled{cursor:not-allowed}.input-group-block{display:block;min-width:initial;width:100%}
32
32
  .pl-card{display:inline-block;vertical-align:top;background-color:transparent;font-size:var(--pl-font-size-normal);transition:all ease 300ms}.pl-card .card-head,.pl-card .card-content,.pl-card .card-foot,.pl-card .card-desc{box-sizing:border-box;border:solid 1px var(--pl-border-color)}.pl-card .card-head:not(:last-child),.pl-card .card-content:not(:last-child),.pl-card .card-foot:not(:last-child),.pl-card .card-desc:not(:last-child){border-bottom:none}.pl-card .card-head:first-child:not(.card-poster),.pl-card .card-content:first-child:not(.card-poster),.pl-card .card-foot:first-child:not(.card-poster),.pl-card .card-desc:first-child:not(.card-poster){border-radius:var(--pl-box-size-normal-border-radius) var(--pl-box-size-normal-border-radius) 0 0}.pl-card .card-head:last-child,.pl-card .card-content:last-child,.pl-card .card-foot:last-child,.pl-card .card-desc:last-child{border-radius:0 0 var(--pl-box-size-normal-border-radius) var(--pl-box-size-normal-border-radius)}.pl-card .card-head{padding:9px 12px;display:flex;align-items:center}.pl-card .card-head .card-head-title{flex-shrink:0;flex-grow:1;color:var(--pl-text-1)}.pl-card .card-desc{font-size:12px;color:var(--pl-text-3);padding:0 12px 9px;border-top:none}.pl-card .card-content{display:inline-block;width:100%;color:var(--pl-text-2);padding:9px 12px;line-height:1.5715}.pl-card .card-poster img{display:block}.pl-card .card-foot{display:flex}.pl-card .card-foot>.card-foot-button{flex:1;text-align:center;padding:8px 0;background-color:var(--pl-background-color);cursor:pointer;transition:background-color 300ms linear}.pl-card .card-foot>.card-foot-button:hover{background-color:var(--pl-background-hover)}.pl-card .card-foot>.card-foot-button:not(:first-child){position:relative}.pl-card .card-foot>.card-foot-button:not(:first-child):after{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background-color:var(--custom-border-color);-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}.pl-card.card-mini{font-size:var(--pl-font-size-mini)}.pl-card.card-mini .card-head{padding:4px 10px}.pl-card.card-mini .card-content{padding:4px 10px}.pl-card.card-shadow-normal,.pl-card.card-shadow-hover:hover{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.pl-card.card-no-padding .card-head{padding:0}.pl-card.card-no-padding .card-desc{padding:0}.pl-card.card-no-padding .card-content{padding:0}.card-loading{cursor:wait}.card-disabled{cursor:not-allowed}.card-block{display:block;min-width:initial;width:100%}
33
- .pl-carousel-group{position:relative}.pl-carousel-group:not(.carousel-vertical){overflow-x:hidden}.pl-carousel-group .pl-carousel,.pl-carousel-group .carousel-cover,.pl-carousel-group .carousel-operator,.pl-carousel-group .carousel-indicator{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pl-carousel-group .pl-carousel.carousel-cover,.pl-carousel-group .pl-carousel.carousel-operator,.pl-carousel-group .pl-carousel.carousel-indicator,.pl-carousel-group .carousel-cover.carousel-cover,.pl-carousel-group .carousel-cover.carousel-operator,.pl-carousel-group .carousel-cover.carousel-indicator,.pl-carousel-group .carousel-operator.carousel-cover,.pl-carousel-group .carousel-operator.carousel-operator,.pl-carousel-group .carousel-operator.carousel-indicator,.pl-carousel-group .carousel-indicator.carousel-cover,.pl-carousel-group .carousel-indicator.carousel-operator,.pl-carousel-group .carousel-indicator.carousel-indicator{z-index:99}.pl-carousel-group .pl-carousel{pointer-events:auto}.pl-carousel-group .pl-carousel.carousel-animating{transition:-webkit-transform ease 600ms;transition:transform ease 600ms;transition:transform ease 600ms, -webkit-transform ease 600ms}.pl-carousel-group .carousel-cover{pointer-events:auto}.pl-carousel-group .carousel-operator{display:flex;align-items:center;justify-content:space-between;padding:0 20px}.pl-carousel-group .carousel-operator .carousel-operator-btn{transition:background-color 300ms linear;cursor:pointer;pointer-events:auto;background-color:rgba(255,255,255,.45);color:var(--pl-pbfc);width:36px;height:36px;border-radius:36px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-carousel-group .carousel-operator .carousel-operator-btn:hover:not(:active){background-color:rgba(255,255,255,.65)}.pl-carousel-group .carousel-indicator{top:initial;display:flex;align-items:center;justify-content:center;padding:20px;flex-wrap:nowrap}.pl-carousel-group .carousel-indicator .carousel-indicator-item{pointer-events:auto;width:20px;height:2px;background-color:var(--pl-background-color);opacity:.6;transition:all 200ms linear;cursor:pointer}.pl-carousel-group .carousel-indicator .carousel-indicator-item:not(:last-child){margin-right:8px}.pl-carousel-group .carousel-indicator .carousel-indicator-item.carousel-indicator-item-active{opacity:1;width:30px;height:4px}.pl-carousel-group .carousel-indicator .carousel-indicator-item:hover{opacity:.8}.pl-carousel-group.carousel-vertical{overflow-y:hidden}.pl-carousel-group.carousel-vertical .carousel-operator{flex-direction:column;padding:20px;align-items:flex-end}.pl-carousel-group.carousel-vertical .carousel-operator .carousel-operator-btn:nth-child(1){-webkit-transform:rotate(90deg);transform:rotate(90deg)}.pl-carousel-group.carousel-vertical .carousel-operator .carousel-operator-btn:nth-child(2){-webkit-transform:rotate(90deg);transform:rotate(90deg)}.pl-carousel-group.carousel-vertical .carousel-indicator{flex-direction:column;padding:20px 36px;left:initial;top:0}.pl-carousel-group.carousel-vertical .carousel-indicator .carousel-indicator-item{height:8px;width:2px;margin-right:0}.pl-carousel-group.carousel-vertical .carousel-indicator .carousel-indicator-item.carousel-indicator-item-active{height:16px;width:4px}.pl-carousel-group.carousel-vertical .carousel-indicator .carousel-indicator-item:not(:last-child){margin-bottom:4px}.pl-carousel-group.carousel-card .pl-carousel{right:initial}.pl-carousel-group.carousel-card .carousel-indicator .carousel-indicator-item{background-color:rgba(0,0,0,.5)}.carousel-group-loading{cursor:wait}.carousel-group-disabled{cursor:not-allowed}.carousel-group-block{display:block;min-width:initial;width:100%}
33
+ .pl-carousel-group{position:relative}.pl-carousel-group:not(.carousel-vertical){overflow-x:hidden}.pl-carousel-group .pl-carousel,.pl-carousel-group .carousel-cover,.pl-carousel-group .carousel-operator,.pl-carousel-group .carousel-indicator{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.pl-carousel-group .pl-carousel.carousel-cover,.pl-carousel-group .pl-carousel.carousel-operator,.pl-carousel-group .pl-carousel.carousel-indicator,.pl-carousel-group .carousel-cover.carousel-cover,.pl-carousel-group .carousel-cover.carousel-operator,.pl-carousel-group .carousel-cover.carousel-indicator,.pl-carousel-group .carousel-operator.carousel-cover,.pl-carousel-group .carousel-operator.carousel-operator,.pl-carousel-group .carousel-operator.carousel-indicator,.pl-carousel-group .carousel-indicator.carousel-cover,.pl-carousel-group .carousel-indicator.carousel-operator,.pl-carousel-group .carousel-indicator.carousel-indicator{z-index:99}.pl-carousel-group .pl-carousel{pointer-events:auto}.pl-carousel-group .pl-carousel.carousel-animating{transition:-webkit-transform ease 600ms;transition:transform ease 600ms;transition:transform ease 600ms, -webkit-transform ease 600ms}.pl-carousel-group .carousel-cover{pointer-events:auto}.pl-carousel-group .carousel-operator{display:flex;align-items:center;justify-content:space-between;padding:0 20px}.pl-carousel-group .carousel-operator .carousel-operator-btn{transition:background-color 300ms linear;cursor:pointer;pointer-events:auto;background-color:rgba(0,0,0,.2);color:#fff;width:36px;height:36px;border-radius:36px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pl-carousel-group .carousel-operator .carousel-operator-btn:hover:not(:active){background-color:rgba(255,255,255,.65)}.pl-carousel-group .carousel-indicator{top:initial;display:flex;align-items:center;justify-content:center;padding:20px;flex-wrap:nowrap}.pl-carousel-group .carousel-indicator .carousel-indicator-item{pointer-events:auto;width:20px;height:2px;background-color:var(--pl-background-color);opacity:.6;transition:all 200ms linear;cursor:pointer}.pl-carousel-group .carousel-indicator .carousel-indicator-item:not(:last-child){margin-right:8px}.pl-carousel-group .carousel-indicator .carousel-indicator-item.carousel-indicator-item-active{opacity:1;width:30px;height:4px}.pl-carousel-group .carousel-indicator .carousel-indicator-item:hover{opacity:.8}.pl-carousel-group.carousel-vertical{overflow-y:hidden}.pl-carousel-group.carousel-vertical .carousel-operator{flex-direction:column;padding:20px;align-items:flex-end}.pl-carousel-group.carousel-vertical .carousel-operator .carousel-operator-btn:nth-child(1){-webkit-transform:rotate(90deg);transform:rotate(90deg)}.pl-carousel-group.carousel-vertical .carousel-operator .carousel-operator-btn:nth-child(2){-webkit-transform:rotate(90deg);transform:rotate(90deg)}.pl-carousel-group.carousel-vertical .carousel-indicator{flex-direction:column;padding:20px 36px;left:initial;top:0}.pl-carousel-group.carousel-vertical .carousel-indicator .carousel-indicator-item{height:8px;width:2px;margin-right:0}.pl-carousel-group.carousel-vertical .carousel-indicator .carousel-indicator-item.carousel-indicator-item-active{height:16px;width:4px}.pl-carousel-group.carousel-vertical .carousel-indicator .carousel-indicator-item:not(:last-child){margin-bottom:4px}.pl-carousel-group.carousel-card .pl-carousel{right:initial}.pl-carousel-group.carousel-card .carousel-indicator .carousel-indicator-item{background-color:rgba(0,0,0,.5)}.carousel-group-loading{cursor:wait}.carousel-group-disabled{cursor:not-allowed}.carousel-group-block{display:block;min-width:initial;width:100%}
34
34
  .pl-collapse .collapse-title{font-size:var(--pl-font-size-normal);color:var(--pl-text-2);padding:16px 0;display:flex;align-items:center}.pl-collapse .collapse-title .pl-icon{margin-right:4px}.pl-collapse .collapse-title .icon-loading{cursor:wait}.pl-collapse .collapse-title .icon-disabled{cursor:not-allowed}.pl-collapse .collapse-title .icon-block{display:block;min-width:initial;width:100%}.pl-collapse .collapse-title>*{cursor:pointer}.pl-collapse .collapse-detail p{margin:0;padding:.5em 0}.pl-collapse .collapse-detail p:last-child{padding-bottom:1em}.pl-collapse.collapse-is-open .collapse-title>.pl-icon:first-child{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.collapse-loading{cursor:wait}.collapse-disabled{cursor:not-allowed}.collapse-block{display:block;min-width:initial;width:100%}.pl-collapse-group{border-bottom:solid 1px var(--pl-border-color)}.pl-collapse-group .collapse-title{border-bottom:none;border-top:solid 1px var(--pl-border-color)}.collapse-group-loading{cursor:wait}.collapse-group-disabled{cursor:not-allowed}.collapse-group-block{display:block;min-width:initial;width:100%}
35
35
  .pl-progress-bar{display:inline-flex;align-items:center;vertical-align:middle}.pl-progress-bar .progress-bar-content{display:inline-block;width:50px;text-align:left;font-size:14px;padding:0 6px}.pl-progress-bar .progress-bar-content .icon{vertical-align:-0.1em}.pl-progress-bar .progress-bar-outer{display:inline-flex;align-items:center;overflow:hidden}.pl-progress-bar .progress-bar-outer .progress-bar-inner{height:100%;display:inline-flex;align-items:center;justify-content:flex-end;transition:all ease 300ms}.pl-progress-bar .progress-bar-outer .progress-bar-inner .progress-bar-content{text-align:right}.pl-progress-bar .progress-bar-outer .progress-bar-inner .progress-bar-content span{color:var(--pl-pbfc)}.progress-bar-loading{cursor:wait}.progress-bar-disabled{cursor:not-allowed}.progress-bar-block{display:block;min-width:initial;width:100%}
36
36
  .pl-progress-circle{position:relative;display:inline-block;vertical-align:middle;border-radius:1000px}.pl-progress-circle>svg>path{-webkit-transform-origin:center center;transform-origin:center center}.pl-progress-circle .progress-circle-label{height:100%;width:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.pl-progress-circle .progress-circle-label .pl-icon{font-size:24px}.pl-progress-circle .progress-circle-label .icon-loading{cursor:wait}.pl-progress-circle .progress-circle-label .icon-disabled{cursor:not-allowed}.pl-progress-circle .progress-circle-label .icon-block{display:block;min-width:initial;width:100%}@-webkit-keyframes path-animate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes path-animate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pl-progress-circle.progress-circle-loading>svg{-webkit-animation:path-animate 6000ms linear infinite;animation:path-animate 6000ms linear infinite}.pl-progress-circle.progress-circle-loading>svg>path{-webkit-animation:path-animate 900ms linear infinite;animation:path-animate 900ms linear infinite}.progress-circle-loading{cursor:wait}.progress-circle-disabled{cursor:not-allowed}.progress-circle-block{display:block;min-width:initial;width:100%}