@opentiny/vue-theme 3.1.0-alpha.1 → 3.5.0-alpha.0

package/credit-card-form/index.css

@@ -1 +1 @@
-.credit-card-form{max-width:570px;margin:auto;width:100%;font-family:arial}@media screen and (max-width:576px){.credit-card-form{margin:0 auto}}.credit-card-form__inner{background:#fff;-webkit-box-shadow:0 30px 60px 0 rgba(90,116,148,.4);box-shadow:0 30px 60px 0 rgba(90,116,148,.4);border-radius:10px;padding:35px;padding-top:180px}@media screen and (max-width:480px){.credit-card-form__inner{padding:25px;padding-top:165px}}@media screen and (max-width:360px){.credit-card-form__inner{padding:15px;padding-top:165px}}.credit-card-form__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:480px){.credit-card-form__row{-ms-flex-wrap:wrap;flex-wrap:wrap}}.credit-card-form__col{-webkit-box-flex:1;-ms-flex:auto;flex:auto;margin-right:35px}.credit-card-form__col:last-child{margin-right:0}@media screen and (max-width:480px){.credit-card-form__col{margin-right:0;-webkit-box-flex:unset;-ms-flex:unset;flex:unset;width:100%;margin-bottom:20px}.credit-card-form__col:last-child{margin-bottom:0}}.credit-card-form__col.-cvv{max-width:150px}@media screen and (max-width:480px){.credit-card-form__col.-cvv{max-width:initial}}.credit-card-form__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.credit-card-form__group .credit-card-input__input{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:15px;outline:0}.credit-card-form__group .credit-card-input__input:last-child{margin-right:0}.credit-card-form__group select::-ms-expand{display:none}.credit-card-form__button{width:100%;height:55px;background:#2364d2;border:none;border-radius:5px;font-size:22px;font-weight:500;-webkit-box-shadow:3px 10px 20px 0 rgba(35,100,210,.3);box-shadow:3px 10px 20px 0 rgba(35,100,210,.3);color:#fff;margin-top:20px;cursor:pointer}@media screen and (max-width:480px){.credit-card-form__button{margin-top:10px}}.credit-card-item{max-width:430px;height:270px;margin-left:auto;margin-right:auto;position:relative;z-index:2;width:100%}@media screen and (max-width:480px){.credit-card-item{max-width:310px;height:220px;width:90%}}@media screen and (max-width:360px){.credit-card-item{height:180px}}.credit-card-item.-active .card-item__side.-front{-webkit-transform:perspective(1000px) rotateY(180deg) rotateX(0) rotateZ(0);transform:perspective(1000px) rotateY(180deg) rotateX(0) rotateZ(0)}.credit-card-item.-active .card-item__side.-back{-webkit-transform:perspective(1000px) rotateY(0) rotateX(0) rotateZ(0);transform:perspective(1000px) rotateY(0) rotateX(0) rotateZ(0)}.credit-card-item__focus{position:absolute;z-index:3;border-radius:5px;left:0;top:0;width:100%;height:100%;-webkit-transition:all .35s cubic-bezier(.71,.03,.56,.85);transition:all .35s cubic-bezier(.71,.03,.56,.85);opacity:0;pointer-events:none;overflow:hidden;border:2px solid rgba(255,255,255,.65)}.credit-card-item__focus:after{content:'';position:absolute;top:0;left:0;width:100%;background:#08142f;height:100%;border-radius:5px;-webkit-filter:blur(25px);filter:blur(25px);opacity:.5}.credit-card-item__focus.-active{opacity:1}.credit-card-item__side{border-radius:15px;overflow:hidden;-webkit-box-shadow:0 20px 60px 0 rgba(14,42,90,.55);box-shadow:0 20px 60px 0 rgba(14,42,90,.55);-webkit-transform:perspective(2000px) rotateY(0) rotateX(0) rotate(0);transform:perspective(2000px) rotateY(0) rotateX(0) rotate(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .8s cubic-bezier(.71,.03,.56,.85);transition:all .8s cubic-bezier(.71,.03,.56,.85);-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%}.credit-card-item__side.-back{position:absolute;top:0;left:0;width:100%;-webkit-transform:perspective(2000px) rotateY(-180deg) rotateX(0) rotate(0);transform:perspective(2000px) rotateY(-180deg) rotateX(0) rotate(0);z-index:2;padding:0;height:100%}.credit-card-item__side.-back .card-item__cover{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.credit-card-item__bg{max-width:100%;display:block;max-height:100%;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.credit-card-item__cover{position:absolute;height:100%;background-color:#1c1d27;background-image:linear-gradient(147deg,#354fce 0,#0c296b 74%);left:0;top:0;width:100%;border-radius:15px;overflow:hidden}.credit-card-item__cover:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(6,2,29,.45)}.credit-card-item__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px;padding:0 10px}@media screen and (max-width:480px){.credit-card-item__top{margin-bottom:25px}}@media screen and (max-width:360px){.credit-card-item__top{margin-bottom:15px}}.credit-card-item__chip{width:60px}@media screen and (max-width:480px){.credit-card-item__chip{width:50px}}@media screen and (max-width:360px){.credit-card-item__chip{width:40px}}.credit-card-item__type{height:45px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:100px;margin-left:auto;width:100%}@media screen and (max-width:480px){.credit-card-item__type{height:40px;max-width:90px}}@media screen and (max-width:360px){.credit-card-item__type{height:30px}}.credit-card-item__typeImg{max-width:100%;-o-object-fit:contain;object-fit:contain;max-height:100%;-o-object-position:top right;object-position:top right}.credit-card-item__info{color:#fff;width:100%;max-width:calc(100% - 85px);padding:10px 15px;font-weight:500;display:block;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__info{padding:10px}}.credit-card-item__holder{opacity:.7;font-size:13px;margin-bottom:6px}@media screen and (max-width:480px){.credit-card-item__holder{font-size:12px;margin-bottom:5px}}.credit-card-item__wrapper{padding:25px 15px;position:relative;z-index:4;height:100%;text-shadow:7px 6px 10px rgba(14,42,90,.8);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:480px){.credit-card-item__wrapper{padding:20px 10px}}.credit-card-item__name{font-size:18px;line-height:1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}@media screen and (max-width:480px){.credit-card-item__name{font-size:16px}}.credit-card-item__nameItem{display:inline-block;min-width:8px;position:relative}.credit-card-item__number{font-weight:500;line-height:1;color:#fff;font-size:27px;margin-bottom:25px;display:inline-block;padding:10px 15px;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__number{font-size:21px;margin-bottom:15px;padding:10px 10px}}@media screen and (max-width:360px){.credit-card-item__number{font-size:19px;margin-bottom:10px;padding:10px 10px}}.credit-card-item__numberItem{width:16px;display:inline-block}.credit-card-item__numberItem.-active{width:30px}@media screen and (max-width:480px){.credit-card-item__numberItem{width:13px}.credit-card-item__numberItem.-active{width:16px}}@media screen and (max-width:360px){.credit-card-item__numberItem{width:12px}.credit-card-item__numberItem.-active{width:8px}}.credit-card-item__content{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.credit-card-item__date{-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:18px;margin-left:auto;padding:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:80px;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__date{font-size:16px}}.credit-card-item__dateItem{position:relative}.credit-card-item__dateItem span{width:22px;display:inline-block}.credit-card-item__dateTitle{opacity:.7;font-size:13px;padding-bottom:6px;width:100%}@media screen and (max-width:480px){.credit-card-item__dateTitle{font-size:12px;padding-bottom:5px}}.credit-card-item__band{background:rgba(0,0,19,.8);width:100%;height:50px;margin-top:30px;position:relative;z-index:2}@media screen and (max-width:480px){.credit-card-item__band{margin-top:20px}}@media screen and (max-width:360px){.credit-card-item__band{height:40px;margin-top:10px}}.credit-card-item__cvv{text-align:right;position:relative;z-index:2;padding:15px}.credit-card-item__cvv .card-item__type{opacity:.7}@media screen and (max-width:360px){.credit-card-item__cvv{padding:10px 15px}}.credit-card-item__cvvTitle{padding-right:10px;font-size:15px;font-weight:500;color:#fff;margin-bottom:5px}.credit-card-item__cvvBand{height:45px;background:#fff;margin-bottom:30px;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:10px;color:#1a3b5d;font-size:18px;border-radius:4px;-webkit-box-shadow:0 10px 20px -7px rgba(32,56,117,.35);box-shadow:0 10px 20px -7px rgba(32,56,117,.35)}@media screen and (max-width:480px){.credit-card-item__cvvBand{height:40px;margin-bottom:20px}}@media screen and (max-width:360px){.credit-card-item__cvvBand{margin-bottom:15px}}.credit-card-list{margin-bottom:-130px}@media screen and (max-width:480px){.credit-card-list{margin-bottom:-120px}}.credit-card-input{margin-bottom:20px;position:relative}.credit-card-input__label{font-size:14px;margin-bottom:5px;font-weight:500;color:#1a3b5d;width:100%;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.credit-card-input__input{width:100%;height:50px;border-radius:5px;-webkit-box-shadow:none;box-shadow:none;border:1px solid #ced6e0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 15px;background:0 0;color:#1a3b5d;outline:0}.credit-card-input__input:focus,.credit-card-input__input:hover{border-color:#3d9cff}.credit-card-input__input:focus{-webkit-box-shadow:0 10px 20px -13px rgba(32,56,117,.35);box-shadow:0 10px 20px -13px rgba(32,56,117,.35)}.credit-card-input__input.-select{-webkit-appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC);background-size:12px;background-position:90% center;background-repeat:no-repeat;padding-right:30px;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer}.credit-card-input__eye{position:absolute;width:1em;height:1em;font-size:24px;border-radius:50%;top:42px;right:10px;opacity:.75;color:#8c9cae;cursor:pointer;padding:0;background:0 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border:2px solid currentColor;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:0}.credit-card-input__eye:before{content:'';position:absolute;background:#fff;width:.35em;height:.35em;top:6px;left:6px;z-index:2;border-radius:50%;-webkit-transform:scale(.1);transform:scale(.1);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.1s;transition-delay:.1s}.credit-card-input__eye:after{content:'';position:absolute;top:3px;left:3px;background:currentColor;width:.6em;height:.6em;border-radius:50%;-webkit-transform:scale(.1);transform:scale(.1);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.credit-card-input__eye.-active:not(:disabled),.credit-card-input__eye:hover:not(:disabled){color:#2364d2;opacity:1}.credit-card-input__eye.-active::after,.credit-card-input__eye.-active::before{-webkit-transform:scale(1);transform:scale(1);opacity:1}.credit-card-input__eye:disabled{cursor:not-allowed;opacity:.4}.slide-fade-up-enter-active{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-delay:.1s;transition-delay:.1s;position:relative}.slide-fade-up-leave-active{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;position:absolute}.slide-fade-up-enter{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px);pointer-events:none}.slide-fade-up-leave-to{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px);pointer-events:none}.slide-fade-right-enter-active{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-delay:.1s;transition-delay:.1s;position:relative}.slide-fade-right-leave-active{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;position:absolute}.slide-fade-right-enter{opacity:0;-webkit-transform:translateX(10px) rotate(45deg);transform:translateX(10px) rotate(45deg);pointer-events:none}.slide-fade-right-leave-to{opacity:0;-webkit-transform:translateX(-10px) rotate(45deg);transform:translateX(-10px) rotate(45deg);pointer-events:none}.github-btn{position:absolute;right:40px;bottom:50px;text-decoration:none;padding:15px 25px;border-radius:4px;-webkit-box-shadow:0 4px 30px -6px rgba(36,52,70,.65);box-shadow:0 4px 30px -6px rgba(36,52,70,.65);background:#24292e;color:#fff;font-weight:700;letter-spacing:1px;font-size:16px;text-align:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media screen and (min-width:500px){.github-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 17px 20px -6px rgba(36,52,70,.36);box-shadow:0 17px 20px -6px rgba(36,52,70,.36)}}@media screen and (max-width:700px){.github-btn{position:relative;bottom:auto;right:auto;margin-top:20px}.github-btn:active{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 17px 20px -6px rgba(36,52,70,.36);box-shadow:0 17px 20px -6px rgba(36,52,70,.36)}}
+.credit-card-form{max-width:570px;margin:auto;width:100%;font-family:arial}@media screen and (max-width:576px){.credit-card-form{margin:0 auto}}.credit-card-form__inner{background:#fff;-webkit-box-shadow:0 30px 60px 0 rgba(90,116,148,.4);box-shadow:0 30px 60px 0 rgba(90,116,148,.4);border-radius:10px;padding:35px;padding-top:180px}@media screen and (max-width:480px){.credit-card-form__inner{padding:25px;padding-top:165px}}@media screen and (max-width:360px){.credit-card-form__inner{padding:15px;padding-top:165px}}.credit-card-form__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width:480px){.credit-card-form__row{-ms-flex-wrap:wrap;flex-wrap:wrap}}.credit-card-form__col{-webkit-box-flex:1;-ms-flex:auto;flex:auto;margin-right:35px}.credit-card-form__col:last-child{margin-right:0}@media screen and (max-width:480px){.credit-card-form__col{margin-right:0;-webkit-box-flex:unset;-ms-flex:unset;flex:unset;width:100%;margin-bottom:20px}.credit-card-form__col:last-child{margin-bottom:0}}.credit-card-form__col.-cvv{max-width:150px}@media screen and (max-width:480px){.credit-card-form__col.-cvv{max-width:initial}}.credit-card-form__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.credit-card-form__group .credit-card-input__input{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:15px;outline:0}.credit-card-form__group .credit-card-input__input:last-child{margin-right:0}.credit-card-form__group select::-ms-expand{display:none}.credit-card-form__button{width:100%;height:55px;background:#2364d2;border:none;border-radius:5px;font-size:22px;font-weight:500;-webkit-box-shadow:3px 10px 20px 0 rgba(35,100,210,.3);box-shadow:3px 10px 20px 0 rgba(35,100,210,.3);color:#fff;margin-top:20px;cursor:pointer}@media screen and (max-width:480px){.credit-card-form__button{margin-top:10px}}.credit-card-item{max-width:430px;height:270px;margin-left:auto;margin-right:auto;position:relative;z-index:2;width:100%}@media screen and (max-width:480px){.credit-card-item{max-width:310px;height:220px;width:90%}}@media screen and (max-width:360px){.credit-card-item{height:180px}}.credit-card-item.-active .card-item__side.-front{-webkit-transform:perspective(1000px) rotateY(180deg) rotateX(0) rotateZ(0);transform:perspective(1000px) rotateY(180deg) rotateX(0) rotateZ(0)}.credit-card-item.-active .card-item__side.-back{-webkit-transform:perspective(1000px) rotateY(0) rotateX(0) rotateZ(0);transform:perspective(1000px) rotateY(0) rotateX(0) rotateZ(0)}.credit-card-item__focus{position:absolute;z-index:3;border-radius:5px;left:0;top:0;width:100%;height:100%;-webkit-transition:all .35s cubic-bezier(.71,.03,.56,.85);transition:all .35s cubic-bezier(.71,.03,.56,.85);opacity:0;pointer-events:none;overflow:hidden;border:2px solid rgba(255,255,255,.65)}.credit-card-item__focus:after{content:'';position:absolute;top:0;left:0;width:100%;background:#08142f;height:100%;border-radius:5px;-webkit-filter:blur(25px);filter:blur(25px);opacity:.5}.credit-card-item__focus.-active{opacity:1}.credit-card-item__side{border-radius:15px;overflow:hidden;-webkit-box-shadow:0 20px 60px 0 rgba(14,42,90,.55);box-shadow:0 20px 60px 0 rgba(14,42,90,.55);-webkit-transform:perspective(2000px) rotateY(0) rotateX(0) rotate(0);transform:perspective(2000px) rotateY(0) rotateX(0) rotate(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .8s cubic-bezier(.71,.03,.56,.85);transition:all .8s cubic-bezier(.71,.03,.56,.85);-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%}.credit-card-item__side.-back{position:absolute;top:0;left:0;width:100%;-webkit-transform:perspective(2000px) rotateY(-180deg) rotateX(0) rotate(0);transform:perspective(2000px) rotateY(-180deg) rotateX(0) rotate(0);z-index:2;padding:0;height:100%}.credit-card-item__side.-back .card-item__cover{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.credit-card-item__bg{max-width:100%;display:block;max-height:100%;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.credit-card-item__cover{position:absolute;height:100%;background-color:#1c1d27;background-image:linear-gradient(147deg,#354fce 0,#0c296b 74%);left:0;top:0;width:100%;border-radius:15px;overflow:hidden}.credit-card-item__cover:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(6,2,29,.45)}.credit-card-item__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px;padding:0 10px}@media screen and (max-width:480px){.credit-card-item__top{margin-bottom:25px}}@media screen and (max-width:360px){.credit-card-item__top{margin-bottom:15px}}.credit-card-item__chip{width:60px}@media screen and (max-width:480px){.credit-card-item__chip{width:50px}}@media screen and (max-width:360px){.credit-card-item__chip{width:40px}}.credit-card-item__type{height:45px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:100px;margin-left:auto;width:100%}@media screen and (max-width:480px){.credit-card-item__type{height:40px;max-width:90px}}@media screen and (max-width:360px){.credit-card-item__type{height:30px}}.credit-card-item__typeImg{max-width:100%;-o-object-fit:contain;object-fit:contain;max-height:100%;-o-object-position:top right;object-position:top right}.credit-card-item__info{color:#fff;width:100%;max-width:calc(100% - 85px);padding:10px 15px;font-weight:500;display:block;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__info{padding:10px}}.credit-card-item__holder{opacity:.7;font-size:13px;margin-bottom:6px}@media screen and (max-width:480px){.credit-card-item__holder{font-size:var(--ti-common-font-size-base);margin-bottom:5px}}.credit-card-item__wrapper{padding:25px 15px;position:relative;z-index:4;height:100%;text-shadow:7px 6px 10px rgba(14,42,90,.8);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:480px){.credit-card-item__wrapper{padding:20px 10px}}.credit-card-item__name{font-size:var(--ti-common-font-size-3);line-height:1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}@media screen and (max-width:480px){.credit-card-item__name{font-size:var(--ti-common-font-size-2)}}.credit-card-item__nameItem{display:inline-block;min-width:8px;position:relative}.credit-card-item__number{font-weight:500;line-height:1;color:#fff;font-size:27px;margin-bottom:25px;display:inline-block;padding:10px 15px;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__number{font-size:21px;margin-bottom:15px;padding:10px 10px}}@media screen and (max-width:360px){.credit-card-item__number{font-size:19px;margin-bottom:10px;padding:10px 10px}}.credit-card-item__numberItem{width:16px;display:inline-block}.credit-card-item__numberItem.-active{width:30px}@media screen and (max-width:480px){.credit-card-item__numberItem{width:13px}.credit-card-item__numberItem.-active{width:16px}}@media screen and (max-width:360px){.credit-card-item__numberItem{width:12px}.credit-card-item__numberItem.-active{width:8px}}.credit-card-item__content{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.credit-card-item__date{-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:var(--ti-common-font-size-3);margin-left:auto;padding:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:80px;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__date{font-size:var(--ti-common-font-size-2)}}.credit-card-item__dateItem{position:relative}.credit-card-item__dateItem span{width:22px;display:inline-block}.credit-card-item__dateTitle{opacity:.7;font-size:13px;padding-bottom:6px;width:100%}@media screen and (max-width:480px){.credit-card-item__dateTitle{font-size:var(--ti-common-font-size-base);padding-bottom:5px}}.credit-card-item__band{background:rgba(0,0,19,.8);width:100%;height:50px;margin-top:30px;position:relative;z-index:2}@media screen and (max-width:480px){.credit-card-item__band{margin-top:20px}}@media screen and (max-width:360px){.credit-card-item__band{height:40px;margin-top:10px}}.credit-card-item__cvv{text-align:right;position:relative;z-index:2;padding:15px}.credit-card-item__cvv .card-item__type{opacity:.7}@media screen and (max-width:360px){.credit-card-item__cvv{padding:10px 15px}}.credit-card-item__cvvTitle{padding-right:10px;font-size:15px;font-weight:500;color:#fff;margin-bottom:5px}.credit-card-item__cvvBand{height:45px;background:#fff;margin-bottom:30px;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:10px;color:#1a3b5d;font-size:var(--ti-common-font-size-3);border-radius:4px;-webkit-box-shadow:0 10px 20px -7px rgba(32,56,117,.35);box-shadow:0 10px 20px -7px rgba(32,56,117,.35)}@media screen and (max-width:480px){.credit-card-item__cvvBand{height:40px;margin-bottom:20px}}@media screen and (max-width:360px){.credit-card-item__cvvBand{margin-bottom:15px}}.credit-card-list{margin-bottom:-130px}@media screen and (max-width:480px){.credit-card-list{margin-bottom:-120px}}.credit-card-input{margin-bottom:20px;position:relative}.credit-card-input__label{font-size:var(--ti-common-font-size-1);margin-bottom:5px;font-weight:500;color:#1a3b5d;width:100%;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.credit-card-input__input{width:100%;height:50px;border-radius:5px;-webkit-box-shadow:none;box-shadow:none;border:1px solid #ced6e0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:var(--ti-common-font-size-3);padding:5px 15px;background:0 0;color:#1a3b5d;outline:0}.credit-card-input__input:focus,.credit-card-input__input:hover{border-color:#3d9cff}.credit-card-input__input:focus{-webkit-box-shadow:0 10px 20px -13px rgba(32,56,117,.35);box-shadow:0 10px 20px -13px rgba(32,56,117,.35)}.credit-card-input__input.-select{-webkit-appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC);background-size:12px;background-position:90% center;background-repeat:no-repeat;padding-right:30px;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer}.credit-card-input__eye{position:absolute;width:1em;height:1em;font-size:var(--ti-common-font-size-5);border-radius:50%;top:42px;right:10px;opacity:.75;color:#8c9cae;cursor:pointer;padding:0;background:0 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border:2px solid currentColor;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:0}.credit-card-input__eye:before{content:'';position:absolute;background:#fff;width:.35em;height:.35em;top:6px;left:6px;z-index:2;border-radius:50%;-webkit-transform:scale(.1);transform:scale(.1);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition-delay:.1s;transition-delay:.1s}.credit-card-input__eye:after{content:'';position:absolute;top:3px;left:3px;background:currentColor;width:.6em;height:.6em;border-radius:50%;-webkit-transform:scale(.1);transform:scale(.1);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.credit-card-input__eye.-active:not(:disabled),.credit-card-input__eye:hover:not(:disabled){color:#2364d2;opacity:1}.credit-card-input__eye.-active::after,.credit-card-input__eye.-active::before{-webkit-transform:scale(1);transform:scale(1);opacity:1}.credit-card-input__eye:disabled{cursor:not-allowed;opacity:.4}.slide-fade-up-enter-active{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-delay:.1s;transition-delay:.1s;position:relative}.slide-fade-up-leave-active{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;position:absolute}.slide-fade-up-enter{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px);pointer-events:none}.slide-fade-up-leave-to{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px);pointer-events:none}.slide-fade-right-enter-active{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transition-delay:.1s;transition-delay:.1s;position:relative}.slide-fade-right-leave-active{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;position:absolute}.slide-fade-right-enter{opacity:0;-webkit-transform:translateX(10px) rotate(45deg);transform:translateX(10px) rotate(45deg);pointer-events:none}.slide-fade-right-leave-to{opacity:0;-webkit-transform:translateX(-10px) rotate(45deg);transform:translateX(-10px) rotate(45deg);pointer-events:none}.github-btn{position:absolute;right:40px;bottom:50px;text-decoration:none;padding:15px 25px;border-radius:4px;-webkit-box-shadow:0 4px 30px -6px rgba(36,52,70,.65);box-shadow:0 4px 30px -6px rgba(36,52,70,.65);background:#24292e;color:#fff;font-weight:700;letter-spacing:1px;font-size:var(--ti-common-font-size-2);text-align:center;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media screen and (min-width:500px){.github-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 17px 20px -6px rgba(36,52,70,.36);box-shadow:0 17px 20px -6px rgba(36,52,70,.36)}}@media screen and (max-width:700px){.github-btn{position:relative;bottom:auto;right:auto;margin-top:20px}.github-btn:active{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 17px 20px -6px rgba(36,52,70,.36);box-shadow:0 17px 20px -6px rgba(36,52,70,.36)}}

package/credit-card-form/index.js

@@ -0,0 +1,15 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  // credit-card-form
+}

package/crop/index.css

@@ -1 +1 @@
-.tiny-crop .cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;user-select:none;-o-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.tiny-crop .cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.tiny-crop .cropper-canvas,.tiny-crop .cropper-crop-box,.tiny-crop .cropper-drag-box,.tiny-crop .cropper-modal,.tiny-crop .cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.tiny-crop .cropper-canvas,.tiny-crop .cropper-wrap-box{overflow:hidden}.tiny-crop .cropper-drag-box{background-color:#fff;opacity:0}.tiny-crop .cropper-modal{background-color:#000;opacity:.5}.tiny-crop .cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid var(--ti-common-color-line-active);overflow:hidden;width:100%}.tiny-crop .cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.tiny-crop .cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.tiny-crop .cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.tiny-crop .cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.tiny-crop .cropper-center:after,.tiny-crop .cropper-center:before{background-color:#eee;content:' ';display:block;position:absolute}.tiny-crop .cropper-center:before{height:1px;left:-3px;top:0;width:7px}.tiny-crop .cropper-center:after{height:7px;left:0;top:-3px;width:1px}.tiny-crop .cropper-face,.tiny-crop .cropper-line,.tiny-crop .cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.tiny-crop .cropper-face{background-color:#fff;left:0;top:0}.tiny-crop .cropper-line{background-color:var(--ti-common-color-line-active)}.tiny-crop .cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.tiny-crop .cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.tiny-crop .cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.tiny-crop .cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.tiny-crop .cropper-point{background-color:var(--ti-common-color-line-active);height:5px;opacity:.75;width:5px}.tiny-crop .cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.tiny-crop .cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.tiny-crop .cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.tiny-crop .cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.tiny-crop .cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.tiny-crop .cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.tiny-crop .cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.tiny-crop .cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.tiny-crop .cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.tiny-crop .cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.tiny-crop .cropper-point.point-se{height:5px;opacity:.75;width:5px}}.tiny-crop .cropper-point.point-se:before{background-color:var(--ti-common-color-line-active);bottom:-50%;content:' ';display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.tiny-crop .cropper-invisible{opacity:0}.tiny-crop .cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.tiny-crop .cropper-hide{display:block;height:0;position:absolute;width:0}.tiny-crop .cropper-hidden{display:none!important}.tiny-crop .cropper-move{cursor:move}.tiny-crop .cropper-crop{cursor:crosshair}.tiny-crop .cropper-disabled .cropper-drag-box,.tiny-crop .cropper-disabled .cropper-face,.tiny-crop .cropper-disabled .cropper-line,.tiny-crop .cropper-disabled .cropper-point{cursor:not-allowed}.tiny-crop .img-container{margin:auto;overflow:hidden}.tiny-crop .img-container>img{max-width:100%}.tiny-crop .opration{height:30px;line-height:30px;text-align:center;background-color:rgba(55,55,55,.3);position:relative}.tiny-crop .opration span{width:26px;height:26px;margin:0 2px;display:inline-block;color:#fff;cursor:pointer;border-radius:50%;background-color:rgba(0,0,0,.5)}.tiny-crop .opration span:hover{background-color:rgba(0,0,0,.8);width:28px;height:28px}.tiny-crop .opration span.tiny-icon::before{position:relative}.tiny-crop .crop-modal-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(55,55,55,.5);height:100%;z-index:1000}.tiny-crop .crop-modal-warp{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.tiny-crop .crop-modal{position:relative;top:100px;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.tiny-crop .moda-close{position:absolute;top:-40px;right:-40px;width:80px;height:80px;cursor:pointer;border-radius:50%;background-color:rgba(0,0,0,.5)}.tiny-crop .moda-close .tiny-icon{top:45px;left:16px;color:#fff;z-index:9999999}.tiny-crop .img-preview-box{position:fixed;top:100px}.tiny-crop .img-preview{height:9rem;width:16rem;overflow:hidden}@media (max-width:768px){.tiny-crop .preview-lg{display:none}}@media (max-width:600px){.tiny-crop .preview-md{display:none}}.tiny-crop .preview-lg{height:9rem;width:16rem;margin-top:4px}.tiny-crop .preview-md{height:4.5rem;width:8rem;margin-top:4px}.tiny-crop .preview-sm{height:2.25rem;width:4rem;margin-top:4px}.tiny-crop .img-preview>img{max-width:100%}.tiny-crop .nopic{height:200px;text-align:center;background:rgba(0,0,0,.3)}.tiny-crop .nopic-center{position:relative;font-size:50px;color:rgba(255,255,255,.6);cursor:pointer;top:50px}.tiny-crop{position:fixed;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;left:0;z-index:1000;background:rgba(97,97,97,.5)}.tiny-crop__dialog-content__handle{width:652px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:26px;margin:10px 0 20px}.tiny-crop__dialog-content__handle__button{width:268px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-crop__dialog{width:652px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;z-index:1001}.tiny-crop__dialog-cropper{width:652px;height:300px;overflow:hidden}.tiny-crop__dialog-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-crop__dialog-content__crop{width:314px;height:200px;border:1px solid #393939;-webkit-box-sizing:border-box;box-sizing:border-box;background:gray;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-crop__dialog-content__crop img{height:100%;width:100%}.tiny-croppreview{position:fixed;top:calc(100% - 50% - 150px);left:calc(100% - 50% + 336px);height:300px;width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1002;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[class*=tiny-] input[type=file]{display:none}.iconButton{border-radius:50%;background:#616161;height:26px;width:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.iconButton .iconButtonset{fill:#fff;height:12px;width:12px}.iconButton:hover{background:#272727}.croppreview{height:100%;width:100%}.croppreviewb{width:214px;height:140px;overflow:hidden;background:#fff}.croppreviewm{width:114px;height:80px;overflow:hidden;background:#fff}.croppreviews{width:84px;height:60px;overflow:hidden;background:#fff}
+.tiny-crop__wrapper{--ti-crop-drag-box-bg-color:var(--ti-base-color-light);--ti-crop-modal-bg-color:var(--ti-base-color-dark);--ti-crop-view-box-outline-color:var(--ti-base-color-brand-6);--ti-crop-center-bg-color:#eeeeee;--ti-crop-face-bg-color:var(--ti-base-color-light);--ti-crop-line-bg-color:var(--ti-base-color-brand-6);--ti-crop-point-bg-color:var(--ti-base-color-brand-6);--ti-crop-opration-height:var(--ti-base-size-height-minor);--ti-crop-opration-bg-color:rgba(55, 55, 55, 0.3);--ti-crop-opration-span-bg-color:rgba(0, 0, 0, 0.5);--ti-crop-opration-span-text-color:var(--ti-base-color-light);--ti-crop-opration-span-hover-bg-color:rgba(0, 0, 0, 0.8);--ti-crop-modal-mask-bg-color:rgba(55, 55, 55, 0.5);--ti-crop-moda-close-bg-color:rgba(0, 0, 0, 0.5);--ti-crop-moda-close-icon-color:var(--ti-base-color-light);--ti-crop-nopic-bg-color:rgba(0, 0, 0, 0.3);--ti-crop-nopic-center-text-color:rgba(255, 255, 255, 0.6)}.tiny-crop .cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-crop .cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.tiny-crop .cropper-canvas,.tiny-crop .cropper-crop-box,.tiny-crop .cropper-drag-box,.tiny-crop .cropper-modal,.tiny-crop .cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.tiny-crop .cropper-canvas,.tiny-crop .cropper-wrap-box{overflow:hidden}.tiny-crop .cropper-drag-box{background-color:var(--ti-crop-drag-box-bg-color);opacity:0}.tiny-crop .cropper-modal{background-color:var(--ti-crop-modal-bg-color);opacity:.5}.tiny-crop .cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid var(--ti-crop-view-box-outline-color);overflow:hidden;width:100%}.tiny-crop .cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.tiny-crop .cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.tiny-crop .cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.tiny-crop .cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.tiny-crop .cropper-center:after,.tiny-crop .cropper-center:before{background-color:var(--ti-crop-center-bg-color);content:' ';display:block;position:absolute}.tiny-crop .cropper-center:before{height:1px;left:-3px;top:0;width:7px}.tiny-crop .cropper-center:after{height:7px;left:0;top:-3px;width:1px}.tiny-crop .cropper-face,.tiny-crop .cropper-line,.tiny-crop .cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.tiny-crop .cropper-face{background-color:var(--ti-crop-face-bg-color);left:0;top:0}.tiny-crop .cropper-line{background-color:var(--ti-crop-line-bg-color)}.tiny-crop .cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.tiny-crop .cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.tiny-crop .cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.tiny-crop .cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.tiny-crop .cropper-point{background-color:var(--ti-crop-point-bg-color);height:5px;opacity:.75;width:5px}.tiny-crop .cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.tiny-crop .cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.tiny-crop .cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.tiny-crop .cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.tiny-crop .cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.tiny-crop .cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.tiny-crop .cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.tiny-crop .cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.tiny-crop .cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.tiny-crop .cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.tiny-crop .cropper-point.point-se{height:5px;opacity:.75;width:5px}}.tiny-crop .cropper-point.point-se:before{background-color:var(--ti-crop-point-bg-color);bottom:-50%;content:' ';display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.tiny-crop .cropper-invisible{opacity:0}.tiny-crop .cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.tiny-crop .cropper-hide{display:block;height:0;position:absolute;width:0}.tiny-crop .cropper-hidden{display:none!important}.tiny-crop .cropper-move{cursor:move}.tiny-crop .cropper-crop{cursor:crosshair}.tiny-crop .cropper-disabled .cropper-drag-box,.tiny-crop .cropper-disabled .cropper-face,.tiny-crop .cropper-disabled .cropper-line,.tiny-crop .cropper-disabled .cropper-point{cursor:not-allowed}.tiny-crop .img-container{margin:auto;overflow:hidden}.tiny-crop .img-container>img{max-width:100%}.tiny-crop .opration{height:var(--ti-crop-opration-height);line-height:var(--ti-crop-opration-height);text-align:center;background-color:var(--ti-crop-opration-bg-color);position:relative}.tiny-crop .opration span{width:26px;height:26px;margin:0 2px;display:inline-block;color:var(--ti-crop-opration-span-text-color);cursor:pointer;border-radius:50%;background-color:var(--ti-crop-opration-span-bg-color)}.tiny-crop .opration span:hover{background-color:var(--ti-crop-opration-span-hover-bg-color);width:28px;height:28px}.tiny-crop .opration span.tiny-icon::before{position:relative}.tiny-crop .crop-modal-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--ti-crop-modal-mask-bg-color);height:100%;z-index:1000}.tiny-crop .crop-modal-warp{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.tiny-crop .crop-modal{position:relative;top:100px;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.tiny-crop .moda-close{position:absolute;top:-40px;right:-40px;width:80px;height:80px;cursor:pointer;border-radius:50%;background-color:var(--ti-crop-moda-close-bg-color)}.tiny-crop .moda-close .tiny-icon{top:45px;left:16px;color:var(--ti-crop-moda-close-icon-color);z-index:9999999}.tiny-crop .img-preview-box{position:fixed;top:100px}.tiny-crop .img-preview{height:9rem;width:16rem;overflow:hidden}@media (max-width:768px){.tiny-crop .preview-lg{display:none}}@media (max-width:600px){.tiny-crop .preview-md{display:none}}.tiny-crop .preview-lg{height:9rem;width:16rem;margin-top:4px}.tiny-crop .preview-md{height:4.5rem;width:8rem;margin-top:4px}.tiny-crop .preview-sm{height:2.25rem;width:4rem;margin-top:4px}.tiny-crop .img-preview>img{max-width:100%}.tiny-crop .nopic{height:200px;text-align:center;background:var(--ti-crop-nopic-bg-color)}.tiny-crop .nopic-center{position:relative;font-size:50px;color:var(--ti-crop-nopic-center-text-color);cursor:pointer;top:50px}.tiny-crop input[type=file]{display:none}.tiny-crop{position:fixed;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;left:0;z-index:1000;background:rgba(97,97,97,.5)}.tiny-crop__dialog-content__handle{width:652px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:26px;margin:10px 0 20px}.tiny-crop__dialog-content__handle__button{width:268px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-crop__dialog{width:652px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;z-index:1001}.tiny-crop__dialog-cropper{width:652px;height:300px;overflow:hidden}.tiny-crop__dialog-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-crop__dialog-content__crop{width:314px;height:200px;border:1px solid #393939;-webkit-box-sizing:border-box;box-sizing:border-box;background:gray;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-crop__dialog-content__crop img{height:100%;width:100%}.tiny-croppreview{position:fixed;top:calc(100% - 50% - 150px);left:calc(100% - 50% + 336px);height:300px;width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1002;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.iconButton{border-radius:50%;background:#616161;height:26px;width:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.iconButton .iconButtonset{fill:#fff;height:12px;width:12px}.iconButton:hover{background:#272727}.croppreview{height:100%;width:100%}.croppreviewb{width:214px;height:140px;overflow:hidden;background:#fff}.croppreviewm{width:114px;height:80px;overflow:hidden;background:#fff}.croppreviews{width:84px;height:60px;overflow:hidden;background:#fff}

package/crop/index.js

@@ -0,0 +1,31 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-crop-drag-box-bg-color': '#fff',
+  'tiny-crop-modal-bg-color': '#000',
+  'tiny-crop-view-box-outline-color': '#1890ff',
+  'tiny-crop-center-bg-color': '#eeeeee',
+  'tiny-crop-face-bg-color': '#fff',
+  'tiny-crop-line-bg-color': '#1890ff',
+  'tiny-crop-point-bg-color': '#1890ff',
+  'tiny-crop-opration-height': '30px',
+  'tiny-crop-opration-bg-color': 'rgba(55, 55, 55, 0.3)',
+  'tiny-crop-opration-span-bg-color': 'rgba(0, 0, 0, 0.5)',
+  'tiny-crop-opration-span-text-color': '#fff',
+  'tiny-crop-opration-span-hover-bg-color': 'rgba(0, 0, 0, 0.8)',
+  'tiny-crop-modal-mask-bg-color': 'rgba(55, 55, 55, 0.5)',
+  'tiny-crop-moda-close-bg-color': 'rgba(0, 0, 0, 0.5)',
+  'tiny-crop-moda-close-icon-color': '#fff',
+  'tiny-crop-nopic-bg-color': 'rgba(0, 0, 0, 0.3)',
+  'tiny-crop-nopic-center-text-color': 'rgba(255, 255, 255, 0.6)'
+}

package/currency/index.js

@@ -0,0 +1,15 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  // currency
+}

package/dept/index.css

@@ -0,0 +1 @@
+.tiny-dept{--ti-dept-label-font-size:var(--ti-common-font-size-base);--ti-dept-label-text-color:var(--ti-base-color-info-normal);--ti-dept-label-font-weight:var(--ti-common-font-weight-7);--ti-dept-selected-info-text-color:var(--ti-base-color-brand-6);--ti-dept-selected-info-bg-color:#f1f1f1;--ti-dept-selected-info-border-radius:var(--ti-base-radius-large)}.tiny-dept__search{margin-bottom:12px}.tiny-dept__label,.tiny-dept__text{font-size:var(--ti-dept-label-font-size);color:var(--ti-dept-label-text-color);font-weight:var(--ti-dept-label-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-dept__label{text-align:right}.tiny-dept__label.is-selected{text-align:left;margin-bottom:4px}.tiny-dept__selected-info{color:var(--ti-dept-selected-info-text-color);font-size:var(--ti-dept-label-font-size);background:var(--ti-dept-selected-info-bg-color);padding:5px;border-radius:var(--ti-dept-selected-info-border-radius)}.tiny-dept__item{margin-bottom:12px}.tiny-dept__item .tiny-dept__label.tiny-col,.tiny-dept__search .tiny-dept__label.tiny-col{line-height:30px;padding-left:0;padding-right:8px}.tiny-dept__item .tiny-dept__label.tiny-col+.tiny-col,.tiny-dept__search .tiny-dept__label.tiny-col+.tiny-col{padding:0}.tiny-dept .tiny-input__inner{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-dept .tiny-input__icon{vertical-align:middle;fill:var(--ti-dept-selected-info-text-color)}

package/dept/index.js

@@ -0,0 +1,20 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-dept-label-font-size': '12px',
+  'tiny-dept-label-text-color': '#333',
+  'tiny-dept-label-font-weight': '700',
+  'tiny-dept-selected-info-text-color': '#1890ff',
+  'tiny-dept-selected-info-bg-color': '#f1f1f1',
+  'tiny-dept-selected-info-border-radius': '3px'
+}

package/detail-page/index.css

@@ -1 +1 @@
-.tiny-detail-page{width:100%;height:700px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-detail-page .tiny-detail-page__header{width:100%;height:40px;color:var(--ti-base-color-common);display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #d9d9d9;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-detail-page .tiny-detail-page__header span{font-size:14px;font-weight:700}.tiny-detail-page .tiny-detail-page__header-icon{line-height:1;cursor:pointer}.tiny-detail-page .tiny-detail-page__header-icon .setIconStyle{font-size:16px;fill:var(--ti-common-color-line-active)}.tiny-detail-page .tiny-detail-page__header-icon .setIconStyle:hover{fill:#40a9ff}.tiny-detail-page .tiny-detail-page__content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-detail-page .tiny-detail-page__content-item{width:100%;height:40px;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-detail-page .tiny-detail-page__content-item .tiny-detail-page__content-item-span{color:#999;margin-right:2px}.tiny-detail-dialog{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-detail-dialog .tiny-detail-dialog__header{width:100%;height:40px;border-bottom:1px solid #d9d9d9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#f1f1f1;padding-left:8px}.tiny-detail-dialog .tiny-detail-dialog__header>span{width:50%;font-weight:700;border-right:1px solid #d9d9d9}.tiny-detail-dialog .tiny-detail-dialog__header-check{width:130px}.tiny-detail-dialog .tiny-detail-dialog__header-check span{font-weight:700}.tiny-detail-dialog .tiny-detail-dialog__content{width:100%;min-height:225px;max-height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;border-bottom:1px solid #d9d9d9}.tiny-detail-dialog .tiny-detail-dialog__content-item{width:100%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-left:8px}.tiny-detail-dialog .tiny-detail-dialog__content-item:hover{background:#e6f7ff}.tiny-detail-dialog .tiny-detail-dialog__footer{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-detail-dialog .active{background:#e9f4fd}
+.tiny-grid-modal__box{--ti-detail-page-text-color:var(--ti-base-color-info-normal);--ti-detail-page-font-size:var(--ti-common-font-size-base);--ti-detail-page-header-font-size:var(--ti-common-font-size-1);--ti-detail-page-header-border-color:var(--ti-base-color-border);--ti-detail-page-header-seticon-text-color:var(--ti-base-color-brand-6);--ti-detail-page-header-seticon-hover-text-color:var(--ti-base-color-brand-5);--ti-detail-page-header-seticon-font-size:var(--ti-common-font-size-2);--ti-detail-page-content-item-text-color:var(--ti-base-color-placeholder);--ti-detail-dialog-header-bg-color:#f1f1f1;--ti-detail-dialog-content-item-hover-bg-color:var(--ti-base-color-hover-background);--ti-detail-dialog-active-bg-color:#e9f4fd}.tiny-detail-page{width:100%;height:700px;font-size:var(--ti-detail-page-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-detail-page .tiny-detail-page__header{width:100%;height:40px;color:var(--ti-detail-page-text-color);display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid var(--ti-detail-page-header-border-color);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-detail-page .tiny-detail-page__header span{font-size:var(--ti-detail-page-header-font-size);font-weight:700}.tiny-detail-page .tiny-detail-page__header-icon{line-height:1;cursor:pointer}.tiny-detail-page .tiny-detail-page__header-icon .setIconStyle{font-size:var(--ti-detail-page-header-seticon-font-size);fill:var(--ti-detail-page-header-seticon-text-color)}.tiny-detail-page .tiny-detail-page__header-icon .setIconStyle:hover{fill:var(--ti-detail-page-header-seticon-hover-text-color)}.tiny-detail-page .tiny-detail-page__content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-detail-page .tiny-detail-page__content-item{width:100%;height:40px;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-detail-page .tiny-detail-page__content-item .tiny-detail-page__content-item-span{color:var(--ti-detail-page-content-item-text-color);margin-right:2px}.tiny-detail-dialog{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:12px}.tiny-detail-dialog .tiny-detail-dialog__header{width:100%;height:40px;border-bottom:1px solid var(--ti-detail-page-header-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--ti-detail-dialog-header-bg-color);padding-left:8px}.tiny-detail-dialog .tiny-detail-dialog__header>span{width:50%;font-weight:700;border-right:1px solid var(--ti-detail-page-header-border-color)}.tiny-detail-dialog .tiny-detail-dialog__header-check{width:130px}.tiny-detail-dialog .tiny-detail-dialog__header-check span{font-weight:700}.tiny-detail-dialog .tiny-detail-dialog__content{width:100%;min-height:225px;max-height:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;border-bottom:1px solid var(--ti-detail-page-header-border-color)}.tiny-detail-dialog .tiny-detail-dialog__content-item{width:100%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-left:8px}.tiny-detail-dialog .tiny-detail-dialog__content-item:hover{background:var(--ti-detail-dialog-content-item-hover-bg-color)}.tiny-detail-dialog .tiny-detail-dialog__footer{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-detail-dialog .active{background:var(--ti-detail-dialog-active-bg-color)}

package/detail-page/index.js

@@ -0,0 +1,25 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-detail-page-text-color': '#252b3a',
+  'tiny-detail-page-font-size': '12px',
+  'tiny-detail-page-header-font-size': '14px',
+  'tiny-detail-page-header-border-color': '#d9d9d9',
+  'tiny-detail-page-header-seticon-text-color': '#1890ff',
+  'tiny-detail-page-header-seticon-hover-text-color': '#40a9ff',
+  'tiny-detail-page-header-seticon-font-size': '16px',
+  'tiny-detail-page-content-item-text-color': '#999',
+  'tiny-detail-dialog-header-bg-color': '#f1f1f1',
+  'tiny-detail-dialog-content-item-hover-bg-color': '#e6f7ff',
+  'tiny-detail-dialog-active-bg-color': '#e9f4fd'
+}

package/dialog-box/index.css

@@ -1 +1 @@
-.tiny-dialog-box{position:absolute;background:#fff;border:1px solid transparent;border-radius:var(--ti-common-border-radius-normal);-webkit-box-shadow:var(--ti-common-shadow-4-down);box-shadow:var(--ti-common-shadow-4-down);overflow:hidden}.tiny-dialog-box__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-dialog-box.is-fullscreen{left:0;top:0;width:100vw;height:100vh}.tiny-dialog-box.is-center .tiny-dialog-box__footer,.tiny-dialog-box.is-center .tiny-dialog-box__header{text-align:center}.tiny-dialog-box .tiny-dialog-box__header{padding:32px 32px 28px;background:#fff;font-weight:var(--ti-modal-header-font-weight);line-height:100%;border-radius:var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__title{font-size:18px;color:var(--ti-base-color-common);font-weight:700;-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn{border:none;background:0 0;padding:0;line-height:1;position:absolute;top:18px;right:20px;cursor:pointer}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn+.tiny-dialog-box__headerbtn{margin-left:8px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:focus{outline:0}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close{fill:var(--ti-modal-close-icon-color);font-size:14px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close:hover{fill:var(--ti-modal-close-icon-color-hover)}.tiny-dialog-box .tiny-dialog-box__body{text-align:left;padding:0 32px;margin-bottom:12px;color:var(--ti-default-font-color);font-size:var(--ti-default-font-size);overflow:auto;max-height:65vh}.tiny-dialog-box .tiny-dialog-box__body .tiny-upload{overflow:hidden}.tiny-dialog-box .tiny-dialog-box__body>span{max-height:120px;overflow-y:auto}.tiny-dialog-box .tiny-dialog-box__body .tiny-dept__search{line-height:30px}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__body{max-height:calc(100vh - 94px)}.tiny-dialog-box .tiny-dialog-box__footer{text-align:inherit;padding:28px 32px 32px;text-align:center;border-radius:0 0 var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal);-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-dialog-box .tiny-dialog-box__footer .tiny-toolbar .tiny-button{margin:0 4px}.tiny-dialog-box__scroll-lock{overflow:hidden}.tiny-button{display:inline-block;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:80px;max-width:120px;height:var(--ti-button-middle-height);line-height:calc(var(--ti-button-middle-height) - 2px);color:var(--ti-base-color-common);font-size:12px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:1px;border-style:solid;border-color:#adb0b8;-o-border-image:initial;border-image:initial;border-radius:2px;background:#fff;padding:0 var(--ti-button-middle-padding-horizon);overflow:hidden;-webkit-transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;outline:0}.tiny-button:focus,.tiny-button:hover{color:#5e7ce0;fill:#5e7ce0;border-color:#5e7ce0;background-color:#fff}.tiny-button:active{color:#5e7ce0;fill:#5e7ce0;border-color:#5e7ce0;background-color:#fff}.tiny-button--primary{color:var(--ti-button-primary-normal-color);fill:var(--ti-button-primary-normal-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button--primary:hover{color:var(--ti-button-primary-normal-color);fill:var(--ti-button-primary-normal-color);border-color:var(--ti-button-primary-bg-color-hover);background-color:var(--ti-button-primary-bg-color-hover)}.tiny-button--primary.is-active,.tiny-button--primary:active,.tiny-button--primary:focus{color:var(--ti-button-primary-normal-color);fill:var(--ti-button-primary-normal-color);border-color:var(--ti-button-primary-bg-color-active);background-color:var(--ti-button-primary-bg-color-active);outline:0}.tiny-button--primary.is-disabled,.tiny-button--primary.is-disabled:active,.tiny-button--primary.is-disabled:focus,.tiny-button--primary.is-disabled:hover{color:var(--ti-button-primary-color-disabled);fill:var(--ti-button-primary-color-disabled);border-color:var(--ti-button-primary-border-color-disabled);background-color:var(--ti-button-primary-bg-color-disabled)}.tiny-button--primary.is-plain{color:var(--ti-button-primary-normal-bg-color);fill:var(--ti-button-primary-normal-bg-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:rgba(24,144,255,.06)}.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-normal-color);fill:var(--ti-button-primary-normal-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button--primary.is-plain.is-active,.tiny-button--primary.is-plain:active,.tiny-button--primary.is-plain:focus{color:var(--ti-button-primary-normal-color);fill:var(--ti-button-primary-normal-color);border-color:var(--ti-button-primary-bg-color-active);background-color:var(--ti-button-primary-bg-color-active);outline:0}.tiny-button--primary.is-plain.is-disabled,.tiny-button--primary.is-plain.is-disabled:active,.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button--primary.is-plain.is-disabled:hover{color:var(--ti-button-primary-color-disabled);fill:var(--ti-button-primary-color-disabled);border-color:var(--ti-button-primary-border-color-disabled);background-color:var(--ti-button-primary-bg-color-disabled)}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.3;background:#000}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.dialog-slideRight-enter-active{-webkit-animation:slideRight .5s ease-in forwards;animation:slideRight .5s ease-in forwards}.dialog-slideRight-leave-active{-webkit-animation:slideRightout .5s ease-in forwards;animation:slideRightout .5s ease-in forwards}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@media (max-width:480px){.tiny-dialog-box{width:100%!important;top:0!important;left:0!important}}
+.tiny-dialog-box{position:absolute;background:var(--ti-dialogbox-bg-color);border:1px solid transparent;border-radius:var(--ti-dialogbox-border-radius);-webkit-box-shadow:var(--ti-dialogbox-box-shadow);box-shadow:var(--ti-dialogbox-box-shadow);overflow:hidden}.tiny-dialog-box__wrapper{--ti-dialogbox-bg-color:var(--ti-base-color-light);--ti-dialogbox-border-radius:var(--ti-common-border-radius-normal);--ti-dialogbox-head-border-color:var(--ti-base-color-border);--ti-dialogbox-head-text-color:var(--ti-base-color-placeholder);--ti-dialogbox-head-padding-top:32px;--ti-dialogbox-head-padding-horizontal:32px;--ti-dialogbox-head-padding-bottom:28px;--ti-dialogbox-head-title-font-size:var(--ti-common-font-size-3);--ti-dialogbox-head-title-font-weight:var(--ti-common-font-weight-7);--ti-dialogbox-head-title-text-color:var(--ti-base-color-info-normal);--ti-dialogbox-head-font-icon-color:#c4c4c4;--ti-dialogbox-head-font-icon-size:14px;--ti-dialogbox-head-font-icon-color-hover:var(--ti-base-color-brand-6);--ti-dialogbox-head-body-text-color:#5a5e66;--ti-dialogbox-head-body-font-size:var(--ti-common-font-size-1);--ti-dialogbox-close-icon-color:var(--ti-base-color-common-5);--ti-dialogbox-close-icon-color-hover:var(--ti-base-color-brand-6);--ti-dialogbox-box-body-font-size:var(--ti-common-font-size-base);--ti-dialogbox-box-body-text-color:var(--ti-base-color-common-5);--ti-dialogbox-box-body-padding-vertical:0;--ti-dialogbox-box-body-padding-horizontal:32px;--ti-dialogbox-box-body-margin-bottom:12px;--ti-dialogbox-btn-background-color-hover:none;--ti-dialogbox-box-shadow:var(--ti-common-shadow-4-down);--ti-dialogbox-btn-position-top:18px;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-dialog-box.is-fullscreen{left:0;top:0;width:100vw;height:100vh}.tiny-dialog-box.is-center .tiny-dialog-box__footer,.tiny-dialog-box.is-center .tiny-dialog-box__header{text-align:center}.tiny-dialog-box__scroll-lock{overflow:hidden}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__body{max-height:calc(100vh - 94px)}.tiny-dialog-box .tiny-dialog-box__header{padding:var(--ti-dialogbox-head-padding-top) var(--ti-dialogbox-head-padding-horizontal) var(--ti-dialogbox-head-padding-bottom);background:var(--ti-dialogbox-bg-color);font-weight:var(--ti-dialogbox-head-title-font-weight);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__title{font-size:var(--ti-dialogbox-head-title-font-size);color:var(--ti-dialogbox-head-title-text-color);font-weight:var(--ti-dialogbox-head-title-font-weight);-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn{border:none;background:0 0;padding:0;line-height:1;position:absolute;top:var(--ti-dialogbox-btn-position-top);right:20px;cursor:pointer;height:32px;width:32px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:hover{background-color:var(--ti-dialogbox-btn-background-color-hover);border-radius:4px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn+.tiny-dialog-box__headerbtn{margin-left:8px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:focus{outline:0}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close{fill:var(--ti-dialogbox-close-icon-color);font-size:var(--ti-dialogbox-head-font-icon-size)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close:hover{fill:var(--ti-dialogbox-close-icon-color-hover)}.tiny-dialog-box .tiny-dialog-box__body{text-align:left;padding:var(--ti-dialogbox-box-body-padding-vertical) var(--ti-dialogbox-box-body-padding-horizontal);margin-bottom:var(--ti-dialogbox-box-body-margin-bottom);color:var(--ti-dialogbox-box-body-text-color);font-size:var(--ti-dialogbox-box-body-font-size);overflow:auto;max-height:65vh}.tiny-dialog-box .tiny-dialog-box__body .tiny-upload{overflow:hidden}.tiny-dialog-box .tiny-dialog-box__body>span{max-height:120px;overflow-y:auto}.tiny-dialog-box .tiny-dialog-box__body .tiny-dept__search{line-height:30px}.tiny-dialog-box .tiny-dialog-box__footer{text-align:inherit;padding:28px 32px 32px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-dialog-box .tiny-dialog-box__footer .tiny-toolbar .tiny-button{margin:0 4px}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.3;background:#000}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.dialog-slideRight-enter-active{-webkit-animation:slideRight .5s ease-in forwards;animation:slideRight .5s ease-in forwards}.dialog-slideRight-leave-active{-webkit-animation:slideRightout .5s ease-in forwards;animation:slideRightout .5s ease-in forwards}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@media (max-width:480px){.tiny-dialog-box{width:100%!important;top:0!important;left:0!important}}

package/dialog-box/index.js

@@ -0,0 +1,38 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-dialogbox-bg-color': '#fff',
+  'tiny-dialogbox-border-radius': '2px',
+  'tiny-dialogbox-head-padding-top': '32px',
+  'tiny-dialogbox-head-padding-horizontal': '32px',
+  'tiny-dialogbox-head-padding-bottom': '28px',
+  'tiny-dialogbox-head-border-color': '#d9d9d9',
+  'tiny-dialogbox-head-text-color': '#999',
+  'tiny-dialogbox-head-title-font-size': '14px',
+  'tiny-dialogbox-head-title-font-weight': 'bold',
+  'tiny-dialogbox-head-title-text-color': '#333',
+  'tiny-dialogbox-head-font-icon-color': '#c4c4c4',
+  'tiny-dialogbox-head-font-icon-size': '16px',
+  'tiny-dialogbox-head-font-icon-color-hover': '#1890ff',
+  'tiny-dialogbox-head-body-text-color': '#5a5e66',
+  'tiny-dialogbox-head-body-font-size': '14px',
+  'tiny-dialogbox-close-icon-color': '#575d6c',
+  'tiny-dialogbox-close-icon-color-hover': '#5e7ce0',
+  'tiny-dialogbox-box-body-font-size': '12px',
+  'tiny-dialogbox-box-body-text-color': '#575d6c',
+  'tiny-dialogbox-box-body-padding-vertical': '0',
+  'tiny-dialogbox-box-body-padding-horizontal': '32px',
+  'tiny-dialogbox-box-body-margin-bottom': '12px',
+  'tiny-dialogbox-btn-background-color-hover': 'none',
+  'tiny-dialogbox-box-shadow': '0 8px 40px 0 rgba(0, 0, 0, 0.2)'
+}

package/drop-roles/index.css

@@ -0,0 +1 @@
+.tiny-drop-roles .user-icon{float:right;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:10px}

package/drop-roles/index.js

@@ -0,0 +1,15 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  // drop-roles
+}

package/drop-times/index.js

@@ -0,0 +1,15 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  // drop-times
+}

package/dropdown/index.css

@@ -1 +1 @@
-.tiny-dropdown{display:inline-block;position:relative;font-size:12px}.tiny-dropdown .tiny-button-group{display:block}.tiny-dropdown .tiny-button-group .tiny-button{float:none}.tiny-dropdown .tiny-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none;min-width:24px}.tiny-dropdown .tiny-dropdown__caret-button:before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:#fff}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:before{background:#d9d9d9}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:hover:before{background-color:#1890ff}.tiny-dropdown .tiny-dropdown__caret-button:hover:not(.is-disabled):before{top:0;bottom:0}.tiny-dropdown .tiny-dropdown__caret-button svg{padding-left:0;margin:0 3px}.tiny-dropdown .tiny-dropdown-selfdefine:focus:active,.tiny-dropdown .tiny-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.tiny-dropdown [disabled]{cursor:not-allowed;color:#bbb}
+.tiny-dropdown{display:inline-block;position:relative;font-size:var(--ti-common-font-size-base)}.tiny-dropdown .tiny-button-group{display:block}.tiny-dropdown .tiny-button-group .tiny-button{float:none}.tiny-dropdown .tiny-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none;min-width:24px}.tiny-dropdown .tiny-dropdown__caret-button:before{content:'';position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:#fff}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:before{background:#d9d9d9}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:hover:before{background-color:#1890ff}.tiny-dropdown .tiny-dropdown__caret-button:hover:not(.is-disabled):before{top:0;bottom:0}.tiny-dropdown .tiny-dropdown__caret-button svg{padding-left:0;margin:0 3px}.tiny-dropdown .tiny-dropdown-selfdefine:focus:active,.tiny-dropdown .tiny-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.tiny-dropdown [disabled]{cursor:not-allowed;color:#bbb}

package/dropdown/index.js

@@ -0,0 +1,15 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  // dropdown
+}

