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

package/carousel-item/index.js

@@ -0,0 +1,19 @@
+/**
+* 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-item-title-height': '24px',
+  'tiny-carousel-item-title-text-color': '#fff',
+  'tiny-carousel-item-title-bg-color': 'rgba(0, 0, 0, 0.3)',
+  'tiny-carousel-item-title-span-font-size': '12px',
+  'tiny-carousel-mask-bg-color': '#fff'
+}

package/cascader/index.css

@@ -1 +1 @@
-.tiny-cascader{display:inline-block;position:relative;font-size:14px}.tiny-cascader:not(.is-disabled):hover .tiny-input__inner{cursor:pointer;border-color:#c0c4cc}.tiny-cascader .tiny-input{cursor:pointer}.tiny-cascader .tiny-input .tiny-input__inner{text-overflow:ellipsis}.tiny-cascader .tiny-input .tiny-input__inner:focus{border-color:#40a9ff}.tiny-cascader .tiny-input.is-focus .tiny-input__inner{border-color:#40a9ff}.tiny-cascader .tiny-input .tiny-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:14px}.tiny-cascader .tiny-input .tiny-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.tiny-cascader .tiny-input .tiny-icon-circle-close:hover{color:#909399}.tiny-cascader--medium{font-size:14px;line-height:36px}.tiny-cascader--small{font-size:13px;line-height:32px}.tiny-cascader--mini{font-size:12px;line-height:28px}.tiny-cascader.is-disabled .tiny-cascader__label{z-index:2;color:#c0c4cc}.tiny-cascader__dropdown{margin:5px 0;font-size:14px;background:#fff;border:1px solid #e4e7ed;border-radius:4px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.tiny-cascader__dropdown.is-auto-size{background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-panel{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu{border:1px solid #e4e7ed;background:#fff}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu:not(:first-child){margin-left:-1px}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu .tiny-cascader-menu__wrap{height:auto;padding-bottom:6px;max-height:220px}.tiny-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__tags .tiny-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:#f0f2f5}.tiny-cascader__tags .tiny-tag:not(.is-hit){border-color:transparent}.tiny-cascader__tags .tiny-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag>span{-ms-flex-preferred-size:auto;flex-basis:auto}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag .tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}}.tiny-cascader__tags .tiny-tag .tiny-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:#c0c4cc;color:#fff}.tiny-cascader__tags .tiny-tag .tiny-icon-close:hover{background-color:#909399}.tiny-cascader__suggestion-panel{border-radius:4px}.tiny-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:14px;color:#606266;text-align:center}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:30px;padding:0 8px;font-size:12px;color:var(--ti-base-color-common);text-align:left;outline:0;cursor:pointer}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:focus,.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:hover{background:#f5f7fa}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked{color:#40a9ff;font-weight:700}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked .icon-check{fill:#40a9ff}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item>span{margin-right:10px}.tiny-cascader__empty-text{margin:10px 0;color:#c0c4cc}.tiny-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin-left:2px;padding-left:8px;color:var(--ti-base-color-common);font-size:12px;border:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__search-input::-moz-placeholder{color:#999;opacity:1}.tiny-cascader__search-input:-ms-input-placeholder{color:#999}.tiny-cascader__search-input::-webkit-input-placeholder{color:#999}.tiny-cascader__search-input::-ms-input-placeholder{color:#999}.tiny-cascader__search-input::placeholder{color:#999}
+.tiny-cascader{--ti-cascader-font-size:var(--ti-common-font-size-1);--ti-cascader-hover-border-color:var(--ti-base-color-common-5);--ti-cascader-focus-border-color:var(--ti-base-color-brand-6);--ti-cascader-border-radius:var(--ti-common-border-radius-1);--ti-cascader-icon-color:#909399;--ti-cascader-medium-font-size:var(--ti-common-font-size-1);--ti-cascader-medium-line-height:36px;--ti-cascader-small-line-height:32px;--ti-cascader-mini-line-height:28px;--ti-cascader-small-font-size:13px;--ti-cascader-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-cascader-disabled-text-color:#c0c4cc;--ti-cascader-dropdown-bg-color:var(--ti-base-color-light);--ti-cascader-dropdown-border-color:#e4e7ed;--ti-cascader-tag-bg-color:#f0f2f5;--ti-cascader-tag-icon-bg-color:#c0c4cc;--ti-cascader-tag-icon-color:var(--ti-base-color-light);--ti-cascader-tag-icon-hover-bg-color:#909399;--ti-cascader-list-text-color:#606266;--ti-cascader-item-height:var(--ti-base-size-height-minor);--ti-cascader-item-hover-bg-color:#f5f7fa;--ti-cascader-item-checked-text-color:var(--ti-base-color-brand-5);--ti-cascader-empty-text-color:#c0c4cc;--ti-cascader-search-input-text-color:var(--ti-base-color-info-normal);--ti-cascader-search-input-placeholder-text-color:var(--ti-base-color-placeholder);--ti-cascader-dropdown-box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1);--ti-cascader-width:'100%';display:inline-block;position:relative;font-size:var(--ti-cascader-font-size)}.tiny-cascader:not(.is-disabled):hover .tiny-input__inner{cursor:pointer;border-color:var(--ti-cascader-hover-border-color)}.tiny-cascader .tiny-input{cursor:pointer}.tiny-cascader .tiny-input .tiny-input__inner{text-overflow:ellipsis}.tiny-cascader .tiny-input .tiny-input__inner:focus{border-color:var(--ti-cascader-focus-border-color)}.tiny-cascader .tiny-input.is-focus .tiny-input__inner{border-color:var(--ti-cascader-focus-border-color)}.tiny-cascader .tiny-input .tiny-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:var(--ti-cascader-font-size)}.tiny-cascader .tiny-input .tiny-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.tiny-cascader .tiny-input .tiny-icon-circle-close:hover{color:var(--ti-cascader-icon-color)}.tiny-cascader--medium{font-size:var(--ti-cascader-medium-font-size);line-height:var(--ti-cascader-medium-line-height)}.tiny-cascader--small{font-size:var(--ti-cascader-small-font-size);line-height:var(--ti-cascader-small-line-height)}.tiny-cascader--mini{font-size:var(--ti-cascader-mini-font-size);line-height:var(--ti-cascader-mini-line-height)}.tiny-cascader.is-disabled .tiny-cascader__label{z-index:2;color:var(--ti-cascader-disabled-text-color)}.tiny-cascader__dropdown{--ti-cascader-font-size:var(--ti-common-font-size-1);--ti-cascader-hover-border-color:var(--ti-base-color-common-5);--ti-cascader-focus-border-color:var(--ti-base-color-brand-6);--ti-cascader-border-radius:var(--ti-common-border-radius-1);--ti-cascader-icon-color:#909399;--ti-cascader-medium-font-size:var(--ti-common-font-size-1);--ti-cascader-medium-line-height:36px;--ti-cascader-small-line-height:32px;--ti-cascader-mini-line-height:28px;--ti-cascader-small-font-size:13px;--ti-cascader-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-cascader-disabled-text-color:#c0c4cc;--ti-cascader-dropdown-bg-color:var(--ti-base-color-light);--ti-cascader-dropdown-border-color:#e4e7ed;--ti-cascader-tag-bg-color:#f0f2f5;--ti-cascader-tag-icon-bg-color:#c0c4cc;--ti-cascader-tag-icon-color:var(--ti-base-color-light);--ti-cascader-tag-icon-hover-bg-color:#909399;--ti-cascader-list-text-color:#606266;--ti-cascader-item-height:var(--ti-base-size-height-minor);--ti-cascader-item-hover-bg-color:#f5f7fa;--ti-cascader-item-checked-text-color:var(--ti-base-color-brand-5);--ti-cascader-empty-text-color:#c0c4cc;--ti-cascader-search-input-text-color:var(--ti-base-color-info-normal);--ti-cascader-search-input-placeholder-text-color:var(--ti-base-color-placeholder);--ti-cascader-dropdown-box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1);--ti-cascader-width:'100%';margin:5px 0;font-size:var(--ti-cascader-font-size);background:var(--ti-cascader-dropdown-bg-color);border:1px solid var(--ti-cascader-dropdown-border-color);border-radius:var(--ti-cascader-border-radius);-webkit-box-shadow:var(--ti-cascader-dropdown-box-shadow);box-shadow:var(--ti-cascader-dropdown-box-shadow)}.tiny-cascader__dropdown.is-auto-size{background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-panel{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu{border:1px solid #e4e7ed;background:#fff}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu:not(:first-child){margin-left:-1px}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu .tiny-cascader-menu__wrap{height:auto;padding-bottom:6px;max-height:220px}.tiny-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__tags .tiny-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--ti-cascader-tag-bg-color)}.tiny-cascader__tags .tiny-tag:not(.is-hit){border-color:transparent}.tiny-cascader__tags .tiny-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag>span{-ms-flex-preferred-size:auto;flex-basis:auto}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag .tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}}.tiny-cascader__tags .tiny-tag .tiny-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--ti-cascader-tag-icon-bg-color);color:var(--ti-cascader-tag-icon-color)}.tiny-cascader__tags .tiny-tag .tiny-icon-close:hover{background-color:var(--ti-cascader-tag-icon-hover-bg-color)}.tiny-cascader__suggestion-panel{border-radius:var(--ti-cascader-border-radius)}.tiny-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:var(--ti-cascader-font-size);color:var(--ti-cascader-list-text-color);text-align:center}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--ti-cascader-item-height);padding:0 8px;font-size:var(--ti-common-font-size-base);color:var(--ti-cascader-search-input-text-color);text-align:left;outline:0;cursor:pointer}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:focus,.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:hover{background:var(--ti-cascader-item-hover-bg-color)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked{color:var(--ti-cascader-item-checked-text-color);font-weight:700}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked .icon-check{fill:var(--ti-cascader-item-checked-text-color)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item>span{margin-right:10px}.tiny-cascader__empty-text{margin:10px 0;color:var(--ti-cascader-empty-text-color)}.tiny-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin-left:2px;padding-left:8px;color:var(--ti-cascader-search-input-text-color);font-size:var(--ti-common-font-size-base);border:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__search-input::-moz-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color);opacity:1}.tiny-cascader__search-input:-ms-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::-webkit-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::-ms-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader-multiple{width:var(--ti-cascader-width)}

package/cascader/index.js

@@ -0,0 +1,41 @@
+/**
+* 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-cascader-font-size': '14px',
+  'tiny-cascader-hover-border-color': '#c0c4cc',
+  'tiny-cascader-focus-border-color': '#40a9ff',
+  'tiny-cascader-border-radius': '4px',
+  'tiny-cascader-icon-color': '#909399',
+  'tiny-cascader-medium-font-size': '14px',
+  'tiny-cascader-medium-line-height': '36px',
+  'tiny-cascader-small-font-size': '13px',
+  'tiny-cascader-small-line-height': '32px',
+  'tiny-cascader-mini-font-size': '12px',
+  'tiny-cascader-mini-line-height': '28px',
+  'tiny-cascader-disabled-text-color': '#c0c4cc',
+  'tiny-cascader-dropdown-bg-color': '#fff',
+  'tiny-cascader-dropdown-border-color': '#e4e7ed',
+  'tiny-cascader-tag-bg-color': '#f0f2f5',
+  'tiny-cascader-tag-icon-bg-color': '#c0c4cc',
+  'tiny-cascader-tag-icon-color': '#fff',
+  'tiny-cascader-tag-icon-hover-bg-color': '#909399',
+  'tiny-cascader-list-text-color': '#606266',
+  'tiny-cascader-item-height': '30px',
+  'tiny-cascader-item-hover-bg-color': '#f5f7fa',
+  'tiny-cascader-item-checked-text-color': '#40a9ff',
+  'tiny-cascader-empty-text-color': '#c0c4cc',
+  'tiny-cascader-search-input-text-color': '#333',
+  'tiny-cascader-search-input-placeholder-text-color': '#999',
+  'tiny-cascader-dropdown-box-shadow': '0 2px 12px 0 rgba(0, 0, 0, 0.1)',
+  'tiny-cascader-width': '100%'
+}

package/cascader-menu/index.css

@@ -1 +1 @@
-.tiny-cascader-menu{min-width:180px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--ti-base-color-common);border-right:solid 1px #e4e7ed}.tiny-cascader-menu:last-child{border-right:none}.tiny-cascader-menu:last-child .tiny-cascader-node{padding-right:20px}.tiny-cascader-menu .tiny-cascader-menu__wrap{height:204px}.tiny-cascader-menu .tiny-cascader-menu__list{position:relative;min-height:100%;margin:0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.tiny-cascader-menu__empty-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:#c0c4cc}
+.tiny-cascader-menu{--ti-cascader-menu-text-color:var(--ti-base-color-info-normal);--ti-cascader-menu-border-color:#e4e7ed;--ti-cascader-menu-empty-text-color:#c0c4cc;--ti-cascader-menu-list-padding-vertical:0;--ti-cascader-menu-list-padding-horizontal:0;--ti-cascader-menu-width:180px;min-width:var(--ti-cascader-menu-width);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--ti-cascader-menu-text-color);border-right:solid 1px var(--ti-cascader-menu-border-color)}.tiny-cascader-menu:last-child{border-right:none}.tiny-cascader-menu:last-child .tiny-cascader-node{padding-right:20px}.tiny-cascader-menu .tiny-cascader-menu__wrap{height:204px}.tiny-cascader-menu .tiny-cascader-menu__list{position:relative;min-height:100%;margin:0;list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--ti-cascader-menu-list-padding-vertical) var(--ti-cascader-menu-list-padding-horizontal)}.tiny-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.tiny-cascader-menu__empty-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:var(--ti-cascader-menu-empty-text-color)}

package/cascader-menu/index.js

@@ -0,0 +1,20 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-cascader-menu-text-color': '#333',
+  'tiny-cascader-menu-border-color': '#e4e7ed',
+  'tiny-cascader-menu-empty-text-color': '#c0c4cc',
+  'tiny-cascader-menu-list-padding-vertical': '0',
+  'tiny-cascader-menu-list-padding-horizontal': '0',
+  'tiny-cascader-menu-width': '180px'
+}

package/cascader-node/index.css

@@ -1 +1 @@
-.tiny-cascader-node.is-selectable.in-active-path{color:#606266}.tiny-cascader-node.in-active-path,.tiny-cascader-node.in-active-path:focus,.tiny-cascader-node.in-active-path:hover,.tiny-cascader-node.is-active,.tiny-cascader-node.is-active:focus,.tiny-cascader-node.is-active:hover,.tiny-cascader-node.is-selectable.in-checked-path,.tiny-cascader-node.is-selectable.in-checked-path:focus,.tiny-cascader-node.is-selectable.in-checked-path:hover{background:#f5f5f5}.tiny-cascader-node:not(.is-disabled){cursor:pointer}.tiny-cascader-node:not(.is-disabled):focus,.tiny-cascader-node:not(.is-disabled):hover{background:#e6f7ff}.tiny-cascader-node.is-disabled{color:#999;fill:#999;cursor:not-allowed}.tiny-cascader-node__postfix,.tiny-cascader-node__prefix{font-size:14px;fill:#bfbfbf}.tiny-cascader-node__prefix{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-cascader-node__postfix{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-cascader-node__label{max-width:360px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader-node__label{-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-cascader-node>.tiny-radio .tiny-radio__label{padding-left:0}
+.tiny-cascader-node{--ti-cascader-node-hover-bg-color:var(--ti-base-color-brand-1);--ti-cascader-node-hover-text-color:var(--ti-base-color-brand-6);--ti-cascader-node-text-color:var(--ti-base-color-white);--ti-cascader-node-selectable-hover-bg-color:var(--ti-base-color-selected-background);--ti-cascader-node-selectable-text-color:var(--ti-base-color-selected-text-color);--ti-cascader-node-disabled-text-color:var(--ti-base-color-placeholder);--ti-cascader-node-disabled-bg-color:var(--ti-base-color-placeholder);--ti-cascader-node-icon-font-size:var(--ti-common-font-size-1);--ti-cascader-node-icon-color:#bfbfbf;--ti-cascader-node-prefix-display:'inline-block';--ti-cascader-node-label-padding-vertical:0;--ti-cascader-node-label-padding-horizontal:10px}.tiny-cascader-node.is-selectable.in-active-path{color:var(--ti-cascader-node-text-color)}.tiny-cascader-node.in-active-path,.tiny-cascader-node.is-active{background:var(--ti-cascader-node-selectable-hover-bg-color);color:var(--ti-cascader-node-selectable-text-color)}.tiny-cascader-node.in-active-path,.tiny-cascader-node.in-active-path:hover,.tiny-cascader-node.is-active,.tiny-cascader-node.is-active:hover{background:var(--ti-cascader-node-selectable-hover-bg-color)}.tiny-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):focus,.tiny-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):hover{background:var(--ti-cascader-node-hover-bg-color);color:var(--ti-cascader-node-hover-text-color)}.tiny-cascader-node:not(.is-disabled){cursor:pointer}.tiny-cascader-node.is-disabled{color:var(--ti-cascader-node-disabled-text-color);fill:var(--ti-cascader-node-disabled-text-color);background-color:var(--ti-cascader-node-disabled-bg-color);cursor:not-allowed}.tiny-cascader-node__postfix,.tiny-cascader-node__prefix{font-size:var(--ti-cascader-node-icon-font-size);fill:var(--ti-cascader-node-icon-color)}.tiny-cascader-node__prefix{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:var(--ti-cascader-node-prefix-display)!important}.tiny-cascader-node__postfix{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-cascader-node__label{max-width:360px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:var(--ti-cascader-node-label-padding-vertical) var(--ti-cascader-node-label-padding-horizontal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader-node__label{-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-cascader-node>.tiny-radio{margin-right:var(--ti-common-space-base)}.tiny-cascader-node>.tiny-radio .tiny-radio__label{padding-left:0}.tiny-cascader-node>.tiny-checkbox{margin-right:var(--ti-common-space-base)}

package/cascader-node/index.js

@@ -0,0 +1,25 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-cascader-node-hover-bg-color': '#e6f7ff',
+  'tiny-cascader-node-hover-text-color': '#5e7ce0',
+  'tiny-cascader-node-text-color': '#fff',
+  'tiny-cascader-node-selectable-text-color': '#606266',
+  'tiny-cascader-node-selectable-hover-bg-color': '#f5f5f5',
+  'tiny-cascader-node-disabled-text-color': '#999',
+  'tiny-cascader-node-disabled-bg-color': '#999',
+  'tiny-cascader-node-icon-font-size': '14px',
+  'tiny-cascader-node-icon-color': '#bfbfbf',
+  'tiny-cascader-node-label-padding-vertical': '0',
+  'tiny-cascader-node-label-padding-horizontal': '10px'
+}

package/cascader-panel/index.css

@@ -1 +1 @@
-.tiny-cascader-panel{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:2px;font-size:12px}.tiny-cascader-panel.is-bordered{border:1px solid #d9d9d9;border-radius:2px}.tiny-cascader-panel .tiny-cascader-node{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px 0 20px;height:30px;line-height:30px;outline:0}
+.tiny-cascader-panel{--ti-cascader-panel-border-radius:var(--ti-common-border-radius-normal);--ti-cascader-panel-border-color:var(--ti-base-color-border);--ti-cascader-panel-font-size:var(--ti-common-font-size-base);--ti-cascader-panel-node-height:var(--ti-base-size-height-minor);--ti-cascader-panel-node-margin-top:0;--ti-cascader-panel-node-label-padding-vertical:0;--ti-cascader-panel-node-label-padding-right:30px;--ti-cascader-panel-node-label-padding-left:20px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:var(--ti-cascader-panel-border-radius);font-size:var(--ti-cascader-panel-font-size)}.tiny-cascader-panel.is-bordered{border:1px solid var(--ti-cascader-panel-border-color);border-radius:var(--ti-cascader-panel-border-radius)}.tiny-cascader-panel .tiny-cascader-node{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--ti-cascader-panel-node-label-padding-vertical) var(--ti-cascader-panel-node-label-padding-right) var(--ti-cascader-panel-node-label-padding-vertical) var(--ti-cascader-panel-node-label-padding-left);height:var(--ti-cascader-panel-node-height);line-height:var(--ti-cascader-panel-node-height);outline:0;border-radius:var(--ti-common-border-radius-normal);margin-top:var(--ti-cascader-panel-node-margin-top)}

package/cascader-panel/index.js

@@ -0,0 +1,22 @@
+/**
+* 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-cascader-panel-border-radius': '2px',
+  'tiny-cascader-panel-border-color': '#d9d9d9',
+  'tiny-cascader-panel-font-size': '12px',
+  'tiny-cascader-panel-node-height': '30px',
+  'tiny-cascader-panel-node-margin-top': '0',
+  'tiny-cascader-panel-node-label-padding-vertical': '0',
+  'tiny-cascader-panel-node-label-padding-right': '30px',
+  'tiny-cascader-panel-node-label-padding-left': '20px'
+}

package/chart-core/index.css

@@ -1 +1 @@
-.tiny-chart-data-empty{position:absolute;left:0;right:0;top:0;bottom:0;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;background-color:rgba(255,255,255,.9);color:#888;font-size:14px}.tiny-chart-component-loading{position:absolute;left:0;right:0;top:0;bottom:0;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;background-color:rgba(255,255,255,.9)}.tiny-chart-component-loading .circular{width:42px;height:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.tiny-chart-component-loading .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#20a0ff;stroke-linecap:round}.tiny-chart-mask-status{-webkit-filter:blur(1px);filter:blur(1px)}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}
+.tiny-chart{--ti-chart-core-data-empty-text-color:#888;--ti-chart-core-data-empty-font-size:var(--ti-common-font-size-1);--ti-chart-core-data-empty-bg-color:rgba(255, 255, 255, 0.9)}.tiny-chart-data-empty{position:absolute;left:0;right:0;top:0;bottom:0;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;background-color:var(--ti-chart-core-data-empty-bg-color);color:var(--ti-chart-core-data-empty-text-color);font-size:var(--ti-chart-core-data-empty-font-size)}.tiny-chart-component-loading{position:absolute;left:0;right:0;top:0;bottom:0;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;background-color:var(--ti-chart-core-data-empty-bg-color)}.tiny-chart-component-loading .circular{width:42px;height:42px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.tiny-chart-component-loading .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#20a0ff;stroke-linecap:round}.tiny-chart-mask-status{-webkit-filter:blur(1px);filter:blur(1px)}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}

package/chart-core/index.js

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

package/checkbox/index.css

@@ -1 +1 @@
-.tiny-checkbox{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-checkbox-label-color);font-weight:500;font-size:0;white-space:nowrap;margin-right:30px;outline:0;cursor:pointer;user-select:none;-o-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.tiny-checkbox:last-of-type{margin-right:0}.tiny-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:2px;border:1px solid var(--ti-checkbox-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.tiny-checkbox.is-bordered+.tiny-checkbox.is-bordered{margin-left:10px}.tiny-checkbox.is-bordered.is-checked{border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox.is-bordered.is-disabled{border-color:var(--ti-checkbox-border-color-unchecked-disabled);color:var(--ti-checkbox-bg-color-disable);pointer-events:none;cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled.is-checked{border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-border-color-unchecked-disabled)}.tiny-checkbox.is-bordered.tiny-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__label{line-height:17px;font-size:14px}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__inner{height:14px;width:14px}.tiny-checkbox.is-bordered.tiny-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__label{line-height:15px;font-size:12px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox.is-bordered.tiny-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__label{line-height:12px;font-size:12px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox__input{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;cursor:pointer}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-checkbox__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-checkbox__input{display:inline-block}}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner+.tiny-checkbox__label{cursor:not-allowed}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-label-color-disabled);border-color:var(--ti-checkbox-label-color-disabled)}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-label-color-disabled);border-color:var(--ti-checkbox-label-color-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner::before,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover::before{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:var(--ti-checkbox-label-color-disabled);cursor:not-allowed}.tiny-checkbox__input.is-checked .tiny-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::before{content:'';position:absolute;display:block;border-radius:1px;background-color:#fff;height:6px;width:6px;left:0;right:0;top:0;bottom:0;margin:auto}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::after{display:none}.tiny-checkbox__input.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-checked);border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox__input.is-checked .tiny-checkbox__inner:hover,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked);border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox__inner{display:inline-block;position:relative;border:1px solid var(--ti-checkbox-border-color);border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;background-color:#fff;outline:0;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-hover)}.tiny-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:1px solid #fff;border-width:0 2px 2px 0;border-left:0;border-top:0;height:8px;width:4px;position:absolute;left:5px;top:1px;-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);-webkit-transition:-webkit-transform .15s ease-in 50ms;transition:-webkit-transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms,-webkit-transform .15s ease-in 50ms;-webkit-transform-origin:center;transform-origin:center}.tiny-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.tiny-checkbox__label{padding-left:8px;font-size:12px}
+.tiny-checkbox{--ti-checkbox-text-color:var(--ti-base-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-bg-color:var(--ti-base-color-brand-2);--ti-checkbox-bg-color:var(--ti-base-color-white);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-hover-text-color:var(--ti-base-color-common-7);--ti-checkbox-button-checked-border-color:var(--ti-base-color-brand-6);--ti-checkbox-button-disabled-text-color:var(--ti-base-color-placeholder);--ti-checkbox-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-text-color:var(--ti-base-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-base-color-info-normal);--ti-checkbox-inner-border-color:var(--ti-base-color-light);--ti-checkbox-bg-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-border-color-hover:var(--ti-base-color-brand-6);--ti-checkbox-icon-height:8px;--ti-checkbox-icon-width:4px;--ti-checkbox-icon-left:4.5px;--ti-checkbox-icon-top:0;--ti-checkbox-bg-color-disable:var(--ti-base-color-bg-5);--ti-checkbox-border-color-unchecked-disabled:var(--ti-base-color-common-1);--ti-checkbox-label-text-color-disabled:var(--ti-base-color-common-2);--ti-checkbox-bg-color-hover:var(--ti-base-color-brand-3);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-checkbox-text-color);font-weight:500;font-size:0;white-space:nowrap;margin-right:30px;outline:0;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox:last-of-type{margin-right:0}.tiny-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:2px;border:1px solid var(--ti-checkbox-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:normal;height:40px}.tiny-checkbox.is-bordered+.tiny-checkbox.is-bordered{margin-left:10px}.tiny-checkbox.is-bordered.is-checked{border-color:var(--ti-checkbox-button-checked-border-color)}.tiny-checkbox.is-bordered.is-disabled{border-color:var(--ti-checkbox-border-color-unchecked-disabled);color:var(--ti-checkbox-bg-color-disable);pointer-events:none;cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled.is-checked{border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-border-color-unchecked-disabled)}.tiny-checkbox.is-bordered.tiny-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__label{line-height:17px;font-size:var(--ti-common-font-size-1)}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__inner{height:14px;width:14px}.tiny-checkbox.is-bordered.tiny-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__label{line-height:15px;font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox.is-bordered.tiny-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__label{line-height:12px;font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox__input{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;cursor:pointer}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-checkbox__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-checkbox__input{display:inline-block}}.tiny-checkbox__input .tiny-checkbox__inner svg{fill:var(--ti-checkbox-border-color)}.tiny-checkbox__input .tiny-checkbox__inner:hover svg{fill:var(--ti-checkbox-button-hover-text-color)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner svg{fill:var(--ti-checkbox-border-color-unchecked-disabled)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner+.tiny-checkbox__label{cursor:not-allowed}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-label-text-color-disabled);border-color:var(--ti-checkbox-label-text-color-disabled)}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-label-text-color-disabled);border-color:var(--ti-checkbox-label-text-color-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner::before,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover::before{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:var(--ti-checkbox-label-text-color-disabled);cursor:not-allowed}.tiny-checkbox__input.is-checked .tiny-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::before{content:'';position:absolute;display:block;border-radius:1px;background-color:#fff;height:6px;width:6px;left:0;right:0;top:0;bottom:0;margin:auto}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::after{display:none}.tiny-checkbox__input.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-checked);border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox__input.is-checked .tiny-checkbox__inner:hover,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked);border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox__inner{display:inline-block;position:relative;border:1px solid var(--ti-checkbox-border-color);border-radius:var(--ti-common-border-radius-normal);-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;background-color:var(--ti-checkbox-bg-color);outline:0;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-hover)}.tiny-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:1px solid #fff;border-width:0 2px 2px 0;border-left:0;border-top:0;height:var(--ti-checkbox-icon-height);width:var(--ti-checkbox-icon-width);position:absolute;left:var(--ti-checkbox-icon-left);top:var(--ti-checkbox-icon-top);-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);-webkit-transition:-webkit-transform .15s ease-in 50ms;transition:-webkit-transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms,-webkit-transform .15s ease-in 50ms;-webkit-transform-origin:center;transform-origin:center}.tiny-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.tiny-checkbox__label{padding-left:8px;font-size:var(--ti-checkbox-font-size)}

package/checkbox/index.js

@@ -0,0 +1,40 @@
+/**
+* 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-checkbox-text-color': '#333',
+  'tiny-checkbox-font-size': '12px',
+  'tiny-checkbox-button-bg-color': '#fff',
+  'tiny-checkbox-bg-color': '#fff',
+  'tiny-checkbox-shadow-color': '#8cc5ff',
+  'tiny-checkbox-border-radius': '2px',
+  'tiny-checkbox-button-hover-text-color': '#252b3a',
+  'tiny-checkbox-hover-text-color': '#40a9ff',
+  'tiny-checkbox-button-checked-border-color': '#1890ff',
+  'tiny-checkbox-button-disabled-text-color': '#999',
+  'tiny-checkbox-button-disabled-bg-color': '#f5f5f5',
+  'tiny-checkbox-button-text-color': '#333',
+  'tiny-checkbox-button-checked-text-color': '#fff',
+  'tiny-checkbox-inner-border-color': '#fff',
+  'tiny-checkbox-bg-color-checked': '#5e7ce0',
+  'tiny-checkbox-border-color-checked': '#5e7ce0',
+  'tiny-checkbox-border-color': '#d9d9d9',
+  'tiny-checkbox-border-color-hover': '#5e7ce0',
+  'tiny-checkbox-icon-height': '8px',
+  'tiny-checkbox-icon-width': '4px',
+  'tiny-checkbox-bg-color-disable': '#f5f5f5',
+  'tiny-checkbox-border-color-unchecked-disabled': '#dfe1e6',
+  'tiny-checkbox-label-text-color-disabled': '#adb0b8',
+  'tiny-checkbox-bg-color-hover': '#beccfa',
+  'tiny-checkbox-disabled-bg-color': '#f5f5f6',
+  'tiny-checkbox-icon-left': '4.5px'
+}

package/checkbox-button/index.css

@@ -1 +1 @@
-.tiny-checkbox-button{position:relative;display:inline-block;margin:0 2px}.tiny-checkbox-button:first-child .tiny-checkbox-button__inner{border-radius:2px 0 0 2px}.tiny-checkbox-button:last-child .tiny-checkbox-button__inner{border-radius:0 2px 2px 0}.tiny-checkbox-button.is-checked .tiny-checkbox-button__inner{border:1px solid var(--ti-button-group-border-color-active)}.tiny-checkbox-button.is-disabled .tiny-checkbox-button__inner{color:var(--ti-button-group-text-color-disabled);cursor:not-allowed;background-image:none;background-color:var(--ti-button-group-bg-color-disabled);border-color:var(--ti-button-group-bg-color-disabled)}.tiny-checkbox-button-icon-yes{position:absolute;color:#fff;width:0;height:0;border-right:16px solid var(--ti-button-group-border-color-active);border-bottom:16px solid transparent;right:0;top:0}.tiny-checkbox-button-icon-yes svg{fill:#fff;font-size:12px;position:absolute;top:-2px;font-weight:bolder;right:-17px}.tiny-checkbox-button__inner{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;cursor:pointer;background:var(--ti-button-group-bg-color);border:1px solid var(--ti-button-group-bg-color);color:var(--ti-base-color-common);-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:16px;min-width:80px;border-radius:2px;user-select:none;-o-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.tiny-checkbox-button__inner.is-round{padding:12px 20px}.tiny-checkbox-button__inner:hover{background:var(--ti-button-group-bg-color-hover);color:var(--ti-button-group-text-color);border-color:var(--ti-button-group-border-color-hover)}.tiny-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.tiny-checkbox-button--medium .tiny-checkbox-button__inner{padding:10px 20px;font-size:14px;border-radius:0}.tiny-checkbox-button--medium .tiny-checkbox-button__inner.is-round{padding:10px 20px}.tiny-checkbox-button--small .tiny-checkbox-button__inner{padding:8px 15px;font-size:12px;border-radius:0}.tiny-checkbox-button--small .tiny-checkbox-button__inner.is-round{padding:8px 15px}.tiny-checkbox-button--mini .tiny-checkbox-button__inner{padding:5px 15px;font-size:12px;border-radius:0}.tiny-checkbox-button--mini .tiny-checkbox-button__inner.is-round{padding:5px 15px}
+.tiny-checkbox-button{--ti-checkbox-text-color:var(--ti-base-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-bg-color:var(--ti-base-color-brand-2);--ti-checkbox-bg-color:var(--ti-base-color-white);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-hover-text-color:var(--ti-base-color-common-7);--ti-checkbox-button-checked-border-color:var(--ti-base-color-brand-6);--ti-checkbox-button-disabled-text-color:var(--ti-base-color-placeholder);--ti-checkbox-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-text-color:var(--ti-base-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-base-color-info-normal);--ti-checkbox-inner-border-color:var(--ti-base-color-light);--ti-checkbox-bg-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-border-color-hover:var(--ti-base-color-brand-6);--ti-checkbox-icon-height:8px;--ti-checkbox-icon-width:4px;--ti-checkbox-icon-left:4.5px;--ti-checkbox-icon-top:0;--ti-checkbox-bg-color-disable:var(--ti-base-color-bg-5);--ti-checkbox-border-color-unchecked-disabled:var(--ti-base-color-common-1);--ti-checkbox-label-text-color-disabled:var(--ti-base-color-common-2);--ti-checkbox-bg-color-hover:var(--ti-base-color-brand-3);position:relative;display:inline-block}.tiny-checkbox-button:first-child .tiny-checkbox-button__inner{border-radius:var(--ti-common-border-radius-normal) 0 0 var(--ti-common-border-radius-normal)}.tiny-checkbox-button:last-child .tiny-checkbox-button__inner{border-radius:0 var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0}.tiny-checkbox-button.is-checked .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-checked-text-color);border-color:var(--ti-checkbox-button-checked-border-color);-webkit-box-shadow:-1px 0 0 0 var(--ti-checkbox-shadow-color);box-shadow:-1px 0 0 0 var(--ti-checkbox-shadow-color)}.tiny-checkbox-button.is-checked:first-child .tiny-checkbox-button__inner{border-left-color:var(--ti-checkbox-button-checked-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-checkbox-button.is-disabled .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--ti-checkbox-button-disabled-bg-color);border-color:var(--ti-checkbox-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-checkbox-button.is-disabled:first-child .tiny-checkbox-button__inner{border-left-color:var(--ti-checkbox-border-color)}.tiny-checkbox-button__inner{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;font-weight:500;cursor:pointer;background:var(--ti-checkbox-button-bg-color);border-left:0;border:1px solid #e9edfa;color:var(--ti-checkbox-button-text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 2px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:var(--ti-common-font-size-2);min-width:80px;border-radius:0;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox-button__inner.is-round{padding:12px 20px}.tiny-checkbox-button__inner:hover{background:var(--ti-checkbox-bg-color-hover);color:var(--ti-checkbox-button-hover-text-color)}.tiny-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.tiny-checkbox-button--medium .tiny-checkbox-button__inner{padding:10px 20px;font-size:var(--ti-common-font-size-1);border-radius:0}.tiny-checkbox-button--medium .tiny-checkbox-button__inner.is-round{padding:10px 20px}.tiny-checkbox-button--small .tiny-checkbox-button__inner{padding:8px 15px;font-size:var(--ti-common-font-size-base);border-radius:0}.tiny-checkbox-button--small .tiny-checkbox-button__inner.is-round{padding:8px 15px}.tiny-checkbox-button--mini .tiny-checkbox-button__inner{padding:5px 15px;font-size:var(--ti-common-font-size-base);border-radius:0}.tiny-checkbox-button--mini .tiny-checkbox-button__inner.is-round{padding:5px 15px}

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

package/checkbox-group/index.css

@@ -1 +1 @@
-.tiny-checkbox-group{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-checkbox-group.is-vertical{display:inline-block}.tiny-checkbox-group.is-vertical .tiny-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.tiny-checkbox-group.is-vertical .tiny-checkbox:not(:last-child){margin-bottom:8px}.tiny-checkbox-group.is-vertical .tiny-checkbox-button{display:block}.tiny-checkbox-group.is-vertical .tiny-checkbox-button:first-child .tiny-checkbox-button__inner{border-radius:2px 2px 0 0}.tiny-checkbox-group.is-vertical .tiny-checkbox-button:last-child .tiny-checkbox-button__inner{border-radius:0 0 2px 2px}.tiny-checkbox-group.is-vertical .tiny-checkbox-button.is-checked .tiny-checkbox-button__inner{-webkit-box-shadow:0 -1px 0 0 var(--ti-checkbox-bg-color-checked);box-shadow:0 -1px 0 0 var(--ti-checkbox-bg-color-checked);border-color:var(--ti-checkbox-bg-color-checked)}.tiny-checkbox-group.is-vertical .tiny-checkbox-button.is-checked.is-disabled .tiny-checkbox-button__inner{-webkit-box-shadow:0 -1px 0 0 var(--ti-checkbox-bg-color-disable);box-shadow:0 -1px 0 0 var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-border-color-unchecked-disabled);background:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox-group.is-vertical .tiny-checkbox-button__inner{border-top:0}
+.tiny-checkbox-group{--ti-checkbox-text-color:var(--ti-base-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-bg-color:var(--ti-base-color-brand-2);--ti-checkbox-bg-color:var(--ti-base-color-white);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-hover-text-color:var(--ti-base-color-common-7);--ti-checkbox-button-checked-border-color:var(--ti-base-color-brand-6);--ti-checkbox-button-disabled-text-color:var(--ti-base-color-placeholder);--ti-checkbox-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-text-color:var(--ti-base-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-base-color-info-normal);--ti-checkbox-inner-border-color:var(--ti-base-color-light);--ti-checkbox-bg-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-border-color-hover:var(--ti-base-color-brand-6);--ti-checkbox-icon-height:8px;--ti-checkbox-icon-width:4px;--ti-checkbox-icon-left:4.5px;--ti-checkbox-icon-top:0;--ti-checkbox-bg-color-disable:var(--ti-base-color-bg-5);--ti-checkbox-border-color-unchecked-disabled:var(--ti-base-color-common-1);--ti-checkbox-label-text-color-disabled:var(--ti-base-color-common-2);--ti-checkbox-bg-color-hover:var(--ti-base-color-brand-3);display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-checkbox-group.is-vertical{display:inline-block}.tiny-checkbox-group.is-vertical .tiny-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.tiny-checkbox-group.is-vertical .tiny-checkbox:not(:last-child){margin-bottom:8px}.tiny-checkbox-group.is-vertical .tiny-checkbox-button{display:block}.tiny-checkbox-group.is-vertical .tiny-checkbox-button:first-child .tiny-checkbox-button__inner{border-radius:2px 2px 0 0}.tiny-checkbox-group.is-vertical .tiny-checkbox-button:last-child .tiny-checkbox-button__inner{border-radius:0 0 2px 2px}.tiny-checkbox-group.is-vertical .tiny-checkbox-button.is-checked .tiny-checkbox-button__inner{-webkit-box-shadow:0 -1px 0 0 var(--ti-checkbox-shadow-color);box-shadow:0 -1px 0 0 var(--ti-checkbox-shadow-color);border-color:var(--ti-checkbox-button-checked-border-color)}.tiny-checkbox-group.is-vertical .tiny-checkbox-button.is-checked.is-disabled .tiny-checkbox-button__inner{-webkit-box-shadow:0 -1px 0 0 var(--ti-checkbox-border-color);box-shadow:0 -1px 0 0 var(--ti-checkbox-border-color);border-color:var(--ti-checkbox-border-color);background:var(--ti-checkbox-disabled-bg-color)}

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

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

package/collapse/index.css

@@ -1 +1 @@
-.tiny-collapse{width:100%}.tiny-fade-in-linear-enter-active,.tiny-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.tiny-fade-in-linear-enter,.tiny-fade-in-linear-enter-from,.tiny-fade-in-linear-leave,.tiny-fade-in-linear-leave-active,.tiny-fade-in-linear-leave-from{opacity:0}.tiny-fade-in-enter-active,.tiny-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.tiny-fade-in-enter,.tiny-fade-in-enter-from,.tiny-fade-in-leave-active{opacity:0}.tiny-zoom-in-center-enter-active,.tiny-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.tiny-zoom-in-center-enter,.tiny-zoom-in-center-enter-from,.tiny-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.tiny-zoom-in-top-enter-active,.tiny-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-zoom-in-top-enter,.tiny-zoom-in-top-enter-from,.tiny-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.tiny-zoom-in-bottom-enter-active,.tiny-zoom-in-bottom-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 bottom;transform-origin:center bottom}.tiny-zoom-in-bottom-enter,.tiny-zoom-in-bottom-enter-from,.tiny-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.tiny-zoom-in-left-enter-active,.tiny-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,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:top left;transform-origin:top left}.tiny-zoom-in-left-enter,.tiny-zoom-in-left-enter-from,.tiny-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.tiny-list-enter-active,.tiny-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.tiny-list-enter,.tiny-list-enter-from,.tiny-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.tiny-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.fade-in-linear-enter,.fade-in-linear-enter-from,.fade-in-linear-leave,.fade-in-linear-leave-active,.fade-in-linear-leave-from{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}
+.tiny-{--ti-collapse-border-color:var(--ti-base-color-border)}.tiny-fade-in-linear-enter-active,.tiny-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.tiny-fade-in-linear-enter,.tiny-fade-in-linear-enter-from,.tiny-fade-in-linear-leave,.tiny-fade-in-linear-leave-active,.tiny-fade-in-linear-leave-from{opacity:0}.tiny-fade-in-enter-active,.tiny-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.tiny-fade-in-enter,.tiny-fade-in-enter-from,.tiny-fade-in-leave-active{opacity:0}.tiny-zoom-in-center-enter-active,.tiny-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.tiny-zoom-in-center-enter,.tiny-zoom-in-center-enter-from,.tiny-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.tiny-zoom-in-top-enter-active,.tiny-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-zoom-in-top-enter,.tiny-zoom-in-top-enter-from,.tiny-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.tiny-zoom-in-bottom-enter-active,.tiny-zoom-in-bottom-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 bottom;transform-origin:center bottom}.tiny-zoom-in-bottom-enter,.tiny-zoom-in-bottom-leave-active,.tiny-zoom-in-left-enter-from{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.tiny-zoom-in-left-enter-active,.tiny-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,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:top left;transform-origin:top left}.tiny-zoom-in-left-enter,.tiny-zoom-in-left-enter-from,.tiny-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.tiny-list-enter-active,.tiny-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.tiny-list-enter,.tiny-list-enter-from,.tiny-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.tiny-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.fade-in-linear-enter,.fade-in-linear-enter-from,.fade-in-linear-leave,.fade-in-linear-leave-active,.fade-in-linear-leave-from{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}

package/collapse/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 {
+  'tiny-collapse-border-color': '#d9d9d9'
+}

package/collapse-item/index.css

@@ -1 +1 @@
-.tiny-collapse-item{margin-top:var(--ti-accordion-panel-space-between);background-color:var(--ti-accordion-panel-bg-color);border:var(--ti-accordion-panel-border);border-radius:var(--ti-accordion-panel-border-radius)}.tiny-collapse-item:last-child{margin-bottom:-1px}.tiny-collapse-item.is-disabled .tiny-collapse-item__header{color:var(--ti-common-color-text-primary);background-color:var(--ti-accordion-panel-head-bg-color-disabled);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__arrow{fill:var(--ti-accordion-panel-icon-color-disabled)}.tiny-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--ti-accordion-panel-height);line-height:var(--ti-accordion-panel-lineheight);background-color:var(--ti-accordion-panel-head-bg-color);color:var(--ti-common-color-text-primary);font-size:12px;font-family:Helvetica,Arial,'microsoft yahei';outline:0;padding:var(--ti-accordion-panel-head-padding);cursor:pointer;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s}.tiny-collapse-item__header.focusing:focus:not(:hover){color:var(--ti-common-color-text-primary)}.tiny-collapse-item__header.is-active{border-bottom-color:transparent}.tiny-collapse-item__header svg{font-size:16px;fill:var(--ti-accordion-panel-icon-color);margin-right:var(--ti-accordion-panel-title-margin-left);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.tiny-collapse-item__arrow{font-size:16px;margin-right:var(--ti-accordion-panel-title-margin-left);-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;fill:var(--ti-accordion-panel-icon-color);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tiny-collapse-item__arrow.is-active{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tiny-collapse-item__arrow.is-active,.tiny-collapse-item__arrow:hover{fill:var(--ti-accordion-panel-icon-color)}.tiny-collapse-item__wrap{will-change:height;background-color:#fff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-collapse-item__content{padding:var(--ti-accordion-panel-body-padding);border-top:var(--ti-accordion-panel-collapse-border-top);font-size:12px;color:var(--ti-default-font-color)}
+.tiny-collapse-item{--ti-collapse-item-text-color:var(--ti-base-color-info-normal);--ti-collapse-item-icon-color:var(--ti-common-color-icon-normal);--ti-collapse-item-wrap-bg-color:var(--ti-base-color-light);--ti-collapse-item-disabled-text-color:var(--ti-base-color-placeholder);--ti-collapse-item-header-font-size:var(--ti-common-font-size-base);--ti-collapse-item-header-focus-text-color:var(--ti-base-color-brand-5);--ti-collapse-item-arrow-font-size:var(--ti-common-font-size-base);--ti-collapse-item-arrow-hover-text-color:var(--ti-base-color-info-normal);--ti-collapse-item-content-font-size:var(--ti-common-font-size-base);--ti-collapse-item-header-bg-color:var(--ti-base-color-brand-1);--ti-collapse-item-margin-top:var(--ti-common-space-2x);--ti-collapse-item-bg-color:var(--ti-common-color-bg-white-normal);--ti-collapse-item-border-color:var(--ti-common-color-line-dividing);--ti-collapse-item-border-radius:var(--ti-common-border-radius-normal);--ti-collapse-item-icon-font-size:var(--ti-common-font-size-2);--ti-collapse-item-header-padding-vertical:0;--ti-collapse-item-header-padding-horizontal:var(--ti-common-space-4x);--ti-collapse-item-content-border-color-top:var(--ti-common-color-line-dividing);margin-top:var(--ti-collapse-item-margin-top);background-color:var(--ti-collapse-item-bg-color);border:1px solid var(--ti-collapse-item-border-color);border-radius:var(--ti-collapse-item-border-radius)}.tiny-collapse-item:last-child{margin-bottom:-1px}.tiny-collapse-item.is-disabled .tiny-collapse-item__header{color:var(--ti-collapse-item-disabled-text-color);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__arrow{fill:var(--ti-collapse-item-disabled-text-color)}.tiny-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:34px;line-height:34px;background-color:var(--ti-collapse-item-header-bg-color);color:var(--ti-collapse-item-text-color);font-size:var(--ti-collapse-item-header-font-size);font-family:Helvetica,Arial,'microsoft yahei';outline:0;cursor:pointer;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;border-radius:var(--ti-common-border-radius-normal);padding:var(--ti-collapse-item-header-padding-vertical) var(--ti-collapse-item-header-padding-horizontal)}.tiny-collapse-item__header.focusing:focus:not(:hover){color:var(--ti-collapse-item-header-focus-text-color)}.tiny-collapse-item__header.is-active{border-bottom-color:transparent}.tiny-collapse-item__header svg{font-size:var(--ti-collapse-item-icon-font-size);fill:var(--ti-collapse-item-icon-color)}.tiny-collapse-item__arrow{font-size:var(--ti-collapse-item-arrow-font-size);margin-right:12px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tiny-collapse-item__arrow.is-active{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tiny-collapse-item__arrow.is-active,.tiny-collapse-item__arrow:hover{fill:var(--ti-collapse-item-arrow-hover-text-color)}.tiny-collapse-item__wrap{will-change:height;background-color:var(--ti-collapse-item-wrap-bg-color);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-collapse-item__content{padding:12px 16px;font-size:var(--ti-collapse-item-content-font-size);color:var(--ti-collapse-item-text-color);border-top:1px solid var(--ti-collapse-item-content-border-color-top);line-height:1.76923077}

package/collapse-item/index.js

@@ -0,0 +1,32 @@
+/**
+* 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-collapse-item-text-color': '#333',
+  'tiny-collapse-item-icon-color': '#575d6c',
+  'tiny-collapse-item-bg-color': '#fff',
+  'tiny-collapse-item-wrap-bg-color': '#fff',
+  'tiny-collapse-item-border-color': '#d9d9d9',
+  'tiny-collapse-item-disabled-text-color': '#bfbfbf',
+  'tiny-collapse-item-header-font-size': '14px',
+  'tiny-collapse-item-header-focus-text-color': '#40a9ff',
+  'tiny-collapse-item-arrow-font-size': '12px',
+  'tiny-collapse-item-arrow-hover-text-color': '#1890ff',
+  'tiny-collapse-item-content-font-size': '12px',
+  'tiny-collapse-item-header-bg-color': '#f2f5fc',
+  'tiny-collapse-item-margin-top': '8px',
+  'tiny-collapse-item-border-radius': '2px',
+  'tiny-collapse-item-icon-font-size': '16px',
+  'tiny-collapse-item-header-padding-vertical': '0',
+  'tiny-collapse-item-header-padding-horizontal': '16px',
+  'tiny-collapse-item-content-border-color-top': '#dfe1e6',
+}

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

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

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

package/credit-card/index.css

@@ -1 +1 @@
-.credit-card-item{max-width:430px;height:270px;margin-left:auto;margin-right:auto;position:relative;z-index:2;width:100%}@media screen and (max-width:480px){.credit-card-item{max-width:310px;height:220px;width:90%}}@media screen and (max-width:360px){.credit-card-item{height:180px}}.credit-card-item.-active .credit-card-item__side.-front{-webkit-transform:perspective(1000px) rotateY(180deg) rotateX(0) rotateZ(0);transform:perspective(1000px) rotateY(180deg) rotateX(0) rotateZ(0)}.credit-card-item.-active .credit-card-item__side.-back{-webkit-transform:perspective(1000px) rotateY(0) rotateX(0) rotateZ(0);transform:perspective(1000px) rotateY(0) rotateX(0) rotateZ(0)}.credit-card-item__focus{position:absolute;z-index:3;border-radius:5px;left:0;top:0;width:100%;height:100%;-webkit-transition:all .35s cubic-bezier(.71,.03,.56,.85);transition:all .35s cubic-bezier(.71,.03,.56,.85);opacity:0;pointer-events:none;overflow:hidden;border:2px solid rgba(255,255,255,.65)}.credit-card-item__focus:after{content:'';position:absolute;top:0;left:0;width:100%;background:#08142f;height:100%;border-radius:5px;-webkit-filter:blur(25px);filter:blur(25px);opacity:.5}.credit-card-item__focus.-active{opacity:1}.credit-card-item__side{border-radius:15px;overflow:hidden;-webkit-box-shadow:0 20px 60px 0 rgba(14,42,90,.55);box-shadow:0 20px 60px 0 rgba(14,42,90,.55);-webkit-transform:perspective(2000px) rotateY(0) rotateX(0) rotate(0);transform:perspective(2000px) rotateY(0) rotateX(0) rotate(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .8s cubic-bezier(.71,.03,.56,.85);transition:all .8s cubic-bezier(.71,.03,.56,.85);-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%}.credit-card-item__side.-back{position:absolute;top:0;left:0;width:100%;-webkit-transform:perspective(2000px) rotateY(-180deg) rotateX(0) rotate(0);transform:perspective(2000px) rotateY(-180deg) rotateX(0) rotate(0);z-index:2;padding:0;height:100%}.credit-card-item__side.-back .credit-card-item__cover{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.credit-card-item__bg{max-width:100%;display:block;max-height:100%;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.credit-card-item__cover{position:absolute;height:100%;background-color:#1c1d27;background-image:linear-gradient(147deg,#354fce 0,#0c296b 74%);left:0;top:0;width:100%;border-radius:15px;overflow:hidden}.credit-card-item__cover:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(6,2,29,.45)}.credit-card-item__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px;padding:0 10px}@media screen and (max-width:480px){.credit-card-item__top{margin-bottom:25px}}@media screen and (max-width:360px){.credit-card-item__top{margin-bottom:15px}}.credit-card-item__chip{width:60px}@media screen and (max-width:480px){.credit-card-item__chip{width:50px}}@media screen and (max-width:360px){.credit-card-item__chip{width:40px}}.credit-card-item__type{height:45px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:100px;margin-left:auto;width:100%}@media screen and (max-width:480px){.credit-card-item__type{height:40px;max-width:90px}}@media screen and (max-width:360px){.credit-card-item__type{height:30px}}.credit-card-item__typeImg{max-width:100%;-o-object-fit:contain;object-fit:contain;max-height:100%;-o-object-position:top right;object-position:top right}.credit-card-item__info{color:#fff;width:100%;max-width:calc(100% - 85px);padding:10px 15px;font-weight:500;display:block;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__info{padding:10px}}.credit-card-item__holder{opacity:.7;font-size:13px;margin-bottom:6px}@media screen and (max-width:480px){.credit-card-item__holder{font-size:12px;margin-bottom:5px}}.credit-card-item__wrapper{padding:25px 15px;position:relative;z-index:4;height:100%;text-shadow:7px 6px 10px rgba(14,42,90,.8);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:480px){.credit-card-item__wrapper{padding:20px 10px}}.credit-card-item__name{font-size:18px;line-height:1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}@media screen and (max-width:480px){.credit-card-item__name{font-size:16px}}.credit-card-item__nameItem{display:inline-block;min-width:8px;position:relative}.credit-card-item__number{font-weight:500;line-height:1;color:#fff;font-size:27px;margin-bottom:25px;display:inline-block;padding:10px 15px;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__number{font-size:21px;margin-bottom:15px;padding:10px 10px}}@media screen and (max-width:360px){.credit-card-item__number{font-size:19px;margin-bottom:10px;padding:10px 10px}}.credit-card-item__numberItem{width:16px;display:inline-block}.credit-card-item__numberItem.-active{width:30px}@media screen and (max-width:480px){.credit-card-item__numberItem{width:13px}.credit-card-item__numberItem.-active{width:16px}}@media screen and (max-width:360px){.credit-card-item__numberItem{width:12px}.credit-card-item__numberItem.-active{width:8px}}.credit-card-item__content{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.credit-card-item__date{-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:18px;margin-left:auto;padding:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:80px;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__date{font-size:16px}}.credit-card-item__dateItem{position:relative}.credit-card-item__dateItem span{width:22px;display:inline-block}.credit-card-item__dateTitle{opacity:.7;font-size:13px;padding-bottom:6px;width:100%}@media screen and (max-width:480px){.credit-card-item__dateTitle{font-size:12px;padding-bottom:5px}}.credit-card-item__band{background:rgba(0,0,19,.8);width:100%;height:50px;margin-top:30px;position:relative;z-index:2}@media screen and (max-width:480px){.credit-card-item__band{margin-top:20px}}@media screen and (max-width:360px){.credit-card-item__band{height:40px;margin-top:10px}}.credit-card-item__cvv{text-align:right;position:relative;z-index:2;padding:15px}.credit-card-item__cvv .credit-card-item__type{opacity:.7}@media screen and (max-width:360px){.credit-card-item__cvv{padding:10px 15px}}.credit-card-item__cvvTitle{padding-right:10px;font-size:15px;font-weight:500;color:#fff;margin-bottom:5px}.credit-card-item__cvvBand{height:45px;background:#fff;margin-bottom:30px;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:10px;color:#1a3b5d;font-size:18px;border-radius:4px;-webkit-box-shadow:0 10px 20px -7px rgba(32,56,117,.35);box-shadow:0 10px 20px -7px rgba(32,56,117,.35)}@media screen and (max-width:480px){.credit-card-item__cvvBand{height:40px;margin-bottom:20px}}@media screen and (max-width:360px){.credit-card-item__cvvBand{margin-bottom:15px}}
+.credit-card-item{max-width:430px;height:270px;margin-left:auto;margin-right:auto;position:relative;z-index:2;width:100%}@media screen and (max-width:480px){.credit-card-item{max-width:310px;height:220px;width:90%}}@media screen and (max-width:360px){.credit-card-item{height:180px}}.credit-card-item.-active .credit-card-item__side.-front{-webkit-transform:perspective(1000px) rotateY(180deg) rotateX(0) rotateZ(0);transform:perspective(1000px) rotateY(180deg) rotateX(0) rotateZ(0)}.credit-card-item.-active .credit-card-item__side.-back{-webkit-transform:perspective(1000px) rotateY(0) rotateX(0) rotateZ(0);transform:perspective(1000px) rotateY(0) rotateX(0) rotateZ(0)}.credit-card-item__focus{position:absolute;z-index:3;border-radius:5px;left:0;top:0;width:100%;height:100%;-webkit-transition:all .35s cubic-bezier(.71,.03,.56,.85);transition:all .35s cubic-bezier(.71,.03,.56,.85);opacity:0;pointer-events:none;overflow:hidden;border:2px solid rgba(255,255,255,.65)}.credit-card-item__focus:after{content:'';position:absolute;top:0;left:0;width:100%;background:#08142f;height:100%;border-radius:5px;-webkit-filter:blur(25px);filter:blur(25px);opacity:.5}.credit-card-item__focus.-active{opacity:1}.credit-card-item__side{border-radius:15px;overflow:hidden;-webkit-box-shadow:0 20px 60px 0 rgba(14,42,90,.55);box-shadow:0 20px 60px 0 rgba(14,42,90,.55);-webkit-transform:perspective(2000px) rotateY(0) rotateX(0) rotate(0);transform:perspective(2000px) rotateY(0) rotateX(0) rotate(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .8s cubic-bezier(.71,.03,.56,.85);transition:all .8s cubic-bezier(.71,.03,.56,.85);-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%}.credit-card-item__side.-back{position:absolute;top:0;left:0;width:100%;-webkit-transform:perspective(2000px) rotateY(-180deg) rotateX(0) rotate(0);transform:perspective(2000px) rotateY(-180deg) rotateX(0) rotate(0);z-index:2;padding:0;height:100%}.credit-card-item__side.-back .credit-card-item__cover{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.credit-card-item__bg{max-width:100%;display:block;max-height:100%;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.credit-card-item__cover{position:absolute;height:100%;background-color:#1c1d27;background-image:linear-gradient(147deg,#354fce 0,#0c296b 74%);left:0;top:0;width:100%;border-radius:15px;overflow:hidden}.credit-card-item__cover:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(6,2,29,.45)}.credit-card-item__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px;padding:0 10px}@media screen and (max-width:480px){.credit-card-item__top{margin-bottom:25px}}@media screen and (max-width:360px){.credit-card-item__top{margin-bottom:15px}}.credit-card-item__chip{width:60px}@media screen and (max-width:480px){.credit-card-item__chip{width:50px}}@media screen and (max-width:360px){.credit-card-item__chip{width:40px}}.credit-card-item__type{height:45px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:100px;margin-left:auto;width:100%}@media screen and (max-width:480px){.credit-card-item__type{height:40px;max-width:90px}}@media screen and (max-width:360px){.credit-card-item__type{height:30px}}.credit-card-item__typeImg{max-width:100%;-o-object-fit:contain;object-fit:contain;max-height:100%;-o-object-position:top right;object-position:top right}.credit-card-item__info{color:#fff;width:100%;max-width:calc(100% - 85px);padding:10px 15px;font-weight:500;display:block;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__info{padding:10px}}.credit-card-item__holder{opacity:.7;font-size:13px;margin-bottom:6px}@media screen and (max-width:480px){.credit-card-item__holder{font-size:var(--ti-common-font-size-base);margin-bottom:5px}}.credit-card-item__wrapper{padding:25px 15px;position:relative;z-index:4;height:100%;text-shadow:7px 6px 10px rgba(14,42,90,.8);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:480px){.credit-card-item__wrapper{padding:20px 10px}}.credit-card-item__name{font-size:var(--ti-common-font-size-3);line-height:1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}@media screen and (max-width:480px){.credit-card-item__name{font-size:var(--ti-common-font-size-2)}}.credit-card-item__nameItem{display:inline-block;min-width:8px;position:relative}.credit-card-item__number{font-weight:500;line-height:1;color:#fff;font-size:27px;margin-bottom:25px;display:inline-block;padding:10px 15px;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__number{font-size:21px;margin-bottom:15px;padding:10px 10px}}@media screen and (max-width:360px){.credit-card-item__number{font-size:19px;margin-bottom:10px;padding:10px 10px}}.credit-card-item__numberItem{width:16px;display:inline-block}.credit-card-item__numberItem.-active{width:30px}@media screen and (max-width:480px){.credit-card-item__numberItem{width:13px}.credit-card-item__numberItem.-active{width:16px}}@media screen and (max-width:360px){.credit-card-item__numberItem{width:12px}.credit-card-item__numberItem.-active{width:8px}}.credit-card-item__content{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.credit-card-item__date{-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:var(--ti-common-font-size-3);margin-left:auto;padding:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:80px;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;cursor:pointer}@media screen and (max-width:480px){.credit-card-item__date{font-size:var(--ti-common-font-size-2)}}.credit-card-item__dateItem{position:relative}.credit-card-item__dateItem span{width:22px;display:inline-block}.credit-card-item__dateTitle{opacity:.7;font-size:13px;padding-bottom:6px;width:100%}@media screen and (max-width:480px){.credit-card-item__dateTitle{font-size:var(--ti-common-font-size-base);padding-bottom:5px}}.credit-card-item__band{background:rgba(0,0,19,.8);width:100%;height:50px;margin-top:30px;position:relative;z-index:2}@media screen and (max-width:480px){.credit-card-item__band{margin-top:20px}}@media screen and (max-width:360px){.credit-card-item__band{height:40px;margin-top:10px}}.credit-card-item__cvv{text-align:right;position:relative;z-index:2;padding:15px}.credit-card-item__cvv .credit-card-item__type{opacity:.7}@media screen and (max-width:360px){.credit-card-item__cvv{padding:10px 15px}}.credit-card-item__cvvTitle{padding-right:10px;font-size:15px;font-weight:500;color:#fff;margin-bottom:5px}.credit-card-item__cvvBand{height:45px;background:#fff;margin-bottom:30px;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:10px;color:#1a3b5d;font-size:var(--ti-common-font-size-3);border-radius:4px;-webkit-box-shadow:0 10px 20px -7px rgba(32,56,117,.35);box-shadow:0 10px 20px -7px rgba(32,56,117,.35)}@media screen and (max-width:480px){.credit-card-item__cvvBand{height:40px;margin-bottom:20px}}@media screen and (max-width:360px){.credit-card-item__cvvBand{margin-bottom:15px}}

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