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

package/tip/index.js

@@ -0,0 +1,27 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-tips-normal-bg-color': '#666',
+  'tiny-tips-normal-text-color': '#fff',
+  'tiny-tips-error-bg-color': '#ff7875',
+  'tiny-tips-error-text-color': '#fff',
+  'tiny-tips-succeed-bg-color': '#52c41a',
+  'tiny-tips-succeed-text-color': '#fff',
+  'tiny-tips-warning-bg-color': '#fa8c16',
+  'tiny-tips-warning-text-color': '#fff',
+  'tiny-tips-infor-bg-color': '#d9d9d9',
+  'tiny-tips-infor-text-color': '#333',
+  'tiny-tips-bg-color': '#ff7875',
+  'tiny-tips-border-radius': '2px',
+  'tiny-tips-height': '26px'
+}

package/toggle-menu/index.css

@@ -1 +1 @@
-.tiny-toggle-menu{width:210px;position:relative}.tiny-toggle-menu .tiny-toggle-menu__body{cursor:pointer;line-height:1;padding-left:4px;width:100%}.tiny-toggle-menu .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-toggle-menu__body:hover{text-decoration:none}.tiny-toggle-menu .tiny-toggle-menu__name{color:var(--ti-base-color-common);font-size:12px}.tiny-toggle-menu .tiny-toggle-menu__tree{position:relative}.tiny-toggle-menu .tiny-toggle-menu__filter{position:relative;margin-bottom:4px;width:calc(100% - 16px)}.tiny-toggle-menu .tiny-toggle-menu__filter-search{width:30px;height:30px;line-height:30px;display:block;text-align:center;position:absolute;right:0;top:0}.tiny-toggle-menu .tiny-toggle-menu__filter-search .tiny-svg{fill:var(--ti-common-color-line-active);font-size:16px}.tiny-toggle-menu .tiny-toggle-menu__toggle{position:absolute;top:0;left:calc(100% - 14px);z-index:2;width:14px;height:30px;line-height:30px;background:#d9d9d9;cursor:pointer;-webkit-transition:.2s linear;transition:.2s linear}.tiny-toggle-menu .tiny-toggle-menu__toggle .tiny-svg{fill:var(--ti-common-color-line-active)}.tiny-toggle-menu .tiny-toggle-menu__toggle:hover .tiny-svg{fill:#40a9ff}.tiny-toggle-menu .tiny-toggle-menu__link{width:100%}.tiny-toggle-menu.is-toggle-right{width:80px}.tiny-toggle-menu.is-toggle-right .tiny-tree-node.is-current .tiny-tree-node__content{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover .tiny-svg{fill:#40a9ff}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__toggle{position:relative;left:0}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__filter{display:none}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-tree-node__content{height:auto}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-toggle-menu__name{display:inline-block;white-space:normal;line-height:normal;word-break:break-word}.tiny-toggle-menu .tiny-tree.is-overflow .tiny-toggle-menu__name{width:calc(100% - 18px);vertical-align:middle;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-tree-node__children{display:none}.tiny-toggle-menu .tiny-input__inner{font-size:12px;padding-right:30px;border-radius:0;border-top:0;border-left:0;border-right:0}.tiny-toggle-menu .tiny-tree-node__content{height:28px;line-height:28px;font-size:12px;padding-left:0;margin-left:0}
+.tiny-toggle-menu{--ti-toggle-menu-width:210px;--ti-toggle-menu-font-size:var(--ti-common-font-size-base);--ti-toggle-menu-name-text-color:var(--ti-base-color-info-normal);--ti-toggle-menu-tree-node-height:var(--ti-common-size-7x);--ti-toggle-menu-filter-search-size:30px;--ti-toggle-menu-filter-search-font-size:var(--ti-common-font-size-2);--ti-toggle-menu-filter-search-icon-color:var(--ti-base-color-brand-6);--ti-toggle-menu-toggle-icon-color:var(--ti-base-color-brand-6);--ti-toggle-menu-toggle-icon-color-hover:var(--ti-base-color-brand-5);--ti-toggle-menu-toggle-bg-color:var(--ti-base-color-border);width:var(--ti-toggle-menu-width);position:relative}.tiny-toggle-menu .tiny-toggle-menu__body{cursor:pointer;line-height:1;padding-left:4px;width:100%}.tiny-toggle-menu .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-toggle-menu__body:hover{text-decoration:none}.tiny-toggle-menu .tiny-toggle-menu__name{color:var(--ti-toggle-menu-name-text-color);font-size:var(--ti-toggle-menu-font-size)}.tiny-toggle-menu .tiny-toggle-menu__tree{position:relative}.tiny-toggle-menu .tiny-toggle-menu__filter{position:relative;margin-bottom:4px;width:calc(100% - 16px)}.tiny-toggle-menu .tiny-toggle-menu__filter-search{width:var(--ti-toggle-menu-filter-search-size);height:var(--ti-toggle-menu-filter-search-size);line-height:var(--ti-toggle-menu-filter-search-size);display:block;text-align:center;position:absolute;right:0;top:0}.tiny-toggle-menu .tiny-toggle-menu__filter-search .tiny-svg{fill:var(--ti-toggle-menu-filter-search-icon-color);font-size:var(--ti-toggle-menu-filter-search-font-size)}.tiny-toggle-menu .tiny-toggle-menu__toggle{position:absolute;top:0;left:calc(100% - 14px);z-index:2;width:14px;height:var(--ti-toggle-menu-filter-search-size);line-height:var(--ti-toggle-menu-filter-search-size);background:var(--ti-toggle-menu-toggle-bg-color);cursor:pointer;-webkit-transition:.2s linear;transition:.2s linear}.tiny-toggle-menu .tiny-toggle-menu__toggle .tiny-svg{fill:var(--ti-toggle-menu-toggle-icon-color)}.tiny-toggle-menu .tiny-toggle-menu__toggle:hover .tiny-svg{fill:var(--ti-toggle-menu-toggle-icon-color-hover)}.tiny-toggle-menu .tiny-toggle-menu__link{width:100%}.tiny-toggle-menu.is-toggle-right{width:80px}.tiny-toggle-menu.is-toggle-right .tiny-tree-node.is-current .tiny-tree-node__content{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover .tiny-svg{fill:var(--ti-toggle-menu-toggle-icon-color-hover)}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__toggle{position:relative;left:0}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__filter{display:none}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-tree-node__content{height:auto}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-toggle-menu__name{display:inline-block;white-space:normal;line-height:normal;word-break:break-word}.tiny-toggle-menu .tiny-tree.is-overflow .tiny-toggle-menu__name{width:calc(100% - 18px);vertical-align:middle;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-tree-node__children{display:none}.tiny-toggle-menu .tiny-input__inner{font-size:var(--ti-toggle-menu-font-size);padding-right:30px;border-radius:0;border-top:0;border-left:0;border-right:0}.tiny-toggle-menu .tiny-tree-node__content{height:var(--ti-toggle-menu-tree-node-height);line-height:var(--ti-toggle-menu-tree-node-height);font-size:var(--ti-toggle-menu-font-size);padding-left:0;margin-left:0}

package/toggle-menu/index.js

@@ -0,0 +1,24 @@
+/**
+* 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-toggle-menu-width': '210px',
+  'tiny-toggle-menu-font-size': '12px',
+  'tiny-toggle-menu-name-text-color': '#333',
+  'tiny-toggle-menu-tree-node-height': '28px',
+  'tiny-toggle-menu-filter-search-size': '30px',
+  'tiny-toggle-menu-filter-search-font-size': '16px',
+  'tiny-toggle-menu-filter-search-icon-color': '#1890ff',
+  'tiny-toggle-menu-toggle-icon-color': '#1890ff',
+  'tiny-toggle-menu-toggle-icon-color-hover': '#40a9ff',
+  'tiny-toggle-menu-toggle-bg-color': '#d9d9d9'
+}

package/tooltip/index.css

@@ -1 +1 @@
-.tiny-tooltip:focus:hover,.tiny-tooltip:focus:not(.focusing){outline-width:0}.tiny-tooltip.tiny-tooltip__popper{position:absolute;left:-9999px;border-radius:4px;-webkit-box-shadow:var(--ti-tip-box-shadow);box-shadow:var(--ti-tip-box-shadow);padding:11px 15px;font-size:12px;line-height:1.2;min-width:10px;max-width:450px;z-index:2000;word-wrap:break-word}.tiny-tooltip.tiny-tooltip__popper .popper__arrow,.tiny-tooltip.tiny-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.tiny-tooltip.tiny-tooltip__popper .popper__arrow{border-width:6px}.tiny-tooltip.tiny-tooltip__popper .popper__arrow::after{content:' ';border-width:5px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top]{margin-bottom:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:var(--ti-tip-bg-color);border-bottom-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:var(--ti-tip-bg-color);border-bottom-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom]{margin-top:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right]{margin-left:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:var(--ti-tip-bg-color);border-left-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:var(--ti-tip-bg-color);border-left-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left]{margin-right:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal{background:#666;color:#fff}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=top] .popper__arrow{border-top-color:#666}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=top] .popper__arrow::after{border-top-color:#666}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=bottom] .popper__arrow{border-bottom-color:#666}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#666}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=left] .popper__arrow{border-left-color:#666}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=left] .popper__arrow::after{border-left-color:#666}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=right] .popper__arrow{border-right-color:#666}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=right] .popper__arrow::after{border-right-color:#666}.tiny-tooltip.tiny-tooltip__popper.is-info{background:#69c0ff;color:#fff}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=top] .popper__arrow{border-top-color:#69c0ff}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=top] .popper__arrow::after{border-top-color:#69c0ff}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=bottom] .popper__arrow{border-bottom-color:#69c0ff}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#69c0ff}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=left] .popper__arrow{border-left-color:#69c0ff}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=left] .popper__arrow::after{border-left-color:#69c0ff}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=right] .popper__arrow{border-right-color:#69c0ff}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=right] .popper__arrow::after{border-right-color:#69c0ff}.tiny-tooltip.tiny-tooltip__popper.is-error{background:var(--ti-tip-bg-color);color:#fff}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning{background:#ffd666;color:#fff}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=top] .popper__arrow{border-top-color:#ffd666}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=top] .popper__arrow::after{border-top-color:#ffd666}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=bottom] .popper__arrow{border-bottom-color:#ffd666}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#ffd666}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=left] .popper__arrow{border-left-color:#ffd666}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=left] .popper__arrow::after{border-left-color:#ffd666}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=right] .popper__arrow{border-right-color:#ffd666}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=right] .popper__arrow::after{border-right-color:#ffd666}.tiny-tooltip.tiny-tooltip__popper.is-success{background:#95de64;color:#fff}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=top] .popper__arrow{border-top-color:#95de64}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=top] .popper__arrow::after{border-top-color:#95de64}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=bottom] .popper__arrow{border-bottom-color:#95de64}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#95de64}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=left] .popper__arrow{border-left-color:#95de64}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=left] .popper__arrow::after{border-left-color:#95de64}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=right] .popper__arrow{border-right-color:#95de64}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=right] .popper__arrow::after{border-right-color:#95de64}.tiny-tooltip.tiny-tooltip__popper.is-dark{background:var(--ti-tip-bg-color);color:#fff}.tiny-tooltip.tiny-tooltip__popper.is-light{background:#fff;color:var(--ti-tip-bg-color);border:1px solid var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:#fff}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:#fff}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:#fff}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tip-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:#fff}.tiny-tooltip.tiny-tooltip__popper.is-blank-content{display:none}.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-tooltip{--ti-tooltip-popper-border-radius:var(--ti-common-border-radius-1);--ti-tooltip-popper-font-size:var(--ti-common-font-size-base);--ti-tooltip-popper-border-color:var(--ti-base-color-common-6);--ti-tooltip-popper-normal-bg-color:var(--ti-base-color-secondary);--ti-tooltip-popper-normal-text-color:var(--ti-base-color-light);--ti-tooltip-popper-normal-border-color:var(--ti-base-color-secondary);--ti-tooltip-popper-info-bg-color:#69c0ff;--ti-tooltip-popper-info-text-color:var(--ti-base-color-light);--ti-tooltip-popper-info-border-color:#69c0ff;--ti-tooltip-popper-error-bg-color:var(--ti-base-color-common-6);--ti-tooltip-popper-error-text-color:var(--ti-base-color-light);--ti-tooltip-popper-error-border-color:var(--ti-base-color-common-6);--ti-tooltip-popper-warning-bg-color:#ffd666;--ti-tooltip-popper-warning-text-color:var(--ti-base-color-light);--ti-tooltip-popper-warning-border-color:#ffd666;--ti-tooltip-popper-success-bg-color:#95de64;--ti-tooltip-popper-success-text-color:var(--ti-base-color-light);--ti-tooltip-popper-success-border-color:#95de64;--ti-tooltip-popper-dark-bg-color:var(--ti-base-color-common-6);--ti-tooltip-popper-dark-text-color:var(--ti-base-color-light);--ti-tooltip-popper-light-bg-color:var(--ti-base-color-light);--ti-tooltip-popper-light-text-color:var(--ti-base-color-common-6);--ti-tooltip-popper-light-border-color:var(--ti-base-color-common-6);--ti-tooltip-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.2);--ti-tooltip-padding-vertical:11px;--ti-tooltip-padding-horizontal:15px;--ti-tooltip-validate-icon-color:var(--ti-base-color-error-3)}.tiny-tooltip:focus:hover,.tiny-tooltip:focus:not(.focusing){outline-width:0}.tiny-tooltip.tiny-tooltip__popper{position:absolute;left:-9999px;border-radius:var(--ti-tooltip-popper-border-radius);padding:var(--ti-tooltip-padding-vertical) var(--ti-tooltip-padding-horizontal);font-size:var(--ti-tooltip-popper-font-size);line-height:1.2;min-width:10px;max-width:450px;z-index:2000;word-wrap:break-word;-webkit-box-shadow:var(--ti-tooltip-box-shadow);box-shadow:var(--ti-tooltip-box-shadow)}.tiny-tooltip.tiny-tooltip__popper .popper__arrow,.tiny-tooltip.tiny-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.tiny-tooltip.tiny-tooltip__popper .popper__arrow{border-width:6px}.tiny-tooltip.tiny-tooltip__popper .popper__arrow::after{content:' ';border-width:5px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top]{margin-bottom:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow{bottom:-6px;border-top-color:var(--ti-tooltip-popper-border-color);border-bottom-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-5px;border-top-color:var(--ti-tooltip-popper-border-color);border-bottom-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom]{margin-top:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-6px;border-top-width:0;border-bottom-color:var(--ti-tooltip-popper-border-color)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-5px;border-top-width:0;border-bottom-color:var(--ti-tooltip-popper-border-color)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right]{margin-left:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right] .popper__arrow{left:-6px;border-right-color:var(--ti-tooltip-popper-border-color);border-left-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=right] .popper__arrow::after{bottom:-5px;left:1px;border-right-color:var(--ti-tooltip-popper-border-color);border-left-width:0}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left]{margin-right:12px}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left] .popper__arrow{right:-6px;border-right-width:0;border-left-color:var(--ti-tooltip-popper-border-color)}.tiny-tooltip.tiny-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-5px;margin-left:-5px;border-right-width:0;border-left-color:var(--ti-tooltip-popper-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal{background:var(--ti-tooltip-popper-normal-bg-color);color:var(--ti-tooltip-popper-normal-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-normal-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info{background:var(--ti-tooltip-popper-info-bg-color);color:var(--ti-tooltip-popper-info-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-info[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-info-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error{background:var(--ti-tooltip-popper-error-bg-color);color:var(--ti-tooltip-popper-error-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-error-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-error .tooltip-validate-icon{fill:var(--ti-tooltip-validate-icon-color);margin-right:8px}.tiny-tooltip.tiny-tooltip__popper.is-warning{background:var(--ti-tooltip-popper-warning-bg-color);color:var(--ti-tooltip-popper-warning-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-warning-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success{background:var(--ti-tooltip-popper-success-bg-color);color:var(--ti-tooltip-popper-success-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-success[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-success-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-dark{background:var(--ti-tooltip-popper-dark-bg-color);color:var(--ti-tooltip-popper-dark-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-light{background:var(--ti-tooltip-popper-light-bg-color);color:var(--ti-tooltip-popper-light-text-color);border:1px solid var(--ti-tooltip-popper-light-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:var(--ti-tooltip-popper-light-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:var(--ti-tooltip-popper-light-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:var(--ti-tooltip-popper-light-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-bottom-color:var(--ti-tooltip-popper-light-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:var(--ti-tooltip-popper-light-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-left-color:var(--ti-tooltip-popper-light-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:var(--ti-tooltip-popper-light-border-color)}.tiny-tooltip.tiny-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-right-color:var(--ti-tooltip-popper-light-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-blank-content{display:none}.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}

package/tooltip/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-tooltip-popper-border-radius': '4px',
+  'tiny-tooltip-popper-font-size': '12px',
+  'tiny-tooltip-popper-border-color': '#303133',
+  'tiny-tooltip-popper-normal-bg-color': '#666',
+  'tiny-tooltip-popper-normal-text-color': '#fff',
+  'tiny-tooltip-popper-normal-border-color': '#666',
+  'tiny-tooltip-popper-info-bg-color': '#69c0ff',
+  'tiny-tooltip-popper-info-text-color': '#fff',
+  'tiny-tooltip-popper-info-border-color': '#69c0ff',
+  'tiny-tooltip-popper-error-bg-color': '#ff7875',
+  'tiny-tooltip-popper-error-text-color': '#fff',
+  'tiny-tooltip-popper-error-border-color': '#ff7875',
+  'tiny-tooltip-popper-warning-bg-color': '#ffd666',
+  'tiny-tooltip-popper-warning-text-color': '#fff',
+  'tiny-tooltip-popper-warning-border-color': '#ffd666',
+  'tiny-tooltip-popper-success-bg-color': '#95de64',
+  'tiny-tooltip-popper-success-text-color': '#fff',
+  'tiny-tooltip-popper-success-border-color': '#95de64',
+  'tiny-tooltip-popper-dark-bg-color': '#303133',
+  'tiny-tooltip-popper-dark-text-color': '#fff',
+  'tiny-tooltip-popper-light-bg-color': '#fff',
+  'tiny-tooltip-popper-light-text-color': '#303133',
+  'tiny-tooltip-popper-light-border-color': '#303133',
+  'tiny-tooltip-box-shadow': '0 4px 16px 0 rgba(0, 0, 0, 0.2)',
+  'tiny-tooltip-padding-vertical': '11px',
+  'tiny-tooltip-padding-horizontal': '15px',
+  'tiny-tooltip-validate-icon-color': '#f66f6a'
+}

package/top-box/index.css

@@ -1 +1 @@
-.tiny-top-box{position:fixed;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:400px;max-height:600px;background:#fff;padding:24px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-shadow:0 0 5px 0 rgba(0,0,0,.2);-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s}.tiny-top-box .tiny-top-box__icon{font-size:24px;vertical-align:middle}.tiny-top-box .tiny-top-box__content{display:inline-block;padding:0 16px;vertical-align:middle}.tiny-top-box .tiny-top-box__closeBtn{position:absolute;top:14px;right:12px;cursor:pointer;fill:rgba(51,51,51,.5);display:none}.tiny-top-box .tiny-top-box__closeBtn:hover{fill:#333}.tiny-top-box .tiny-top-box__toolbar{float:right;margin-top:24px}.tiny-top-box.is-closable .tiny-top-box__closeBtn{display:inline-block}.tiny-top-box.is-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-top-box--success .tiny-top-box__icon{fill:#52c41a}.tiny-top-box--error .tiny-top-box__icon{fill:var(--ti-input-border-color-error)}.tiny-top-box--warning .tiny-top-box__icon{fill:#faad14}.tiny-top-box--help .tiny-top-box__icon{fill:var(--ti-common-color-line-active)}.tiny-top-box--info .tiny-top-box__icon{fill:var(--ti-base-color-common)}.tiny-top-box-fade-enter,.tiny-top-box-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
+.tiny-top-box{--ti-top-box-bg-color:var(--ti-base-color-light);--ti-top-box-icon-font-size:var(--ti-common-font-size-5);--ti-top-box-success-icon-color:var(--ti-base-color-success-normal);--ti-top-box-error-icon-color:var(--ti-base-color-bg-8);--ti-top-box-warning-icon-color:var(--ti-base-color-warning-normal);--ti-top-box-help-icon-color:var(--ti-base-color-brand-6);--ti-top-box-info-icon-color:var(--ti-base-color-info-normal);position:fixed;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:400px;max-height:600px;background:var(--ti-top-box-bg-color);padding:24px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-shadow:0 0 5px 0 rgba(0,0,0,.2);-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s}.tiny-top-box .tiny-top-box__icon{font-size:var(--ti-top-box-icon-font-size,24px);vertical-align:middle}.tiny-top-box .tiny-top-box__content{display:inline-block;padding:0 16px;vertical-align:middle}.tiny-top-box .tiny-top-box__closeBtn{position:absolute;top:14px;right:12px;cursor:pointer;fill:rgba(51,51,51,.5);display:none}.tiny-top-box .tiny-top-box__closeBtn:hover{fill:#333}.tiny-top-box .tiny-top-box__toolbar{float:right;margin-top:24px}.tiny-top-box.is-closable .tiny-top-box__closeBtn{display:inline-block}.tiny-top-box.is-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-top-box--success .tiny-top-box__icon{fill:var(--ti-top-box-success-icon-color)}.tiny-top-box--error .tiny-top-box__icon{fill:var(--ti-top-box-error-icon-color)}.tiny-top-box--warning .tiny-top-box__icon{fill:var(--ti-top-box-warning-icon-color)}.tiny-top-box--help .tiny-top-box__icon{fill:var(--ti-top-box-help-icon-color)}.tiny-top-box--info .tiny-top-box__icon{fill:var(--ti-top-box-info-icon-color)}.tiny-top-box-fade-enter,.tiny-top-box-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}

package/top-box/index.js

@@ -0,0 +1,21 @@
+/**
+* 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-top-box-bg-color': '#fff',
+  'tiny-top-box-icon-font-size': '24px',
+  'tiny-top-box-success-icon-color': '#52c41a',
+  'tiny-top-box-error-icon-color': '#f5222d',
+  'tiny-top-box-warning-icon-color': '#faad14',
+  'tiny-top-box-help-icon-color': '#1890ff',
+  'tiny-top-box-info-icon-color': '#333333'
+}

package/transfer/index.css

@@ -1 +1 @@
-.tiny-transition-transfer-fade-enter-active,.tiny-transition-transfer-fade-leave-active{-webkit-transition:all .3s;transition:all .3s}.tiny-transition-transfer-fade-leave-active{position:absolute}.tiny-transition-transfer-fade-enter,.tiny-transition-transfer-fade-enter-from,.tiny-transition-transfer-fade-leave-to{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.tiny-transfer{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-transfer__buttons{padding:0 16px}.tiny-transfer__buttons .defaultButton{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-transfer__buttons .defaultButton .tiny-button+.tiny-button{margin-left:0}.tiny-transfer__buttons .defaultButton+.tiny-button{margin:12px 0 0}.tiny-transfer__buttons .tiny-button{min-width:auto;margin:0 0 8px 0}.tiny-transfer__button{display:block;margin:0 auto;border-color:var(--ti-common-color-line-active);background-color:var(--ti-common-color-line-active);min-width:30px;min-height:30px;line-height:normal;padding:8px}.tiny-transfer__button.is-with-texts{border-radius:2px;min-width:60px}.tiny-transfer__button.tiny-button:not(.is-circle) .tiny-svg{margin-right:0}.tiny-transfer__button:first-child{margin-bottom:12px}.tiny-transfer__button:nth-child(2){margin:0}.tiny-transfer__button i,.tiny-transfer__button span{font-size:14px}.tiny-transfer .tiny-transfer__button.is-disabled,.tiny-transfer .tiny-transfer__button.is-disabled:hover{border:1px solid #d9d9d9;background-color:#f5f5f5;color:#999;line-height:1}.tiny-transfer .tiny-transfer__button.is-disabled .tiny-svg,.tiny-transfer .tiny-transfer__button.is-disabled:hover .tiny-svg{fill:#999}.tiny-transfer-panel{border:1px solid #d9d9d9;border-radius:2px;overflow:hidden;background:#fff;width:200px;max-height:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.tiny-transfer-panel__body{height:246px;text-align:left;padding-right:2px}.tiny-transfer-panel__body.is-with-footer{padding-bottom:40px;height:calc(100% - 40px)}.tiny-transfer-panel__body .tiny-tree{height:100%;padding:0 8px 8px;overflow:auto}.tiny-transfer-panel__body .tiny-tree::-webkit-scrollbar{width:8px;height:8px}.tiny-transfer-panel__body .tiny-tree::-webkit-scrollbar-track-piece{background:#fafafa}.tiny-transfer-panel__body .tiny-tree::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:calc(8px / 2)}.tiny-transfer-panel__body .tiny-tree::-webkit-scrollbar-thumb:hover{background:#999}.tiny-transfer-panel__body .tiny-tree::-webkit-scrollbar-thumb:active{background:#999}.tiny-transfer-panel__body .tiny-transfer-panel__filter~.tiny-tree{height:calc(100% - 46px)}.tiny-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:246px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.tiny-transfer-panel__list.tiny-checkbox-group{display:block}.tiny-transfer-panel__list.is-filterable{height:194px;padding-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-transfer-panel__list.is-filterable .tiny-transfer-panel__item{-ms-flex-negative:0;flex-shrink:0}}.tiny-transfer-panel .tiny-transfer-panel__list::-webkit-scrollbar{width:8px;height:8px}.tiny-transfer-panel .tiny-transfer-panel__list::-webkit-scrollbar-track-piece{background:#fafafa}.tiny-transfer-panel .tiny-transfer-panel__list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:calc(8px / 2)}.tiny-transfer-panel .tiny-transfer-panel__list::-webkit-scrollbar-thumb:hover{background:#999}.tiny-transfer-panel .tiny-transfer-panel__list::-webkit-scrollbar-thumb:active{background:#999}.tiny-transfer-panel__item{line-height:30px;padding-left:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .5s;transition:all .5s}.tiny-transfer-panel__item+.tiny-transfer-panel__item{margin-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-transfer-panel__item.tiny-checkbox{color:var(--ti-base-color-common);line-height:30px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-transfer-panel__item.tiny-checkbox.tiny-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:22px;line-height:30px}.tiny-transfer-panel__item.tiny-checkbox .tiny-checkbox__input{line-height:1}.tiny-transfer-panel__item:hover{background:#e6f7ff}.tiny-transfer-panel__item.is-disabled:hover{background:0}.tiny-transfer-panel__item.tiny-checkbox__input{position:absolute;top:7px}.tiny-transfer-panel__filter{text-align:center;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.tiny-transfer-panel__filter .tiny-input__inner{height:30px;line-height:30px;width:100%;font-size:12px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;padding-right:30px;padding-left:8px}.tiny-transfer-panel__filter .tiny-input__icon{margin-left:5px}.tiny-transfer-panel__filter .tiny-icon-circle-close{cursor:pointer}.tiny-transfer-panel .tiny-transfer-panel__header{height:36px;line-height:36px;background:#f5f5f5;margin:0;padding:0 8px;border-bottom:1px solid #d9d9d9;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--ti-base-color-common);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-transfer-panel .tiny-transfer-panel__header .tiny-checkbox{line-height:1;text-align:left;width:100%}.tiny-transfer-panel .tiny-transfer-panel__header .tiny-checkbox .tiny-checkbox__label{font-size:12px;color:var(--ti-base-color-common);font-weight:400;width:calc(100% - 38px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-transfer-panel .tiny-transfer-panel__header .tiny-checkbox .tiny-checkbox__label span{position:absolute;right:0;color:var(--ti-base-color-common);font-size:12px;font-weight:400}.tiny-transfer-panel .tiny-transfer-panel__header .headSort{position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-transfer-panel .tiny-transfer-panel__header .headSort div{width:20px;height:20px;line-height:20px;margin-right:8px;text-align:center;border:1px solid;border-radius:50%;color:var(--ti-common-color-line-active);display:inline-block;cursor:pointer}.tiny-transfer-panel .tiny-transfer-panel__header .headSort div i{width:18px;height:18px;display:block}.tiny-transfer-panel .tiny-transfer-panel__footer{height:40px;background:#fff;margin:0;padding:0;border-top:1px solid #d9d9d9;position:absolute;bottom:0;left:0;width:100%;z-index:1}.tiny-transfer-panel .tiny-transfer-panel__footer::after{display:inline-block;content:'';height:100%;vertical-align:middle}.tiny-transfer-panel .tiny-transfer-panel__footer .tiny-checkbox{padding-left:20px;color:#606266}.tiny-transfer-panel .tiny-transfer-panel__empty{margin:0;height:30px;line-height:30px;padding:6px 15px 0;color:#909399;text-align:center}.tiny-transfer-panel.transferGrid{width:600px}.tiny-transfer-panel.transferGrid .tiny-transfer-panel__body{height:100%}.tiny-transfer-panel.transferGrid .tiny-table.simple{width:100%;padding:0 8px;height:400px;overflow-y:auto}.tiny-transfer-panel.transferGrid .tiny-table.simple table{width:100%}.tiny-transfer-panel.transferGrid .tiny-pager{padding:10px}.tiny-transfer-panel .tiny-checkbox__label{padding-left:8px}.tiny-transfer-panel .tiny-checkbox__inner::after{height:8px;width:5px;left:4px}
+.tiny-transition-transfer-fade-enter-active,.tiny-transition-transfer-fade-leave-active{-webkit-transition:all .3s;transition:all .3s}.tiny-transition-transfer-fade-leave-active{position:absolute}.tiny-transition-transfer-fade-enter,.tiny-transition-transfer-fade-enter-from,.tiny-transition-transfer-fade-leave-to{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.tiny-transfer{--ti-transfer-font-size:var(--ti-common-font-size-1);--ti-transfer-button-bg-color:var(--ti-base-color-brand-6);--ti-transfer-button-border-radius:var(--ti-common-border-radius-normal);--ti-transfer-button-disabled-text-color:var(--ti-base-color-placeholder);--ti-transfer-button-disabled-border-color:var(--ti-base-color-border);--ti-transfer-button-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-transfer-panel-bg-color:var(--ti-base-color-light);--ti-transfer-panel-body-height:260px;--ti-transfer-panel-border-color:var(--ti-base-color-border);--ti-transfer-panel-border-radius:var(--ti-common-border-radius-normal);--ti-transfer-panel-item-height:var(--ti-base-size-height-minor);--ti-transfer-panel-item-text-color:var(--ti-base-color-info-normal);--ti-transfer-panel-item-hover-text-color:var(--ti-base-color-brand-6);--ti-transfer-panel-item-hover-bg-color:var(--ti-base-color-hover-background);--ti-transfer-panel-filter-height:var(--ti-base-size-height-minor);--ti-transfer-panel-filter-font-size:var(--ti-common-font-size-base);--ti-transfer-panel-filter-border-radius:var(--ti-common-border-radius-normal);--ti-transfer-panel-body-filter-height:216px;--ti-transfer-panel-width:200px;--ti-transfer-header-height:40px;--ti-transfer-header-bg-color:var(--ti-base-color-hover-background);--ti-transfer-header-border-color:var(--ti-base-color-border);--ti-transfer-header-text-color:var(--ti-base-color-info-normal);--ti-transfer-header-span-text-color:var(--ti-base-color-info-normal);--ti-transfer-header-font-size:var(--ti-common-font-size-base);--ti-transfer-header-sort-width:var(--ti-common-size-5x);--ti-transfer-header-sort-text-color:var(--ti-base-color-brand-6);--ti-transfer-footer-height:var(--ti-common-size-10x);--ti-transfer-footer-bg-color:var(--ti-base-color-light);--ti-transfer-footer-border-color:var(--ti-base-color-border);--ti-transfer-footer-text-color:#606266;--ti-transfer-empty-height:var(--ti-base-size-height-minor);--ti-transfer-empty-text-color:#909399;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--ti-transfer-font-size)}.tiny-transfer__buttons{padding:0 16px}.tiny-transfer__buttons .defaultButton{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-transfer__buttons .defaultButton .tiny-button+.tiny-button{margin-left:0}.tiny-transfer__buttons .defaultButton+.tiny-button{margin:12px 0 0}.tiny-transfer__buttons .tiny-button{min-width:auto;margin:0 0 8px 0}.tiny-transfer__button{display:block;margin:0 auto;border-color:var(--ti-transfer-button-bg-color);background-color:var(--ti-transfer-button-bg-color);min-width:30px;min-height:30px;border-radius:var(--ti-transfer-button-border-radius);line-height:normal;padding:8px}.tiny-transfer__button.is-with-texts{border-radius:var(--ti-transfer-button-border-radius);min-width:60px}.tiny-transfer__button.tiny-button:not(.is-circle) .tiny-svg{margin-right:0}.tiny-transfer__button:first-child{margin-bottom:12px}.tiny-transfer__button:nth-child(2){margin:0}.tiny-transfer__button i,.tiny-transfer__button span{font-size:var(--ti-transfer-font-size)}.tiny-transfer__button [class*=tiny-icon]+span{margin-left:0}.tiny-transfer .tiny-transfer__button.is-disabled,.tiny-transfer .tiny-transfer__button.is-disabled:hover{border:1px solid var(--ti-transfer-button-disabled-border-color);background-color:var(--ti-transfer-button-disabled-bg-color);color:var(--ti-transfer-button-disabled-text-color);line-height:1}.tiny-transfer .tiny-transfer__button.is-disabled .tiny-svg,.tiny-transfer .tiny-transfer__button.is-disabled:hover .tiny-svg{fill:var(--ti-transfer-button-disabled-text-color)}.tiny-transfer-panel{border:1px solid var(--ti-transfer-panel-border-color);border-radius:var(--ti-transfer-panel-border-radius);overflow:hidden;background:var(--ti-transfer-panel-bg-color);width:var(--ti-transfer-panel-width);max-height:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.tiny-transfer-panel__body{position:relative;height:var(--ti-transfer-panel-body-height);text-align:left;padding-right:2px}.tiny-transfer-panel__body.is-with-footer{padding-bottom:40px;height:calc(100% - 40px)}.tiny-transfer-panel__body .tiny-tree{height:100%;padding:0 8px 8px;overflow:auto}.tiny-transfer-panel__body .tiny-tree::-webkit-scrollbar{width:8px;height:8px}.tiny-transfer-panel__body .tiny-tree::-webkit-scrollbar-track-piece{background:#fafafa}.tiny-transfer-panel__body .tiny-tree::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:calc(8px / 2)}.tiny-transfer-panel__body .tiny-tree::-webkit-scrollbar-thumb:hover{background:#999}.tiny-transfer-panel__body .tiny-tree::-webkit-scrollbar-thumb:active{background:#999}.tiny-transfer-panel__body .tiny-transfer-panel__filter~.tiny-tree{height:calc(100% - 46px)}.tiny-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:var(--ti-transfer-panel-body-height);overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:block}.tiny-transfer-panel__list.tiny-checkbox-group{display:block}.tiny-transfer-panel__list.is-filterable{height:var(--ti-transfer-panel-body-filter-height);padding-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-transfer-panel__list.is-filterable .tiny-transfer-panel__item{-ms-flex-negative:0;flex-shrink:0}}.tiny-transfer-panel .tiny-transfer-panel__list::-webkit-scrollbar{width:8px;height:8px}.tiny-transfer-panel .tiny-transfer-panel__list::-webkit-scrollbar-track-piece{background:#fafafa}.tiny-transfer-panel .tiny-transfer-panel__list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:calc(8px / 2)}.tiny-transfer-panel .tiny-transfer-panel__list::-webkit-scrollbar-thumb:hover{background:#999}.tiny-transfer-panel .tiny-transfer-panel__list::-webkit-scrollbar-thumb:active{background:#999}.tiny-transfer-panel__item{line-height:var(--ti-transfer-panel-item-height);padding-left:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .5s;transition:all .5s}.tiny-transfer-panel__item+.tiny-transfer-panel__item{margin-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-transfer-panel__item.tiny-checkbox{color:var(--ti-transfer-panel-item-text-color);line-height:var(--ti-transfer-panel-item-height);margin:0;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-transfer-panel__item.tiny-checkbox.tiny-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:22px;line-height:var(--ti-transfer-panel-item-height)}.tiny-transfer-panel__item.tiny-checkbox .tiny-checkbox__input{line-height:1}.tiny-transfer-panel__item:hover{background:var(--ti-transfer-panel-item-hover-bg-color);color:var(--ti-transfer-panel-item-hover-text-color)}.tiny-transfer-panel__item.is-disabled:hover{background:0}.tiny-transfer-panel__item.tiny-checkbox__input{position:absolute;top:7px}.tiny-transfer-panel__filter{text-align:center;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:auto}.tiny-transfer-panel__filter .tiny-input__inner{height:var(--ti-transfer-panel-filter-height);line-height:var(--ti-transfer-panel-filter-height);width:100%;font-size:var(--ti-transfer-panel-filter-font-size);display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--ti-transfer-panel-filter-border-radius);padding-right:30px;padding-left:8px}.tiny-transfer-panel__filter .tiny-input__icon{margin-left:5px}.tiny-transfer-panel__filter .tiny-icon-circle-close{cursor:pointer}.tiny-transfer-panel .tiny-transfer-panel__header{height:var(--ti-transfer-header-height);line-height:var(--ti-transfer-header-height);background:var(--ti-transfer-header-bg-color);margin:0;padding:0 8px;border-bottom:1px solid var(--ti-transfer-header-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--ti-transfer-header-text-color);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-transfer-panel .tiny-transfer-panel__header .tiny-checkbox{width:100%;line-height:1;text-align:left}.tiny-transfer-panel .tiny-transfer-panel__header .tiny-checkbox .tiny-checkbox__label{font-size:var(--ti-transfer-header-font-size);color:var(--ti-transfer-header-text-color);font-weight:400;width:calc(100% - 38px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-transfer-panel .tiny-transfer-panel__header .tiny-checkbox .tiny-checkbox__label span{position:absolute;right:0;color:var(--ti-transfer-header-span-text-color);font-size:var(--ti-transfer-header-font-size);font-weight:400}.tiny-transfer-panel .tiny-transfer-panel__header .headSort{position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-transfer-panel .tiny-transfer-panel__header .headSort div{width:var(--ti-transfer-header-sort-width);height:var(--ti-transfer-header-sort-width);line-height:var(--ti-transfer-header-sort-width);margin-right:8px;text-align:center;border:1px solid;border-radius:50%;color:var(--ti-transfer-header-sort-text-color);display:inline-block;cursor:pointer}.tiny-transfer-panel .tiny-transfer-panel__header .headSort div i{width:calc(var(--ti-transfer-header-sort-width) - 2px);height:calc(var(--ti-transfer-header-sort-width) - 2px);display:block}.tiny-transfer-panel .tiny-transfer-panel__footer{height:var(--ti-transfer-footer-height);background:var(--ti-transfer-footer-bg-color);margin:0;padding:0;border-top:1px solid var(--ti-transfer-footer-border-color);position:absolute;bottom:0;left:0;width:100%;z-index:1}.tiny-transfer-panel .tiny-transfer-panel__footer::after{display:inline-block;content:'';height:100%;vertical-align:middle}.tiny-transfer-panel .tiny-transfer-panel__footer .tiny-checkbox{padding-left:20px;color:var(--ti-transfer-footer-text-color)}.tiny-transfer-panel .tiny-transfer-panel__empty{position:absolute;width:100%;top:calc(50% - 33px);margin:0;height:var(--ti-transfer-empty-height);line-height:var(--ti-transfer-empty-height);padding:6px 15px 0;color:var(--ti-transfer-empty-text-color);text-align:center}.tiny-transfer-panel.transferGrid{width:600px}.tiny-transfer-panel.transferGrid .tiny-transfer-panel__body{height:100%}.tiny-transfer-panel.transferGrid .tiny-table.simple{width:100%;padding:0 8px;height:400px;overflow-y:auto}.tiny-transfer-panel.transferGrid .tiny-table.simple table{width:100%}.tiny-transfer-panel.transferGrid .tiny-pager{padding:10px}.tiny-transfer-panel .tiny-checkbox__label{padding-left:8px}

package/transfer/index.js

@@ -0,0 +1,47 @@
+/**
+* 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-transfer-font-size': '14px',
+  'tiny-transfer-button-bg-color': '#1890ff',
+  'tiny-transfer-button-border-radius': '2px',
+  'tiny-transfer-button-disabled-text-color': '#999',
+  'tiny-transfer-button-disabled-border-color': '#d9d9d9',
+  'tiny-transfer-button-disabled-bg-color': '#f5f5f5',
+  'tiny-transfer-panel-bg-color': '#fff',
+  'tiny-transfer-panel-body-height': '260px',
+  'tiny-transfer-panel-border-color': '#d9d9d9',
+  'tiny-transfer-panel-border-radius': '2px',
+  'tiny-transfer-panel-item-height': '30px',
+  'tiny-transfer-panel-item-text-color': '#333',
+  'tiny-transfer-panel-item-hover-text-color': '#1890ff',
+  'tiny-transfer-panel-item-hover-bg-color': '#e6f7ff',
+  'tiny-transfer-panel-filter-height': '30px',
+  'tiny-transfer-panel-filter-font-size': '12px',
+  'tiny-transfer-panel-filter-border-radius': '2px',
+  'tiny-transfer-panel-body-filter-height': '216px',
+  'tiny-transfer-panel-width': '200px',
+  'tiny-transfer-header-height': '36px',
+  'tiny-transfer-header-bg-color': '#f5f5f5',
+  'tiny-transfer-header-border-color': '#d9d9d9',
+  'tiny-transfer-header-text-color': '#333',
+  'tiny-transfer-header-span-text-color': '#252b3a',
+  'tiny-transfer-header-font-size': '12px',
+  'tiny-transfer-header-sort-width': '20px',
+  'tiny-transfer-header-sort-text-color': '#1890ff',
+  'tiny-transfer-footer-height': '40px',
+  'tiny-transfer-footer-bg-color': '#fff',
+  'tiny-transfer-footer-border-color': '#d9d9d9',
+  'tiny-transfer-footer-text-color': '#606266',
+  'tiny-transfer-empty-height': '30px',
+  'tiny-transfer-empty-text-color': '#909399'
+}

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

package/tree/index.css

@@ -1 +1 @@
-.tiny-tree{position:relative;cursor:default;background:#fff;color:var(--ti-base-color-common)}.tiny-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.tiny-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#909399}.tiny-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:var(--ti-tree-minus-square-color)}.tiny-tree.is-dragging .tiny-tree-node__content{cursor:move}.tiny-tree.is-dragging .tiny-tree-node__content *{pointer-events:none}.tiny-tree.is-dragging.is-drop-not-allow .tiny-tree-node__content{cursor:not-allowed}.tiny-tree--highlight-current .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--ti-tree-node-bg-color-checked)}.tiny-tree-node{white-space:nowrap;outline:0}.tiny-tree-node.is-current>.tiny-tree-node__content,.tiny-tree-node:focus>.tiny-tree-node__content{background-color:var(--ti-tree-node-bg-color-checked)}.tiny-tree-node.is-drop-inner>.tiny-tree-node__content .tiny-tree-node__label{background-color:var(--ti-tree-minus-square-color);color:#fff}.tiny-tree-node.is-checked .tiny-tree-node__expand-icon,.tiny-tree-node.is-expanded .tiny-tree-node__expand-icon,.tiny-tree-node.is-indeterminate .tiny-tree-node__expand-icon{fill:var(--ti-tree-node-checked-icon-color)}.tiny-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:30px;cursor:pointer}.tiny-tree-node__content:hover{background-color:var(--ti-tree-content-box-color-hover)}.tiny-tree-node__content>label.tiny-checkbox{margin-left:8px}.tiny-tree-node__content .tree-node-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-tree-node__expand-icon{cursor:pointer;fill:var(--ti-base-color-common-1);font-size:16px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-ms-flex-negative:0;flex-shrink:0}.tiny-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg);fill:var(--ti-tree-minus-square-color)}.tiny-tree-node__expand-icon.is-leaf{visibility:hidden}.tiny-tree-node__label{font-size:14px;margin-left:4px}.tiny-tree-node__loading-icon{margin-left:4px;font-size:14px;fill:#c0c4cc}.tiny-tree-node>.tiny-tree-node__children{overflow:hidden;background-color:transparent}.tiny-tree-node.is-expanded>.tiny-tree-node__children{display:block}.tiny-tree-node__menu{position:absolute;top:0;left:0;z-index:5000;font-size:12px;-webkit-box-shadow:2px 2px 4px -2px #000;box-shadow:2px 2px 4px -2px #000;padding:0 1px;color:#606266;font-family:Helvetica,Arial,'Microsoft YaHei',sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-tree-node .tiny-radio{margin-right:0}.tiny-tree-node .tiny-radio .tiny-radio__label{display:none}
+.tiny-tree{--ti-tree-text-color:var(--ti-base-color-info-normal);--ti-tree-bg-color:var(--ti-base-color-light);--ti-tree-empty-text-color:#909399;--ti-tree-node-content-current-bg-color:var(--ti-base-color-brand-2);--ti-tree-node-content-hover-bg-color:var(--ti-base-color-hover-background);--ti-tree-node-label-font-size:var(--ti-common-font-size-1);--ti-tree-node-label-margin-left:var(--ti-common-space-base);--ti-tree-node-label-bg-color:var(--ti-base-color-brand-5);--ti-tree-node-label-text-color:var(--ti-base-color-light);--ti-tree-node-icon-font-size:var(--ti-common-font-size-1);--ti-tree-node-loading-icon-color:#1890ff;--ti-tree-node-expand-icon-color:var(--ti-base-color-info-normal);--ti-tree-node-checked-icon-color:var(--ti-base-color-brand-6);position:relative;cursor:default;background:var(--ti-tree-bg-color);color:var(--ti-tree-text-color)}.tiny-tree .is-drop-inner{position:relative}.tiny-tree .is-drop-inner::before{pointer-events:none;border:2px solid var(--ti-tree-node-checked-icon-color);content:' ';position:absolute;top:0;bottom:0;left:0;right:0}.tiny-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.tiny-tree__empty-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--ti-tree-empty-text-color)}.tiny-tree__drop-indicator{position:absolute;left:0;right:0;height:2px;background-color:var(--ti-tree-node-checked-icon-color)}.tiny-tree.is-dragging .tiny-tree-node__content{cursor:move}.tiny-tree.is-dragging .tiny-tree-node__content *{pointer-events:none}.tiny-tree.is-dragging.is-drop-not-allow .tiny-tree-node__content{cursor:not-allowed}.tiny-tree--highlight-current .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:#f0f7ff}.tiny-tree-node{white-space:nowrap;outline:0}.tiny-tree-node:focus>.tiny-tree-node__content{background-color:var(--ti-tree-node-content-hover-bg-color)}.tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--ti-tree-node-content-current-bg-color)}.tiny-tree-node.is-drop-inner>.tiny-tree-node__content .tiny-tree-node__label{background-color:var(--ti-tree-node-label-bg-color);color:var(--ti-tree-node-label-text-color)}.tiny-tree-node.is-checked .tiny-tree-node__expand-icon,.tiny-tree-node.is-expanded .tiny-tree-node__expand-icon,.tiny-tree-node.is-indeterminate .tiny-tree-node__expand-icon{fill:var(--ti-tree-node-expand-icon-color)}.tiny-tree-node__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:30px;cursor:pointer;border-radius:var(--ti-common-border-radius-normal)}.tiny-tree-node__content:hover{background-color:var(--ti-tree-node-content-hover-bg-color)!important}.tiny-tree-node__content:hover .tiny-tree-node__expand-icon{fill:var(--ti-tree-node-checked-icon-color)!important}.tiny-tree-node__content>label.tiny-checkbox{margin-left:var(--ti-tree-node-label-margin-left)}.tiny-tree-node__expand-icon{cursor:pointer;fill:var(--ti-tree-node-expand-icon-color);font-size:var(--ti-tree-node-icon-font-size);-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-ms-flex-negative:0;flex-shrink:0}.tiny-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tiny-tree-node__expand-icon.is-leaf{visibility:hidden}.tiny-tree-node__label{font-size:var(--ti-tree-node-label-font-size);margin-left:var(--ti-tree-node-label-margin-left)}.tiny-tree-node__loading.circular{margin-right:4px;margin-left:var(--ti-tree-node-label-margin-left);font-size:var(--ti-tree-node-icon-font-size);fill:var(--ti-tree-node-loading-icon-color);-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.tiny-tree-node__loading.circular .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:#1890ff;stroke-linecap:round}.tiny-tree-node>.tiny-tree-node__children{overflow:hidden;background-color:transparent}.tiny-tree-node.is-expanded>.tiny-tree-node__children{display:block}.tiny-tree-node__menu{position:absolute;top:0;left:0;z-index:5000;font-size:var(--ti-common-font-size-base);-webkit-box-shadow:2px 2px 4px -2px #000;box-shadow:2px 2px 4px -2px #000;padding:0 1px;color:#606266;font-family:Helvetica,Arial,'Microsoft YaHei',sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-tree-node .tiny-radio{margin-right:0}.tiny-tree-node .tiny-radio .tiny-radio__label{display:none}.tiny-tree-node .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}@-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/tree/index.js

@@ -0,0 +1,27 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+export default {
+  'tiny-tree-text-color': '#333',
+  'tiny-tree-bg-color': '#fff',
+  'tiny-tree-empty-text-color': '#909399',
+  'tiny-tree-node-content-current-bg-color': '#f5f5f5',
+  'tiny-tree-node-content-hover-bg-color': '#e6f7ff',
+  'tiny-tree-node-label-font-size': '14px',
+  'tiny-tree-node-label-margin-left': '4px',
+  'tiny-tree-node-label-bg-color': '#40a9ff',
+  'tiny-tree-node-label-text-color': '#fff',
+  'tiny-tree-node-icon-font-size': '14px',
+  'tiny-tree-node-loading-icon-color': '#1890ff',
+  'tiny-tree-node-expand-icon-color': '#333',
+  'tiny-tree-node-checked-icon-color': '#5e7ce0'
+}

package/tree-menu/index.css

@@ -1 +1 @@
-.tiny-tree-menu{width:210px;position:relative;font-size:12px}.tiny-tree-menu:before{content:'';border-right:1px solid #d9d9d9;position:absolute;top:0;right:0;height:100%;z-index:1}.tiny-tree-menu .tiny-input .tiny-input__inner{border:none;border-bottom:1px solid #d9d9d9}.tiny-tree-menu .tiny-tree .tiny-tree-node__expand-icon{cursor:pointer;fill:var(--ti-leftmenu-icon-color-nomal);font-size:12px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-ms-flex-negative:0;flex-shrink:0}.tiny-tree-menu .tiny-tree .tiny-tree-node__expand-icon.expanded{-webkit-transform:rotate(90deg);transform:rotate(90deg);fill:var(--ti-tree-minus-square-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node__expand-icon.is-leaf{visibility:hidden}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content{height:40px;line-height:40px;overflow:hidden}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:8px}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node{width:100%}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{padding:0 12px}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:#fff;position:relative}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-name{border-left:2px solid var(--ti-tree-minus-square-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body{color:var(--ti-tree-minus-square-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body{color:var(--ti-base-color-common);display:block}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body,.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body:hover{text-decoration:none}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-right:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node{width:calc(100% - 24px)}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__content{min-height:40px;height:auto}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-body{min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__label{display:-webkit-box;display:-ms-flexbox;display:flex}}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-name{white-space:normal;line-height:normal;display:block;word-break:break-all}
+.tiny-tree-menu{--ti-tree-menu-width:210px;--ti-tree-menu-font-size:var(--ti-common-font-size-base);--ti-tree-menu-border-color:#d9d9d9;--ti-tree-menu-node-height:var(--ti-common-size-10x);--ti-tree-menu-node-hover-bg-color:var(--ti-base-color-white);--ti-tree-menu-node-current-text-color:var(--ti-base-color-brand-6);--ti-tree-menu-node-body-text-color:var(--ti-base-color-info-normal);--ti-tree-menu-square-left-border-color:var(--ti-base-color-brand-6);width:var(--ti-tree-menu-width);position:relative;font-size:var(--ti-tree-menu-font-size)}.tiny-tree-menu:before{content:'';border-right:1px solid var(--ti-tree-menu-border-color);position:absolute;top:0;right:0;height:100%;z-index:1}.tiny-tree-menu .tiny-input .tiny-input__inner{border:none;border-bottom:1px solid var(--ti-tree-menu-border-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content{height:var(--ti-tree-menu-node-height);line-height:var(--ti-tree-menu-node-height);overflow:hidden}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:8px}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node{width:100%}.tiny-tree-menu .tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{padding:0 24px}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content{background-color:var(--ti-tree-menu-node-hover-bg-color);position:relative}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-name{border-left:2px solid var(--ti-tree-menu-square-left-border-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-current>.tiny-tree-node__content .tree-node-body{color:var(--ti-tree-menu-node-current-text-color)}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body{color:var(--ti-tree-menu-node-body-text-color);display:block}.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body,.tiny-tree-menu .tiny-tree .tiny-tree-node .tree-node-body:hover{text-decoration:none}.tiny-tree-menu .tiny-tree .tiny-tree-node.is-loading .tiny-tree-node__content .tree-node-name{padding-left:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-right:0}.tiny-tree-menu .tiny-tree-menu__overflow.tiny-tree .tiny-tree-node .tiny-tree-node__content .tree-node{width:calc(100% - 24px)}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__content{min-height:var(--ti-tree-menu-node-height);height:auto}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-body{min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tiny-tree-node__label{display:-webkit-box;display:-ms-flexbox;display:flex}}.tiny-tree-menu .tiny-tree-menu__wrap.tiny-tree .tree-node-name{white-space:normal;line-height:normal;display:block;word-break:break-all}

package/tree-menu/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-tree-menu-width': '210px',
+  'tiny-tree-menu-font-size': '12px',
+  'tiny-tree-menu-border-color': '#d9d9d9',
+  'tiny-tree-menu-node-height': '40px',
+  'tiny-tree-menu-node-hover-bg-color': '#e6f7ff',
+  'tiny-tree-menu-node-current-text-color': '#1890ff',
+  'tiny-tree-menu-node-body-text-color': '#333',
+  'tiny-tree-menu-square-left-border-color': '#1890ff'
+}

package/upload/index.css

@@ -1 +1 @@
-.tiny-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.tiny-upload__input{display:none}.tiny-upload__tip{font-size:12px;color:#666;margin-top:8px}.tiny-upload--picture-card{width:100px;height:100px;line-height:100px;background-color:#fff;border:1px dashed var(--ti-common-color-line-normal);border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.tiny-upload--picture-card svg{font-size:20px;fill:var(--ti-button-default-normal-color)}.tiny-upload--picture-card:hover,.tiny-upload:focus{border-color:var(--ti-button-default-border-color-hover);color:var(--ti-button-default-border-color-hover)}.tiny-upload--picture-card:hover svg,.tiny-upload:focus svg{fill:var(--ti-button-default-border-color-hover)}.tiny-upload:focus .tiny-upload-dragger{border-color:var(--ti-button-default-border-color-hover)}.tiny-upload-cover__title,.tiny-upload-list__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-upload--picture-card,.tiny-upload-dragger{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.tiny-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.tiny-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.tiny-upload-cover::after{display:inline-block;content:'';height:100%;vertical-align:middle}.tiny-upload-cover img{display:block;width:100%;height:100%}.tiny-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.tiny-upload-cover__label i{color:#fff;font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tiny-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.tiny-upload-cover__progress+.tiny-upload__inner{opacity:0}.tiny-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.tiny-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.tiny-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;-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);margin-top:60px}.tiny-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.tiny-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.tiny-upload-cover__interact .btn:not(:first-child){margin-left:35px}.tiny-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.tiny-upload-cover__interact .btn:hover span{opacity:1}.tiny-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;width:100%;height:36px;line-height:36px;font-weight:400;padding:0 10px;margin:0;font-size:14px;color:var(--ti-tip-bg-color);text-align:left}.tiny-upload-cover+.tiny-upload__inner{opacity:0;position:relative;z-index:1}[class*=tiny-] input[type=file]{display:none}
+.tiny-upload{--ti-upload-tip-font-size:var(--ti-common-font-size-base);--ti-upload-tip-text-color:#666;--ti-upload-picture-card-bg-color:#fbfdff;--ti-upload-picture-card-border-color:#c0ccda;--ti-upload-picture-card-border-radius:6px;--ti-upload-picture-card-hover-text-color:var(--ti-base-color-brand-5);--ti-upload-picture-card-icon-font-size:28px;--ti-upload-picture-card-icon-color:#8c939d;display:inline-block;text-align:center;cursor:pointer;outline:0}.tiny-upload__input{display:none}.tiny-upload__tip{font-size:var(--ti-upload-tip-font-size);color:var(--ti-upload-tip-text-color);margin-top:8px}.tiny-upload--picture-card{width:148px;height:148px;line-height:146px;background-color:var(--ti-upload-picture-card-bg-color);border:1px dashed var(--ti-upload-picture-card-border-color);border-radius:var(--ti-upload-picture-card-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.tiny-upload--picture-card svg{font-size:var(--ti-upload-picture-card-icon-font-size);fill:var(--ti-upload-picture-card-icon-color)}.tiny-upload--picture-card:hover,.tiny-upload:focus{border-color:var(--ti-upload-picture-card-hover-text-color);color:var(--ti-upload-picture-card-hover-text-color)}.tiny-upload:focus .tiny-upload-dragger{border-color:var(--ti-upload-picture-card-hover-text-color)}.tiny-upload-cover__title,.tiny-upload-list__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-upload--picture-card,.tiny-upload-dragger{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.tiny-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.tiny-upload input[type=file]{display:none}.tiny-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.tiny-upload-cover::after{display:inline-block;content:'';height:100%;vertical-align:middle}.tiny-upload-cover img{display:block;width:100%;height:100%}.tiny-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.tiny-upload-cover__label i{color:#fff;font-size:var(--ti-common-font-size-base);margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tiny-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.tiny-upload-cover__progress+.tiny-upload__inner{opacity:0}.tiny-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.tiny-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.tiny-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:var(--ti-common-font-size-1);cursor:pointer;vertical-align:middle;-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);margin-top:60px}.tiny-upload-cover__interact .btn span{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.tiny-upload-cover__interact .btn i{color:#fff;display:block;font-size:var(--ti-common-font-size-5);line-height:inherit;margin:0 auto 5px}.tiny-upload-cover__interact .btn:not(:first-child){margin-left:35px}.tiny-upload-cover__interact .btn:hover{-webkit-transform:translateY(-13px);transform:translateY(-13px)}.tiny-upload-cover__interact .btn:hover span{opacity:1}.tiny-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;width:100%;height:36px;line-height:36px;font-weight:400;padding:0 10px;margin:0;font-size:var(--ti-common-font-size-1);color:#303133;text-align:left}.tiny-upload-cover+.tiny-upload__inner{opacity:0;position:relative;z-index:1}.is-hidden{display:none}

package/upload/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-upload-tip-font-size': '14px',
+  'tiny-upload-tip-text-color': '#333',
+  'tiny-upload-picture-card-bg-color': '#fbfdff',
+  'tiny-upload-picture-card-border-color': '#c0ccda',
+  'tiny-upload-picture-card-border-radius': '6px',
+  'tiny-upload-picture-card-hover-text-color': '#40a9ff',
+  'tiny-upload-picture-card-icon-font-size': '28px',
+  'tiny-upload-picture-card-icon-color': '#8c939d'
+}

package/upload-dragger/index.css

@@ -1 +1 @@
-.tiny-upload-dragger{width:360px;height:180px;background-color:#fff;border:1px dashed #d9d9d9;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-upload-dragger:hover{border-color:#40a9ff}.tiny-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed #40a9ff}.tiny-upload-dragger .icon-fileupload{font-size:36px;fill:#999}.tiny-upload-dragger .tiny-upload__text{color:#666;font-size:12px;text-align:center}.tiny-upload-dragger .tiny-upload__text em{color:#40a9ff;font-style:normal}.tiny-upload-dragger+.tiny-upload__tip{text-align:center}.tiny-upload-dragger~.tiny-upload__files{border-top:1px solid #dcdfe6;margin-top:7px;padding-top:5px}
+.tiny-upload-dragger{--ti-upload-dragger-width:360px;--ti-upload-dragger-height:180px;--ti-upload-dragger-bg-color:#fafafa;--ti-upload-dragger-border-color:var(--ti-base-color-border);--ti-upload-dragger-border-radius:var(--ti-common-border-radius-normal);--ti-upload-dragger-hover-text-color:var(--ti-base-color-brand-5);--ti-upload-dragger-dragover-bg-color:rgba(32, 159, 255, 0.06);--ti-upload-dragger-icon-color:var(--ti-base-color-placeholder);--ti-upload-dragger-icon-font-size:var(--ti-common-font-size-7);--ti-upload-dragger-text-color:var(--ti-base-color-secondary);--ti-upload-dragger-text-font-size:var(--ti-common-font-size-base);--ti-upload-dragger-files-border-color:#dcdfe6;width:var(--ti-upload-dragger-width);height:var(--ti-upload-dragger-height);background-color:var(--ti-upload-dragger-bg-color);border:1px dashed var(--ti-upload-dragger-border-color);border-radius:var(--ti-upload-dragger-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-upload-dragger:hover{border-color:var(--ti-upload-dragger-hover-text-color)}.tiny-upload-dragger.is-dragover{background-color:var(--ti-upload-dragger-dragover-bg-color,rgba(32,159,255,.06));border:2px dashed var(--ti-upload-dragger-hover-text-color)}.tiny-upload-dragger .icon-fileupload{font-size:var(--ti-upload-dragger-icon-font-size);fill:var(--ti-upload-dragger-icon-color)}.tiny-upload-dragger .tiny-upload__text{color:var(--ti-upload-dragger-text-color);font-size:var(--ti-upload-dragger-text-font-size);text-align:center}.tiny-upload-dragger .tiny-upload__text em{color:var(--ti-upload-dragger-hover-text-color);font-style:normal}.tiny-upload-dragger+.tiny-upload__tip{text-align:center}.tiny-upload-dragger~.tiny-upload__files{border-top:1px solid var(--ti-upload-dragger-files-border-color);margin-top:7px;padding-top:5px}

package/upload-dragger/index.js

@@ -0,0 +1,26 @@
+/**
+* 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-upload-dragger-width': '360px',
+  'tiny-upload-dragger-height': '180px',
+  'tiny-upload-dragger-bg-color': '#fafafa',
+  'tiny-upload-dragger-border-color': '#d9d9d9',
+  'tiny-upload-dragger-border-radius': '2px',
+  'tiny-upload-dragger-hover-text-color': '#40a9ff',
+  'tiny-upload-dragger-dragover-bg-color': 'rgba(32, 159, 255, 0.06)',
+  'tiny-upload-dragger-icon-color': '#999',
+  'tiny-upload-dragger-icon-font-size': '36px',
+  'tiny-upload-dragger-text-color': '#666',
+  'tiny-upload-dragger-text-font-size': '12px',
+  'tiny-upload-dragger-files-border-color': '#dcdfe6'
+}

package/upload-list/index.css

@@ -1 +1 @@
-.tiny-upload-list{margin:0;padding:0;list-style:none}.tiny-upload-list .tiny-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:var(--ti-base-color-common);line-height:1.8;margin-top:8px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;width:100%;outline:0}.tiny-upload-list .tiny-upload-list__item:hover{background-color:#f5f7fa}.tiny-upload-list .tiny-upload-list__item:hover .tiny-svg.icon-close{display:inline-block}.tiny-upload-list .tiny-upload-list__item:hover .tiny-progress__text{display:none}.tiny-upload-list .tiny-upload-list__item.is-success .tiny-upload-list__item-status-label{display:block}.tiny-upload-list .tiny-upload-list__item.is-success .tiny-upload-list__item-name:focus,.tiny-upload-list .tiny-upload-list__item.is-success .tiny-upload-list__item-name:hover{color:var(--ti-common-color-text-secondary);cursor:pointer;text-decoration:none}.tiny-upload-list .tiny-upload-list__item.is-success:focus:not(:hover) .tiny-icon-close-tip{display:inline-block}.tiny-upload-list .tiny-upload-list__item.is-success:active,.tiny-upload-list .tiny-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.tiny-upload-list .tiny-upload-list__item.is-success:active .tiny-icon-close-tip,.tiny-upload-list .tiny-upload-list__item.is-success:focus .tiny-upload-list__item-status-label,.tiny-upload-list .tiny-upload-list__item.is-success:hover .tiny-upload-list__item-status-label,.tiny-upload-list .tiny-upload-list__item.is-success:not(.focusing):focus .tiny-icon-close-tip{display:none}.tiny-upload-list .tiny-upload-list__item.is-disabled .tiny-upload-list .tiny-upload-list__item:hover .tiny-upload-list .tiny-upload-list__item-status-label{display:block}.tiny-upload-list .tiny-upload-list__item.isEdm .tiny-upload-list__item-name{display:inline-block}.tiny-upload-list .tiny-upload-list__item.isEdm .tiny-upload-list__item-name.isFail{color:red}.tiny-upload-list .tiny-upload-list__item .tiny-progress{position:absolute;top:20px;width:100%}.tiny-upload-list .tiny-upload-list__item .tiny-progress__text{position:absolute;right:0;top:-13px}.tiny-upload-list .tiny-upload-list__item .tiny-progress-bar{margin-right:0;padding-right:0}.tiny-upload-list .tiny-upload-list__item .tiny-svg.icon-successful{font-size:14px;color:var(--ti-common-color-text-secondary);fill:var(--ti-common-color-text-secondary)}.tiny-upload-list .tiny-upload-list__item .tiny-svg.icon-close{display:none;position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);fill:#606266;font-size:12px;opacity:.75;cursor:pointer}.tiny-upload-list .tiny-upload-list__item .tiny-svg.icon-close:hover{opacity:1}.tiny-upload-list .tiny-upload-list__item .tiny-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:#40a9ff}.tiny-upload-list__item-edminfo,.tiny-upload-list__item-folder{display:inline-block;vertical-align:top}.tiny-upload-list__item-edminfo{margin-right:20px}.tiny-upload-list__item-edminfo span{display:inline-block;margin-right:10px}.tiny-upload-list__item-edminfo.isFail span{color:var(--ti-input-border-color-error)}.tiny-upload-list__item-name{color:var(--ti-base-color-common);display:block;margin-right:40px;padding-left:4px;-webkit-transition:color .3s;transition:color .3s}.tiny-upload-list__item-name .tiny-svg{font-size:16px;margin-right:4px;fill:#909399}.tiny-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.tiny-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:#606266;display:none}.tiny-upload-list__item-delete:hover{color:#40a9ff}.tiny-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.tiny-upload-list--picture-card .tiny-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.tiny-upload-list--picture-card .tiny-upload-list__item .tiny-icon-check{fill:#fff}.tiny-upload-list--picture-card .tiny-upload-list__item .tiny-svg.icon-close,.tiny-upload-list--picture-card .tiny-upload-list__item:hover .tiny-upload-list__item-status-label{display:none}.tiny-upload-list--picture-card .tiny-upload-list__item:hover .tiny-progress__text{display:block}.tiny-upload-list--picture-card .tiny-upload-list__item-name{display:none}.tiny-upload-list--picture-card .tiny-upload-list__item-thumbnail{width:100%;height:100%}.tiny-upload-list--picture-card .tiny-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#52c41a;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.tiny-upload-list--picture-card .tiny-upload-list__item-status-label .tiny-svg{font-size:12px;margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tiny-upload-list--picture-card .tiny-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.tiny-upload-list--picture-card .tiny-upload-list__item-actions::after{display:inline-block;content:'';height:100%;vertical-align:middle}.tiny-upload-list--picture-card .tiny-upload-list__item-actions:hover{opacity:1}.tiny-upload-list--picture-card .tiny-upload-list__item-actions:hover span{display:inline-block}.tiny-upload-list--picture-card .tiny-upload-list__item-actions span{display:none;cursor:pointer}.tiny-upload-list--picture-card .tiny-upload-list__item-actions span+span{margin-left:15px}.tiny-upload-list--picture-card .tiny-upload-list__item-actions .tiny-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.tiny-upload-list--picture-card .tiny-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.tiny-upload-list--picture-card .tiny-progress .tiny-progress__text{top:50%}.tiny-upload-list--picture .tiny-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:8px;outline:0}.tiny-upload-list--picture .tiny-upload-list__item .tiny-icon-check{fill:#fff}.tiny-upload-list--picture .tiny-upload-list__item:hover .tiny-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.tiny-upload-list--picture .tiny-upload-list__item:hover .tiny-progress__text{display:block}.tiny-upload-list--picture .tiny-upload-list__item.is-success .tiny-upload-list__item-name{line-height:56px;margin-top:0}.tiny-upload-list--picture .tiny-upload-list__item.is-success .tiny-upload-list__item-name .tiny-svg{display:none}.tiny-upload-list--picture .tiny-upload-list__item-thumbnail{width:56px;height:56px;border:1px solid #d9d9d9;border-radius:2px;float:left;position:relative;z-index:1;vertical-align:middle;margin-right:12px}.tiny-upload-list--picture .tiny-upload-list__item-name{display:block;line-height:56px}.tiny-upload-list--picture .tiny-upload-list__item-name .tiny-svg{font-size:14px}.tiny-upload-list--picture .tiny-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#52c41a;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.tiny-upload-list--picture .tiny-upload-list__item-status-label .tiny-svg{font-size:12px;margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tiny-upload-list--picture .tiny-progress{position:relative;top:-7px}
+.tiny-upload-list{--ti-upload-list-item-font-size:var(--ti-common-font-size-1);--ti-upload-list-item-text-color:var(--ti-base-color-info-normal);--ti-upload-list-item-border-radius:var(--ti-common-border-radius-normal);--ti-upload-list-item-hover-background-color:#f5f7fa;--ti-upload-list-item-hover-text-color:var(--ti-base-color-brand-5);--ti-upload-list-item-name-icon-color:#909399;--ti-upload-list-item-name-icon-font-size:var(--ti-common-font-size-2);--ti-upload-list-svg-close-icon-color:#606266;--ti-upload-list-svg-icon-font-size:var(--ti-common-font-size-base);--ti-upload-list-successful-icon-font-size:var(--ti-common-font-size-1);--ti-upload-list-picture-card-item-border-color:var(--ti-base-color-border);--ti-upload-list-picture-card-item-bg-color:var(--ti-base-color-light);--ti-upload-list-picture-card-item-text-color:var(--ti-base-color-light);--ti-upload-list-successful-status-bg-color:var(--ti-base-color-success-normal);margin:0;padding:0;list-style:none}.tiny-upload-list__item{-webkit-transition:all .5s cubic-bezier(.55,0,.1,1);transition:all .5s cubic-bezier(.55,0,.1,1);font-size:var(--ti-upload-list-item-font-size);color:var(--ti-upload-list-item-text-color);line-height:1.8;margin-top:8px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--ti-upload-list-item-border-radius);width:100%;outline:0}.tiny-upload-list__item:hover{background-color:var(--ti-upload-list-item-hover-background-color)}.tiny-upload-list__item:hover .tiny-svg.icon-close,.tiny-upload-list__item:hover .tiny-svg.icon-refres{display:inline-block}.tiny-upload-list__item:hover .tiny-progress__text{display:none}.tiny-upload-list__item.is-success .tiny-upload-list__item-status-label{display:block}.tiny-upload-list__item.is-success .tiny-upload-list__item-name:focus,.tiny-upload-list__item.is-success .tiny-upload-list__item-name:hover{color:var(--ti-upload-list-item-hover-text-color);cursor:pointer;text-decoration:none}.tiny-upload-list__item.is-success:focus:not(:hover) .tiny-icon-close-tip{display:inline-block}.tiny-upload-list__item.is-success:active,.tiny-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.tiny-upload-list__item.is-success:active .tiny-icon-close-tip,.tiny-upload-list__item.is-success:focus .tiny-upload-list__item-status-label,.tiny-upload-list__item.is-success:hover .tiny-upload-list__item-status-label,.tiny-upload-list__item.is-success:not(.focusing):focus .tiny-icon-close-tip{display:none}.tiny-upload-list__item.is-disabled .tiny-upload-list__item:hover .tiny-upload-list__item-status-label{display:block}.tiny-upload-list__item.isEdm .tiny-upload-list__item-name{display:inline-block}.tiny-upload-list__item.isEdm .tiny-upload-list__item-name.isFail{color:red}.tiny-upload-list__item.isEdm .tiny-upload-list__item-edminfo{margin-right:46px}.tiny-upload-list__item.isEdm .tiny-upload-list__item-status-label{right:16px}.tiny-upload-list__item.isEdm:not(.showUpdate) .icon-refres{display:none}.tiny-upload-list__item.isEdm:not(.showDel) .icon-close{display:none}.tiny-upload-list__item.isEdm.showUpdate .icon-refres{right:16px}.tiny-upload-list__item.isEdm.showDel .icon-close{right:16px}.tiny-upload-list__item.isEdm.showUpdate.showDel .icon-refres{right:28px}.tiny-upload-list__item.isEdm.showUpdate.showDel .icon-close{right:8px}.tiny-upload-list__item.isEdm:not(.showUpdate):not(.showDel) .tiny-upload-list__item-status-label{display:block}.tiny-upload-list__item .tiny-progress{position:absolute;top:20px;width:100%}.tiny-upload-list__item .tiny-progress__text{position:absolute;right:0;top:-13px}.tiny-upload-list__item .tiny-progress-bar{margin-right:0;padding-right:0}.tiny-upload-list__item .tiny-svg.icon-successful{font-size:var(--ti-upload-list-successful-icon-font-size);fill:var(--ti-upload-list-successful-status-bg-color)}.tiny-upload-list__item .tiny-svg.icon-close{display:none;position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);fill:var(--ti-upload-list-svg-close-icon-color);font-size:var(--ti-upload-list-svg-icon-font-size);opacity:.75;cursor:pointer}.tiny-upload-list__item .tiny-svg.icon-close:hover{opacity:1}.tiny-upload-list__item .tiny-svg.icon-refres{display:none;position:absolute;top:50%;right:28px;-webkit-transform:translateY(-50%);transform:translateY(-50%);fill:#606266;font-size:var(--ti-common-font-size-base);opacity:.75;cursor:pointer}.tiny-upload-list__item .tiny-svg.icon-refres:hover{opacity:1}.tiny-upload-list__item .tiny-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:var(--ti-upload-list-svg-icon-font-size);cursor:pointer;opacity:1;color:var(--ti-upload-list-item-hover-text-color)}.tiny-upload-list__item-edminfo,.tiny-upload-list__item-folder{display:inline-block;vertical-align:top}.tiny-upload-list__item-edminfo{margin-right:20px}.tiny-upload-list__item-edminfo span{display:inline-block;margin-right:10px}.tiny-upload-list__item-edminfo.isFail span{color:#f5222d}.tiny-upload-list__item-name{color:var(--ti-upload-list-item-text-color);display:block;margin-right:40px;padding-left:4px;-webkit-transition:color .3s;transition:color .3s}.tiny-upload-list__item-name .tiny-svg{font-size:var(--ti-upload-list-item-name-icon-font-size);margin-right:4px;fill:var(--ti-upload-list-item-name-icon-color)}.tiny-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.tiny-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:var(--ti-upload-list-svg-icon-font-size);color:var(--ti-upload-list-svg-close-icon-color);display:none}.tiny-upload-list__item-delete:hover{color:var(--ti-upload-list-item-hover-text-color)}.tiny-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.tiny-upload-list--picture-card .tiny-upload-list__item{overflow:hidden;background-color:var(--ti-upload-list-picture-card-item-bg-color);border:1px solid var(--ti-upload-list-picture-card-item-border-color);border-radius:var(--ti-upload-list-item-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.tiny-upload-list--picture-card .tiny-upload-list__item .tiny-icon-check{fill:var(--ti-upload-list-picture-card-item-text-color)}.tiny-upload-list--picture-card .tiny-upload-list__item .tiny-svg.icon-close,.tiny-upload-list--picture-card .tiny-upload-list__item .tiny-svg.icon-refres,.tiny-upload-list--picture-card .tiny-upload-list__item:hover .tiny-upload-list__item-status-label{display:none}.tiny-upload-list--picture-card .tiny-upload-list__item:hover .tiny-progress__text{display:block}.tiny-upload-list--picture-card .tiny-upload-list__item-name{display:none}.tiny-upload-list--picture-card .tiny-upload-list__item-thumbnail{width:100%;height:100%}.tiny-upload-list--picture-card .tiny-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:var(--ti-upload-list-successful-status-bg-color);text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.tiny-upload-list--picture-card .tiny-upload-list__item-status-label .tiny-svg{font-size:var(--ti-upload-list-svg-icon-font-size,12px);margin-top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tiny-upload-list--picture-card .tiny-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:var(--ti-upload-list-picture-card-item-text-color);opacity:0;font-size:var(--ti-common-font-size-4);background-color:rgba(0,0,0,.5);-webkit-transition:opacity .3s;transition:opacity .3s}.tiny-upload-list--picture-card .tiny-upload-list__item-actions::after{display:inline-block;content:'';height:100%;vertical-align:middle}.tiny-upload-list--picture-card .tiny-upload-list__item-actions:hover{opacity:1}.tiny-upload-list--picture-card .tiny-upload-list__item-actions:hover span{display:inline-block}.tiny-upload-list--picture-card .tiny-upload-list__item-actions span{display:none;cursor:pointer}.tiny-upload-list--picture-card .tiny-upload-list__item-actions span+span{margin-left:15px}.tiny-upload-list--picture-card .tiny-upload-list__item-actions .tiny-upload-list__item-delete,.tiny-upload-list--picture-card .tiny-upload-list__item-actions .tiny-upload-list__item-refres{position:static;font-size:inherit;color:inherit}.tiny-upload-list--picture-card .tiny-progress{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:auto;width:126px}.tiny-upload-list--picture-card .tiny-progress .tiny-progress__text{top:50%}.tiny-upload-list--picture .tiny-upload-list__item{overflow:hidden;z-index:0;background-color:var(--ti-upload-list-picture-card-item-bg-color);-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:8px;outline:0}.tiny-upload-list--picture .tiny-upload-list__item .tiny-icon-check{fill:var(--ti-upload-list-picture-card-item-text-color)}.tiny-upload-list--picture .tiny-upload-list__item:hover .tiny-upload-list__item-status-label{background:0 0;-webkit-box-shadow:none;box-shadow:none;top:-2px;right:-12px}.tiny-upload-list--picture .tiny-upload-list__item:hover .tiny-progress__text{display:block}.tiny-upload-list--picture .tiny-upload-list__item.is-success .tiny-upload-list__item-name{line-height:56px;margin-top:0}.tiny-upload-list--picture .tiny-upload-list__item.is-success .tiny-upload-list__item-name .tiny-svg{display:none}.tiny-upload-list--picture .tiny-upload-list__item-thumbnail{width:56px;height:56px;border:1px solid var(--ti-upload-list-picture-card-item-border-color);border-radius:var(--ti-upload-list-item-border-radius);float:left;position:relative;z-index:1;vertical-align:middle;margin-right:12px}.tiny-upload-list--picture .tiny-upload-list__item-name{display:block;line-height:56px}.tiny-upload-list--picture .tiny-upload-list__item-name .tiny-svg{font-size:var(--ti-common-font-size-1)}.tiny-upload-list--picture .tiny-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:var(--ti-upload-list-successful-status-bg-color);text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc}.tiny-upload-list--picture .tiny-upload-list__item-status-label .tiny-svg{font-size:var(--ti-upload-list-svg-icon-font-size);margin-top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tiny-upload-list--picture .tiny-progress{position:relative;top:-7px}

package/upload-list/index.js

@@ -0,0 +1,28 @@
+/**
+* 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-upload-list-item-font-size': '14px',
+  'tiny-upload-list-item-text-color': '#333',
+  'tiny-upload-list-item-border-radius': '2px',
+  'tiny-upload-list-item-hover-background-color': '#f5f7fa',
+  'tiny-upload-list-item-hover-text-color': '#40a9ff',
+  'tiny-upload-list-item-name-icon-color': '#909399',
+  'tiny-upload-list-item-name-icon-font-size': '16px',
+  'tiny-upload-list-svg-close-icon-color': '#606266',
+  'tiny-upload-list-svg-icon-font-size': '12px',
+  'tiny-upload-list-successful-icon-font-size': '14px',
+  'tiny-upload-list-picture-card-item-border-color': '#d9d9d9',
+  'tiny-upload-list-picture-card-item-bg-color': '#fff',
+  'tiny-upload-list-picture-card-item-text-color': '#fff',
+  'tiny-upload-list-successful-status-bg-color': '#52c41a'
+}

package/user/index.css

@@ -0,0 +1 @@
+.tiny-user{--ti-user-font-size:var(--ti-common-font-size-base);--ti-user-tag-bg-color:var(--ti-base-color-hover-background);--ti-user-svg-text-color:var(--ti-base-color-brand-6)}.tiny-user.mini{height:30px}.tiny-user .tiny-user__select{width:100%}.tiny-user .tiny-user__select .tiny-input .tiny-svg{fill:var(--ti-user-svg-text-color)}.tiny-user .tiny-user__select .tiny-input.is-disabled .tiny-svg{fill:var(--ti-input-normal-disabled-color)}.tiny-user .tiny-user__select .tiny-select__input{height:20px}.tiny-user .tiny-user__ghost.tiny-tag{background:var(--ti-user-tag-bg-color)}.tiny-user_select{max-width:50%;width:auto;font-size:var(--ti-user-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-user_select.left{float:left;margin-right:4px}.tiny-user_select.right{float:right;margin-left:4px}.tiny-user__select-dropdown{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}

package/user/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-user-font-size': '12px',
+  'tiny-user-tag-bg-color': '#e6f7ff',
+  'tiny-user-svg-text-color': '#1890ff'
+}

package/user-account/index.css

@@ -0,0 +1 @@
+.tiny-user-contact{--ti-user-account-padding-vertical:0;--ti-user-account-padding-horizontal:var(--ti-common-space-2x);--ti-user-account-line-height:36px}.tiny-user-contact__main .user-account-pop{padding:var(--ti-user-account-padding-vertical) var(--ti-user-account-padding-horizontal)}.tiny-user-contact__main .user-account-custom{line-height:var(--ti-user-account-line-height)}.tiny-user-contact__main .tiny-logout{line-height:var(--ti-user-account-line-height)}

package/user-account/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-user-account-padding-vertical': '0',
+  'tiny-user-account-padding-horizontal': '8px',
+  'tiny-user-account-line-height': '36px'
+}