@opentiny/vue-theme 3.1.0-alpha.1 → 3.4.7

package/button/index.css

@@ -1 +1 @@
-.tiny-button{display:inline-block;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-button-middle-height);line-height:calc(var(--ti-button-middle-height) - 2px);min-width:80px;color:var(--ti-base-color-common);fill:var(--ti-base-color-common);font-size:var(--ti-common-font-size-base);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 .tiny-svg{vertical-align:text-top}.tiny-button>img{margin-right:4px;vertical-align:middle}.tiny-button::-moz-focus-inner{border:0}.tiny-button:focus,.tiny-button:hover{color:#5e7ce0;fill:#5e7ce0;border-color:#5e7ce0;background-color:#fff}.tiny-button.is-active,.tiny-button.is-plain:active,.tiny-button:active{color:#5e7ce0;fill:#5e7ce0;border-color:#5e7ce0;background-color:#e6f7ff}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:#bfbfbf;fill:#bfbfbf;border-color:#dfe1e6;background-color:#f5f5f6}.tiny-button.is-plain:focus,.tiny-button.is-plain:hover{color:#5e7ce0;fill:#5e7ce0;border-color:#5e7ce0;background-color:#fff}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:#bfbfbf;fill:#bfbfbf;border-color:#d9d9d9;background-color:#f5f5f5}.tiny-button+.tiny-button{margin-left:8px}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.tiny-button.is-loading .tiny-svg{fill:var(--ti-button-primary-color-disabled)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:#5e7ce0}.tiny-button.is-round{border-radius:15px}.tiny-button.is-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:8px}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:4px}.tiny-button.is-circle{border-radius:50%;min-width:30px;min-height:30px;line-height:1;padding:8px}.tiny-button.is-circle.tiny-button--large{min-width:48px;min-height:48px;height:auto;line-height:1;padding:14px}.tiny-button.is-circle.tiny-button--medium{min-width:42px;min-height:42px;height:auto;line-height:1;padding:12px}.tiny-button.is-circle.tiny-button--small{min-width:36px;min-height:36px;height:auto;line-height:1;padding:10px}.tiny-button.is-circle.tiny-button--mini{min-width:24px;min-height:24px;height:auto;line-height:1;padding:8px}.tiny-button.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.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.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.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.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.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.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.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.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.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.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.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)}.tiny-button.tiny-button--success{color:#fff;fill:#fff;border-color:#52c41a;background-color:#52c41a}.tiny-button.tiny-button--success:hover{color:#fff;fill:#fff;border-color:#73d13d;background-color:#73d13d}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:#fff;fill:#fff;border-color:#389e0d;background-color:#389e0d;outline:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:#fff;fill:#fff;border-color:#dfe1e6;background-color:#a6c3b9}.tiny-button.tiny-button--success.is-plain{color:#52c41a;fill:#52c41a;border-color:#52c41a;background-color:rgba(82,196,26,.06)}.tiny-button.tiny-button--success.is-plain:hover{color:#fff;fill:#fff;border-color:#52c41a;background-color:#52c41a}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:#fff;fill:#fff;border-color:#389e0d;background-color:#389e0d;outline:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:#fff;fill:#fff;border-color:#dfe1e6;background-color:#a6c3b9}.tiny-button.tiny-button--warning{color:#fff;fill:#fff;border-color:#faad14;background-color:#faad14}.tiny-button.tiny-button--warning:hover{color:#fff;fill:#fff;border-color:#ffc53d;background-color:#ffc53d}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:#fff;fill:#fff;border-color:#ffc53d;background-color:#ffc53d;outline:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:#fff;fill:#fff;border-color:#dfe1e6;background-color:#d3c6a2}.tiny-button.tiny-button--warning.is-plain{color:#faad14;fill:#faad14;border-color:#faad14;background-color:rgba(250,173,20,.06)}.tiny-button.tiny-button--warning.is-plain:hover{color:#fff;fill:#fff;border-color:#faad14;background-color:#faad14}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:#fff;fill:#fff;border-color:#ffc53d;background-color:#ffc53d;outline:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:#fff;fill:#fff;border-color:#dfe1e6;background-color:#d3c6a2}.tiny-button.tiny-button--danger{color:var(--ti-button-danger-normal-color);fill:var(--ti-button-danger-normal-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger:hover{color:var(--ti-button-danger-normal-color);fill:var(--ti-button-danger-normal-color);border-color:var(--ti-button-danger-bg-color-hover);background-color:var(--ti-button-danger-bg-color-hover)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--ti-button-danger-normal-color);fill:var(--ti-button-danger-normal-color);border-color:var(--ti-button-danger-bg-color-active);background-color:var(--ti-button-danger-bg-color-active);outline:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--ti-button-danger-color-disabled);fill:var(--ti-button-danger-color-disabled);border-color:var(--ti-button-danger-border-color-disabled);background-color:var(--ti-button-danger-bg-color-disabled)}.tiny-button.tiny-button--danger.is-plain{color:var(--ti-button-danger-normal-bg-color);fill:var(--ti-button-danger-normal-bg-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:rgba(24,144,255,.06)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-normal-color);fill:var(--ti-button-danger-normal-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--ti-button-danger-normal-color);fill:var(--ti-button-danger-normal-color);border-color:var(--ti-button-danger-bg-color-active);background-color:var(--ti-button-danger-bg-color-active);outline:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--ti-button-danger-color-disabled);fill:var(--ti-button-danger-color-disabled);border-color:var(--ti-button-danger-border-color-disabled);background-color:var(--ti-button-danger-bg-color-disabled)}.tiny-button.tiny-button--info{color:#fff;fill:#fff;border-color:var(--ti-base-color-common);background-color:var(--ti-base-color-common)}.tiny-button.tiny-button--info:hover{color:#fff;fill:#fff;border-color:#54657e;background-color:#54657e}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:#fff;fill:#fff;border-color:#54657e;background-color:#54657e;outline:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:#fff;fill:#fff;border-color:#dfe1e6;background-color:#bfbfbf}.tiny-button.tiny-button--info.is-plain{color:var(--ti-base-color-common);fill:var(--ti-base-color-common);border-color:var(--ti-base-color-common);background-color:rgba(51,51,51,.06)}.tiny-button.tiny-button--info.is-plain:hover{color:#fff;fill:#fff;border-color:var(--ti-base-color-common);background-color:var(--ti-base-color-common)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:#fff;fill:#fff;border-color:#54657e;background-color:#54657e;outline:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:#fff;fill:#fff;border-color:#dfe1e6;background-color:#bfbfbf}.tiny-button.tiny-button--text{color:#526ecc;font-size:14px;border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text:hover{color:#344899;border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:#344899;border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:#adb0b8;border-color:transparent;background-color:transparent}.tiny-button.tiny-button--large{min-width:80px;max-width:130;height:var(--ti-button-large-height);line-height:calc(var(--ti-button-large-height) - 2px);padding:0 var(--ti-button-large-padding-horizon);font-size:var(--ti-common-font-size-base)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--ti-button-large-height)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:50%}.tiny-button.tiny-button--medium{min-width:80px;max-width:120px;height:var(--ti-button-middle-height);line-height:calc(var(--ti-button-middle-height) - 2px);padding:0 var(--ti-button-middle-padding-horizon);font-size:var(--ti-common-font-size-base)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--ti-button-middle-height)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:50%}.tiny-button.tiny-button--small{min-width:60px;max-width:120px;height:var(--ti-button-small-height);line-height:calc(var(--ti-button-small-height) - 2px);padding:0 var(--ti-button-small-padding-horizon);font-size:var(--ti-common-font-size-base)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--ti-button-small-height)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:50%}.tiny-button.tiny-button--mini{min-width:50px;max-width:120px;height:var(--ti-button-xs-height);line-height:calc(var(--ti-button-xs-height) - 2px);padding:0 var(--ti-button-xs-padding-horizon);font-size:var(--ti-common-font-size-base)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--ti-button-xs-height)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:50%}.tiny-icon-loading{font-size:14px;line-height:1;-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
+.tiny-button{--ti-button-border-radius:var(--ti-common-border-radius-normal);--ti-button-font-size:var(--ti-common-font-size-base);--ti-button-plain-disabled-text-color:var(--ti-base-color-common-2);--ti-button-size-normal-min-width:var(--ti-base-size-width-normal);--ti-button-size-normal-max-width:var(--ti-base-size-width-medium);--ti-button-size-normal-height:var(--ti-common-size-7x);--ti-button-size-normal-padding:var(--ti-common-space-2x);--ti-button-size-large-min-width:var(--ti-base-size-width-normal);--ti-button-size-large-max-width:var(--ti-base-size-width-large);--ti-button-size-large-height:var(--ti-base-size-height-large);--ti-button-size-large-font-size:var(--ti-common-font-size-2);--ti-button-size-large-padding:var(--ti-common-space-4x);--ti-button-size-medium-min-width:var(--ti-base-size-width-normal);--ti-button-size-medium-max-width:var(--ti-base-size-width-large);--ti-button-size-medium-height:var(--ti-base-size-height-medium);--ti-button-size-medium-font-size:var(--ti-common-font-size-1);--ti-button-size-medium-padding:var(--ti-common-space-3x);--ti-button-size-small-min-width:var(--ti-base-size-width-normal);--ti-button-size-small-max-width:var(--ti-base-size-width-medium);--ti-button-size-small-height:var(--ti-base-size-height-small);--ti-button-size-small-font-size:var(--ti-common-font-size-1);--ti-button-size-small-padding:var(--ti-common-space-10);--ti-button-size-mini-min-width:var(--ti-base-size-width-normal);--ti-button-size-mini-max-width:var(--ti-base-size-width-medium);--ti-button-size-mini-height:var(--ti-base-size-height-mini);--ti-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-button-size-mini-padding:var(--ti-common-space-2x);--ti-button-normal-text-color:var(--ti-base-color-common-7);--ti-button-normal-border-color:var(--ti-base-color-border);--ti-button-normal-background-color:var(--ti-base-color-light);--ti-button-normal-hover-text-color:var(--ti-base-color-brand-6);--ti-button-normal-hover-border-color:var(--ti-base-color-brand-6);--ti-button-normal-hover-background-color:var(--ti-base-color-light);--ti-button-normal-active-text-color:var(--ti-base-color-brand-6);--ti-button-normal-active-border-color:var(--ti-base-color-brand-6);--ti-button-normal-active-background-color:var(--ti-base-color-hover-background);--ti-button-normal-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-normal-disabled-border-color:var(--ti-common-color-line-disabled);--ti-button-normal-disabled-background-color:var(--ti-common-color-bg-disabled);--ti-button-text-color:var(--ti-base-color-brand-6);--ti-button-text-color-hover:var(--ti-base-color-brand-5);--ti-button-text-color-active:var(--ti-base-color-primary-active);--ti-button-text-color-disabled:var(--ti-base-color-placeholder);--ti-button-primary-normal-bg-color:var(--ti-base-color-primary-normal);--ti-button-primary-hover-bg-color:var(--ti-base-color-primary-hover);--ti-button-primary-active-bg-color:var(--ti-base-color-primary-active);--ti-button-primary-disabled-bg-color:var(--ti-base-color-primary-disabled);--ti-button-primary-text-color:var(--ti-base-color-light);--ti-button-primary-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-primary-disabled-border-color:var(--ti-base-color-primary-disabled-border);--ti-button-primary-plain-bg-color:rgba(24, 144, 255, 0.06);--ti-button-primary-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-button-success-normal-bg-color:var(--ti-base-color-success-normal);--ti-button-success-hover-bg-color:var(--ti-base-color-success-hover);--ti-button-success-active-bg-color:var(--ti-base-color-success-active);--ti-button-success-disabled-bg-color:var(--ti-base-color-success-disabled);--ti-button-success-text-color:var(--ti-base-color-light);--ti-button-success-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-success-disabled-border-color:var(--ti-base-color-success-disabled-border);--ti-button-success-plain-bg-color:rgba(82, 196, 26, 0.06);--ti-button-success-plain-disabled-bg-color:rgba(166, 195, 185, 0.1);--ti-button-warning-normal-bg-color:var(--ti-base-color-warning-normal);--ti-button-warning-hover-bg-color:var(--ti-base-color-warning-hover);--ti-button-warning-active-bg-color:var(--ti-base-color-warning-active);--ti-button-warning-disabled-bg-color:var(--ti-base-color-warning-disabled);--ti-button-warning-text-color:var(--ti-base-color-light);--ti-button-warning-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-warning-disabled-border-color:var(--ti-base-color-warning-disabled-border);--ti-button-warning-plain-bg-color:rgba(250, 173, 20, 0.06);--ti-button-warning-plain-disabled-bg-color:rgba(211, 198, 162, 0.1);--ti-button-danger-normal-bg-color:var(--ti-base-color-danger-normal);--ti-button-danger-hover-bg-color:var(--ti-base-color-danger-hover);--ti-button-danger-active-bg-color:var(--ti-base-color-danger-active);--ti-button-danger-disabled-bg-color:var(--ti-base-color-danger-disabled);--ti-button-danger-text-color:var(--ti-base-color-light);--ti-button-danger-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-danger-disabled-border-color:var(--ti-base-color-danger-disabled-border);--ti-button-danger-plain-bg-color:rgba(245, 34, 45, 0.06);--ti-button-danger-plain-disabled-bg-color:rgba(216, 186, 181, 0.1);--ti-button-info-normal-bg-color:var(--ti-base-color-info-normal);--ti-button-info-hover-bg-color:var(--ti-base-color-info-hover);--ti-button-info-active-bg-color:var(--ti-base-color-info-active);--ti-button-info-disabled-bg-color:var(--ti-base-color-info-disabled);--ti-button-info-text-color:var(--ti-base-color-light);--ti-button-info-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-info-disabled-border-color:var(--ti-base-color-info-disabled-border);--ti-button-info-plain-bg-color:rgba(51, 51, 51, 0.06);--ti-button-info-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-button-padding-vertical:0;--ti-button-padding-horizontal:var(--ti-common-space-5x);display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-button-size-normal-height);line-height:calc(var(--ti-button-size-normal-height) - 2px);color:var(--ti-button-normal-text-color);fill:var(--ti-button-normal-text-color);font-size:var(--ti-button-font-size);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:var(--ti-button-normal-border-color);-o-border-image:initial;border-image:initial;border-radius:var(--ti-button-border-radius);background:var(--ti-button-normal-background-color);padding:var(--ti-button-padding-vertical) var(--ti-button-padding-horizontal);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 .tiny-svg{vertical-align:text-top}.tiny-button>img{margin-right:4px;vertical-align:middle}.tiny-button::-moz-focus-inner{border:0}.tiny-button:focus,.tiny-button:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-active,.tiny-button.is-plain:active,.tiny-button:active{color:var(--ti-button-normal-active-text-color);fill:var(--ti-button-normal-active-text-color);border-color:var(--ti-button-normal-active-border-color);background-color:var(--ti-button-normal-active-background-color)}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button.is-plain:focus,.tiny-button.is-plain:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button+.tiny-button{margin-left:8px}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.tiny-button.is-loading .tiny-svg{fill:var(--ti-button-info-text-color)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-button.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button.is-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:8px}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:4px;margin-top:2px}.tiny-button.is-circle{border-radius:50%;min-width:var(--ti-button-size-normal-height);min-height:var(--ti-button-size-normal-height);line-height:1;padding:var(--ti-button-size-normal-padding)}.tiny-button.is-circle.tiny-button--large{min-width:var(--ti-button-size-large-height);min-height:var(--ti-button-size-large-height);height:auto;line-height:1;padding:var(--ti-button-size-large-padding)}.tiny-button.is-circle.tiny-button--medium{min-width:var(--ti-button-size-medium-height);min-height:var(--ti-button-size-medium-height);height:auto;line-height:1;padding:var(--ti-button-size-medium-padding)}.tiny-button.is-circle.tiny-button--small{min-width:var(--ti-button-size-small-height);min-height:var(--ti-button-size-small-height);height:auto;line-height:1;padding:var(--ti-button-size-small-padding)}.tiny-button.is-circle.tiny-button--mini{min-width:var(--ti-button-size-mini-height);min-height:var(--ti-button-size-mini-height);height:auto;line-height:1;padding:var(--ti-button-size-mini-padding)}.tiny-button.tiny-button--primary{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-hover-bg-color);background-color:var(--ti-button-primary-hover-bg-color)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.tiny-button--primary.is-disabled:hover{color:var(--ti-button-primary-disabled-text-color);fill:var(--ti-button-primary-disabled-text-color);border-color:var(--ti-button-primary-disabled-border-color);background-color:var(--ti-button-primary-disabled-bg-color)}.tiny-button.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:var(--ti-button-primary-plain-bg-color)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-bg-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.tiny-button--primary.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-primary-disabled-bg-color);border-color:var(--ti-button-primary-disabled-bg-color);background-color:var(--ti-button-primary-plain-disabled-bg-color)}.tiny-button.tiny-button--success{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-hover-bg-color);background-color:var(--ti-button-success-hover-bg-color)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:var(--ti-button-success-disabled-text-color);fill:var(--ti-button-success-disabled-text-color);border-color:var(--ti-button-success-disabled-border-color);background-color:var(--ti-button-success-disabled-bg-color)}.tiny-button.tiny-button--success.is-plain{color:var(--ti-button-success-normal-bg-color);fill:var(--ti-button-success-normal-bg-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-plain-bg-color)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-bg-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-success-disabled-bg-color);border-color:var(--ti-button-success-disabled-bg-color);background-color:var(--ti-button-success-plain-disabled-bg-color)}.tiny-button.tiny-button--warning{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-hover-bg-color);background-color:var(--ti-button-warning-hover-bg-color)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:var(--ti-button-warning-disabled-text-color);fill:var(--ti-button-warning-disabled-text-color);border-color:var(--ti-button-warning-disabled-border-color);background-color:var(--ti-button-warning-disabled-bg-color)}.tiny-button.tiny-button--warning.is-plain{color:var(--ti-button-warning-normal-bg-color);fill:var(--ti-button-warning-normal-bg-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-plain-bg-color)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-bg-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-warning-disabled-bg-color);border-color:var(--ti-button-warning-disabled-bg-color);background-color:var(--ti-button-warning-plain-disabled-bg-color)}.tiny-button.tiny-button--danger{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-hover-bg-color);background-color:var(--ti-button-danger-hover-bg-color)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--ti-button-danger-disabled-text-color);fill:var(--ti-button-danger-disabled-text-color);border-color:var(--ti-button-danger-disabled-border-color);background-color:var(--ti-button-danger-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain{color:var(--ti-button-danger-normal-bg-color);fill:var(--ti-button-danger-normal-bg-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-plain-bg-color)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-bg-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-danger-disabled-bg-color);border-color:var(--ti-button-danger-disabled-bg-color);background-color:var(--ti-button-danger-plain-disabled-bg-color)}.tiny-button.tiny-button--info{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-hover-bg-color);background-color:var(--ti-button-info-hover-bg-color)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:var(--ti-button-info-disabled-text-color);fill:var(--ti-button-info-disabled-text-color);border-color:var(--ti-button-info-disabled-border-color);background-color:var(--ti-button-info-disabled-bg-color)}.tiny-button.tiny-button--info.is-plain{color:var(--ti-button-info-normal-bg-color);fill:var(--ti-button-info-normal-bg-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-plain-bg-color)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-bg-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-info-disabled-bg-color);border-color:var(--ti-button-info-disabled-bg-color);background-color:var(--ti-button-info-plain-disabled-bg-color)}.tiny-button.tiny-button--text{color:var(--ti-button-text-color);font-size:var(--ti-common-font-size-1);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text:hover{color:var(--ti-button-text-color-hover);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:var(--ti-button-text-color-active);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:var(--ti-button-text-color-disabled);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--large{height:var(--ti-button-size-large-height);line-height:var(--ti-button-size-large-height);font-size:var(--ti-button-size-large-font-size)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--ti-button-size-large-height)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:50%}.tiny-button.tiny-button--medium{height:var(--ti-button-size-medium-height);line-height:var(--ti-button-size-medium-height);font-size:var(--ti-button-size-medium-font-size)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--ti-button-size-medium-height)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:50%}.tiny-button.tiny-button--small{height:var(--ti-button-size-small-height);line-height:var(--ti-button-size-small-height);font-size:var(--ti-button-size-small-font-size)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--ti-button-size-small-height)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:50%}.tiny-button.tiny-button--mini{height:var(--ti-button-size-mini-height);line-height:var(--ti-button-size-mini-height);font-size:var(--ti-button-size-mini-font-size)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--ti-button-size-mini-height)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:50%}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}