package/dropdown-item/index.css

@@ -1 +1 @@
-.tiny-dropdown-menu__item{list-style:none;line-height:30px;padding:0 20px!important;margin:0;font-size:12px;color:#333;cursor:pointer;outline:0}.tiny-dropdown-menu__item:focus,.tiny-dropdown-menu__item:not(.is-disabled):hover{background-color:#e6f7ff;color:#1890ff}.tiny-dropdown-menu__item svg{margin-right:5px;margin-top:-2px}.tiny-dropdown-menu__item.is-disabled{cursor:default;color:#999;pointer-events:none}.tiny-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #e4e7ed}.tiny-dropdown-menu__item--divided:before{content:'';height:6px;display:block;margin:0 -20px;background-color:#fff}
+[class*=tiny-] li.tiny-dropdown-menu__item{--ti-dropdown-menu-item-hover-bg-color:var(--ti-base-color-hover-background);--ti-dropdown-menu-item-hover-text-color:var(--ti-base-color-brand-6);--ti-dropdown-menu-item-active-bg-color:var(--ti-base-color-brand-6);--ti-dropdown-menu-item-active-text-color:var(--ti-base-color-white);--ti-dropdown-menu-item-disabled-text-color:var(--ti-common-color-text-disabled);--ti-dropdown-menu-item-text-color:#333;--ti-dropdown-menu-item-height:1.5;--ti-dropdown-menu-item-padding-vertical:6px;--ti-dropdown-menu-item-padding-horizontal:20px;--ti-dropdown-menu-item-border-radius:0;--ti-dropdown-menu-item-max-width:130px;--ti-dropdown-menu-item-divided-bg-color:var(--ti-base-color-white);--ti-dropdown-menu-item-divided-margin-top:var(--ti-common-space-base);list-style:none;line-height:var(--ti-dropdown-menu-item-height);padding:var(--ti-dropdown-menu-item-padding-vertical) var(--ti-dropdown-menu-item-padding-horizontal);margin:0;font-size:var(--ti-common-font-size-base);color:var(--ti-dropdown-menu-item-text-color);cursor:pointer;outline:0;position:relative;word-break:break-all;max-width:var(--ti-dropdown-menu-item-max-width);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[class*=tiny-] li.tiny-dropdown-menu__item .tiny-dropdown-menu__item--child{position:absolute;right:100%;top:0;display:none}[class*=tiny-] li.tiny-dropdown-menu__item:focus,[class*=tiny-] li.tiny-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--ti-dropdown-menu-item-hover-bg-color);color:var(--ti-dropdown-menu-item-hover-text-color);border-radius:var(--ti-dropdown-menu-item-border-radius)}[class*=tiny-] li.tiny-dropdown-menu__item:focus>.tiny-dropdown-menu__item-content svg,[class*=tiny-] li.tiny-dropdown-menu__item:focus>.tiny-dropdown-menu__item-expand svg,[class*=tiny-] li.tiny-dropdown-menu__item:not(.is-disabled):hover>.tiny-dropdown-menu__item-content svg,[class*=tiny-] li.tiny-dropdown-menu__item:not(.is-disabled):hover>.tiny-dropdown-menu__item-expand svg{fill:var(--ti-dropdown-menu-item-hover-text-color)}[class*=tiny-] li.tiny-dropdown-menu__item:focus>.tiny-dropdown-menu__item--child,[class*=tiny-] li.tiny-dropdown-menu__item:not(.is-disabled):hover>.tiny-dropdown-menu__item--child{display:block}[class*=tiny-] li.tiny-dropdown-menu__item:not(.is-disabled):active{background-color:var(--ti-dropdown-menu-item-active-bg-color);color:var(--ti-dropdown-menu-item-active-text-color);border-radius:var(--ti-dropdown-menu-item-border-radius)}[class*=tiny-] li.tiny-dropdown-menu__item:not(.is-disabled):active svg{fill:var(--ti-dropdown-menu-item-active-text-color)}[class*=tiny-] li.tiny-dropdown-menu__item svg{margin-right:5px;margin-top:-2px}[class*=tiny-] li.tiny-dropdown-menu__item.is-disabled{cursor:not-allowed;color:var(--ti-dropdown-menu-item-disabled-text-color)}[class*=tiny-] li.tiny-dropdown-menu__item .tiny-dropdown-menu__item-expand{display:inline-block;height:100%;margin-left:-20px;width:20px}[class*=tiny-] li.tiny-dropdown-menu__item .tiny-dropdown-menu__item-expand .tiny-svg{width:.6em;height:.6em;margin-left:5px}.tiny-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid #e4e7ed}.tiny-dropdown-menu__item--divided:before{height:6px;display:block;margin:0 -20px;background-color:var(--ti-dropdown-menu-item-divided-bg-color)}

package/dropdown-item/index.js

@@ -0,0 +1,27 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-dropdown-menu-item-hover-bg-color': '#f2f5fc',
+  'tiny-dropdown-menu-item-hover-text-color': '#5e7ce0',
+  'tiny-dropdown-menu-item-active-bg-color': '#5e7ce0',
+  'tiny-dropdown-menu-item-active-text-color': '#fff',
+  'tiny-dropdown-menu-item-disabled-text-color': '#adb0b8',
+  'tiny-dropdown-menu-item-text-color': '#333',
+  'tiny-dropdown-menu-item-height': '1.5',
+  'tiny-dropdown-menu-item-padding-vertical': '6px',
+  'tiny-dropdown-menu-item-padding-horizontal': '20px',
+  'tiny-dropdown-menu-item-border-radius': '0',
+  'tiny-dropdown-menu-item-max-width': '130px',
+  'tiny-dropdown-menu-item-divided-bg-color': '#fff',
+  'tiny-dropdown-menu-item-divided-margin-top': '4px'
+}

package/dropdown-menu/index.css

@@ -1 +1 @@
-.tiny-dropdown-menu{position:absolute;top:0;left:0;z-index:10;padding:10px 0;margin:5px 0;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.tiny-dropdown-menu.tiny-popper .popper__arrow,.tiny-dropdown-menu.tiny-popper .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.tiny-dropdown-menu.tiny-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.tiny-dropdown-menu.tiny-popper .popper__arrow::after{content:' ';border-width:6px}.tiny-dropdown-menu.tiny-popper[x-placement^=top]{margin-bottom:12px}.tiny-dropdown-menu.tiny-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#d9d9d9;border-bottom-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=top] .popper__arrow:after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom]{margin-top:12px}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#d9d9d9}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom] .popper__arrow:after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.tiny-dropdown-menu.tiny-popper[x-placement^=right]{margin-left:12px}.tiny-dropdown-menu.tiny-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#d9d9d9;border-left-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=right] .popper__arrow:after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=left]{margin-right:12px}.tiny-dropdown-menu.tiny-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#d9d9d9}.tiny-dropdown-menu.tiny-popper[x-placement^=left] .popper__arrow:after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.tiny-dropdown-menu--medium{padding:6px 0}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:6px}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.tiny-dropdown-menu--small{padding:6px 0}.tiny-dropdown-menu--small .tiny-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.tiny-dropdown-menu--small .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:4px}.tiny-dropdown-menu--small .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.tiny-dropdown-menu--mini{padding:3px 0}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:3px}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}
+.tiny-dropdown-menu{--ti-dropdown-menu-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.2);--ti-dropdown-menu-margin-vertical:0;--ti-dropdown-menu-padding-vertical:4px;--ti-dropdown-menu-padding-horizontal:0;position:absolute;padding:var(--ti-dropdown-menu-padding-vertical) var(--ti-dropdown-menu-padding-horizontal);background-color:var(--ti-common-color-bg-white-normal);border-radius:var(--ti-common-border-radius-normal);-webkit-box-shadow:var(--ti-dropdown-menu-box-shadow);box-shadow:var(--ti-dropdown-menu-box-shadow);width:-webkit-max-content;width:-moz-max-content;width:max-content}.tiny-dropdown-menu .tiny-dropdown-menu{padding:var(--ti-dropdown-menu-padding-vertical) var(--ti-dropdown-menu-padding-horizontal)}.tiny-dropdown-menu.tiny-popper .popper__arrow,.tiny-dropdown-menu.tiny-popper .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.tiny-dropdown-menu.tiny-popper .popper__arrow{border-width:6px;-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.tiny-dropdown-menu.tiny-popper .popper__arrow::after{content:' ';border-width:6px}.tiny-dropdown-menu.tiny-popper[x-placement^=top]{margin-bottom:var(--ti-dropdown-menu-margin-vertical)}.tiny-dropdown-menu.tiny-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#d9d9d9;border-bottom-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=top] .popper__arrow:after{bottom:1px;margin-left:-6px;border-top-color:#fff;border-bottom-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom]{margin-top:var(--ti-dropdown-menu-margin-vertical)}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#d9d9d9}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom] .popper__arrow:after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#fff}.tiny-dropdown-menu.tiny-popper[x-placement^=right]{margin-left:12px}.tiny-dropdown-menu.tiny-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#d9d9d9;border-left-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=right] .popper__arrow:after{bottom:-6px;left:1px;border-right-color:#fff;border-left-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=left]{margin-right:12px}.tiny-dropdown-menu.tiny-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#d9d9d9}.tiny-dropdown-menu.tiny-popper[x-placement^=left] .popper__arrow:after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#fff}.tiny-dropdown-menu--medium{padding:6px 0}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:var(--ti-common-font-size-1)}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:6px}.tiny-dropdown-menu--medium .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.tiny-dropdown-menu--small{padding:6px 0}.tiny-dropdown-menu--small .tiny-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.tiny-dropdown-menu--small .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:var(--ti-dropdown-menu-item-divided-margin-top)}.tiny-dropdown-menu--small .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.tiny-dropdown-menu--mini{padding:3px 0}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:var(--ti-common-font-size-base)}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided{margin-top:3px}.tiny-dropdown-menu--mini .tiny-dropdown-menu__item.tiny-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}

package/dropdown-menu/index.js

@@ -0,0 +1,18 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-dropdown-menu-box-shadow': '0 2px 8px 0 rgba(0, 0, 0, 0.2)',
+  'tiny-dropdown-menu-margin-vertical': '0',
+  'tiny-dropdown-menu-padding-vertical': '4px',
+  'tiny-dropdown-menu-padding-horizontal': '0'
+}

package/error-page/index.css

@@ -1 +1 @@
-.tiny-popup__wrapper{z-index:2147483647!important;background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-popup__wrapper .tiny-errortips__box{position:absolute;width:800px;min-height:450px;max-height:600px;top:0;left:0;right:0;bottom:0;margin:auto;overflow:hidden;background:#fff;border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);text-align:center;overflow-y:auto}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body{height:100%;text-align:initial;padding:20px;color:#5a5e66;font-size:14px;display:table;margin:auto}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips{text-align:center;display:table-cell;vertical-align:middle}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-code{font-size:100px;color:#9ac7ef;margin:0 auto -45px;text-shadow:0 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-img{width:260px;height:180px;margin:0 auto;background:url(../images/errortips-bg.png) no-repeat}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-content{font-size:16px;margin:24px 0;font-weight:700}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-bottom a{font-weight:800;cursor:pointer}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-bottom span{padding-right:15px}.tiny-popup__wrapper .tiny-sso__box{position:absolute;background:#fff;border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body{text-align:initial;padding:20px;color:#5a5e66;line-height:32px;font-size:14px}.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{width:350px;height:350px;overflow:hidden}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{height:460px}}@supports (-ms-ime-align:auto){.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{height:460px}}.tiny-popup__wrapper.login-not-sso{background:#dcdfe4;background-size:cover}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box{width:100%;height:100%;overflow:hidden}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body{width:650px;height:400px;background:#f4f5f9;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;border:1px solid #d4d5d7;-webkit-box-shadow:0 2px 4px #989a9e;box-shadow:0 2px 4px #989a9e}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .title{background:#ecedf1;background:-webkit-gradient(linear,left top,left bottom,from(#ecedf1),to(#dadde2));background:linear-gradient(to bottom,#ecedf1,#dadde2);border-bottom:1px solid #b6babf;padding:16px 20px;font-size:20px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login{width:100%;border-collapse:collapse;border-spacing:0;font-size:16px;margin-top:28px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item{height:60px;line-height:60px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.label{width:30%;text-align:right;color:#5a5e66}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell{width:70%;text-align:left;padding-left:12px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input{border:1px solid #bfbfbf;border-radius:2px;outline:0;width:75%;height:40px;line-height:40px;padding:0 8px;background:0 0;color:#5a5e66}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input::-webkit-input-placeholder{color:#999}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input:hover{border-color:#999}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input:focus::-webkit-input-placeholder{color:#d9d9d9}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input.text-danger{border-color:var(--ti-input-border-color-error)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell button{width:75%;height:40px;line-height:40px;padding:0 24px;text-align:center;color:#fff;background-color:var(--ti-common-color-line-active);border:none;border-radius:2px;-webkit-transition:.3s;transition:.3s;outline:0}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell button:hover{background-color:#40a9ff}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell .errmessage{color:red;line-height:20px}
+:root{--ti-errortips-box-bg-color:var(--ti-base-color-light);--ti-errortips-body-text-color:#5a5e66;--ti-errortips-body-font-size:var(--ti-common-font-size-1);--ti-errortips-body-code-font-size:100px;--ti-errortips-body-code-text-color:#9ac7ef;--ti-errortips-body-content-font-size:var(--ti-common-font-size-2);--ti-errortips-body-bottom-font-weight:var(--ti-common-font-weight-8);--ti-errortips-sso-box-bg-color:var(--ti-base-color-light);--ti-errortips-sso-body-text-color:#5a5e66;--ti-errortips-sso-body-font-size:var(--ti-common-font-size-1);--ti-errortips-not-sso-bg-color:#dcdfe4;--ti-errortips-not-sso-body-bg-color:#f4f5f9;--ti-errortips-not-sso-body-border-color:#d4d5d7;--ti-errortips-not-sso-body-title-border-color:#b6babf;--ti-errortips-not-sso-body-title-font-size:var(--ti-common-font-size-4);--ti-errortips-not-sso-body-login-font-size:var(--ti-common-font-size-2);--ti-errortips-not-sso-body-text-color:#5a5e66;--ti-errortips-not-sso-body-input-border-color:var(--ti-base-color-bg-5);--ti-errortips-not-sso-body-input-border-radius:var(--ti-common-border-radius-normal);--ti-errortips-not-sso-body-placeholder-text-color:var(--ti-base-color-placeholder);--ti-errortips-not-sso-body-input-hover-text-color:var(--ti-base-color-placeholder);--ti-errortips-not-sso-body-input-focus-text-color:var(--ti-base-color-border);--ti-errortips-not-sso-body-input-danger-border-color:var(--ti-base-color-bg-8);--ti-errortips-not-sso-body-button-text-color:var(--ti-base-color-light);--ti-errortips-not-sso-body-button-bg-color:var(--ti-base-color-brand-6);--ti-errortips-not-sso-body-button-border-radius:var(--ti-common-border-radius-normal);--ti-errortips-not-sso-body-button-hover-bg-color:var(--ti-base-color-brand-5);--ti-errortips-not-sso-body-errmessage-text-color:#f00}.aurora-popup__wrapper{z-index:2147483647!important;background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.aurora-popup__wrapper .aurora-errortips__box{position:absolute;width:var(--ti-errortips-width);min-height:var(--ti-errortips-min-height);max-height:var(--ti-errortips-max-height);top:0;left:0;right:0;bottom:0;margin:auto;overflow:hidden;background:var(--ti-errortips-box-bg-color);border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);text-align:center;overflow-y:auto}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body{height:100%;text-align:initial;padding:20px;color:var(--ti-errortips-body-text-color);font-size:var(--ti-errortips-body-font-size);display:table;margin:auto}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips{text-align:center;display:table-cell;vertical-align:middle}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips .error-code{font-size:var(--ti-errortips-body-code-font-size);color:var(--ti-errortips-body-code-text-color);margin:0 auto -45px;text-shadow:0 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips .error-img{width:260px;height:180px;margin:0 auto;background:url(../images/errortips-bg.png) no-repeat}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips .error-content{font-size:var(--ti-errortips-body-content-font-size);margin:24px 0;font-weight:700}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips .error-bottom a{font-weight:var(--ti-errortips-body-bottom-font-weight);cursor:pointer}.aurora-popup__wrapper .aurora-errortips__box .aurora-errortips__body .errortips .error-bottom span{padding-right:15px}.aurora-popup__wrapper .aurora-sso__box{position:absolute;background:var(--ti-errortips-sso-box-bg-color);border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.aurora-popup__wrapper .aurora-sso__box .aurora-sso__body{text-align:initial;padding:20px;color:var(--ti-errortips-sso-body-text-color);line-height:32px;font-size:var(--ti-errortips-sso-body-font-size)}.aurora-popup__wrapper .aurora-sso__box .aurora-sso__body .aurora-sso__body-iframe{width:350px;height:350px;overflow:hidden}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.aurora-popup__wrapper .aurora-sso__box .aurora-sso__body .aurora-sso__body-iframe{height:460px}}@supports (-ms-ime-align:auto){.aurora-popup__wrapper .aurora-sso__box .aurora-sso__body .aurora-sso__body-iframe{height:460px}}.aurora-popup__wrapper.login-not-sso{background:var(--ti-errortips-not-sso-bg-color);background-size:cover}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box{width:100%;height:100%;overflow:hidden}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body{width:650px;height:400px;background:var(--ti-errortips-not-sso-body-bg-color);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;border:1px solid var(--ti-errortips-not-sso-body-border-color);-webkit-box-shadow:0 2px 4px #989a9e;box-shadow:0 2px 4px #989a9e}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .title{background:-webkit-gradient(linear,left top,left bottom,from(#ecedf1),to(#dadde2));background:linear-gradient(to bottom,#ecedf1,#dadde2);border-bottom:1px solid var(--ti-errortips-not-sso-body-title-border-color);padding:16px 20px;font-size:var(--ti-errortips-not-sso-body-title-font-size)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--ti-errortips-not-sso-body-login-font-size);margin-top:28px}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item{height:60px;line-height:60px}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.label{width:30%;text-align:right;color:var(--ti-errortips-not-sso-body-text-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell{width:70%;text-align:left;padding-left:12px}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell input{border:1px solid var(--ti-errortips-not-sso-body-input-border-color);border-radius:var(--ti-errortips-not-sso-body-input-border-radius);outline:0;width:75%;height:40px;line-height:40px;padding:0 8px;background:0 0;color:var(--ti-errortips-not-sso-body-text-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell input::-webkit-input-placeholder{color:var(--ti-errortips-not-sso-body-placeholder-text-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell input:hover{border-color:var(--ti-errortips-not-sso-body-placeholder-text-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell input:focus::-webkit-input-placeholder{color:var(--ti-errortips-not-sso-body-input-focus-text-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell input.text-danger{border-color:var(--ti-errortips-not-sso-body-input-danger-border-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell button{width:75%;height:40px;line-height:40px;padding:0 24px;text-align:center;color:var(--ti-errortips-not-sso-body-button-text-color);background-color:var(--ti-errortips-not-sso-body-button-bg-color);border:none;border-radius:var(--ti-errortips-not-sso-body-button-border-radius);-webkit-transition:.3s;transition:.3s;outline:0}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell button:hover{background-color:var(--ti-errortips-not-sso-body-button-hover-bg-color)}.aurora-popup__wrapper.login-not-sso .aurora-not-sso__box .aurora-not-sso__body .tbl-login .form-item td.cell .errmessage{color:var(--ti-errortips-not-sso-body-errmessage-text-color);line-height:20px}

package/error-page/index.js

@@ -0,0 +1,42 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-errortips-box-bg-color': '#fff',
+  'tiny-errortips-body-text-color': '#5a5e66',
+  'tiny-errortips-body-font-size': '14px',
+  'tiny-errortips-body-code-font-size': '100px',
+  'tiny-errortips-body-code-text-color': '#9ac7ef',
+  'tiny-errortips-body-content-font-size': '16px',
+  'tiny-errortips-body-bottom-font-weight': '800',
+  'tiny-errortips-sso-box-bg-color': '#fff',
+  'tiny-errortips-sso-body-text-color': '#5a5e66',
+  'tiny-errortips-sso-body-font-size': '14px',
+  'tiny-errortips-not-sso-bg-color': '#dcdfe4',
+  'tiny-errortips-not-sso-body-bg-color': '#f4f5f9',
+  'tiny-errortips-not-sso-body-border-color': '#d4d5d7',
+  'tiny-errortips-not-sso-body-title-border-color': '#b6babf',
+  'tiny-errortips-not-sso-body-title-font-size': '20px',
+  'tiny-errortips-not-sso-body-login-font-size': '16px',
+  'tiny-errortips-not-sso-body-text-color': '#5a5e66',
+  'tiny-errortips-not-sso-body-input-border-color': '#bfbfbf',
+  'tiny-errortips-not-sso-body-input-border-radius': '2px',
+  'tiny-errortips-not-sso-body-placeholder-text-color': '#999',
+  'tiny-errortips-not-sso-body-input-hover-text-color': '#999',
+  'tiny-errortips-not-sso-body-input-focus-text-color': '#d9d9d9',
+  'tiny-errortips-not-sso-body-input-danger-border-color': '#f5222d',
+  'tiny-errortips-not-sso-body-button-text-color': '#fff',
+  'tiny-errortips-not-sso-body-button-bg-color': '#1890ff',
+  'tiny-errortips-not-sso-body-button-border-radius': '2px',
+  'tiny-errortips-not-sso-body-button-hover-bg-color': '#40a9ff',
+  'tiny-errortips-not-sso-body-errmessage-text-color': '#f00'
+}

package/espace/index.css

@@ -0,0 +1 @@
+.tiny-espace{--ti-espace-font-size:26px;--ti-espace-text-color:var(--ti-base-color-brand-6);--ti-espace-hover-text-color:var(--ti-base-color-brand-5)}.tiny-espace .item-call,.tiny-espace .item-email,.tiny-espace .item-talk{margin:0 8px 0 0;line-height:1}.tiny-espace .item-call .tiny-svg,.tiny-espace .item-email .tiny-svg,.tiny-espace .item-talk .tiny-svg{fill:var(--ti-espace-text-color);font-size:var(--ti-espace-font-size)}.tiny-espace .item-call:hover .tiny-svg,.tiny-espace .item-email:hover .tiny-svg,.tiny-espace .item-talk:hover .tiny-svg{fill:var(--ti-espace-hover-text-color)}

package/espace/index.js

@@ -0,0 +1,17 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-espace-font-size': '26px',
+  'tiny-espace-text-color': '#1890ff',
+  'tiny-espace-hover-text-color': '#40a9ff'
+}

package/fall-menu/index.css

@@ -1 +1 @@
-.tiny-fall-menu .tiny-fall-menu__wrap{background:var(--ti-common-color-line-active);padding:0 24px}.tiny-fall-menu .tiny-fall-menu__nav{height:42px;margin:0 auto;position:relative}.tiny-fall-menu .tiny-fall-menu__subnav{overflow:hidden}.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-left,.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-right{color:#fff;cursor:pointer;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;line-height:1}.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-left svg,.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-right svg{fill:#fff}.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-left{left:-12px}.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-right{right:-12px}.tiny-fall-menu .tiny-fall-menu__list{position:relative;min-width:4000px;left:0;-webkit-transition:left .4s;transition:left .4s}.tiny-fall-menu .tiny-fall-menu__list .fall-hide{opacity:0}.tiny-fall-menu .tiny-fall-menu__list ul:before{content:'';display:table}.tiny-fall-menu .tiny-fall-menu__list ul:after{content:'';display:table;clear:both}.tiny-fall-menu .tiny-fall-menu__list li{float:left;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-fall-menu .tiny-fall-menu__list a{float:left;display:block;width:auto;padding:0 12px;height:42px;text-align:center;text-decoration:none;font-weight:400;line-height:42px;font-size:16px;color:#fff}.tiny-fall-menu .tiny-fall-menu__list a.now,.tiny-fall-menu .tiny-fall-menu__list a:hover{color:#fff;background:#40a9ff;text-decoration:none}.tiny-fall-menu .tiny-fall-menu__list a.now:before{position:absolute;content:'';width:0;height:0;border-style:solid;border-width:0;border-color:#fff transparent;top:34px;left:42%}.tiny-fall-menu .tiny-fall-menu__box{position:absolute;left:0;top:42px;width:100%;background:#fff;overflow:hidden;-webkit-transition:opacity .4s;transition:opacity .4s;opacity:0}.tiny-fall-menu .tiny-fall-menu__box .contbox{overflow:hidden}.tiny-fall-menu .tiny-fall-menu__box .cont{min-width:120px;padding:18px 20px}.tiny-fall-menu .tiny-fall-menu__box .sublist li{float:left;width:100%}.tiny-fall-menu .tiny-fall-menu__box .sublist li h3.mcate-item-hd{font-size:14px;border-bottom:0 solid #ccc;color:#999;font-weight:400;margin:0}.tiny-fall-menu .tiny-fall-menu__box .sublist li p.mcate-item-bd{margin-top:18px}.tiny-fall-menu .tiny-fall-menu__box .sublist li p.mcate-item-bd a{margin:8px 0 0 0;font-size:12px;color:var(--ti-common-color-line-active);text-decoration:none;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tiny-fall-menu .tiny-fall-menu__box .sublist li p.mcate-item-bd a:hover{color:#096dd9}.tiny-fall-menu .tiny-fall-menu__box.active,.tiny-fall-menu .tiny-fall-menu__box:hover{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:1px 1px 5px 1px #d9d9d9;box-shadow:1px 1px 5px 1px #d9d9d9;opacity:1}
+.tiny-fall-menu{--ti-fallmenu-menu-height:var(--ti-base-size-height-large);--ti-fallmenu-bg-color-normal:var(--ti-base-color-brand-6);--ti-fallmenu-bg-color-hover:var(--ti-base-color-brand-5);--ti-fallmenu-icon-font-size:var(--ti-common-font-size-base);--ti-fallmenu-slot-text-color:var(--ti-base-color-light);--ti-fallmenu-slot-bg-color:var(--ti-base-color-light);--ti-fallmenu-title-font-size:var(--ti-common-font-size-2);--ti-fallmenu-box-title-text-color:var(--ti-base-color-placeholder);--ti-fallmenu-box-text-color:var(--ti-base-color-brand-6);--ti-fallmenu-box-font-size:var(--ti-common-font-size-1);--ti-fallmenu-box-title-height:var(--ti-base-size-height-small);--ti-fallmenu-box-content-height:26px;--ti-fallmenu-box-hover-text-color:var(--ti-base-color-primary-active)}.tiny-fall-menu .tiny-fall-menu__wrap{background:var(--ti-fallmenu-bg-color-normal);padding:0 24px}.tiny-fall-menu .tiny-fall-menu__nav{height:var(--ti-fallmenu-menu-height);margin:0 auto;position:relative}.tiny-fall-menu .tiny-fall-menu__subnav{overflow:hidden}.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-left,.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-right{color:var(--ti-fallmenu-slot-text-color);cursor:pointer;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:var(--ti-fallmenu-icon-font-size);line-height:1}.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-left svg,.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-right svg{fill:#fff}.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-left{left:-12px}.tiny-fall-menu .tiny-fall-menu__subnav .icon-slot-right{right:-12px}.tiny-fall-menu .tiny-fall-menu__list{position:relative;min-width:4000px;left:0;-webkit-transition:left .4s;transition:left .4s}.tiny-fall-menu .tiny-fall-menu__list .fall-hide{opacity:0}.tiny-fall-menu .tiny-fall-menu__list ul:after,.tiny-fall-menu .tiny-fall-menu__list ul:before{content:'';display:table}.tiny-fall-menu .tiny-fall-menu__list ul:after{clear:both}.tiny-fall-menu .tiny-fall-menu__list li{float:left;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-fall-menu .tiny-fall-menu__list a{float:left;display:block;width:auto;padding:0 12px;height:var(--ti-fallmenu-menu-height);text-align:center;text-decoration:none;font-weight:400;line-height:var(--ti-fallmenu-menu-height);font-size:var(--ti-fallmenu-title-font-size);color:var(--ti-fallmenu-slot-text-color)}.tiny-fall-menu .tiny-fall-menu__list a.now,.tiny-fall-menu .tiny-fall-menu__list a:hover{color:var(--ti-fallmenu-slot-text-color);background:var(--ti-fallmenu-bg-color-hover);text-decoration:none}.tiny-fall-menu .tiny-fall-menu__list a.now:before{position:absolute;content:'';width:0;height:0;border-style:solid;border-width:0;border-color:#fff transparent;top:34px;left:42%}.tiny-fall-menu .tiny-fall-menu__box{position:absolute;left:0;top:var(--ti-fallmenu-menu-height);width:100%;background:var(--ti-fallmenu-slot-bg-color);overflow:hidden;-webkit-transition:opacity .4s;transition:opacity .4s;opacity:0}.tiny-fall-menu .tiny-fall-menu__box .contbox{overflow:hidden}.tiny-fall-menu .tiny-fall-menu__box .cont{min-width:120px;padding:18px 20px}.tiny-fall-menu .tiny-fall-menu__box .sublist li{float:left;width:100%}.tiny-fall-menu .tiny-fall-menu__box .sublist li h3.mcate-item-hd{font-size:var(--ti-fallmenu-box-font-size);border-bottom:0 solid #ccc;color:var(--ti-fallmenu-box-title-text-color);font-weight:400;margin:0}.tiny-fall-menu .tiny-fall-menu__box .sublist li p.mcate-item-bd{margin-top:18px}.tiny-fall-menu .tiny-fall-menu__box .sublist li p.mcate-item-bd a{margin:8px 0 0 0;font-size:var(--ti-common-font-size-base);color:var(--ti-fallmenu-box-text-color);text-decoration:none;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tiny-fall-menu .tiny-fall-menu__box .sublist li p.mcate-item-bd a:hover{color:var(--ti-fallmenu-box-hover-text-color)}.tiny-fall-menu .tiny-fall-menu__box.active,.tiny-fall-menu .tiny-fall-menu__box:hover{border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;-webkit-box-shadow:1px 1px 5px 1px #d9d9d9;box-shadow:1px 1px 5px 1px #d9d9d9;opacity:1}@-webkit-keyframes leftArrow{0%{left:-17px}50%{left:-13px}100%{left:-17px}}@keyframes leftArrow{0%{left:-17px}50%{left:-13px}100%{left:-17px}}@-webkit-keyframes rightArrow{0%{right:-17px}50%{right:-13px}100%{right:-17px}}@keyframes rightArrow{0%{right:-17px}50%{right:-13px}100%{right:-17px}}