package/button/index.js

@@ -0,0 +1,105 @@
+/**
+* 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-button-border-radius': '2px',
+  'tiny-button-plain-disabled-text-color': '#adb0b8',
+  'tiny-button-padding-vertical': '0',
+  'tiny-button-padding-horizontal': '8px',
+  'tiny-button-font-size': '12px',
+  'tiny-button-size-normal-min-width': '80px',
+  'tiny-button-size-normal-max-width': '120px',
+  'tiny-button-size-normal-height': '30px',
+  'tiny-button-size-normal-padding': '8px',
+  'tiny-button-size-large-min-width': '80px',
+  'tiny-button-size-large-max-width': '140px',
+  'tiny-button-size-large-height': '48px',
+  'tiny-button-size-large-font-size': '16px',
+  'tiny-button-size-large-padding': '14px',
+  'tiny-button-size-medium-min-width': '80px',
+  'tiny-button-size-medium-max-width': '130px',
+  'tiny-button-size-medium-height': '42px',
+  'tiny-button-size-medium-font-size': '14px',
+  'tiny-button-size-medium-padding': '12px',
+  'tiny-button-size-small-min-width': '80px',
+  'tiny-button-size-small-max-width': '120px',
+  'tiny-button-size-small-height': '36px',
+  'tiny-button-size-small-font-size': '14px',
+  'tiny-button-size-small-padding': '10px',
+  'tiny-button-size-mini-min-width': '80px',
+  'tiny-button-size-mini-max-width': '120px',
+  'tiny-button-size-mini-height': '24px',
+  'tiny-button-size-mini-font-size': '12px',
+  'tiny-button-size-mini-padding': '4px',
+  'tiny-button-normal-text-color': '#1890ff',
+  'tiny-button-normal-border-color': '#d9d9d9',
+  'tiny-button-normal-background-color': '#fff',
+  'tiny-button-normal-hover-text-color': '#1890ff',
+  'tiny-button-normal-hover-border-color': '#1890ff',
+  'tiny-button-normal-hover-background-color': '#fff',
+  'tiny-button-normal-active-text-color': '#1890ff',
+  'tiny-button-normal-active-border-color': '#1890ff',
+  'tiny-button-normal-active-background-color': '#e6f7ff',
+  'tiny-button-normal-disabled-text-color': '#bfbfbf',
+  'tiny-button-normal-disabled-border-color': '#d9d9d9',
+  'tiny-button-normal-disabled-background-color': '#f5f5f5',
+  'tiny-button-text-color': '#1890ff',
+  'tiny-button-text-color-hover': '#40a9ff',
+  'tiny-button-text-color-active': '#096dd9',
+  'tiny-button-text-color-disabled': '#999',
+  'tiny-button-primary-bg-color': '#fff',
+  'tiny-button-primary-normal-bg-color': '#1890ff',
+  'tiny-button-primary-disabled-text-color': '#fff',
+  'tiny-button-primary-disabled-bg-color': '#d9d9d9',
+  'tiny-button-primary-disabled-border-color': '#dfe1e6',
+  'tiny-button-primary-text-color': '#fff',
+  'tiny-button-primary-hover-bg-color': '#40a9ff',
+  'tiny-button-primary-active-bg-color': '#096dd9',
+  'tiny-button-primary-plain-bg-color': 'rgba(24, 144, 255, 0.06)',
+  'tiny-button-primary-plain-disabled-bg-color': 'rgba(191, 191, 191, 0.1)',
+  'tiny-button-success-text-color': '#fff',
+  'tiny-button-success-normal-bg-color': '#52c41a',
+  'tiny-button-success-disabled-text-color': '#fff',
+  'tiny-button-success-disabled-border-color': '#dfe1e6',
+  'tiny-button-success-disabled-bg-color': '#a6c3b9',
+  'tiny-button-success-hover-bg-color': '#73d13d',
+  'tiny-button-success-active-bg-color': '#389e0d',
+  'tiny-button-success-plain-bg-color': 'rgba(82, 196, 26, 0.06)',
+  'tiny-button-success-plain-disabled-bg-color': 'rgba(166, 195, 185, 0.1)',
+  'tiny-button-warning-text-color': '#fff',
+  'tiny-button-warning-normal-bg-color': '#faad14',
+  'tiny-button-warning-disabled-text-color': '#fff',
+  'tiny-button-warning-disabled-border-color': '#dfe1e6',
+  'tiny-button-warning-disabled-bg-color': '#d3c6a2',
+  'tiny-button-warning-hover-bg-color': '#ffc53d',
+  'tiny-button-warning-active-bg-color': '#ffc53d',
+  'tiny-button-warning-plain-bg-color': 'rgba(250, 173, 20, 0.06)',
+  'tiny-button-warning-plain-disabled-bg-color': 'rgba(211, 198, 162, 0.1)',
+  'tiny-button-danger-text-color': '#fff',
+  'tiny-button-danger-normal-bg-color': '#f5222d',
+  'tiny-button-danger-disabled-text-color': '#fff',
+  'tiny-button-danger-disabled-border-color': '#dfe1e6',
+  'tiny-button-danger-disabled-bg-color': '#d8bab5',
+  'tiny-button-danger-hover-bg-color': '#ff4d4f',
+  'tiny-button-danger-active-bg-color': '#cf1322',
+  'tiny-button-danger-plain-bg-color': 'rgba(245, 34, 45, 0.06)',
+  'tiny-button-danger-plain-disabled-bg-color': 'rgba(216, 186, 181, 0.1)',
+  'tiny-button-info-text-color': '#fff',
+  'tiny-button-info-normal-bg-color': '#333333',
+  'tiny-button-info-disabled-text-color': '#fff',
+  'tiny-button-info-disabled-border-color': '#dfe1e6',
+  'tiny-button-info-disabled-bg-color': '#bfbfbf',
+  'tiny-button-info-hover-bg-color': '#54657e',
+  'tiny-button-info-active-bg-color': '#54657e',
+  'tiny-button-info-plain-bg-color': 'rgba(51, 51, 51, 0.06)',
+  'tiny-button-info-plain-disabled-bg-color': 'rgba(191, 191, 191, 0.1)'
+}

package/button-group/index.css

@@ -1 +1 @@
-.tiny-button-group{display:inline-block;vertical-align:middle}.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{content:'';display:table;clear:both}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:28px;background:#fff;float:left;position:relative}.tiny-button-group .tiny-group-item li button{display:block;text-align:center;margin:0 2px;color:var(--ti-button-group-text-color);background:var(--ti-button-group-bg-color);min-width:80px;height:30px;padding:0 30px;border:none;text-decoration:none;font-size:12px;outline:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--ti-button-group-bg-color-disabled);border-color:var(--ti-button-group-bg-color-disabled);cursor:not-allowed;color:var(--ti-button-group-text-color-disabled)}.tiny-button-group .tiny-group-item li button.plain,.tiny-button-group .tiny-group-item li button[plain]{background:0 0}.tiny-button-group .tiny-group-item li:hover{z-index:1}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--ti-button-group-bg-color-hover);color:var(--ti-button-group-text-color);border-color:var(--ti-button-group-border-color-hover);outline:0}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li:hover button:not(.disabled)[plain]{color:var(--ti-button-group-bg-color-active);background-color:rgba(24,144,255,.06);border-color:var(--ti-button-group-bg-color-active)}.tiny-button-group .tiny-group-item li.active{z-index:1}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled){background:var(--ti-button-group-bg-color-active);border-color:var(--ti-button-group-border-color-active);color:var(--ti-button-group-text-color-active)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled)[plain]{background-color:rgba(24,144,255,.06)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--ti-button-group-bg-color-active);border-color:var(--ti-button-group-border-color-active);color:var(--ti-button-group-text-color-active);outline:0}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active button:not(.disabled)[plain]{color:var(--ti-button-group-bg-color-active);background:0 0}.tiny-button-group .tiny-group-item li:first-child button{border-radius:2px 0 0 2px}.tiny-button-group .tiny-group-item li:last-child button{border-radius:0 2px 2px 0}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:-1px}.tiny-button-group .tiny-group-item.show-more li button{color:var(--ti-base-color-common);background:var(--ti-button-default-normal-bg-color);border:1px solid var(--ti-base-color-common-3);margin:0;border-radius:0;min-width:auto;max-width:none}.tiny-button-group .tiny-group-item.show-more li:hover button:not(.disabled){color:var(--ti-button-primary-normal-bg-color);border-color:var(--ti-base-color-common-3);background:var(--ti-common-bg-minor-hover)}.tiny-button-group .tiny-group-item.show-more li.active{z-index:9}.tiny-button-group .tiny-group-item.show-more li.active button:not(.disabled){color:var(--ti-button-primary-normal-bg-color);border-color:var(--ti-button-primary-normal-bg-color);background:var(--ti-common-bg-minor-active)}.tiny-button-group .tiny-group-item.show-more li .edit-button,.tiny-button-group .tiny-group-item.show-more li .more-button{min-width:auto;max-width:none}.tiny-button-group .tiny-group-item.show-more li .more-button{padding:0 10px}.tiny-button-group .tiny-group-item.show-more li .more-button .tiny-svg{font-size:16px}.tiny-button-group .tiny-group-item.show-more li .edit-button{padding:0 6px}.tiny-button-group .tiny-group-item.show-more li .edit-button .tiny-svg{font-size:14px}.tiny-button-group>.tiny-button{float:left;position:relative}.tiny-button-group>.tiny-button+.tiny-button{margin-left:0}.tiny-button-group>.tiny-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:rgba(255,255,255,.5)}.tiny-button-group>.tiny-button:first-child.tiny-button--default{border-right-color:#d9d9d9}.tiny-button-group>.tiny-button:first-child.tiny-button--default:active,.tiny-button-group>.tiny-button:first-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:first-child.tiny-button--default:hover{border-right-color:var(--ti-button-group-bg-color-active);z-index:1}.tiny-button-group>.tiny-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.tiny-button-group>.tiny-button:last-child.tiny-button--default{border-left-color:#d9d9d9}.tiny-button-group>.tiny-button:last-child.tiny-button--default:active,.tiny-button-group>.tiny-button:last-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:last-child.tiny-button--default:hover{border-left-color:var(--ti-button-group-bg-color-active);z-index:1}.tiny-button-group>.tiny-button:first-child:last-child{border-radius:2px}.tiny-button-group>.tiny-button:first-child:last-child.is-round{border-radius:15px}.tiny-button-group>.tiny-button:first-child:last-child.is-circle{border-radius:50%}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:rgba(255,255,255,.5);border-right-color:rgba(255,255,255,.5)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default{border-left-color:#d9d9d9;border-right-color:#d9d9d9}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:active,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:focus,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:hover{border-left-color:var(--ti-button-group-bg-color-active);border-right-color:var(--ti-button-group-bg-color-active);z-index:1}.tiny-button-group>.tiny-button:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button>.tiny-dropdown>.tiny-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(255,255,255,.5)}.tiny-group-item__more-popover.tiny-popover.tiny-popper{padding:4px 0}.tiny-group-item__more-popover.tiny-popover.tiny-popper[x-placement^=bottom]{margin-top:2px}.tiny-group-item__more-popover.tiny-popover.tiny-popper .more-item{color:var(--ti-base-color-common);height:30px;line-height:30px;padding:0 8px}.tiny-group-item__more-popover.tiny-popover.tiny-popper .more-item:hover{color:var(--ti-select-item-text-color-hover);background-color:var(--ti-select-item-bg-color-hover);cursor:pointer}.tiny-group-item__more-popover.tiny-popover.tiny-popper .more-item.active{color:var(--ti-common-bg-minor-active);background-color:var(--ti-select-item-selected-bg-color)}
+.tiny-button-group{--ti-button-group-border-color:var(--ti-base-color-border);--ti-button-group-border-radius:var(--ti-common-border-radius-normal);--ti-button-group-hover-border-color:var(--ti-base-color-brand-6);--ti-button-group-info-border-color:rgba(255, 255, 255, 0.5);--ti-button-group-disabled-text-color:var(--ti-common-color-bg-disabled);--ti-button-group-item-bg-color:var(--ti-base-color-light);--ti-button-group-item-btn-text-color:var(--ti-base-color-info-normal);--ti-button-group-item-btn-width:var(--ti-base-size-width-normal);--ti-button-group-item-btn-height:var(--ti-base-size-height-minor);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-group-item-btn-disabled-border-color:var(--ti-base-color-border);--ti-button-group-item-btn-disabled-text-color:var(--ti-base-color-placeholder);--ti-button-group-item-btn-hover-bg-color:var(--ti-base-color-brand-5);--ti-button-group-item-btn-hover-text-color:var(--ti-base-color-light);--ti-button-group-item-btn-plain-text-color:var(--ti-base-color-brand-6);--ti-button-group-item-btn-plain-bg-color:rgba(24, 144, 255, 0.06);--ti-button-group-item-btn-plain-border-color:var(--ti-base-color-brand-6);--ti-button-group-item-active-bg-color:var(--ti-base-color-brand-6);--ti-button-group-item-active-text-color:var(--ti-base-color-light);display:inline-block;vertical-align:middle}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:28px;background:var(--ti-button-group-item-bg-color);float:left;position:relative}.tiny-button-group .tiny-group-item li button{border:1px solid var(--ti-button-group-border-color);display:block;text-align:center;color:var(--ti-button-group-item-btn-text-color);background:var(--ti-button-group-item-bg-color);min-width:var(--ti-button-group-item-btn-width);height:var(--ti-button-group-item-btn-height);padding:0 8px;text-decoration:none;font-size:var(--ti-button-group-item-btn-font-size);outline:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--ti-button-group-item-btn-disabled-bg-color);border-color:var(--ti-button-group-item-btn-disabled-border-color);cursor:not-allowed;color:var(--ti-button-group-item-btn-disabled-text-color)}.tiny-button-group .tiny-group-item li button.plain,.tiny-button-group .tiny-group-item li button[plain]{background:0 0}.tiny-button-group .tiny-group-item li:hover{z-index:1}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);color:var(--ti-button-group-item-btn-hover-text-color);border-color:var(--ti-button-group-item-btn-hover-bg-color);outline:0}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li:hover button:not(.disabled)[plain]{color:var(--ti-button-group-item-btn-plain-text-color);background-color:var(--ti-button-group-item-btn-plain-bg-color);border-color:var(--ti-button-group-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active{z-index:1}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);border-color:var(--ti-button-group-item-btn-hover-bg-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled)[plain]{background-color:var(--ti-button-group-item-btn-plain-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--ti-button-group-item-active-bg-color);color:var(--ti-button-group-item-active-text-color);border-color:var(--ti-button-group-item-active-bg-color);outline:0}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active button:not(.disabled)[plain]{color:var(--ti-button-group-item-active-bg-color);background:0 0}.tiny-button-group .tiny-group-item li:first-child button{border-radius:var(--ti-button-group-border-radius) 0 0 var(--ti-button-group-border-radius)}.tiny-button-group .tiny-group-item li:last-child button{border-radius:0 var(--ti-button-group-border-radius) var(--ti-button-group-border-radius) 0}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button{float:left;position:relative}.tiny-button-group>.tiny-button+.tiny-button{margin-left:0}.tiny-button-group>.tiny-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default{border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default:active,.tiny-button-group>.tiny-button:first-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:first-child.tiny-button--default:hover{border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default{border-left-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default:active,.tiny-button-group>.tiny-button:last-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:last-child.tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:first-child:last-child{border-radius:var(--ti-button-group-border-radius)}.tiny-button-group>.tiny-button:first-child:last-child.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button-group>.tiny-button:first-child:last-child.is-circle{border-radius:50%}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--ti-button-group-info-border-color);border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default{border-left-color:var(--ti-button-group-border-color);border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:active,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:focus,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button>.tiny-dropdown>.tiny-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}

package/button-group/index.js

@@ -0,0 +1,34 @@
+/**
+* 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-button-group-border-color': '#d9d9d9',
+  'tiny-button-group-border-radius': '2px',
+  'tiny-button-group-hover-border-color': '#1890ff',
+  'tiny-button-group-info-border-color': 'rgba(255, 255, 255, 0.5)',
+  'tiny-button-group-disabled-text-color': '#bfbfbf',
+  'tiny-button-group-item-bg-color': '#fff',
+  'tiny-button-group-item-btn-text-color': '#333',
+  'tiny-button-group-item-btn-width': '110px',
+  'tiny-button-group-item-btn-height': '30px',
+  'tiny-button-group-item-btn-font-size': '12px',
+  'tiny-button-group-item-btn-disabled-bg-color': '#f5f5f5',
+  'tiny-button-group-item-btn-disabled-border-color': '#d9d9d9',
+  'tiny-button-group-item-btn-disabled-text-color': '#999',
+  'tiny-button-group-item-btn-hover-bg-color': '#40a9ff',
+  'tiny-button-group-item-btn-hover-text-color': '#fff',
+  'tiny-button-group-item-btn-plain-text-color': '#1890ff',
+  'tiny-button-group-item-btn-plain-bg-color': 'rgba(24, 144, 255, 0.06)',
+  'tiny-button-group-item-btn-plain-border-color': '#1890ff',
+  'tiny-button-group-item-active-bg-color': '#1890ff',
+  'tiny-button-group-item-active-text-color': '#fff'
+}

package/calendar/index.css

@@ -1 +1 @@
-.tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-calendar{background:#fff;overflow:hidden;margin:10px}.tiny-calendar.is-popover.tiny-popover.tiny-popper{padding:0;margin:2px 0 0}.tiny-calendar .tiny-calendar__header{overflow:hidden;margin-bottom:12px}.tiny-calendar .tiny-calendar__selected{border:1px solid var(--ti-common-color-line-active);background:rgba(24,144,255,.1);padding:8px;color:var(--ti-base-color-common);line-height:140%;border-radius:3px;margin-bottom:8px}.tiny-calendar .tiny-calendar__tool{list-style:none;overflow:hidden;float:right;margin-bottom:8px}.tiny-calendar .tiny-calendar__tool>li{float:left;margin-right:8px}.tiny-calendar .tiny-calendar__tool>li>span{display:inline-block}.tiny-calendar .tiny-calendar__tool>li:last-child{margin-left:16px;margin-right:0}.tiny-calendar .tiny-calendar__input{width:80px;position:relative;outline:0}.tiny-calendar .tiny-calendar__input>input{width:100%;height:30px;line-height:30px;border:1px solid #d9d9d9;color:var(--ti-base-color-common);border-radius:2px;background:#fff;font-size:12px;padding:0 30px 0 8px;display:block;white-space:nowrap;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-calendar .tiny-calendar__input>input.active,.tiny-calendar .tiny-calendar__input>input:active,.tiny-calendar .tiny-calendar__input>input:focus,.tiny-calendar .tiny-calendar__input>input:hover,.tiny-calendar .tiny-calendar__input>input[active]{border:1px solid var(--ti-common-color-line-active)}.tiny-calendar .tiny-calendar__input-btn{bottom:0;right:4px;position:absolute;top:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.tiny-calendar .tiny-calendar__input-btn svg{fill:var(--ti-common-color-line-active)}.tiny-calendar .tiny-calendar__input-btn svg:hover{fill:#40a9ff}.tiny-calendar .tiny-calendar__tabs{list-style:none;overflow:hidden}.tiny-calendar .tiny-calendar__tabs>li{position:relative;float:left;width:40px;height:30px;line-height:30px;border:1px solid #d9d9d9;text-align:center;font-size:12px;font-weight:500;color:var(--ti-base-color-common);cursor:pointer}.tiny-calendar .tiny-calendar__tabs>li:first-child{border-radius:3px 0 0 3px}.tiny-calendar .tiny-calendar__tabs>li:last-child{margin-left:-1px;border-radius:0 3px 3px 0}.tiny-calendar .tiny-calendar__tabs>li:hover{color:var(--ti-common-color-line-active)}.tiny-calendar .tiny-calendar__tabs>.active{color:var(--ti-common-color-line-active);border:1px solid var(--ti-common-color-line-active);z-index:1}.tiny-calendar .tiny-calendar__main{width:100%;overflow:hidden}.tiny-calendar .tiny-calendar__main table{width:100%}.tiny-calendar .tiny-calendar__main table>tr>th{line-height:18px;padding:0 10px 5px 10px;font-size:14px;text-align:right;width:14.28571429%}.tiny-calendar .tiny-calendar__main table>tr>td{text-align:right;padding:0 5px 0 0}.tiny-calendar .tiny-calendar__main.year table>tr>td{width:33.33333333%}.tiny-calendar .tiny-calendar__day{border-top:3px solid #d9d9d9;margin:0 3px 5px 3px;height:100px;padding:5px}.tiny-calendar .tiny-calendar__day.selected{background:rgba(24,144,255,.1)}.tiny-calendar .tiny-calendar__day.selected .label{color:var(--ti-common-color-line-active)}.tiny-calendar .tiny-calendar__day:hover{background:rgba(24,144,255,.1)}.tiny-calendar .tiny-calendar__day.disable{color:#bfbfbf}.tiny-calendar .tiny-calendar__day.disable .info:before{background:#bfbfbf}.tiny-calendar .tiny-calendar__day.disable .success:before{background:#a6c3b9}.tiny-calendar .tiny-calendar__day.disable .warning:before{background:#d3c6a2}.tiny-calendar .tiny-calendar__day.disable .error:before{background:#d8bab5}.tiny-calendar .tiny-calendar__day.this-month,.tiny-calendar .tiny-calendar__day.today{border-color:var(--ti-common-color-line-active)}.tiny-calendar .tiny-calendar__events{text-align:left;height:calc(100% - 18px);overflow-y:auto}.tiny-calendar .tiny-calendar__events .event{margin:5px 10px;cursor:pointer}.tiny-calendar .tiny-calendar__events .event:before{content:'';width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:3px}.tiny-calendar .tiny-calendar__events .info:before{background:var(--ti-base-color-common)}.tiny-calendar .tiny-calendar__events .success:before{background:#52c41a}.tiny-calendar .tiny-calendar__events .warning:before{background:#faad14}.tiny-calendar .tiny-calendar__events .error:before{background:var(--ti-input-border-color-error)}.tiny-calendar__tip{display:block;min-width:160px}.tiny-calendar__tip-header{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.5);padding:5px 0;font-size:14px}.tiny-calendar__tip-year{float:left}.tiny-calendar__tip-hours{float:right}.tiny-calendar__tip-title{margin:5px 0;font-weight:700}.tiny-calendar .tiny-calendar__selector{width:80px;max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-calendar .tiny-calendar__list-item{min-height:30px;line-height:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;color:var(--ti-base-color-common)}.tiny-calendar .tiny-calendar__list-item:hover{cursor:pointer;background:#e6f7ff}.tiny-calendar .tiny-calendar__list-item.is-selected{background:#f5f5f5}
+.tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-calendar{--ti-calendar-bg-color:var(--ti-base-color-light);--ti-calendar-list-item-selected-text-color:var(--ti-base-color-light);--ti-calendar-hover-text-color:var(--ti-base-color-brand-5);--ti-calendar-border-color:var(--ti-base-color-border);--ti-calendar-text-color-primary:var(--ti-base-color-brand-6);--ti-calendar-background-color-primary:rgba(24, 144, 255, 0.1);--ti-calendar-bg-color-success:var(--ti-base-color-success-normal);--ti-calendar-bg-color-warning:var(--ti-base-color-warning-normal);--ti-calendar-bg-color-danger:var(--ti-base-color-bg-8);--ti-calendar-text-color-info:var(--ti-base-color-info-normal);--ti-calendar-tool-width:var(--ti-base-size-width-normal);--ti-calendar-content-heard-font-size:var(--ti-common-font-size-1);--ti-calendar-selected-border-radius:var(--ti-base-radius-large);--ti-calendar-input-height:var(--ti-base-size-height-minor);--ti-calendar-input-border-radius:var(--ti-common-border-radius-normal);--ti-calendar-input-font-size:var(--ti-common-font-size-base);--ti-calendar-list-item-height:var(--ti-base-size-height-minor);--ti-calendar-list-item-hover-bg-color:var(--ti-base-color-hover-background);--ti-calendar-list-item-selected-bg-color:var(--ti-base-color-selected-background);--ti-calendar-disabled-text-color:var(--ti-common-color-text-disabled);--ti-calendar-disabled-info-bg-color:var(--ti-base-color-bg-5);--ti-calendar-disabled-success-bg-color:var(--ti-base-color-bg-5);--ti-calendar-disabled-warning-bg-color:var(--ti-base-color-bg-5);--ti-calendar-disabled-error-bg-color:var(--ti-base-color-bg-5);background:var(--ti-calendar-bg-color);overflow:hidden;margin:10px}.tiny-calendar.is-popover.tiny-popover.tiny-popper{padding:0;margin:2px 0 0}.tiny-calendar .tiny-calendar__header{overflow:hidden;margin-bottom:12px}.tiny-calendar .tiny-calendar__selected{border:1px solid var(--ti-calendar-text-color-primary);background:var(--ti-calendar-background-color-primary);padding:8px;color:var(--ti-calendar-text-color-info);line-height:140%;border-radius:var(--ti-calendar-selected-border-radius);margin-bottom:8px}.tiny-calendar .tiny-calendar__tool{list-style:none;overflow:hidden;float:right;margin-bottom:8px}.tiny-calendar .tiny-calendar__tool>li{float:left;margin-right:8px}.tiny-calendar .tiny-calendar__tool>li>span{display:inline-block}.tiny-calendar .tiny-calendar__tool>li:last-child{margin-left:16px;margin-right:0}.tiny-calendar .tiny-calendar__input{width:var(--ti-calendar-tool-width);position:relative;outline:0}.tiny-calendar .tiny-calendar__input>input{width:100%;height:var(--ti-calendar-input-height);line-height:var(--ti-calendar-input-height);border:1px solid var(--ti-calendar-border-color);color:var(--ti-calendar-text-color-info);border-radius:var(--ti-calendar-input-border-radius);background:var(--ti-calendar-bg-color);font-size:var(--ti-calendar-input-font-size);padding:0 30px 0 8px;display:block;white-space:nowrap;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-calendar .tiny-calendar__input>input.active,.tiny-calendar .tiny-calendar__input>input:active,.tiny-calendar .tiny-calendar__input>input:focus,.tiny-calendar .tiny-calendar__input>input:hover,.tiny-calendar .tiny-calendar__input>input[active]{border:1px solid var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__input>input[readonly]{cursor:not-allowed}.tiny-calendar .tiny-calendar__input-btn{bottom:0;right:4px;position:absolute;top:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;font-size:var(--ti-common-font-size-base);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.tiny-calendar .tiny-calendar__input-btn svg{fill:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__input-btn svg:hover{fill:var(--ti-calendar-hover-text-color)}.tiny-calendar .tiny-calendar__tabs{list-style:none;overflow:hidden}.tiny-calendar .tiny-calendar__tabs>li{position:relative;float:left;width:calc(var(--ti-calendar-tool-width)/ 2);height:var(--ti-calendar-input-height);line-height:var(--ti-calendar-input-height);border:1px solid var(--ti-calendar-border-color);text-align:center;font-size:var(--ti-calendar-input-font-size);font-weight:500;color:var(--ti-calendar-text-color-info);cursor:pointer}.tiny-calendar .tiny-calendar__tabs>li:first-child{border-radius:3px 0 0 3px}.tiny-calendar .tiny-calendar__tabs>li:last-child{margin-left:-1px;border-radius:0 3px 3px 0}.tiny-calendar .tiny-calendar__tabs>li:hover{color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__tabs>.active{color:var(--ti-calendar-text-color-primary);border:1px solid var(--ti-calendar-text-color-primary);z-index:1}.tiny-calendar .tiny-calendar__main{width:100%;overflow:hidden}.tiny-calendar .tiny-calendar__main table{width:100%}.tiny-calendar .tiny-calendar__main table>tr>th{line-height:18px;padding:0 10px 5px 10px;font-size:var(--ti-calendar-content-heard-font-size);text-align:right;width:14.28571429%}.tiny-calendar .tiny-calendar__main table>tr>td{text-align:right;padding:0 5px 0 0}.tiny-calendar .tiny-calendar__main.year table>tr>td{width:33.33333333%}.tiny-calendar .tiny-calendar__day{border-top:3px solid var(--ti-calendar-border-color);margin:0 3px 5px 3px;height:100px;padding:5px}.tiny-calendar .tiny-calendar__day.selected{background:var(--ti-calendar-background-color-primary)}.tiny-calendar .tiny-calendar__day.selected .label{color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__day:hover{background:var(--ti-calendar-background-color-primary)}.tiny-calendar .tiny-calendar__day.disable{color:var(--ti-calendar-disabled-text-color)}.tiny-calendar .tiny-calendar__day.disable .info:before{background:var(--ti-calendar-disabled-info-bg-color)}.tiny-calendar .tiny-calendar__day.disable .success:before{background:var(--ti-calendar-disabled-success-bg-color)}.tiny-calendar .tiny-calendar__day.disable .warning:before{background:var(--ti-calendar-disabled-warning-bg-color)}.tiny-calendar .tiny-calendar__day.disable .error:before{background:var(--ti-calendar-disabled-error-bg-color)}.tiny-calendar .tiny-calendar__day.this-month,.tiny-calendar .tiny-calendar__day.today{border-color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__events{text-align:left;height:calc(100% - 18px);overflow-y:auto}.tiny-calendar .tiny-calendar__events .event{margin:5px 10px;cursor:pointer}.tiny-calendar .tiny-calendar__events .event:before{content:'';width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:3px}.tiny-calendar .tiny-calendar__events .info:before{background:var(--ti-calendar-text-color-info)}.tiny-calendar .tiny-calendar__events .success:before{background:var(--ti-calendar-bg-color-success)}.tiny-calendar .tiny-calendar__events .warning:before{background:var(--ti-calendar-bg-color-warning)}.tiny-calendar .tiny-calendar__events .error:before{background:var(--ti-calendar-bg-color-danger)}.tiny-calendar__tip{display:block;min-width:160px}.tiny-calendar__tip-header{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.5);padding:5px 0;font-size:var(--ti-calendar-content-heard-font-size)}.tiny-calendar__tip-year{float:left}.tiny-calendar__tip-hours{float:right}.tiny-calendar__tip-title{margin:5px 0;font-weight:700}.tiny-calendar .tiny-calendar__selector{width:var(--ti-calendar-tool-width);max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-calendar .tiny-calendar__list-item{min-height:var(--ti-calendar-list-item-height);line-height:var(--ti-calendar-list-item-height);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;color:var(--ti-calendar-text-color-info)}.tiny-calendar .tiny-calendar__list-item:hover{cursor:pointer;background:var(--ti-calendar-list-item-hover-bg-color)}.tiny-calendar .tiny-calendar__list-item.is-selected{background:var(--ti-calendar-list-item-selected-bg-color);color:var(--ti-calendar-list-item-selected-text-color)}

package/calendar/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-calendar-bg-color': '#fff',
+  'tiny-calendar-list-item-selected-text-color': '#fff',
+  'tiny-calendar-hover-text-color': '#40a9ff',
+  'tiny-calendar-border-color': '#d9d9d9',
+  'tiny-calendar-text-color-primary': '#1890ff',
+  'tiny-calendar-background-color-primary': 'rgba(24, 144, 255, 0.1)',
+  'tiny-calendar-bg-color-success': '#52c41a',
+  'tiny-calendar-bg-color-warning': '#faad14',
+  'tiny-calendar-bg-color-danger': '#f5222d',
+  'tiny-calendar-text-color-info': '#333333',
+  'tiny-calendar-tool-width': '80px',
+  'tiny-calendar-content-heard-font-size': '14px',
+  'tiny-calendar-selected-border-radius': '3px',
+  'tiny-calendar-input-height': '30px',
+  'tiny-calendar-input-border-radius': '2px',
+  'tiny-calendar-input-font-size': '12px',
+  'tiny-calendar-list-item-height': '30px',
+  'tiny-calendar-list-item-hover-bg-color': '#e6f7ff',
+  'tiny-calendar-list-item-selected-bg-color': '#f5f5f5',
+  'tiny-calendar-disabled-text-color': '#bfbfbf',
+  'tiny-calendar-disabled-info-bg-color': '#bfbfbf',
+  'tiny-calendar-disabled-success-bg-color': '#a6c3b9',
+  'tiny-calendar-disabled-warning-bg-color': '#d3c6a2',
+  'tiny-calendar-disabled-error-bg-color': '#d8bab5'
+}

package/card/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 {
+  // card
+}

package/card-container/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 {
+  // card-container
+}

package/card-item/index.css

@@ -1 +1 @@
-.tiny-card-item{-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition-property:left,top,right,-webkit-transform;transition-property:left,top,right,-webkit-transform;transition-property:left,top,right,transform;transition-property:left,top,right,transform,-webkit-transform;background:#fff;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;border:1px solid #ccc;border-radius:0;right:auto;overflow:hidden;margin:6px}.tiny-card-item.resizing{opacity:.6;z-index:3}.tiny-card-item.dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:none;transition:none;z-index:3}.tiny-card-item.placeholder{background:rgba(0,0,0,.05);border:1px dashed rgba(0,0,0,.2);-webkit-transition-duration:.1s;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-card-item.placeholder .remove,.tiny-card-item.placeholder .resizableIcon{display:none}.tiny-card-item>.resizableIcon{position:absolute;width:6px;height:6px;bottom:2px;right:2px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:se-resize}.tiny-card-item>.resizableIcon:before{position:absolute;content:'';width:6px;height:6px;bottom:2px;right:2px;border-right:1px solid rgba(0,0,0,.5);border-bottom:1px solid rgba(0,0,0,.5);-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-card-item .remove{position:absolute;width:22px;height:22px;top:0;right:0;padding:0 3px 3px 0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;opacity:.5;background:rgba(255,255,255,0);-webkit-transition:all .5s;transition:all .5s}.tiny-card-item .remove:hover{background:rgba(255,255,255,.8)}.tiny-card-item .remove:hover:after,.tiny-card-item .remove:hover:before{background:rgba(0,0,0,.7)}.tiny-card-item:hover .remove{opacity:1}.tiny-card-item .remove:before{position:absolute;top:10px;right:6px;content:'';background:rgba(0,0,0,.5);height:1px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background .5s;transition:background .5s}.tiny-card-item .remove:after{position:absolute;top:10px;left:6px;content:'';background:rgba(0,0,0,.5);height:1px;width:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background .5s;transition:background .5s}.tiny-card-item .card-header{font-size:14px;color:#444;height:40px;line-height:40px;width:100%;padding:0 30px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-card-item .card-header>.card-title{height:13px;line-height:13px;border-left:3px solid #666;margin:0 0 0 12px;padding:0 0 0 5px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.tiny-card-item .card-body{height:calc(100% - 40px);position:relative}.tiny-card-item .card-body:nth-child(1){height:100%}
+.tiny-card-item{--ti-card-item-bg-color:var(--ti-base-color-light);--ti-card-item-border-color:#ccc;--ti-card-item-placeholder-bg-color:rgba(0, 0, 0, 0.05);--ti-card-item-placeholder-border-color:rgba(0, 0, 0, 0.2);--ti-card-item-resize-icon-color:rgba(0, 0, 0, 0.5);--ti-card-item-remove-icon-bg-color:rgba(255, 255, 255, 0);--ti-card-item-remove-icon-color:rgba(0, 0, 0, 0.5);--ti-card-item-remove-icon-hover-bg-color:rgba(255, 255, 255, 0.8);--ti-card-item-remove-icon-hover-text-color:rgba(0, 0, 0, 0.7);--ti-card-item-header-font-size:var(--ti-common-font-size-1);--ti-card-item-header-text-color:#444;--ti-card-item-header-height:var(--ti-common-size-10x);--ti-card-item-header-title-border-color:var(--ti-base-color-secondary);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition-property:left,top,right,-webkit-transform;transition-property:left,top,right,-webkit-transform;transition-property:left,top,right,transform;transition-property:left,top,right,transform,-webkit-transform;background:var(--ti-card-item-bg-color);-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;border:1px solid var(--ti-card-item-border-color);border-radius:0;right:auto;overflow:hidden;margin:6px}.tiny-card-item.resizing{opacity:.6;z-index:3}.tiny-card-item.dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:none;transition:none;z-index:3}.tiny-card-item.placeholder{background:var(--ti-card-item-placeholder-bg-color);border:1px dashed var(--ti-card-item-placeholder-border-color);-webkit-transition-duration:.1s;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-card-item.placeholder .remove,.tiny-card-item.placeholder .resizableIcon{display:none}.tiny-card-item>.resizableIcon{position:absolute;width:6px;height:6px;bottom:2px;right:2px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:se-resize}.tiny-card-item>.resizableIcon:before{position:absolute;content:'';width:6px;height:6px;bottom:2px;right:2px;border-right:1px solid var(--ti-card-item-resize-icon-color);border-bottom:1px solid var(--ti-card-item-resize-icon-color);-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-card-item .remove{position:absolute;width:22px;height:22px;top:0;right:0;padding:0 3px 3px 0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;opacity:.5;background:var(--ti-card-item-remove-icon-bg-color);-webkit-transition:all .5s;transition:all .5s}.tiny-card-item .remove:hover{background:var(--ti-card-item-remove-icon-hover-bg-color)}.tiny-card-item .remove:hover:after,.tiny-card-item .remove:hover:before{background:var(--ti-card-item-remove-icon-hover-text-color)}.tiny-card-item:hover .remove{opacity:1}.tiny-card-item .remove:before{position:absolute;top:10px;right:6px;content:'';background:var(--ti-card-item-remove-icon-color,rgba(0,0,0,.5));height:1px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background .5s;transition:background .5s}.tiny-card-item .remove:after{position:absolute;top:10px;left:6px;content:'';background:var(--ti-card-item-remove-icon-color,rgba(0,0,0,.5));height:1px;width:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background .5s;transition:background .5s}.tiny-card-item .card-header{font-size:var(--ti-card-item-header-font-size);color:var(--ti-card-item-header-text-color);height:var(--ti-card-item-header-height);line-height:var(--ti-card-item-header-height);width:100%;padding:0 30px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-card-item .card-header>.card-title{height:13px;line-height:13px;border-left:3px solid var(--ti-card-item-header-title-border-color);margin:0 0 0 12px;padding:0 0 0 5px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.tiny-card-item .card-body{height:calc(100% - var(--ti-card-item-header-height));position:relative}.tiny-card-item .card-body:nth-child(1){height:100%}

package/card-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-card-item-bg-color': '#fff',
+  'tiny-card-item-border-color': '#ccc',
+  'tiny-card-item-placeholder-bg-color': 'rgba(0, 0, 0, 0.05)',
+  'tiny-card-item-placeholder-border-color': 'rgba(0, 0, 0, 0.2)',
+  'tiny-card-item-resize-icon-color': 'rgba(0, 0, 0, 0.5)',
+  'tiny-card-item-remove-icon-bg-color': 'rgba(255, 255, 255, 0)',
+  'tiny-card-item-remove-icon-color': 'rgba(0, 0, 0, 0.5)',
+  'tiny-card-item-remove-icon-hover-bg-color': 'rgba(255, 255, 255, 0.8)',
+  'tiny-card-item-remove-icon-hover-text-color': 'rgba(0, 0, 0, 0.7)',
+  'tiny-card-item-header-font-size': '14px',
+  'tiny-card-item-header-text-color': '#444',
+  'tiny-card-item-header-height': '40px',
+  'tiny-card-item-header-title-border-color': '#666'
+}

package/card-layout/index.css

@@ -1 +1 @@
-.tiny-cards{border-radius:0;background-color:#fff;overflow:hidden;position:relative;-webkit-box-shadow:none;box-shadow:none;border:0}.tiny-cards .tiny-cards_body{padding:12px 24px 24px}.tiny-cards.card-layout{border:none;border-radius:0;overflow:hidden;-webkit-box-shadow:none;box-shadow:none;position:relative;-webkit-transition:height .2s ease;transition:height .2s ease}.tiny-cards.card-layout .tiny-cards_body{padding:0}.tiny-cards.card-layout.drop-active{border:1px solid var(--ti-common-color-line-active);background-color:#fff}
+.tiny-cards{--ti-card-bg-color:var(--ti-base-color-light);--ti-card-drop-border-color:var(--ti-base-color-brand-6);border-radius:0;background-color:var(--ti-card-bg-color);overflow:hidden;position:relative;-webkit-box-shadow:none;box-shadow:none;border:0}.tiny-cards .tiny-cards_body{padding:12px 24px 24px}.tiny-cards.card-layout{border:none;border-radius:0;overflow:hidden;-webkit-box-shadow:none;box-shadow:none;position:relative;-webkit-transition:height .2s ease;transition:height .2s ease}.tiny-cards.card-layout .tiny-cards_body{padding:0}.tiny-cards.card-layout.drop-active{border:1px solid var(--ti-card-drop-border-color);background-color:var(--ti-card-bg-color)}

package/card-layout/index.js

@@ -0,0 +1,16 @@
+/**
+* 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-card-bg-color': '#fff',
+  'tiny-card-drop-border-color': '#1890ff'
+}

package/card-template/index.css

@@ -1 +1 @@
-.tiny-card-template{border-radius:0;background-color:#fff;overflow:hidden;position:relative;-webkit-box-shadow:none;box-shadow:none;border:0}.tiny-card-template .tiny-card-template__header{padding:0 24px;height:46px;line-height:46px}.tiny-card-template .tiny-card-template__header.is-line{border-bottom:1px solid #d9d9d9}.tiny-card-template .tiny-card-template__title{font-weight:700;font-size:14px;color:var(--ti-base-color-common);float:left}.tiny-card-template .tiny-card-template__tools:before{content:'';display:table}.tiny-card-template .tiny-card-template__tools:after{content:'';display:table;clear:both}.tiny-card-template .tiny-card-template__tools .tiny-icon{font-size:16px;cursor:pointer}.tiny-card-template .tiny-card-template__list{overflow:hidden;float:right}.tiny-card-template .tiny-card-template__list>li{height:46px;line-height:46px;float:left;font-size:16px;margin:0 12px 0 0}.tiny-card-template .tiny-card-template__list>li svg{fill:var(--ti-common-color-line-active);cursor:pointer}.tiny-card-template .tiny-card-template__list>li .tiny-icon{color:var(--ti-common-color-line-active)}.tiny-card-template .tiny-card-template__list>li .tiny-icon:hover{color:#40a9ff}.tiny-card-template .tiny-card-template__list>li .tiny-icon:active{color:#096dd9}.tiny-card-template .tiny-card-template__list>li:last-child{margin:0}.tiny-card-template .tiny-card-template__more{position:absolute;top:45px;right:5px;border:1px solid #d9d9d9;border-radius:2px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.3);box-shadow:0 0 4px rgba(0,0,0,.3);background:#fff;color:var(--ti-base-color-common);margin-top:2px}.tiny-card-template .tiny-card-template__more:before{content:'';position:absolute;display:block;top:-5px;right:21px;width:0;height:0;border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:1px -1px 1px rgba(0,0,0,.2);box-shadow:1px -1px 1px rgba(0,0,0,.2)}.tiny-card-template .tiny-card-template__more>ul>li{height:40px;line-height:40px;padding:0 18px;color:var(--ti-base-color-common);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-card-template .tiny-card-template__more>ul>li .tiny-icon{color:var(--ti-common-color-line-active);margin-right:10px}.tiny-card-template .tiny-card-template__more>ul>li svg{fill:var(--ti-common-color-line-active);font-size:16px}.tiny-card-template .tiny-card-template__more>ul>li:hover{cursor:pointer;color:var(--ti-common-color-line-active);background:#f5f5f5}.tiny-card-template .tiny-card-template__more>ul>li:hover .tiny-icon{color:#40a9ff}.tiny-card-template .tiny-card-template__more>ul>li:active{color:#096dd9;background:#f5f5f5}.tiny-card-template .tiny-card-template__more>ul>li:active .tiny-icon{color:#096dd9}.tiny-card-template .tiny-card-template__body{padding:12px 24px 24px}
+.tiny-card-template{--ti-card-bg-color:var(--ti-base-color-light);--ti-card-tool-icon-size:16px;--ti-card-tool-icon-color:var(--ti-base-color-brand-6);--ti-card-tool-hover-icon-color:var(--ti-base-color-brand-5);--ti-card-tool-active-icon-color:var(--ti-base-color-primary-active);--ti-card-tool-selector-height:var(--ti-common-size-10x);--ti-card-tool-selector-text-color:var(--ti-base-color-info-normal);--ti-card-tool-selector-hover-text-color:var(--ti-base-color-brand-6);--ti-card-tool-selector-hover-bg-color:var(--ti-base-color-selected-background);--ti-card-tool-selector-active-text-color:var(--ti-base-color-primary-active);--ti-card-tool-selector-active-bg-color:var(--ti-base-color-selected-background);--ti-card-header-height:46px;--ti-card-header-border-color:var(--ti-base-color-border);--ti-card-header-title-font-weight:var(--ti-common-font-weight-7);--ti-card-header-title-font-size:var(--ti-common-font-size-1);--ti-card-header-title-text-color:var(--ti-base-color-info-normal);border-radius:0;background-color:var(--ti-card-bg-color);overflow:hidden;position:relative;-webkit-box-shadow:none;box-shadow:none;border:0}.tiny-card-template .tiny-card-template__header{padding:0 24px;height:var(--ti-card-header-height);line-height:var(--ti-card-header-height)}.tiny-card-template .tiny-card-template__header.is-line{border-bottom:1px solid var(--ti-card-header-border-color)}.tiny-card-template .tiny-card-template__title{font-weight:var(--ti-card-header-title-font-weight);font-size:var(--ti-card-header-title-font-size);color:#333;color:var(--ti-card-header-title-text-color);float:left}.tiny-card-template .tiny-card-template__tools:after,.tiny-card-template .tiny-card-template__tools:before{content:'';display:table}.tiny-card-template .tiny-card-template__tools:after{clear:both}.tiny-card-template .tiny-card-template__tools .tiny-icon{font-size:var(--ti-card-tool-icon-size);cursor:pointer}.tiny-card-template .tiny-card-template__list{overflow:hidden;float:right}.tiny-card-template .tiny-card-template__list>li{height:var(--ti-card-header-height);line-height:var(--ti-card-header-height);float:left;font-size:var(--ti-common-font-size-2);margin:0 12px 0 0}.tiny-card-template .tiny-card-template__list>li svg{fill:var(--ti-card-tool-icon-color);cursor:pointer}.tiny-card-template .tiny-card-template__list>li .tiny-icon{color:var(--ti-card-tool-icon-color)}.tiny-card-template .tiny-card-template__list>li .tiny-icon:hover{color:var(--ti-card-tool-hover-icon-color)}.tiny-card-template .tiny-card-template__list>li .tiny-icon:active{color:var(--ti-card-tool-active-icon-color)}.tiny-card-template .tiny-card-template__list>li:last-child{margin:0}.tiny-card-template .tiny-card-template__more{position:absolute;top:calc(var(--ti-card-header-height,45px) - 1 * 1px);right:5px;border:1px solid var(--ti-card-header-border-color);border-radius:2px;-webkit-box-shadow:var(--ti-base-box-shadow);box-shadow:var(--ti-base-box-shadow);background:var(--ti-card-bg-color);color:#333;color:var(--ti-card-tool-selector-text-color);margin-top:2px}.tiny-card-template .tiny-card-template__more:before{content:'';position:absolute;display:block;top:-5px;right:21px;width:0;height:0;border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:1px -1px 1px rgba(0,0,0,.2);box-shadow:1px -1px 1px rgba(0,0,0,.2)}.tiny-card-template .tiny-card-template__more>ul>li{height:var(--ti-card-tool-selector-height);line-height:var(--ti-card-tool-selector-height);padding:0 18px;color:var(--ti-card-tool-selector-text-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-card-template .tiny-card-template__more>ul>li .tiny-icon{color:var(--ti-card-tool-icon-color);margin-right:10px}.tiny-card-template .tiny-card-template__more>ul>li svg{font-size:var(--ti-common-font-size-2)}.tiny-card-template .tiny-card-template__more>ul>li:hover{cursor:pointer;color:var(--ti-card-tool-selector-hover-text-color);background:var(--ti-card-tool-selector-hover-bg-color)}.tiny-card-template .tiny-card-template__more>ul>li:hover .tiny-icon{color:var(--ti-card-tool-hover-icon-color)}.tiny-card-template .tiny-card-template__more>ul>li:active{color:var(--ti-card-tool-selector-active-text-color);background:var(--ti-card-tool-selector-active-bg-color)}.tiny-card-template .tiny-card-template__more>ul>li:active .tiny-icon{color:var(--ti-card-tool-active-icon-color)}.tiny-card-template .tiny-card-template__body{padding:12px 24px 24px}

package/card-template/index.js

@@ -0,0 +1,30 @@
+/**
+* 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-card-bg-color': '#fff',
+  'tiny-card-tool-icon-size': '16px',
+  'tiny-card-tool-icon-color': '#1890ff',
+  'tiny-card-tool-hover-icon-color': '#40a9ff',
+  'tiny-card-tool-active-icon-color': '#096dd9',
+  'tiny-card-tool-selector-height': '40px',
+  'tiny-card-tool-selector-text-color': '#333',
+  'tiny-card-tool-selector-hover-text-color': '#1890ff',
+  'tiny-card-tool-selector-hover-bg-color': '#f5f5f5',
+  'tiny-card-tool-selector-active-text-color': '#096dd9',
+  'tiny-card-tool-selector-active-bg-color': '#f5f5f5',
+  'tiny-card-header-height': '46px',
+  'tiny-card-header-border-color': '#d9d9d9',
+  'tiny-card-header-title-font-weight': '700',
+  'tiny-card-header-title-font-size': '14px',
+  'tiny-card-header-title-text-color': '#333'
+}

package/carousel/index.css

@@ -1 +1 @@
-.tiny-transition-carousel-arrow-left-enter,.tiny-transition-carousel-arrow-left-enter-from,.tiny-transition-carousel-arrow-left-leave-to{opacity:0;left:0}.tiny-transition-carousel-arrow-left-enter-active{-webkit-animation:animation-left .3s;animation:animation-left .3s}.tiny-transition-carousel-arrow-left-leave-active{animation:animation-left .3s reverse}.tiny-transition-carousel-arrow-right-enter,.tiny-transition-carousel-arrow-right-enter-from,.tiny-transition-carousel-arrow-right-leave-to{opacity:0;right:0}.tiny-transition-carousel-arrow-right-enter-active{-webkit-animation:animation-right .3s;animation:animation-right .3s}.tiny-transition-carousel-arrow-right-leave-active{animation:animation-right .3s reverse}@-webkit-keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@-webkit-keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}@keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}.tiny-carousel{overflow:hidden;position:relative}.tiny-carousel.tiny-carousel--card .tiny-carousel__indicators{display:none}.tiny-carousel__container{position:relative;height:300px}.tiny-carousel__container .tiny-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:30px;width:30px;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(0,0,0,.3);color:#fff;position:absolute;top:50%;z-index:3;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:12px;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-carousel__container .tiny-carousel__arrow .tiny-svg{fill:#fff}.tiny-carousel__container .tiny-carousel__arrow.tiny-carousel__arrow-left{left:16px}.tiny-carousel__container .tiny-carousel__arrow.tiny-carousel__arrow-right{right:16px}.tiny-carousel__container .tiny-carousel__arrow:hover{background-color:rgba(0,0,0,.6)}.tiny-carousel__container .tiny-carousel__arrow i{cursor:pointer}.tiny-carousel .tiny-carousel__indicators{position:absolute;list-style:none;bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0 4px;z-index:2;background:rgba(0,0,0,.3);border-radius:13px;height:16px}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator{display:inline-block;background-color:transparent;padding:0 2px;cursor:pointer}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator:hover button{opacity:.6}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator.is-active button{background-color:#fff}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator .tiny-carousel__button{display:block;width:8px;height:8px;background-color:#bfbfbf;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none;margin-top:16px;background:0 0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside button{background-color:#000}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside .tiny-carousel__indicator:hover button{opacity:.6}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside .tiny-carousel__indicator.is-active button{background-color:#666}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels .tiny-carousel__button{padding:2px 18px;font-size:12px}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels .tiny-carousel__indicator{padding:6px 4px}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-title{left:auto;right:12px;bottom:3px;-webkit-transform:none;transform:none;background:0 0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical{left:12px;right:0;bottom:50%;width:16px;height:56px;-webkit-transform:translateY(50%);transform:translateY(50%);padding:2px 4px}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator{display:block;margin:4px 0;padding:0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator:first-child{padding-left:0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator:last-child{padding-right:0}.tiny-carousel .tiny-carousel__indicators:not(.tiny-carousel__indicators-vertical){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}
+.tiny-transition-carousel-arrow-left-enter,.tiny-transition-carousel-arrow-left-enter-from,.tiny-transition-carousel-arrow-left-leave-to{opacity:0;left:0}.tiny-transition-carousel-arrow-left-enter-active{-webkit-animation:animation-left .3s;animation:animation-left .3s}.tiny-transition-carousel-arrow-left-leave-active{animation:animation-left .3s reverse}.tiny-transition-carousel-arrow-right-enter,.tiny-transition-carousel-arrow-right-enter-from,.tiny-transition-carousel-arrow-right-leave-to{opacity:0;right:0}.tiny-transition-carousel-arrow-right-enter-active{-webkit-animation:animation-right .3s;animation:animation-right .3s}.tiny-transition-carousel-arrow-right-leave-active{animation:animation-right .3s reverse}@-webkit-keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@-webkit-keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}@keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}.tiny-carousel{--ti-carousel-arrow-height:var(--ti-base-size-height-minor);--ti-carousel-arrow-width:var(--ti-base-size-width-minor);--ti-carousel-arrow-font-size:var(--ti-common-font-size-base);--ti-carousel-arrow-hover-bg-color:rgba(0, 0, 0, 0.6);--ti-carousel-arrow-bg-color:rgba(0, 0, 0, 0.3);--ti-carousel-arrow-box-shadow:none;--ti-carousel-arrow-active-text-color:var(--ti-base-color-light);--ti-carousel-indicators-bg-color:rgba(3, 2, 2, 0.3);--ti-carousel-indicators-border-radius:13px;--ti-carousel-indicators-height:var(--ti-common-size-4x);--ti-carousel-indicators-radius-bg-color:rgba(0, 0, 0, 0.3);--ti-carousel-indicator-active-text-color:var(--ti-base-color-light);--ti-carousel-indicator-button-width:var(--ti-common-size-2x);--ti-carousel-indicator-button-height:var(--ti-common-size-2x);--ti-carousel-indicator-button-bg-color:#bfbfbf;--ti-carousel-indicator-margin-right:0;--ti-carousel-indicator-active-width:var(--ti-common-size-3x);--ti-carousel-indicator-padding-vertical:0px;--ti-carousel-indicator-padding-horizontal:2px;--ti-carousel-indicator-active-transition-property:none;--ti-carousel-indicator-active-background-color:var(--ti-base-color-transparent);--ti-carousel-indicator-active-button-width:var(--ti-carousel-indicator-button-width);--ti-carousel-indicator-active-border-radius:var(--ti-carousel-indicators-border-radius);--ti-carousel-indicator-active-transition:none;--ti-carousel-outside-button-bg-color:var(--ti-base-color-dark);--ti-carousel-outside-button-active-bg-color:var(--ti-base-color-secondary);--ti-carousel-labels-button-font-size:var(--ti-common-font-size-base);--ti-carousel-hover-opacity:0.6;overflow:hidden;position:relative}.tiny-carousel.tiny-carousel--card .tiny-carousel__indicators{display:none}.tiny-carousel__container{position:relative;height:300px}.tiny-carousel__container .tiny-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--ti-carousel-arrow-height);width:var(--ti-carousel-arrow-width);cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;-webkit-box-shadow:var(--ti-carousel-arrow-box-shadow);box-shadow:var(--ti-carousel-arrow-box-shadow);background-color:var(--ti-carousel-arrow-bg-color);color:var(--ti-carousel-indicator-active-text-color);position:absolute;top:50%;z-index:3;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:var(--ti-carousel-arrow-font-size);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-carousel__container .tiny-carousel__arrow .tiny-svg{fill:var(--ti-carousel-indicator-active-text-color)}.tiny-carousel__container .tiny-carousel__arrow.tiny-carousel__arrow-left{left:16px}.tiny-carousel__container .tiny-carousel__arrow.tiny-carousel__arrow-right{right:16px}.tiny-carousel__container .tiny-carousel__arrow:hover{background-color:var(--ti-carousel-arrow-hover-bg-color)}.tiny-carousel__container .tiny-carousel__arrow i{cursor:pointer}.tiny-carousel .tiny-carousel__indicators{position:absolute;list-style:none;bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0 4px;z-index:2;background:var(--ti-carousel-indicators-bg-color);border-radius:var(--ti-carousel-indicators-border-radius);height:var(--ti-carousel-indicators-height)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator{display:inline-block;background-color:transparent;padding:var(--ti-carousel-indicator-padding-vertical) var(--ti-carousel-indicator-padding-horizontal);margin-right:var(--ti-carousel-indicator-margin-right);cursor:pointer}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator:hover button{opacity:var(--ti-carousel-hover-opacity)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator.is-active{width:var(--ti-carousel-indicator-active-width);background-color:var(--ti-carousel-indicator-active-background-color);border-radius:var(--ti-carousel-indicator-active-border-radius);-webkit-transition:var(--ti-carousel-indicator-active-transition);transition:var(--ti-carousel-indicator-active-transition)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator.is-active button{-webkit-transition-property:var(--ti-carousel-indicator-active-transition-property);transition-property:var(--ti-carousel-indicator-active-transition-property);-webkit-transition-timing-function:cubic-bezier(.16,.75,.5,1);transition-timing-function:cubic-bezier(.16,.75,.5,1);border-radius:var(--ti-carousel-indicator-active-border-radius);background-color:var(--ti-carousel-indicator-active-text-color);width:var(--ti-carousel-indicator-active-button-width)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator .tiny-carousel__button{display:block;width:var(--ti-carousel-indicator-button-width);height:var(--ti-carousel-indicator-button-height);background-color:var(--ti-carousel-indicator-button-bg-color);border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__button._radius{height:8px;width:8px;border-radius:50%;background-color:var(--ti-carousel-indicators-radius-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none;margin-top:16px;background:0 0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside button{background-color:var(--ti-carousel-outside-button-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside .tiny-carousel__indicator:hover button{opacity:.6}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside .tiny-carousel__indicator.is-active button{background-color:var(--ti-carousel-outside-button-active-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels .tiny-carousel__button{padding:2px 18px;font-size:var(--ti-carousel-labels-button-font-size)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels .tiny-carousel__indicator{padding:6px 4px}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-title{left:auto;right:12px;bottom:3px;-webkit-transform:none;transform:none;background:0 0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical{left:12px;right:0;bottom:50%;width:16px;height:56px;-webkit-transform:translateY(50%);transform:translateY(50%);padding:2px 4px}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator{display:block;margin:4px 0;padding:0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator:first-child{padding-left:0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator:last-child{padding-right:0}.tiny-carousel .tiny-carousel__indicators:not(.tiny-carousel__indicators-vertical){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}

package/carousel/index.js

@@ -0,0 +1,39 @@
+/**
+* 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-carousel-arrow-height': '30px',
+  'tiny-carousel-arrow-width': '30px',
+  'tiny-carousel-arrow-font-size': '12px',
+  'tiny-carousel-arrow-hover-bg-color': 'rgba(0, 0, 0, 0.6)',
+  'tiny-carousel-arrow-bg-color': 'rgba(0, 0, 0, 0.3)',
+  'tiny-carousel-arrow-box-shadow': 'none',
+  'tiny-carousel-arrow-active-text-color': '#fff',
+  'tiny-carousel-indicators-bg-color': 'rgba(0, 0, 0, 0.3)',
+  'tiny-carousel-indicators-border-radius': '13px',
+  'tiny-carousel-indicators-height': '16px',
+  'tiny-carousel-indicators-radius-bg-color': 'rgba(0, 0, 0, 0.3)',
+  'tiny-carousel-indicator-active-text-color': '#fff',
+  'tiny-carousel-indicator-button-width': '8px',
+  'tiny-carousel-indicator-button-height': '8px',
+  'tiny-carousel-indicator-button-bg-color': '#bfbfbf',
+  'tiny-carousel-indicator-margin-right': '0',
+  'tiny-carousel-indicator-active-width': '12px',
+  'tiny-carousel-indicator-padding-vertical': '0px',
+  'tiny-carousel-indicator-padding-horizontal': '2px',
+  'tiny-carousel-indicator-active-background-color': 'transparent',
+  'tiny-carousel-indicator-active-button-width': '8px',
+  'tiny-carousel-indicator-active-border-radius': '13px',
+  'tiny-carousel-outside-button-bg-color': '#000',
+  'tiny-carousel-outside-button-active-bg-color': '#666',
+  'tiny-carousel-labels-button-font-size': '12px'
+}

package/carousel-item/index.css

@@ -1 +1 @@
-.tiny-carousel__item,.tiny-carousel__mask{position:absolute;height:100%;top:0;left:0}.tiny-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.tiny-carousel__item .item-title{position:absolute;bottom:0;height:24px;width:100%;line-height:24px;color:#fff;text-align:left;background:rgba(0,0,0,.3)}.tiny-carousel__item .item-title span{padding:0 12px;font-size:12px;width:80%;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tiny-carousel__item.is-active{z-index:2}.tiny-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.tiny-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.tiny-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.tiny-carousel__item--card.is-in-stage.is-hover .tiny-carousel__mask,.tiny-carousel__item--card.is-in-stage:hover .tiny-carousel__mask{opacity:.12}.tiny-carousel__item--card.is-active{z-index:2}.tiny-carousel__mask{width:100%;background-color:#fff;opacity:.24;-webkit-transition:.2s;transition:.2s}
+.tiny-carousel{--ti-carousel-item-title-height:var(--ti-base-size-height-small);--ti-carousel-item-title-text-color:var(--ti-base-color-light);--ti-carousel-item-title-bg-color:rgba(0, 0, 0, 0.3);--ti-carousel-item-title-span-font-size:var(--ti-common-font-size-base);--ti-carousel-mask-bg-color:var(--ti-base-color-light)}.tiny-carousel__item,.tiny-carousel__mask{position:absolute;height:100%;top:0;left:0}.tiny-carousel__item{width:100%;display:inline-block;overflow:hidden;z-index:0}.tiny-carousel__item .item-title{position:absolute;bottom:0;height:var(--ti-carousel-item-title-height);width:100%;line-height:var(--ti-carousel-item-title-height);color:var(--ti-carousel-item-title-text-color,#fff);text-align:left;background:var(--ti-carousel-item-title-bg-color)}.tiny-carousel__item .item-title span{padding:0 12px;font-size:var(--ti-carousel-item-title-span-font-size);width:80%;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tiny-carousel__item.is-active{z-index:2}.tiny-carousel__item.is-animating{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.tiny-carousel__item--card{width:50%;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.tiny-carousel__item--card.is-in-stage{cursor:pointer;z-index:1}.tiny-carousel__item--card.is-in-stage.is-hover .tiny-carousel__mask,.tiny-carousel__item--card.is-in-stage:hover .tiny-carousel__mask{opacity:.12}.tiny-carousel__item--card.is-active{z-index:2}.tiny-carousel__mask{width:100%;background-color:var(--ti-carousel-mask-bg-color);opacity:.24;-webkit-transition:.2s;transition:.2s}