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

package/menubar/index.css

@@ -1 +1 @@
-.tiny-menu.menu-hor{margin-bottom:0;min-height:30px;min-width:300px;font-size:14px}.tiny-menu.menu-hor>ul>li{display:inline-block;margin-left:-4px;position:relative;text-align:center;padding:0;margin:0}.tiny-menu.menu-hor>ul>li>a{display:block;padding:0 10px;min-width:120px;margin-right:-1px;color:#fff;font-size:16px}.tiny-menu.menu-hor>ul>li>a span.menu-icon{margin-right:8px;top:-2px}.tiny-menu.menu-hor>ul>li .submenu>li>a{color:var(--ti-base-color-common)}.tiny-menu.menu-hor>ul>li .submenu>li>a:focus,.tiny-menu.menu-hor>ul>li .submenu>li>a:hover{background:#e6f7ff}.tiny-menu.menu-hor>ul>li .submenu>li>a.active,.tiny-menu.menu-hor>ul>li .submenu>li>a:active{background:#f5f5f5}.tiny-menu.menu-hor>ul>li .submenu>li>span.icon-starActive{left:8px}.tiny-menu.menu-hor>ul>li .submenu>li>span.icon-transpond{right:8px}.tiny-menu.menu-hor>ul>li.node-selected>a,.tiny-menu.menu-hor>ul>li:hover>a{border-right:0}.tiny-menu.menu-hor>ul>li:last-child>a{border-right:0}.tiny-menu.menu-hor>ul li{padding:0;height:48px;line-height:48px;position:relative}.tiny-menu.menu-hor>ul li>a{min-width:60px;width:100%;height:100%;color:#fff}.tiny-menu.menu-hor>ul li>a:active,.tiny-menu.menu-hor>ul li>a:focus,.tiny-menu.menu-hor>ul li>a:hover{color:#fff;text-decoration:none;background:#474c5e}.tiny-menu.menu-hor ul{padding:0;margin:0;background:#2e3243}.tiny-menu.menu-hor .menus-left,.tiny-menu.menu-hor .menus-left .submenu{left:auto;right:100%}.tiny-menu.menu-hor .node-selected>.submenu{left:auto;margin-top:2px}.tiny-menu.menu-hor .node-selected>.submenu>li.node-selected{background:#474c5e}.tiny-menu.menu-hor .node-selected>.submenu>li.node-selected a{color:var(--ti-base-color-common)}.tiny-menu.menu-hor .node-selected>.submenu>li.node-selected a:hover{color:var(--ti-common-color-line-active);background:#fff}.tiny-menu.menu-hor .node-selected>.submenu>li .submenu{margin-top:-40px;margin-left:2px}.tiny-menu.menu-hor .node-selected>.submenu .node-selected>.submenu{left:100%}.tiny-menu.menu-hor .node-selected .submenu{background:#fff;border:1px solid #d9d9d9;-webkit-box-shadow:0 0 4px rgba(0,0,0,.15);box-shadow:0 0 4px rgba(0,0,0,.15)}.tiny-menu.menu-hor .menu-dropdown{margin-top:0}.tiny-menu.menu-hor .menu-dropdown .menu-group{padding:0 0 0 15px;display:table-cell;text-align:left;word-break:break-all;min-width:330px;max-width:350px;font-weight:400;vertical-align:top}.tiny-menu.menu-hor .menu-dropdown .menu-group li{line-height:30px;display:inline-block;margin-right:8px}.tiny-menu.menu-hor .menu-dropdown .menu-group li.menu-row{display:block}.tiny-menu.menu-hor .menu-dropdown .menu-group li.menu-row:before{content:'';display:table}.tiny-menu.menu-hor .menu-dropdown .menu-group li.menu-row:after{content:'';display:table;clear:both}.tiny-menu.menu-hor .menu-dropdown .menu-group li a{padding-right:8px}.tiny-menu.menu-hor .menu-dropdown .menu-group:last-child{border-right:0}.tiny-menu.menu-hor .menu-dropdown .memu-group-sub{font-weight:400;border:none;line-height:25px;display:block}.tiny-menu.menu-hor .menu-dropdown .memu-group-sub:before{content:'';display:table}.tiny-menu.menu-hor .menu-dropdown .memu-group-sub:after{content:'';display:table;clear:both}.tiny-menu.menu-hor .menu-dropdown .memu-group-sub li{border:0}.tiny-menu.menu-hor .submenu{margin-top:0}.tiny-menu.menu-hor .submenu li{padding:0;height:40px;line-height:40px}.tiny-menu.menu-hor .submenu li .starActive-favorite{color:#e1860a}.tiny-menu.menu-hor .submenu li a{padding:0 35px 0 12px;white-space:nowrap;text-align:left}.tiny-menu.menu-hor .submenu li span{position:absolute;color:var(--ti-base-color-common)}.tiny-menu.menu-hor .menu-dropdown,.tiny-menu.menu-hor .submenu{position:absolute;z-index:10;border-top:0;margin-top:0}.tiny-menu.menu-hor span.icon-starActive,.tiny-menu.menu-hor span.icon-transpond{position:absolute}.tiny-menu.menu-hor span.icon-transpond{right:5px;margin-right:0}.tiny-menu.menu-hor span.icon-starActive{left:0}.tiny-menu.menu-hor span.icon-starActive+a{padding-left:35px}.menu-roll>ul:before{content:'';display:table}.menu-roll>ul:after{content:'';display:table;clear:both}.menu-roll>ul>li{display:none;margin-left:0}.menu-roll>ul>li:before{content:'';display:table}.menu-roll>ul>li:after{content:'';display:table;clear:both}.menu-roll>ul>li a{height:45px;font-weight:700;min-width:30px;margin:0;padding:0 6px;text-align:left}.menu-roll>ul>li.node-selected>a{float:left;width:100%}.menu-roll .submenu{text-align:left;line-height:30px;left:100%;margin-top:45px;min-width:180px}.menu-roll .submenu .submenu{margin-top:-31px;top:inherit}.menu-roll .submenu li{padding:0 10px;height:45px;line-height:45px}.menu-roll .submenu li a{padding:0 6px;display:block;padding-right:27px}.menu-roll .submenu li span{float:right;margin:5px 0 0 10px}.menu-roll .submenu li span.tiny-icon{float:none!important}.menu-roll .submenu li span.icon-starActive,.menu-roll .submenu li span.icon-transpond{position:initial}.menu-roll .node-selected{display:block}.menu-roll .node-selected>.submenu{display:block;left:100%;margin:0;min-width:720px}.menu-roll .node-selected>.submenu li{float:left}.roll-popup>ul>li{display:block}.roll-popup>ul>li>.submenu{display:none}.hor-dropdown{position:relative;z-index:100}.hor-dropdown .hor-dropdown-content,.hor-dropdown>ul{float:left}.hor-dropdown-content{position:relative;color:#fff}.hor-dropdown-content>span{width:80px;text-align:center;display:inline-block;line-height:31px;position:relative;z-index:1;background:#2e3243;line-height:46px}.hor-dropdown-content>span i{width:15px;height:16px;padding-top:1px;border-radius:2px;cursor:pointer;border:1px solid #c9ccda}.hor-dropdown-content .dropdown-menu{position:absolute;min-width:140px;padding:5px;right:0;margin-top:-1px;background:#2e3243;padding:5px 0}.hor-dropdown-content .dropdown-menu li{line-height:24px;padding:2px 10px;border:1px solid #2e3243}.hor-dropdown-content .dropdown-menu li a{color:#fff}.hor-dropdown-content .dropdown-menu li:hover{box-shadow:inset 0 0 4px rgba(255,255,255,.6);-webkit-box-shadow:inset 0 0 4px rgba(255,255,255,.6);border-radius:3px;border:1px solid #585f7f;background:#191b25}.menu-horline>ul>li{position:inherit}.menu-horline>ul>li a{font-weight:400}.menu-horline>ul>li a span.tiny-icon{margin-right:5px}.menu-horline>ul>li.node-more{position:relative}.menu-horline>ul>li.node-more>.submenu{left:0}.menu-horline>ul>li.node-more>.submenu>li{float:none}.menu-horline>ul>li.node-more>.submenu>li>a{text-align:left}.menu-horline>ul>li.node-more>.submenu span.tiny-icon{margin-left:5px}.menu-horline>ul>li.node-selected{position:inherit}.menu-horline .submenu{min-width:100%}.menu-horline .submenu li{float:left}.menu-horline .submenu li a{padding:0 8px;margin:5px 0;line-height:35px;text-align:center}.menu-horline .submenu li span.tiny-icon{float:none!important}.menu-horline .submenu li span.icon-starActive,.menu-horline .submenu li span.icon-transpond{position:initial}.menu-horline .node-selected>.submenu{height:45px;left:0}.menu-horline .node-selected>.submenu li{line-height:45px}
+.tiny-menu.menu-hor{--ti-menubar-title-font-size:var(--ti-common-font-size-base-normal);--ti-menubar-title-text-color:var(--ti-base-color-light);--ti-menubar-li-height:var(--ti-common-size-12x);--ti-menubar-menu-height:var(--ti-base-size-height-large);--ti-menubar-menu-font-size:var(--ti-common-font-size-1);--ti-menubar-submenu-normal-text-color:var(--ti-base-color-info-normal);--ti-menubar-submenu-hover-bg-color:var(--ti-base-color-hover-background);--ti-menubar-submenu-active-bg-color:var(--ti-base-color-selected-background);--ti-menubar-submenu-li-height:var(--ti-common-size-10x);--ti-menubar-bg-color-normal:var(--ti-base-color-navigation-background);--ti-menubar-bg-color-active:#474c5e;--ti-menubar-dropdown-border-color:#c9ccda;--ti-menubar-dropdown-hover-border-color:#585f7f;--ti-menubar-dropdown-hover-bg-color:#191b25;margin-bottom:0;min-height:30px;min-width:300px;font-size:var(--ti-menubar-menu-font-size,14px)}.tiny-menu.menu-hor>ul>li{display:inline-block;margin-left:-4px;position:relative;text-align:center;padding:0;margin:0}.tiny-menu.menu-hor>ul>li>a{display:block;padding:0 10px;min-width:120px;margin-right:-1px;color:var(--ti-menubar-title-text-color);font-size:var(--ti-common-font-size-2)}.tiny-menu.menu-hor>ul>li>a span.menu-icon{margin-right:8px;top:-2px}.tiny-menu.menu-hor>ul>li .submenu>li>a{color:var(--ti-menubar-submenu-normal-text-color)}.tiny-menu.menu-hor>ul>li .submenu>li>a:focus,.tiny-menu.menu-hor>ul>li .submenu>li>a:hover{background:var(--ti-menubar-submenu-hover-bg-color)}.tiny-menu.menu-hor>ul>li .submenu>li>a.active,.tiny-menu.menu-hor>ul>li .submenu>li>a:active{background:var(--ti-menubar-submenu-active-bg-color)}.tiny-menu.menu-hor>ul>li .submenu>li>span.icon-starActive{left:8px}.tiny-menu.menu-hor>ul>li .submenu>li>span.icon-transpond{right:8px}.tiny-menu.menu-hor>ul>li.node-selected>a,.tiny-menu.menu-hor>ul>li:hover>a{border-right:0}.tiny-menu.menu-hor>ul>li:last-child>a{border-right:0}.tiny-menu.menu-hor>ul li{padding:0;height:var(--ti-menubar-li-height);line-height:var(--ti-menubar-li-height);position:relative}.tiny-menu.menu-hor>ul li>a{min-width:60px;width:100%;height:100%;color:var(--ti-menubar-title-text-color)}.tiny-menu.menu-hor>ul li>a:active,.tiny-menu.menu-hor>ul li>a:focus,.tiny-menu.menu-hor>ul li>a:hover{color:var(--ti-menubar-title-text-color);text-decoration:none;background:var(--ti-menubar-bg-color-active)}.tiny-menu.menu-hor ul{padding:0;margin:0;background:var(--ti-menubar-bg-color-normal)}.tiny-menu.menu-hor .menus-left,.tiny-menu.menu-hor .menus-left .submenu{left:auto;right:100%}.tiny-menu.menu-hor .node-selected>.submenu{left:auto;margin-top:2px}.tiny-menu.menu-hor .node-selected>.submenu>li.node-selected{background:var(--ti-menubar-bg-color-active)}.tiny-menu.menu-hor .node-selected>.submenu>li.node-selected a{color:var(--ti-menubar-submenu-normal-text-color)}.tiny-menu.menu-hor .node-selected>.submenu>li.node-selected a:hover{color:#1890ff;background:#fff}.tiny-menu.menu-hor .node-selected>.submenu>li .submenu{margin-top:-40px;margin-left:2px}.tiny-menu.menu-hor .node-selected>.submenu .node-selected>.submenu{left:100%}.tiny-menu.menu-hor .node-selected .submenu{background:#fff;border:1px solid #d9d9d9;-webkit-box-shadow:0 0 4px rgba(0,0,0,.15);box-shadow:0 0 4px rgba(0,0,0,.15)}.tiny-menu.menu-hor .menu-dropdown{margin-top:0}.tiny-menu.menu-hor .menu-dropdown .menu-group{padding:0 0 0 15px;display:table-cell;text-align:left;word-break:break-all;min-width:330px;max-width:350px;font-weight:400;vertical-align:top}.tiny-menu.menu-hor .menu-dropdown .menu-group li{line-height:30px;display:inline-block;margin-right:8px}.tiny-menu.menu-hor .menu-dropdown .menu-group li.menu-row{display:block}.tiny-menu.menu-hor .menu-dropdown .menu-group li.menu-row:after,.tiny-menu.menu-hor .menu-dropdown .menu-group li.menu-row:before{content:'';display:table}.tiny-menu.menu-hor .menu-dropdown .menu-group li.menu-row:after{clear:both}.tiny-menu.menu-hor .menu-dropdown .menu-group li a{padding-right:8px}.tiny-menu.menu-hor .menu-dropdown .menu-group:last-child{border-right:0}.tiny-menu.menu-hor .menu-dropdown .memu-group-sub{font-weight:400;border:none;line-height:25px;display:block}.tiny-menu.menu-hor .menu-dropdown .memu-group-sub:after,.tiny-menu.menu-hor .menu-dropdown .memu-group-sub:before{content:'';display:table}.tiny-menu.menu-hor .menu-dropdown .memu-group-sub:after{clear:both}.tiny-menu.menu-hor .menu-dropdown .memu-group-sub li{border:0}.tiny-menu.menu-hor .submenu{margin-top:0}.tiny-menu.menu-hor .submenu li{padding:0;height:var(--ti-menubar-submenu-li-height);line-height:var(--ti-menubar-submenu-li-height)}.tiny-menu.menu-hor .submenu li .starActive-favorite{color:#e1860a}.tiny-menu.menu-hor .submenu li a{padding:0 35px 0 12px;white-space:nowrap;text-align:left}.tiny-menu.menu-hor .submenu li span{position:absolute;color:var(--ti-menubar-submenu-normal-text-color)}.tiny-menu.menu-hor .menu-dropdown,.tiny-menu.menu-hor .submenu{position:absolute;z-index:10;border-top:0;margin-top:0}.tiny-menu.menu-hor span.icon-starActive,.tiny-menu.menu-hor span.icon-transpond{position:absolute}.tiny-menu.menu-hor span.icon-transpond{right:5px;margin-right:0}.tiny-menu.menu-hor span.icon-starActive{left:0}.tiny-menu.menu-hor span.icon-starActive+a{padding-left:35px}.menu-roll>ul:after,.menu-roll>ul:before{content:'';display:table}.menu-roll>ul:after{clear:both}.menu-roll>ul>li{display:none;margin-left:0}.menu-roll>ul>li:after,.menu-roll>ul>li:before{content:'';display:table}.menu-roll>ul>li:after{clear:both}.menu-roll>ul>li a{height:45px;font-weight:700;min-width:30px;margin:0;padding:0 6px;text-align:left}.menu-roll>ul>li.node-selected>a{float:left;width:100%}.menu-roll .submenu{text-align:left;line-height:30px;left:100%;margin-top:45px;min-width:180px}.menu-roll .submenu .submenu{margin-top:-31px;top:inherit}.menu-roll .submenu li{padding:0 10px;height:45px;line-height:45px}.menu-roll .submenu li a{padding:0 6px;display:block;padding-right:27px}.menu-roll .submenu li span{float:right;margin:5px 0 0 10px}.menu-roll .submenu li span.tiny-icon{float:none!important}.menu-roll .submenu li span.icon-starActive,.menu-roll .submenu li span.icon-transpond{position:initial}.menu-roll .node-selected{display:block}.menu-roll .node-selected>.submenu{display:block;left:100%;margin:0;min-width:720px}.menu-roll .node-selected>.submenu li{float:left}.roll-popup>ul>li{display:block}.roll-popup>ul>li>.submenu{display:none}.hor-dropdown{position:relative;z-index:100}.hor-dropdown .hor-dropdown-content,.hor-dropdown>ul{float:left}.hor-dropdown-content{position:relative;color:#fff}.hor-dropdown-content>span{width:80px;text-align:center;display:inline-block;line-height:31px;position:relative;z-index:1;background:var(--ti-menubar-bg-color-normal);line-height:46px}.hor-dropdown-content>span i{width:15px;height:16px;padding-top:1px;border-radius:2px;cursor:pointer;border:1px solid var(--ti-menubar-dropdown-border-color)}.hor-dropdown-content .dropdown-menu{position:absolute;min-width:140px;padding:5px;right:0;margin-top:-1px;background:var(--ti-menubar-bg-color-normal);padding:5px 0}.hor-dropdown-content .dropdown-menu li{line-height:24px;padding:2px 10px;border:1px solid var(--ti-menubar-bg-color-normal)}.hor-dropdown-content .dropdown-menu li a{color:#fff}.hor-dropdown-content .dropdown-menu li:hover{-webkit-box-shadow:inset 0 0 4px rgba(255,255,255,.6);box-shadow:inset 0 0 4px rgba(255,255,255,.6);border-radius:3px;border:1px solid var(--ti-menubar-dropdown-hover-border-color);background:var(--ti-menubar-dropdown-hover-bg-color)}.menu-horline>ul>li{position:inherit}.menu-horline>ul>li a{font-weight:400}.menu-horline>ul>li a span.tiny-icon{margin-right:5px}.menu-horline>ul>li.node-more{position:relative}.menu-horline>ul>li.node-more>.submenu{left:0}.menu-horline>ul>li.node-more>.submenu>li{float:none}.menu-horline>ul>li.node-more>.submenu>li>a{text-align:left}.menu-horline>ul>li.node-more>.submenu span.tiny-icon{margin-left:5px}.menu-horline>ul>li.node-selected{position:inherit}.menu-horline .submenu{min-width:100%}.menu-horline .submenu li{float:left}.menu-horline .submenu li a{padding:0 8px;margin:5px 0;line-height:35px;text-align:center}.menu-horline .submenu li span.tiny-icon{float:none!important}.menu-horline .submenu li span.icon-starActive,.menu-horline .submenu li span.icon-transpond{position:initial}.menu-horline .node-selected>.submenu{height:45px;left:0}.menu-horline .node-selected>.submenu li{line-height:45px}

package/menubar/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-menubar-title-font-size': '1em',
+  'tiny-menubar-title-text-color': '#fff',
+  'tiny-menubar-li-height': '48px',
+  'tiny-menubar-menu-height': '42px',
+  'tiny-menubar-menu-font-size': '14px',
+  'tiny-menubar-submenu-normal-text-color': '#333',
+  'tiny-menubar-submenu-hover-bg-color': '#e6f7ff',
+  'tiny-menubar-submenu-active-bg-color': '#f5f5f5',
+  'tiny-menubar-submenu-li-height': '40px',
+  'tiny-menubar-bg-color-normal': '#2e3243',
+  'tiny-menubar-bg-color-active': '#474c5e',
+  'tiny-menubar-dropdown-border-color': '#c9ccda',
+  'tiny-menubar-dropdown-hover-border-color': '#585f7f',
+  'tiny-menubar-dropdown-hover-bg-color': '#191b25'
+}

package/milestone/index.css

@@ -1 +1 @@
-.tiny-milestone{overflow:hidden;padding-top:38px}.tiny-milestone .tiny-milestone__node{display:block;float:left}.tiny-milestone .tiny-milestone__node::before{content:'';width:28px;height:28px;display:block;position:relative;left:calc(50% - 14px);top:28px;z-index:15}.tiny-milestone .tiny-milestone__node.is-solid::before{background:#fff}.tiny-milestone .tiny-milestone__node.is-solid .tiny-svg{fill:#fff}.tiny-milestone .tiny-milestone__node .iconfix{font-size:20px}.tiny-milestone .tiny-milestone__icon{background:#fff;width:20px;height:20px;line-height:20px;position:relative;font-size:12px;text-align:center;left:calc(50% - 10px);top:4px;border-radius:50%;color:#fff;cursor:pointer;z-index:15}.tiny-milestone .tiny-milestone__icon.is-completed{border:solid 2px}.tiny-milestone .tiny-milestone__icon.is-completed .tiny-svg{fill:var(--ti-common-color-line-active);vertical-align:baseline}.tiny-milestone .tiny-milestone__line{height:4px;left:50%;top:-8px;position:relative;background:#dbdbdb}.tiny-milestone .tiny-milestone__line-end{width:0}.tiny-milestone .tiny-milestone__description{line-height:14px;margin-top:8px;position:relative;overflow:hidden;text-align:center}.tiny-milestone .tiny-milestone__description-name{width:100%;font-size:12px;color:var(--ti-base-color-common);float:left}.tiny-milestone .tiny-milestone__description-status{color:#999;font-size:12px;float:left;width:100%}.tiny-milestone .tiny-milestone__flag-tip{position:fixed;padding:2px 4px;line-height:20px;background:#d9d9d9;border-radius:2px;border:solid 1px #d9d9d9;text-align:center;word-wrap:break-word}.tiny-milestone .tiny-milestone__flag-tip::before{position:absolute;width:0;height:0;border-style:solid;border:1px solid;border-width:8px 8px 0 8px;border-color:#d9d9d9 transparent;content:'';left:calc(50% - 4px);bottom:-6px}.tiny-milestone .tiny-milestone__flag{position:absolute;left:calc(50% - 29px);bottom:5px;width:58px;text-align:center;z-index:1}.tiny-milestone .tiny-milestone__flag:hover{z-index:2}.tiny-milestone .tiny-milestone__flag-content{width:58px;height:34px;padding:0;line-height:15px;font-size:14px;border-radius:4px;color:#fff;background:var(--ti-base-color-common);cursor:pointer;vertical-align:middle;display:table-cell}.tiny-milestone .tiny-milestone__flag-content p{color:#fff;width:58px;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 4px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-milestone .tiny-milestone__flag-line{height:30px;width:1px;margin-left:50%;background:var(--ti-base-color-common)}.tiny-milestone .tiny-milestone__dot{display:block;background:#fff;border:solid 1px;border-radius:50%;width:5px;height:5px;position:relative;bottom:-29px;right:2px}
+.tiny-milestone{--ti-milestone-text-color:var(--ti-base-color-light);--ti-milestone-bg-color:var(--ti-base-color-light);--ti-milestone-font-size:var(--ti-common-font-size-base);--ti-milestone-icon-width:var(--ti-common-size-5x);--ti-milestone-icon-height:var(--ti-common-size-5x);--ti-milestone-line-bg-color:#dbdbdb;--ti-milestone-status-text-color:var(--ti-base-color-placeholder);--ti-milestone-flag-tip-line-height:20px;--ti-milestone-flag-tip-bg-color:var(--ti-base-color-border);--ti-milestone-flag-tip-border-radius:var(--ti-common-border-radius-normal);--ti-milestone-flag-content-border-radius:var(--ti-common-border-radius-1);--ti-milestone-flag-content-font-size:var(--ti-common-font-size-1);overflow:hidden;padding-top:38px}.tiny-milestone .tiny-milestone__node{display:block;float:left}.tiny-milestone .tiny-milestone__node::before{content:'';width:28px;height:28px;display:block;position:relative;left:calc(50% - 14px);top:28px;z-index:15}.tiny-milestone .tiny-milestone__node.is-solid::before{background:var(--ti-milestone-bg-color)}.tiny-milestone .tiny-milestone__node.is-solid .tiny-svg{fill:var(--ti-milestone-bg-color)}.tiny-milestone .tiny-milestone__node .iconfix{font-size:var(--ti-common-font-size-4)}.tiny-milestone .tiny-milestone__icon{background:var(--ti-milestone-bg-color);width:var(--ti-milestone-icon-width,20px);height:var(--ti-milestone-icon-height,20px);line-height:var(--ti-milestone-icon-height,20px);position:relative;font-size:var(--ti-milestone-font-size,12px);text-align:center;left:calc(50% - 10px);top:4px;border-radius:50%;color:var(--ti-milestone-text-color);cursor:pointer;z-index:15}.tiny-milestone .tiny-milestone__icon.is-completed{border:solid 2px}.tiny-milestone .tiny-milestone__icon.is-completed .tiny-svg{fill:#1890ff;vertical-align:baseline}.tiny-milestone .tiny-milestone__line{height:4px;left:50%;top:-8px;position:relative;background:var(--ti-milestone-line-bg-color)}.tiny-milestone .tiny-milestone__line-end{width:0}.tiny-milestone .tiny-milestone__description{line-height:14px;margin-top:8px;position:relative;overflow:hidden;text-align:center}.tiny-milestone .tiny-milestone__description-name{width:100%;color:#333;font-size:var(--ti-milestone-font-size);float:left}.tiny-milestone .tiny-milestone__description-status{color:var(--ti-milestone-status-text-color);font-size:var(--ti-milestone-font-size);float:left;width:100%}.tiny-milestone .tiny-milestone__flag-tip{position:fixed;padding:2px 4px;line-height:var(--ti-milestone-flag-tip-line-height);background:var(--ti-milestone-flag-tip-bg-color);border-radius:var(--ti-milestone-flag-tip-border-radius);border:solid 1px var(--ti-milestone-flag-tip-bg-color);text-align:center;word-wrap:break-word}.tiny-milestone .tiny-milestone__flag-tip::before{position:absolute;width:0;height:0;border-style:solid;border:1px solid;border-width:8px 8px 0 8px;border-color:#d9d9d9 transparent;content:'';left:calc(50% - 4px);bottom:-6px}.tiny-milestone .tiny-milestone__flag{position:absolute;left:calc(50% - 29px);bottom:5px;width:58px;text-align:center;z-index:1}.tiny-milestone .tiny-milestone__flag:hover{z-index:2}.tiny-milestone .tiny-milestone__flag-content{width:58px;height:34px;padding:0;line-height:15px;font-size:var(--ti-milestone-flag-content-font-size);border-radius:var(--ti-milestone-flag-content-border-radius);color:var(--ti-milestone-text-color);background:#333;cursor:pointer;vertical-align:middle;display:table-cell}.tiny-milestone .tiny-milestone__flag-content p{color:var(--ti-milestone-text-color);width:58px;font-size:var(--ti-common-font-size-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 4px;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-milestone .tiny-milestone__flag-line{height:30px;width:1px;margin-left:50%;background:#333}.tiny-milestone .tiny-milestone__dot{display:block;background:var(--ti-milestone-flag-line-color);border:solid 1px;border-radius:50%;width:5px;height:5px;position:relative;bottom:-29px;right:2px}

package/milestone/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-milestone-text-color': '#fff',
+  'tiny-milestone-bg-color': '#fff',
+  'tiny-milestone-font-size': '12px',
+  'tiny-milestone-icon-width': '20px',
+  'tiny-milestone-icon-height': '20px',
+  'tiny-milestone-line-bg-color': '#dbdbdb',
+  'tiny-milestone-status-text-color': '#999999',
+  'tiny-milestone-flag-tip-line-height': '20px',
+  'tiny-milestone-flag-tip-bg-color': '#d9d9d9',
+  'tiny-milestone-flag-tip-border-radius': '2px',
+  'tiny-milestone-flag-content-border-radius': '4px',
+  'tiny-milestone-flag-content-font-size': '14px'
+}

package/modal/index.css

@@ -1 +1 @@
-[class*=tiny-grid-icon__]{display:inline-block;vertical-align:middle;position:relative;direction:ltr;font-family:Helvetica,Arial,'Microsoft YaHei',sans-serif}.tiny-grid-icon__zoomin{border-width:.1em;border-style:solid;border-color:inherit;width:.8em;height:.8em;margin:.1em}.tiny-grid-icon__zoomout{line-height:1em;width:1em;height:1em;position:relative}.tiny-grid-icon__zoomout:after{border-style:solid;border-width:.1em;border-color:inherit;height:.7em;width:.7em;background-color:#fff;content:'';position:absolute;left:.1em;bottom:.1em}.tiny-grid-icon__zoomout:before{height:.7em;width:.7em;border-color:inherit;border-width:.1em;border-style:solid;content:'';position:absolute;right:0;top:0}.tiny-grid-icon__menu{width:.22em;height:.22em;-webkit-box-shadow:0 -.4em 0,-.4em -.4em 0,.4em -.4em 0,0 0 0 1em inset,-.4em 0 0,.4em 0 0,0 .4em 0,-.4em .4em 0,.4em .4em 0;box-shadow:0 -.4em 0,-.4em -.4em 0,.4em -.4em 0,0 0 0 1em inset,-.4em 0 0,.4em 0 0,0 .4em 0,-.4em .4em 0,.4em .4em 0;margin:.58em;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.tiny-grid-icon__caret-bottom,.tiny-grid-icon__caret-left,.tiny-grid-icon__caret-right,.tiny-grid-icon__caret-top{line-height:1em;width:1em;height:1em}.tiny-grid-icon__caret-bottom:before,.tiny-grid-icon__caret-left:before,.tiny-grid-icon__caret-right:before,.tiny-grid-icon__caret-top:before{-webkit-transition:border .1s ease-in-out;transition:border .1s ease-in-out;border-bottom-color:inherit;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent;border-width:.5em;border-style:solid;position:absolute;left:0;bottom:.25em;content:''}.tiny-grid-icon__caret-bottom{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tiny-grid-icon__caret-left{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tiny-grid-icon__caret-right{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tiny-grid-icon__arrow-top{line-height:1em;width:1em;height:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tiny-grid-icon__arrow-top:before{border-left-color:transparent;border-bottom-color:transparent;border-right-color:inherit;border-top-color:inherit;border-style:solid;border-width:.1em;height:.5em;width:.5em;position:absolute;left:.12em;top:.38em;content:''}.tiny-grid-icon__arrow-bottom{line-height:1em;width:1em;height:1em;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.tiny-grid-icon__arrow-bottom:before{border-left-color:transparent;border-bottom-color:transparent;border-right-color:inherit;border-top-color:inherit;border-style:solid;border-width:.1em;height:.5em;width:.5em;position:absolute;left:.12em;top:.38em;content:''}.tiny-grid-icon__arrow-left{line-height:1em;width:1em;height:1em;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.tiny-grid-icon__arrow-left:before{border-left-color:transparent;border-bottom-color:transparent;border-right-color:inherit;border-top-color:inherit;border-style:solid;border-width:.1em;height:.5em;width:.5em;position:absolute;left:.12em;top:.38em;content:''}.tiny-grid-icon__arrow-right{line-height:1em;width:1em;height:1em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tiny-grid-icon__arrow-right:before{border-left-color:transparent;border-bottom-color:transparent;border-right-color:inherit;border-top-color:inherit;border-style:solid;border-width:.1em;height:.5em;width:.5em;position:absolute;left:.12em;top:.38em;content:''}.tiny-grid-icon__d-arrow-top{line-height:1em;width:1em;height:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tiny-grid-icon__d-arrow-top:before{border-left-color:transparent;border-bottom-color:transparent;border-top-color:inherit;border-right-color:inherit;border-width:.08em;border-style:solid;height:.5em;width:.5em;position:absolute;top:.24em;left:.26em;content:''}.tiny-grid-icon__d-arrow-top:after{border-left-color:transparent;border-bottom-color:transparent;border-right-color:inherit;border-top-color:inherit;border-style:solid;border-width:.08em;height:.5em;width:.5em;position:absolute;top:.42em;left:.1em;content:''}.tiny-grid-icon__d-arrow-bottom{line-height:1em;width:1em;height:1em;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.tiny-grid-icon__d-arrow-bottom:before{border-left-color:transparent;border-bottom-color:transparent;border-top-color:inherit;border-right-color:inherit;border-width:.08em;border-style:solid;height:.5em;width:.5em;position:absolute;top:.24em;left:.26em;content:''}.tiny-grid-icon__d-arrow-bottom:after{border-left-color:transparent;border-bottom-color:transparent;border-right-color:inherit;border-top-color:inherit;border-style:solid;border-width:.08em;height:.5em;width:.5em;position:absolute;top:.42em;left:.1em;content:''}.tiny-grid-icon__d-arrow-left{line-height:1em;width:1em;height:1em;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.tiny-grid-icon__d-arrow-left:before{border-left-color:transparent;border-bottom-color:transparent;border-top-color:inherit;border-right-color:inherit;border-width:.08em;border-style:solid;height:.5em;width:.5em;position:absolute;top:.24em;left:.26em;content:''}.tiny-grid-icon__d-arrow-left:after{border-left-color:transparent;border-bottom-color:transparent;border-right-color:inherit;border-top-color:inherit;border-style:solid;border-width:.08em;height:.5em;width:.5em;position:absolute;top:.42em;left:.1em;content:''}.tiny-grid-icon__d-arrow-right{line-height:1em;width:1em;height:1em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tiny-grid-icon__d-arrow-right:before{border-left-color:transparent;border-bottom-color:transparent;border-top-color:inherit;border-right-color:inherit;border-width:.08em;border-style:solid;height:.5em;width:.5em;position:absolute;top:.24em;left:.26em;content:''}.tiny-grid-icon__d-arrow-right:after{border-left-color:transparent;border-bottom-color:transparent;border-right-color:inherit;border-top-color:inherit;border-style:solid;border-width:.08em;height:.5em;width:.5em;position:absolute;top:.42em;left:.1em;content:''}.tiny-grid-icon__funnel{line-height:1em;width:1em;height:1em}.tiny-grid-icon__funnel:before{border-top-color:inherit;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-width:.5em;border-style:solid;content:'';position:absolute;top:.1em;left:0}.tiny-grid-icon__funnel:after{width:0;height:.4em;border-width:0 .2em 0 0;border-style:solid;border-right-color:inherit;content:'';position:absolute;left:.4em;top:.5em}.tiny-grid-icon__edit-outline{line-height:1em;width:1em;height:1em;border-radius:.2em;border-width:.1em;border-style:solid;border-color:inherit}.tiny-grid-icon__edit-outline:after{width:.9em;height:0;border-radius:.2em;border-width:0 0 .15em 0;border-style:solid;border-color:inherit;content:'';position:absolute;left:.15em;top:.12em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tiny-grid-icon__edit-outline:before{content:'';position:absolute;top:-.1em;right:-.1em;width:.4em;height:.4em;background-color:#fff}.tiny-grid-icon__more{line-height:1em;width:1em;height:1em}.tiny-grid-icon__more:before{line-height:.5em;font-weight:700;content:'...';position:absolute;top:0;left:.1em}.tiny-grid-icon__close{line-height:1em;width:1em;height:1em}.tiny-grid-icon__close:after{height:1em;border-right-width:.1em;left:.45em}.tiny-grid-icon__close:before{width:1em;border-bottom-width:.1em;top:.45em}.tiny-grid-icon__close:after,.tiny-grid-icon__close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-style:solid;border-width:0;content:'';position:absolute;left:0;top:0}.tiny-grid-icon__refresh{line-height:1em;width:1em;height:1em;border-right-color:transparent!important;border-left-color:transparent!important;border-width:.1em;border-style:solid;border-radius:50%}.tiny-grid-icon__refresh:after{right:50%;bottom:0;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg)}.tiny-grid-icon__refresh:before{left:50%;top:0;-webkit-transform:translateX(50%) rotate(-45deg);transform:translateX(50%) rotate(-45deg)}.tiny-grid-icon__refresh:after,.tiny-grid-icon__refresh:before{border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-width:.25em;border-style:solid;content:'';position:absolute;width:0;height:0}.tiny-grid-icon__refresh.roll{-webkit-animation:rollCircle 1s infinite linear;animation:rollCircle 1s infinite linear}.tiny-grid-icon__question{line-height:1em;width:1em;height:1em}.tiny-grid-icon__question:after{width:inherit;height:inherit;color:#fff;text-align:center;font-weight:700;font-size:.7em;display:inline-block;position:absolute;top:0;left:0;content:'?'}.tiny-grid-icon__question:before{position:absolute;top:0;left:0;border-style:solid;border-color:inherit;border-radius:50%;border-width:.5em;content:''}.tiny-grid-icon__info{line-height:1em;width:1em;height:1em}.tiny-grid-icon__info:before{position:absolute;top:0;left:0;border-style:solid;border-color:inherit;border-radius:50%;border-width:.5em;content:''}.tiny-grid-icon__info:after{width:inherit;height:inherit;color:#fff;text-align:center;font-weight:700;font-size:.7em;display:inline-block;position:absolute;top:0;left:0;content:'!';-webkit-transform:rotate(180deg) translateY(1px);transform:rotate(180deg) translateY(1px)}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-grid-icon__info:after{font-size:14px}}@media screen and (-ms-ime-align:auto){.tiny-grid-icon__info:after{font-size:14px}}.tiny-grid-icon__warning{line-height:1em;width:1em;height:1em}.tiny-grid-icon__warning:before{position:absolute;top:0;left:0;border-style:solid;border-color:inherit;border-radius:50%;border-width:.5em;content:''}.tiny-grid-icon__warning:after{width:inherit;height:inherit;color:#fff;text-align:center;font-weight:700;font-size:.7em;display:inline-block;position:absolute;top:0;left:0;content:'!'}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-grid-icon__warning:after{font-size:14px}}@media screen and (-ms-ime-align:auto){.tiny-grid-icon__warning:after{font-size:14px}}.tiny-grid-icon__success{line-height:1em;width:1em;height:1em}.tiny-grid-icon__success:before{position:absolute;top:0;left:0;border-style:solid;border-color:inherit;border-radius:50%;border-width:.5em;content:''}.tiny-grid-icon__success:after{border-left:0;border-top:0;border-width:.1em;border-style:solid;border-color:#fff;content:'';position:absolute;height:.55em;width:.3em;left:.35em;top:.15em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tiny-grid-icon__error{line-height:1em;width:1em;height:1em}.tiny-grid-icon__error:before{position:absolute;top:0;left:0;border-style:solid;border-color:inherit;border-radius:50%;border-width:.5em;content:''}.tiny-grid-icon__error:after{width:inherit;height:inherit;color:#fff;text-align:center;font-weight:700;font-size:.7em;display:inline-block;position:absolute;top:0;left:0;content:'\2716'}@-webkit-keyframes rollCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rollCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.tiny-grid-modal__wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;font-size:12px;color:var(--ti-base-color-common);font-family:Helvetica,Arial,'Microsoft YaHei',sans-serif;-webkit-transition:top .4s;transition:top .4s}.tiny-grid-modal__wrapper.active{display:block}.tiny-grid-modal__wrapper.is__visible.is__mask:before{background-color:rgba(0,0,0,.3)}.tiny-grid-modal__wrapper.is__visible.type__message .tiny-grid-modal__box{-webkit-transform:translateY(0);transform:translateY(0)}.tiny-grid-modal__wrapper.is__visible:not(.type__message) .tiny-grid-modal__box:not(.is__drag){top:15vh;-webkit-transition:top 0s ease-in,opacity .4s ease-in;transition:top 0s ease-in,opacity .4s ease-in}.tiny-grid-modal__wrapper.is__visible .tiny-grid-modal__box{opacity:1;visibility:visible}.tiny-grid-modal__wrapper:not(.lock__view){pointer-events:none}.tiny-grid-modal__wrapper.lock__scroll{overflow:hidden}.tiny-grid-modal__wrapper:not(.lock__scroll){overflow:auto}.tiny-grid-modal__wrapper:not(.type__message) .tiny-grid-modal__text{font-size:var(--ti-common-font-size-base);color:var(--ti-common-color-text-secondary);line-height:var(--ti-common-line-height-number)}.tiny-grid-modal__wrapper:not(.type__message) .tiny-grid-custom{font-size:14px;font-weight:400}.tiny-grid-modal__wrapper.is__mask:before,.tiny-grid-modal__wrapper.lock__view:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.tiny-grid-modal__wrapper.is__animat.is__mask:before{-webkit-transition:background-color,.2s,ease-in-out;transition:background-color,.2s,ease-in-out}.tiny-grid-modal__wrapper.is__animat.type__message .tiny-grid-modal__box:not(.is__drag){-webkit-transition:all,.2s,ease-out;transition:all,.2s,ease-out}.tiny-grid-modal__wrapper.size__mini,.tiny-grid-modal__wrapper.size__small{font-size:12px}.tiny-grid-modal__wrapper.size__mini .tiny-grid-modal__box,.tiny-grid-modal__wrapper.size__small .tiny-grid-modal__box{padding:6px 0}.tiny-grid-modal__wrapper.size__mini .tiny-grid-modal__body,.tiny-grid-modal__wrapper.size__small .tiny-grid-modal__body{padding:4px 14px 10px 14px}.tiny-grid-modal__wrapper.size__mini .tiny-grid-modal__footer,.tiny-grid-modal__wrapper.size__small .tiny-grid-modal__footer{padding:4px 14px 8px 14px}.tiny-grid-modal__wrapper.size__mini .tiny-grid-modal__header,.tiny-grid-modal__wrapper.size__small .tiny-grid-modal__header{font-size:14px;padding:6px 30px 8px 14px}.tiny-grid-modal__wrapper.size__mini .tiny-grid-modal__close-btn,.tiny-grid-modal__wrapper.size__mini .tiny-grid-modal__zoom-btn,.tiny-grid-modal__wrapper.size__small .tiny-grid-modal__close-btn,.tiny-grid-modal__wrapper.size__small .tiny-grid-modal__zoom-btn{font-size:16px;top:10px}.tiny-grid-modal__wrapper.type__alert .tiny-grid-modal__body,.tiny-grid-modal__wrapper.type__confirm .tiny-grid-modal__body,.tiny-grid-modal__wrapper.type__message .tiny-grid-modal__body{white-space:normal;word-break:break-word}.tiny-grid-modal__wrapper.type__message{text-align:center}.tiny-grid-modal__wrapper.type__message .tiny-grid-modal__box{display:inline-block;padding:24px;margin-top:0;width:auto;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.1);box-shadow:0 0 8px 0 rgba(0,0,0,.1);-webkit-transform:translateY(-10%);transform:translateY(-10%)}.tiny-grid-modal__wrapper.type__message .tiny-grid-modal__box .tiny-grid-modal__body:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.tiny-grid-modal__wrapper.type__message .tiny-grid-modal__box .tiny-grid-modal__content{max-width:800px;float:left}.tiny-grid-modal__wrapper.type__message .tiny-grid-modal__status-wrapper{font-size:16px;padding-right:10px}.tiny-grid-modal__wrapper.type__alert .tiny-grid-modal__box,.tiny-grid-modal__wrapper.type__confirm .tiny-grid-modal__box,.tiny-grid-modal__wrapper.type__modal .tiny-grid-modal__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:50%;top:0;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.2)}.tiny-grid-modal__wrapper.type__alert .tiny-grid-modal__box .tiny-grid-modal__header,.tiny-grid-modal__wrapper.type__confirm .tiny-grid-modal__box .tiny-grid-modal__header,.tiny-grid-modal__wrapper.type__modal .tiny-grid-modal__box .tiny-grid-modal__header{cursor:move}.tiny-grid-modal__wrapper.type__modal .tiny-grid-modal__body{overflow:auto}.tiny-grid-modal__wrapper.type__modal .tiny-grid-modal__body .tiny-grid-modal__content{overflow:auto}.tiny-grid-modal__wrapper.type__alert .tiny-grid-modal__status-wrapper,.tiny-grid-modal__wrapper.type__confirm .tiny-grid-modal__status-wrapper{font-size:22px;padding:0 10px 0 2px}.tiny-grid-modal__wrapper.status__info .tiny-grid-modal__status-wrapper{fill:var(--ti-message-confirm-icon-color)}.tiny-grid-modal__wrapper.status__question .tiny-grid-modal__status-wrapper,.tiny-grid-modal__wrapper.status__warning .tiny-grid-modal__status-wrapper{fill:var(--ti-message-warn-icon-color)}.tiny-grid-modal__wrapper.status__success .tiny-grid-modal__status-wrapper{fill:var(--ti-message-prompt-icon-color)}.tiny-grid-modal__wrapper.status__error .tiny-grid-modal__status-wrapper{fill:var(--ti-input-border-color-error)}.tiny-grid-modal__wrapper.status__loading .tiny-grid-modal__status-wrapper{fill:#78b1eb}.tiny-grid-modal__wrapper.is__maximize .tiny-grid-modal__box .tiny-grid-modal__header{cursor:default}.tiny-grid-modal__wrapper.is__maximize .tiny-grid-modal__resize .sb-resize,.tiny-grid-modal__wrapper.is__maximize .tiny-grid-modal__resize .selb-resize,.tiny-grid-modal__wrapper.is__maximize .tiny-grid-modal__resize .sest-resize,.tiny-grid-modal__wrapper.is__maximize .tiny-grid-modal__resize .st-resize,.tiny-grid-modal__wrapper.is__maximize .tiny-grid-modal__resize .swlb-resize,.tiny-grid-modal__wrapper.is__maximize .tiny-grid-modal__resize .swst-resize,.tiny-grid-modal__wrapper.is__maximize .tiny-grid-modal__resize .wl-resize,.tiny-grid-modal__wrapper.is__maximize .tiny-grid-modal__resize .wr-resize{display:none}.tiny-grid-modal__box{width:var(--ti-message-default-width);background-color:#fff;border-radius:var(--ti-common-border-radius-normal);font-size:12px;-webkit-box-shadow:var(--ti-common-shadow-4-down);box-shadow:var(--ti-common-shadow-4-down);text-align:left;pointer-events:auto;visibility:hidden;opacity:0}.tiny-grid-modal__box.is__drag{cursor:move}.tiny-grid-modal__box.is__drag .tiny-grid-modal__body:after,.tiny-grid-modal__box.is__drag .tiny-grid-modal__footer:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.tiny-grid-modal__box.is__drag .tiny-grid-modal__body{overflow:hidden}.tiny-grid-modal__box.is__drag .tiny-grid-modal__body .tiny-grid-modal__content{overflow:hidden}.tiny-grid-modal__status-wrapper{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-grid-modal__status-icon{font-style:normal}.tiny-grid-modal__content{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.tiny-grid-modal__body,.tiny-grid-modal__footer,.tiny-grid-modal__header{position:relative}.tiny-grid-modal__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 32px}.tiny-grid-modal__header{-ms-flex-negative:0;flex-shrink:0;color:var(--ti-modal-header-text-color);font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:var(--ti-modal-header-font-weight);padding:32px 32px 12px 32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-grid-modal__close-btn,.tiny-grid-modal__zoom-btn{font-size:14px;position:absolute;right:24px;top:13px;z-index:1;color:var(--ti-modal-close-icon-color);cursor:pointer}.tiny-grid-modal__close-btn:hover,.tiny-grid-modal__zoom-btn:hover{color:var(--ti-modal-close-icon-color-hover)}.tiny-grid-modal__zoom-btn{right:44px;border-color:#c0c4cc}.tiny-grid-modal__zoom-btn:hover{border-color:#606266}.tiny-grid-modal__footer{-ms-flex-negative:0;flex-shrink:0;text-align:center;padding:28px 32px 32px}.tiny-grid-modal__resize .sb-resize,.tiny-grid-modal__resize .selb-resize,.tiny-grid-modal__resize .sest-resize,.tiny-grid-modal__resize .st-resize,.tiny-grid-modal__resize .swlb-resize,.tiny-grid-modal__resize .swst-resize,.tiny-grid-modal__resize .wl-resize,.tiny-grid-modal__resize .wr-resize{position:absolute;z-index:100}.tiny-grid-modal__resize .wl-resize,.tiny-grid-modal__resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.tiny-grid-modal__resize .wl-resize{left:-3px}.tiny-grid-modal__resize .wr-resize{right:-3px}.tiny-grid-modal__resize .selb-resize,.tiny-grid-modal__resize .sest-resize,.tiny-grid-modal__resize .swlb-resize,.tiny-grid-modal__resize .swst-resize{width:10px;height:10px;z-index:101}.tiny-grid-modal__resize .sest-resize,.tiny-grid-modal__resize .swst-resize{top:-8px}.tiny-grid-modal__resize .selb-resize,.tiny-grid-modal__resize .swlb-resize{bottom:-8px}.tiny-grid-modal__resize .sest-resize,.tiny-grid-modal__resize .swlb-resize{cursor:sw-resize}.tiny-grid-modal__resize .selb-resize,.tiny-grid-modal__resize .swst-resize{cursor:se-resize}.tiny-grid-modal__resize .swlb-resize,.tiny-grid-modal__resize .swst-resize{left:-8px}.tiny-grid-modal__resize .selb-resize,.tiny-grid-modal__resize .sest-resize{right:-8px}.tiny-grid-modal__resize .sb-resize,.tiny-grid-modal__resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.tiny-grid-modal__resize .st-resize{top:-3px}.tiny-grid-modal__resize .sb-resize{bottom:-3px}@-webkit-keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}
+.tiny-modal{--ti-modal-font-size:var(--ti-common-font-size-base);--ti-modal-text-color:var(--ti-base-color-info-normal);--ti-modal-font-family:Helvetica,Arial,'Microsoft YaHei',sans-serif;--ti-modal-primary-icon-color:var(--ti-common-color-prompt);--ti-modal-success-icon-color:var(--ti-common-color-success);--ti-modal-error-icon-color:var(--ti-common-color-error);--ti-modal-warning-icon-color:var(--ti-common-color-warn);--ti-modal-loading-icon-color:var(--ti-common-color-prompt);--ti-modal-alert-font-size:22px;--ti-modal-header-font-size:var(--ti-common-font-size-3);--ti-modal-header-text-color:var(--ti-common-color-text-primary);--ti-modal-header-font-weight:var(--ti-base-font-weight-bold);--ti-modal-header-padding-top:32px;--ti-modal-header-padding-horizontal:32px;--ti-modal-header-padding-bottom:12px;--ti-modal-body-padding-top:0;--ti-modal-body-padding-horizontal:32px;--ti-modal-body-padding-bottom:0;--ti-modal-footer-padding-top:28px;--ti-modal-footer-padding-horizontal:32px;--ti-modal-footer-padding-bottom:32px;--ti-modal-footer-btn-border-radius:var(--ti-common-border-radius-normal);--ti-modal-close-btn-font-size:var(--ti-common-font-size-1);--ti-modal-close-btn-top:13px;--ti-modal-close-btn-scale:scale(1, 1);--ti-modal-close-btn-padding-horizontal-vertical:0;--ti-modal-small-btn-font-size:var(--ti-common-font-size-2);--ti-modal-box-background-color:var(--ti-base-color-light);--ti-modal-btn-text-color:var(--ti-base-color-common-5);--ti-modal-box-shadow:var(--ti-common-shadow-4-down);--ti-modal-box-border-radius:var(--ti-common-border-radius-normal);--ti-modal-border-color:rgba(0, 0, 0, 0.2);--ti-modal-close-btn-background-color-hover:var(--ti-base-color-light);--ti-modal-footer-default-display-button:inline-block;--ti-modal-box-width:400px}.tiny-modal__wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;font-size:var(--ti-modal-font-size);color:var(--ti-modal-text-color);font-family:var(--ti-modal-font-family, Helvetica, Arial, 'Microsoft YaHei', sans-serif);-webkit-transition:top .4s;transition:top .4s}.tiny-modal__wrapper.active{display:block}.tiny-modal__wrapper.is__visible.is__mask:before{background-color:rgba(0,0,0,.3)}.tiny-modal__wrapper.is__visible.type__message .tiny-modal__box{-webkit-transform:translateY(0);transform:translateY(0)}.tiny-modal__wrapper.is__visible:not(.type__message) .tiny-modal__box:not(.is__drag){top:15vh;-webkit-transition:top 0s ease-in,opacity .4s ease-in;transition:top 0s ease-in,opacity .4s ease-in}.tiny-modal__wrapper.is__visible .tiny-modal__box{opacity:1;visibility:visible}.tiny-modal__wrapper:not(.lock__view){pointer-events:none}.tiny-modal__wrapper.lock__scroll{overflow:hidden}.tiny-modal__wrapper:not(.lock__scroll){overflow:auto}.tiny-modal__wrapper:not(.type__message) .tiny-modal__text{font-size:var(--ti-common-font-size-base);color:var(--ti-common-color-text-secondary);line-height:var(--ti-common-line-height-number)}.tiny-modal__wrapper.is__mask:before,.tiny-modal__wrapper.lock__view:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:auto}.tiny-modal__wrapper.is__animat.is__mask:before{-webkit-transition:background-color,.2s,ease-in-out;transition:background-color,.2s,ease-in-out}.tiny-modal__wrapper.is__animat.type__message .tiny-modal__box:not(.is__drag){-webkit-transition:all,.2s,ease-out;transition:all,.2s,ease-out}.tiny-modal__wrapper.size__mini,.tiny-modal__wrapper.size__small{font-size:var(--ti-modal-font-size)}.tiny-modal__wrapper.size__mini .tiny-modal__box,.tiny-modal__wrapper.size__small .tiny-modal__box{padding:6px 0}.tiny-modal__wrapper.size__mini .tiny-modal__body,.tiny-modal__wrapper.size__small .tiny-modal__body{padding:4px 14px 10px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__footer,.tiny-modal__wrapper.size__small .tiny-modal__footer{padding:4px 14px 8px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__header,.tiny-modal__wrapper.size__small .tiny-modal__header{font-size:var(--ti-modal-header-font-size);padding:6px 30px 8px 14px}.tiny-modal__wrapper.size__mini .tiny-modal__close-btn,.tiny-modal__wrapper.size__mini .tiny-modal__zoom-btn,.tiny-modal__wrapper.size__small .tiny-modal__close-btn,.tiny-modal__wrapper.size__small .tiny-modal__zoom-btn{font-size:var(--ti-modal-small-btn-font-size);top:10px}.tiny-modal__wrapper.type__alert .tiny-modal__body,.tiny-modal__wrapper.type__confirm .tiny-modal__body,.tiny-modal__wrapper.type__message .tiny-modal__body{white-space:normal;word-break:break-word}.tiny-modal__wrapper.type__message{text-align:center}.tiny-modal__wrapper.type__message .tiny-modal__box{display:inline-block;padding:24px;margin-top:0;width:auto;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.1);box-shadow:0 0 8px 0 rgba(0,0,0,.1);-webkit-transform:translateY(-10%);transform:translateY(-10%)}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__body:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__content{max-width:800px;float:left}.tiny-modal__wrapper.type__message .tiny-modal__status-wrapper{font-size:var(--ti-modal-small-btn-font-size);padding-right:10px}.tiny-modal__wrapper.type__alert .tiny-modal__box,.tiny-modal__wrapper.type__confirm .tiny-modal__box,.tiny-modal__wrapper.type__modal .tiny-modal__box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:50%;top:0;-webkit-box-shadow:var(--ti-modal-box-shadow);box-shadow:var(--ti-modal-box-shadow);border:1px solid var(--ti-modal-border-color)}.tiny-modal__wrapper.type__alert .tiny-modal__box .tiny-modal__header,.tiny-modal__wrapper.type__confirm .tiny-modal__box .tiny-modal__header,.tiny-modal__wrapper.type__modal .tiny-modal__box .tiny-modal__header{cursor:move}.tiny-modal__wrapper.type__modal .tiny-modal__body{overflow:auto}.tiny-modal__wrapper.type__modal .tiny-modal__body .tiny-modal__content{overflow:auto}.tiny-modal__wrapper.type__alert .tiny-modal__status-wrapper,.tiny-modal__wrapper.type__confirm .tiny-modal__status-wrapper{font-size:var(--ti-modal-alert-font-size);padding:0 10px 0 2px}.tiny-modal__wrapper.status__info .tiny-modal__status-wrapper{fill:var(--ti-modal-primary-icon-color)}.tiny-modal__wrapper.status__question .tiny-modal__status-wrapper,.tiny-modal__wrapper.status__warning .tiny-modal__status-wrapper{fill:var(--ti-modal-warning-icon-color)}.tiny-modal__wrapper.status__success .tiny-modal__status-wrapper{fill:var(--ti-modal-success-icon-color)}.tiny-modal__wrapper.status__error .tiny-modal__status-wrapper{fill:var(--ti-modal-error-icon-color)}.tiny-modal__wrapper.status__loading .tiny-modal__status-wrapper{fill:var(--ti-modal-loading-icon-color)}.tiny-modal__wrapper.is__maximize .tiny-modal__box .tiny-modal__header{cursor:default}.tiny-modal__wrapper.is__maximize .tiny-modal__resize .sb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .selb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .sest-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .st-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .swlb-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .swst-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .wl-resize,.tiny-modal__wrapper.is__maximize .tiny-modal__resize .wr-resize{display:none}.tiny-modal__box{width:var(--ti-modal-box-width);background-color:var(--ti-modal-box-background-color);border-radius:var(--ti-modal-box-border-radius);font-size:var(--ti-modal-header-font-size);-webkit-box-shadow:var(--ti-common-shadow-4-down);box-shadow:var(--ti-common-shadow-4-down);text-align:left;pointer-events:auto;visibility:hidden;opacity:0}.tiny-modal__box.is__drag{cursor:move}.tiny-modal__box.is__drag .tiny-modal__body:after,.tiny-modal__box.is__drag .tiny-modal__footer:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.tiny-modal__box.is__drag .tiny-modal__body{overflow:hidden}.tiny-modal__box.is__drag .tiny-modal__body .tiny-modal__content{overflow:hidden}.tiny-modal__status-wrapper{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-modal__status-icon{font-style:normal}.tiny-modal__content{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.tiny-modal__body,.tiny-modal__footer,.tiny-modal__header{position:relative}.tiny-modal__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:var(--ti-modal-body-padding-top) var(--ti-modal-body-padding-horizontal) var(--ti-modal-body-padding-bottom)}.tiny-modal__header{-ms-flex-negative:0;flex-shrink:0;color:var(--ti-modal-header-text-color);font-size:var(--ti-modal-header-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:var(--ti-modal-header-font-weight);border-bottom:none;padding:var(--ti-modal-header-padding-top) var(--ti-modal-header-padding-horizontal) var(--ti-modal-header-padding-bottom);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-modal__close-btn,.tiny-modal__zoom-btn{font-size:var(--ti-modal-close-btn-font-size);position:absolute;right:24px;top:var(--ti-modal-close-btn-top);z-index:1;fill:var(--ti-modal-btn-text-color);-webkit-transform:var(--ti-modal-close-btn-scale);transform:var(--ti-modal-close-btn-scale);cursor:pointer;padding:var(--ti-modal-close-btn-padding-horizontal-vertical);border-radius:4px}.tiny-modal__close-btn:hover,.tiny-modal__zoom-btn:hover{fill:var(--ti-modal-btn-text-color);background-color:var(--ti-modal-close-btn-background-color-hover)}.tiny-modal__zoom-btn{right:44px;border-color:#c0c4cc}.tiny-modal__zoom-btn:hover{border-color:#606266}.tiny-modal__footer{-ms-flex-negative:0;flex-shrink:0;text-align:center;padding:var(--ti-modal-footer-padding-top) var(--ti-modal-footer-padding-horizontal) var(--ti-modal-footer-padding-bottom)}.tiny-modal__footer .tiny-button{border-radius:var(--ti-modal-footer-btn-border-radius)}.tiny-modal__footer .tiny-button--default{display:var(--ti-modal-footer-default-display-button)}.tiny-modal__resize .sb-resize,.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize,.tiny-modal__resize .st-resize,.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize,.tiny-modal__resize .wl-resize,.tiny-modal__resize .wr-resize{position:absolute;z-index:100}.tiny-modal__resize .wl-resize,.tiny-modal__resize .wr-resize{width:8px;height:100%;top:0;cursor:w-resize}.tiny-modal__resize .wl-resize{left:-3px}.tiny-modal__resize .wr-resize{right:-3px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize,.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize{width:10px;height:10px;z-index:101}.tiny-modal__resize .sest-resize,.tiny-modal__resize .swst-resize{top:-8px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .swlb-resize{bottom:-8px}.tiny-modal__resize .sest-resize,.tiny-modal__resize .swlb-resize{cursor:sw-resize}.tiny-modal__resize .selb-resize,.tiny-modal__resize .swst-resize{cursor:se-resize}.tiny-modal__resize .swlb-resize,.tiny-modal__resize .swst-resize{left:-8px}.tiny-modal__resize .selb-resize,.tiny-modal__resize .sest-resize{right:-8px}.tiny-modal__resize .sb-resize,.tiny-modal__resize .st-resize{width:100%;height:8px;left:0;cursor:s-resize}.tiny-modal__resize .st-resize{top:-3px}.tiny-modal__resize .sb-resize{bottom:-3px}@-webkit-keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes modal-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}

package/modal/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-modal-font-size': '12px',
+  'tiny-modal-text-color': '#333',
+  'tiny-modal-border-color': '#d9d9d9',
+  'tiny-modal-font-family': 'Helvetica, Arial, "Microsoft YaHei", sans-serif',
+  'tiny-modal-primary-icon-color': '#1890ff',
+  'tiny-modal-warning-icon-color': '#faad14',
+  'tiny-modal-success-icon-color': '#52c41a',
+  'tiny-modal-error-icon-color': '#f5222d',
+  'tiny-modal-loading-icon-color': '#78b1eb',
+  'tiny-modal-alert-font-size': '22px',
+  'tiny-modal-header-font-size': '14px',
+  'tiny-modal-header-text-color': '#252b3a',
+  'tiny-modal-header-font-weight': '700',
+  'tiny-modal-header-padding-top': '32px',
+  'tiny-modal-header-padding-horizontal': '32px',
+  'tiny-modal-header-padding-bottom': '12px',
+  'tiny-modal-body-padding-top': '0',
+  'tiny-modal-body-padding-horizontal': '32px',
+  'tiny-modal-body-padding-bottom': '0',
+  'tiny-modal-footer-padding-top': '28px',
+  'tiny-modal-footer-padding-horizontal': '32px',
+  'tiny-modal-footer-padding-bottom': '32px',
+  'tiny-modal-footer-btn-border-radius': '2px',
+  'tiny-modal-close-btn-font-size': '14px',
+  'tiny-modal-close-btn-padding-horizontal-vertical': '0',
+  'tiny-modal-box-border-radius': '2px',
+  'tiny-modal-close-btn-background-color-hover': '#fff',
+  'tiny-modal-box-width': '400px',
+  'tiny-modal-small-btn-font-size': '16px',
+  'tiny-modal-box-background-color': '#fff',
+  'tiny-modal-box-border-color': '#ebeef5',
+  'tiny-modal-btn-text-color': '#c4c4c4',
+  'tiny-modal-box-shadow': '0 0 10px 0 rgba(0, 0, 0, 0.2)'
+}

package/nav-menu/index.css

@@ -1 +1 @@
-.tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-nav-menu{background:#2e3243;height:48px;position:relative;padding:0 24px}.tiny-nav-menu>.slot-logo{float:left;overflow:hidden;margin:0 100px 0 0;line-height:48px}.tiny-nav-menu>.slot-toolbar{float:right}.tiny-nav-menu>.slot-toolbar>.setting{position:relative;float:right;margin:0 0 0 24px}.tiny-nav-menu>.slot-toolbar>.setting>.tiny-icon{font-size:22px;line-height:48px;cursor:pointer;color:#fff}.tiny-nav-menu>.slot-toolbar>.setting>.more-setting{position:absolute;right:0;min-width:120px;background-color:#fff;border:1px solid #d9d9d9;-webkit-box-shadow:0 0 4px rgba(0,0,0,.15);box-shadow:0 0 4px rgba(0,0,0,.15)}.tiny-nav-menu>.slot-toolbar>.setting>.more-setting>.setting-item{padding:6px 10px;color:var(--ti-base-color-common)}.tiny-nav-menu>.slot-toolbar>.setting>.more-setting>.setting-item:hover{background:#e6f7ff}.tiny-nav-menu>.slot-toolbar>.setting>.more-setting>.setting-item:active{background:#f5f5f5}.tiny-nav-menu>.slot-toolbar>.template-toolbar .tiny-selector{margin-top:0}.tiny-nav-menu>.menu{float:left;height:48px;line-height:48px;overflow:hidden}.tiny-nav-menu>.menu>li{float:left}.tiny-nav-menu>.menu>li>a,.tiny-nav-menu>.menu>li>span{padding:0 12px;font-size:16px;text-align:center;color:#fff;cursor:pointer;display:block;height:48px;line-height:48px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-nav-menu>.menu>li>a.active,.tiny-nav-menu>.menu>li>a:hover,.tiny-nav-menu>.menu>li>span.active,.tiny-nav-menu>.menu>li>span:hover{color:#fff;background:#474c5e;text-decoration:none}.tiny-nav-menu>.menu>li>a.selected,.tiny-nav-menu>.menu>li>span.selected{border-bottom:3px solid #fff}.tiny-nav-menu>.more{padding:0 12px;font-size:16px;text-align:center;color:#fff;cursor:pointer;display:inline-block;height:48px;line-height:48px}.tiny-nav-menu>.more.active,.tiny-nav-menu>.more.selected,.tiny-nav-menu>.more:hover{color:#fff;background:#474c5e}.tiny-nav-menu>.more.selected{border-bottom:3px solid #fff}.tiny-nav-menu>.popmenu{position:absolute;background:#fff;width:100%;border:1px solid #d9d9d9;-webkit-box-shadow:0 0 4px #d9d9d9;box-shadow:0 0 4px #d9d9d9;max-height:calc(100vh - 48px);overflow-y:auto;left:0}.tiny-nav-menu>.popmenu>.more-menu{float:left;width:160px;height:100%;border-right:1px solid #d9d9d9;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-nav-menu>.popmenu>.more-menu>ul{list-style:none}.tiny-nav-menu>.popmenu>.more-menu>ul>li{height:40px;line-height:40px;padding:0 12px 0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-nav-menu>.popmenu>.more-menu>ul>li.active,.tiny-nav-menu>.popmenu>.more-menu>ul>li:hover{color:var(--ti-common-color-line-active);background:#e6f7ff}.tiny-nav-menu>.popmenu>.more-menu>ul>li.active .more-icon,.tiny-nav-menu>.popmenu>.more-menu>ul>li:hover .more-icon{fill:var(--ti-common-color-line-active)}.tiny-nav-menu>.popmenu>.more-menu>ul>li>a{color:var(--ti-base-color-common)}.tiny-nav-menu>.popmenu>.more-menu>ul>li>a,.tiny-nav-menu>.popmenu>.more-menu>ul>li>span{display:block;height:40px;line-height:40px;font-size:12px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-nav-menu>.popmenu>.more-menu>ul>li>a.showicon,.tiny-nav-menu>.popmenu>.more-menu>ul>li>span.showicon{width:calc(100% - 12px)}.tiny-nav-menu>.popmenu>.more-menu>ul>li>.more-icon{font-size:12px}.tiny-nav-menu>.popmenu>.sub-menu{float:left;width:calc(100% - 160px);padding-left:14px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-nav-menu>.popmenu>.sub-menu.full-width{width:100%;padding:0 86px}.tiny-nav-menu>.popmenu>.sub-menu>ul{list-style:none;overflow:hidden}.tiny-nav-menu>.popmenu>.sub-menu>ul .group{list-style:none;margin-bottom:24px}.tiny-nav-menu>.popmenu>.sub-menu>ul .group:first-child{margin-top:18px}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.tiny-nav-menu__sub-menu-title{color:var(--ti-base-color-common);font-size:14px;font-weight:700;margin:0 0 12px 0;word-break:break-all}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.tiny-nav-menu__sub-menu-title:only-child{border-bottom:none}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item{font-size:12px;padding:4px 0}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item:hover{background:#e6f7ff}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item.active,.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item:active{background:#f5f5f5}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item>a{color:var(--ti-base-color-common);white-space:normal;word-break:break-all;text-decoration:none}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item>span{color:var(--ti-base-color-common);white-space:normal;word-break:break-all}.tiny-nav-menu>.single{width:auto;height:auto;padding:0}.tiny-nav-menu>.single>.sub-menu.full-width{padding:0}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group{margin:0}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group .tiny-nav-menu__sub-menu-title{padding:18px 35px 0 12px}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group .tiny-nav-menu__sub-menu-title.tiny-nav-menu__sub-menu-title-blank{padding:0 35px 0 12px}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group>.title{margin:0;line-height:40px;padding:0 35px 0 12px}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group>.sub-item{height:40px;line-height:40px;padding:0 35px 0 12px;margin:0}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group>.sub-item:hover{background:#e6f7ff}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group>.sub-item.active,.tiny-nav-menu>.single>.sub-menu.full-width>ul .group>.sub-item:active{background:#f5f5f5}.tiny-nav-menu>.more-button{float:left;text-align:center;padding:0 12px;height:48px;line-height:48px;overflow:hidden;fill:#fff;font-size:16px}.tiny-nav-menu>.more-button:hover{background:#474c5e}.tiny-nav-menu>.more-button.float-right{float:right;margin-left:10px}.tiny-nav-menu>.slot-mobile-menu{display:none}@media (max-width:768px){.tiny-nav-menu>.more-button.mobile{display:none}.tiny-nav-menu>.slot-mobile-menu{display:block}.tiny-nav-menu>.menu{display:none}.tiny-nav-menu>.popmenu .sub-menu .full-width{padding:0}}
+.tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-nav-menu{--ti-nav-menu-height:var(--ti-base-size-height-large);--ti-nav-menu-bg-color:var(--ti-base-color-navigation-background);--ti-nav-menu-item-font-size:var(--ti-common-font-size-2);--ti-nav-menu-item-text-color:var(--ti-base-color-light);--ti-nav-menu-item-hover-bg-color:#474c5e;--ti-nav-menu-setting-font-size:22px;--ti-nav-menu-popmenu-text-color:var(--ti-base-color-info-normal);--ti-nav-menu-popmenu-border-color:var(--ti-base-color-border);--ti-nav-menu-popmenu-more-item-height:40px;--ti-nav-menu-popmenu-more-item-hover-text-color:var(--ti-base-color-brand-6);--ti-nav-menu-popmenu-more-item-hover-bg-color:var(--ti-base-color-hover-background);--ti-nav-menu-popmenu-more-item-active-bg-color:var(--ti-base-color-selected-background);--ti-nav-menu-popmenu-node-title-font-size:var(--ti-common-font-size-1);--ti-nav-menu-popmenu-node-item-font-size:var(--ti-common-font-size-base, 12px);background:var(--ti-nav-menu-bg-color);height:var(--ti-nav-menu-height);position:relative;padding:0 24px}.tiny-nav-menu>.slot-logo{float:left;overflow:hidden;margin:0 100px 0 0;line-height:var(--ti-nav-menu-height)}.tiny-nav-menu>.slot-toolbar{float:right}.tiny-nav-menu>.slot-toolbar>.setting{position:relative;float:right;margin:0 0 0 24px}.tiny-nav-menu>.slot-toolbar>.setting>.tiny-icon{font-size:var(--ti-nav-menu-setting-font-size);line-height:var(--ti-nav-menu-height);cursor:pointer;color:#fff}.tiny-nav-menu>.slot-toolbar>.setting>.more-setting{position:absolute;right:0;min-width:120px;background-color:var(--ti-nav-menu-item-text-color);border:1px solid #d9d9d9;-webkit-box-shadow:0 0 4px rgba(0,0,0,.15);box-shadow:0 0 4px rgba(0,0,0,.15)}.tiny-nav-menu>.slot-toolbar>.setting>.more-setting>.setting-item{padding:6px 10px;color:#333}.tiny-nav-menu>.slot-toolbar>.setting>.more-setting>.setting-item:hover{background:var(--ti-nav-menu-popmenu-more-item-hover-bg-color)}.tiny-nav-menu>.slot-toolbar>.setting>.more-setting>.setting-item:active{background:var(--ti-nav-menu-popmenu-more-item-active-bg-color)}.tiny-nav-menu>.slot-toolbar>.template-toolbar .tiny-selector{margin-top:0}.tiny-nav-menu>.menu{float:left;height:var(--ti-nav-menu-height);line-height:var(--ti-nav-menu-height);overflow:hidden}.tiny-nav-menu>.menu>li{float:left}.tiny-nav-menu>.menu>li>a,.tiny-nav-menu>.menu>li>span{padding:0 12px;font-size:var(--ti-nav-menu-item-font-size);text-align:center;color:var(--ti-nav-menu-item-text-color);cursor:pointer;display:block;height:var(--ti-nav-menu-height);line-height:var(--ti-nav-menu-height);-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-nav-menu>.menu>li>a.active,.tiny-nav-menu>.menu>li>a:hover,.tiny-nav-menu>.menu>li>span.active,.tiny-nav-menu>.menu>li>span:hover{color:var(--ti-nav-menu-item-text-color);background:var(--ti-nav-menu-item-hover-bg-color);text-decoration:none}.tiny-nav-menu>.menu>li>a.selected,.tiny-nav-menu>.menu>li>span.selected{border-bottom:3px solid #fff}.tiny-nav-menu>.more{padding:0 12px;font-size:var(--ti-nav-menu-item-font-size);text-align:center;color:var(--ti-nav-menu-item-text-color);cursor:pointer;display:inline-block;height:var(--ti-nav-menu-height);line-height:var(--ti-nav-menu-height)}.tiny-nav-menu>.more.active,.tiny-nav-menu>.more.selected,.tiny-nav-menu>.more:hover{color:var(--ti-nav-menu-item-text-color);background:var(--ti-nav-menu-item-hover-bg-color)}.tiny-nav-menu>.more.selected{border-bottom:3px solid #fff}.tiny-nav-menu>.popmenu{position:absolute;background:#fff;width:100%;border:1px solid var(--ti-nav-menu-popmenu-border-color);-webkit-box-shadow:0 0 4px var(--ti-nav-menu-popmenu-border-color);box-shadow:0 0 4px var(--ti-nav-menu-popmenu-border-color);max-height:calc(100vh - var(--ti-nav-menu-height));overflow-y:auto;left:0}.tiny-nav-menu>.popmenu>.more-menu{float:left;width:160px;height:100%;border-right:1px solid var(--ti-nav-menu-popmenu-border-color);-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-nav-menu>.popmenu>.more-menu>ul{list-style:none}.tiny-nav-menu>.popmenu>.more-menu>ul>li{height:var(--ti-nav-menu-popmenu-more-item-height);line-height:var(--ti-nav-menu-popmenu-more-item-height);padding:0 12px 0 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-nav-menu>.popmenu>.more-menu>ul>li.active,.tiny-nav-menu>.popmenu>.more-menu>ul>li:hover{color:var(--ti-nav-menu-popmenu-more-item-hover-text-color);background:var(--ti-nav-menu-popmenu-more-item-hover-bg-color)}.tiny-nav-menu>.popmenu>.more-menu>ul>li.active .more-icon,.tiny-nav-menu>.popmenu>.more-menu>ul>li:hover .more-icon{fill:var(--ti-nav-menu-popmenu-more-item-hover-text-color)}.tiny-nav-menu>.popmenu>.more-menu>ul>li>a{color:var(--ti-nav-menu-popmenu-text-color)}.tiny-nav-menu>.popmenu>.more-menu>ul>li>a,.tiny-nav-menu>.popmenu>.more-menu>ul>li>span{display:block;height:var(--ti-nav-menu-popmenu-more-item-height);line-height:var(--ti-nav-menu-popmenu-more-item-height);font-size:var(--ti-common-font-size-base);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-nav-menu>.popmenu>.more-menu>ul>li>a.showicon,.tiny-nav-menu>.popmenu>.more-menu>ul>li>span.showicon{width:calc(100% - 12px)}.tiny-nav-menu>.popmenu>.more-menu>ul>li>.more-icon{font-size:var(--ti-common-font-size-base)}.tiny-nav-menu>.popmenu>.sub-menu{float:left;width:calc(100% - 160px);padding-left:14px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-nav-menu>.popmenu>.sub-menu.full-width{width:100%;padding:0 86px}.tiny-nav-menu>.popmenu>.sub-menu>ul{list-style:none;overflow:hidden}.tiny-nav-menu>.popmenu>.sub-menu>ul .group{list-style:none;margin-bottom:24px}.tiny-nav-menu>.popmenu>.sub-menu>ul .group:first-child{margin-top:18px}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.tiny-nav-menu__sub-menu-title{color:var(--ti-nav-menu-popmenu-text-color);font-size:var(--ti-nav-menu-popmenu-node-title-font-size);font-weight:700;margin:0 0 12px 0;word-break:break-all}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.tiny-nav-menu__sub-menu-title:only-child{border-bottom:none}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item{font-size:var(--ti-nav-menu-popmenu-node-item-font-size);padding:4px 0}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item:hover{background:var(--ti-nav-menu-popmenu-more-item-hover-bg-color)}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item.active,.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item:active{background:var(--ti-nav-menu-popmenu-more-item-active-bg-color)}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item>a{color:var(--ti-nav-menu-popmenu-text-color);white-space:normal;word-break:break-all;text-decoration:none}.tiny-nav-menu>.popmenu>.sub-menu>ul .group>.sub-item>span{color:var(--ti-nav-menu-popmenu-text-color);white-space:normal;word-break:break-all}.tiny-nav-menu>.single{width:auto;height:auto;padding:0}.tiny-nav-menu>.single>.sub-menu.full-width{padding:0}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group{margin:0}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group .tiny-nav-menu__sub-menu-title{padding:18px 35px 0 12px}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group .tiny-nav-menu__sub-menu-title.tiny-nav-menu__sub-menu-title-blank{padding:0 35px 0 12px}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group>.title{margin:0;line-height:40px;padding:0 35px 0 12px}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group>.sub-item{height:40px;line-height:40px;padding:0 35px 0 12px;margin:0}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group>.sub-item:hover{background:var(--ti-nav-menu-popmenu-more-item-hover-bg-color)}.tiny-nav-menu>.single>.sub-menu.full-width>ul .group>.sub-item.active,.tiny-nav-menu>.single>.sub-menu.full-width>ul .group>.sub-item:active{background:var(--ti-nav-menu-popmenu-more-item-active-bg-color)}.tiny-nav-menu>.more-button{float:left;text-align:center;padding:0 12px;height:var(--ti-nav-menu-height);line-height:var(--ti-nav-menu-height);overflow:hidden;fill:#fff;font-size:var(--ti-nav-menu-item-font-size)}.tiny-nav-menu>.more-button:hover{background:var(--ti-nav-menu-item-hover-bg-color)}.tiny-nav-menu>.more-button.float-right{float:right;margin-left:10px}.tiny-nav-menu>.slot-mobile-menu{display:none}@media (max-width:768px){.tiny-nav-menu>.more-button.mobile{display:none}.tiny-nav-menu>.slot-mobile-menu{display:block}.tiny-nav-menu>.menu{display:none}.tiny-nav-menu>.popmenu .sub-menu .full-width{padding:0}}

package/nav-menu/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-nav-menu-height': '48px',
+  'tiny-nav-menu-bg-color': '#2e3243',
+  'tiny-nav-menu-item-font-size': '16px',
+  'tiny-nav-menu-item-text-color': '#fff',
+  'tiny-nav-menu-item-hover-bg-color': '#474c5e',
+  'tiny-nav-menu-setting-font-size': '22px',
+  'tiny-nav-menu-popmenu-text-color': '#333',
+  'tiny-nav-menu-popmenu-border-color': '#d9d9d9',
+  'tiny-nav-menu-popmenu-more-item-height': '40px',
+  'tiny-nav-menu-popmenu-more-item-hover-text-color': '#1890ff',
+  'tiny-nav-menu-popmenu-more-item-hover-bg-color': '#e6f7ff',
+  'tiny-nav-menu-popmenu-more-item-active-bg-color': '#f5f5f5',
+  'tiny-nav-menu-popmenu-node-title-font-size': '14px',
+  'tiny-nav-menu-popmenu-node-item-font-size': '12px'
+}

package/notify/index.css

@@ -1 +1 @@
-.tiny-notify{position:fixed;z-index:1101;max-width:400px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s;overflow:hidden;white-space:nowrap;padding:16px;border-radius:2px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-shadow:0 0 10px #d9d9d9;box-shadow:0 0 10px #d9d9d9}.tiny-notify.top-left{left:10px;top:25px}.tiny-notify.bottom-left{left:10px;bottom:25px}.tiny-notify.top-right{right:10px;top:25px}.tiny-notify.bottom-right{right:10px;bottom:25px}.tiny-notify .tiny-notify__title{font-weight:700;font-size:14px;color:var(--ti-base-color-common);line-height:1.74}.tiny-notify .tiny-notify__icon{color:var(--ti-common-color-line-active)}.tiny-notify .tiny-notify__content{margin:0;padding:0;font-size:14px;color:var(--ti-base-color-common);word-break:break-all;white-space:pre-wrap}.tiny-notify .tiny-notify__closebtn{cursor:pointer;color:var(--ti-common-color-line-active);position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-notify .tiny-notify__icon-zone{width:24px;height:24px;font-size:24px}.tiny-notify .tiny-notify__message-zone{width:calc(100% - 40px);margin-left:10px}.tiny-notify .tiny-notify__close-zone{width:16px;height:16px;font-size:16px;cursor:pointer}.tiny-notify--info .tiny-notify__icon-zone{fill:var(--ti-common-color-line-active)}.tiny-notify--warning .tiny-notify__icon-zone{fill:#eeba18}.tiny-notify--error .tiny-notify__icon-zone{fill:#f43146}.tiny-notify--success .tiny-notify__icon-zone{fill:#0da769}.tiny-notify__icon-zone .tiny-notify__icon-status{position:relative;top:-7px}.tiny-notify--no-close .tiny-notify__message-zone{width:calc(100% - 24px)}.tiny-notify__message-zone .tiny-notify__title-wrapper{height:24px;line-height:24px}.tiny-notify__message-zone .tiny-notify__content-wrapper{height:auto;line-height:24px;max-height:96px;overflow-y:auto}.tiny-notify__close-zone .tiny-notify__icon-close{position:relative;top:-5px}.tiny-notify--no-icon .tiny-notify__message-zone{width:100%}
+.tiny-notify{--ti-notify-bg-color:var(--ti-common-color-prompt-bg);--ti-notify-info-bg-color:var(--ti-common-color-prompt-bg);--ti-notify-info-icon-color:var(--ti-common-color-prompt);--ti-notify-warning-bg-color:var(--ti-common-color-warn-bg);--ti-notify-warning-icon-color:var(--ti-common-color-warn);--ti-notify-error-bg-color:var(--ti-common-color-error-bg);--ti-notify-error-icon-color:var(--ti-common-color-error);--ti-notify-success-bg-color:var(--ti-common-color-success-bg);--ti-notify-success-icon-color:var(--ti-common-color-success);--ti-notify-text-color:var(--ti-base-color-brand-6);--ti-notify-border-radius:var(--ti-common-border-radius-normal);--ti-notify-title-text-color:var(--ti-base-color-info-normal);--ti-notify-title-font-size:var(--ti-common-font-size-1);--ti-notify-title-font-weight:var(--ti-common-font-weight-7);--ti-notify-title-height:30px;--ti-notify-title-line-height:30px;--ti-notify-title-margin-top:0;--ti-notify-title-margin-horizontal:0;--ti-notify-title-margin-bottom:0;--ti-notify-content-font-size:var(--ti-common-font-size-1);--ti-notify-message-margin-vertical:6px;--ti-notify-message-margin-right:0;--ti-notify-message-margin-left:10px;--ti-notify-icon-size:var(--ti-common-font-size-5);--ti-notify-close-icon-color:var(--ti-base-color-common-7);--ti-notify-max-width:400px;--ti-notify-box-shadow:var(--ti-common-shadow-4-down);position:fixed;z-index:1101;max-width:var(--ti-notify-max-width);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s;overflow:hidden;white-space:nowrap;padding:16px;background:var(--ti-notify-bg-color);border-radius:2px;border-radius:var(--ti-notify-border-radius);font-size:var(--ti-common-font-size-base);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-shadow:var(--ti-notify-box-shadow);box-shadow:var(--ti-notify-box-shadow)}.tiny-notify--info{background:var(--ti-notify-info-bg-color)}.tiny-notify--warning{background:var(--ti-notify-warning-bg-color)}.tiny-notify--error{background:var(--ti-notify-error-bg-color)}.tiny-notify--success{background:var(--ti-notify-success-bg-color)}.tiny-notify.top-left{left:10px;top:25px}.tiny-notify.bottom-left{left:10px;bottom:25px}.tiny-notify.top-right{right:10px;top:25px}.tiny-notify.bottom-right{right:10px;bottom:25px}.tiny-notify .tiny-notify__title{font-weight:var(--ti-notify-title-font-weight);font-size:var(--ti-notify-title-font-size);color:var(--ti-notify-title-text-color);line-height:1.74}.tiny-notify .tiny-notify__icon{color:var(--ti-notify-text-color)}.tiny-notify .tiny-notify__content{color:var(--ti-notify-title-text-color);font-size:var(--ti-common-font-size-base);margin:0;padding:0;font-size:var(--ti-common-font-size-1);word-break:break-all;white-space:pre-wrap}.tiny-notify .tiny-notify__closebtn{cursor:pointer;color:var(--ti-notify-text-color);position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-notify .tiny-notify__icon-zone{width:24px;height:24px;font-size:var(--ti-notify-icon-size)}.tiny-notify .tiny-notify__message-zone{width:calc(100% - 40px);margin:var(--ti-notify-message-margin-vertical) var(--ti-notify-message-margin-right) var(--ti-notify-message-margin-vertical) var(--ti-notify-message-margin-left)}.tiny-notify .tiny-notify__close-zone{width:16px;height:16px;font-size:var(--ti-common-font-size-2);cursor:pointer}.tiny-notify--info .tiny-notify__icon-zone{fill:var(--ti-notify-info-icon-color)}.tiny-notify--info .tiny-notify__close-zone{fill:var(--ti-notify-close-icon-color)}.tiny-notify--warning .tiny-notify__icon-zone{fill:var(--ti-notify-warning-icon-color)}.tiny-notify--warning .tiny-notify__close-zone{fill:var(--ti-notify-close-icon-color)}.tiny-notify--error .tiny-notify__icon-zone{fill:var(--ti-notify-error-icon-color)}.tiny-notify--error .tiny-notify__close-zone{fill:var(--ti-notify-close-icon-color)}.tiny-notify--success .tiny-notify__icon-zone{fill:var(--ti-notify-success-icon-color)}.tiny-notify--error .tiny-notify__close-zone{fill:var(--ti-notify-close-icon-color)}.tiny-notify__icon-zone .tiny-notify__icon-status{position:relative}.tiny-notify--no-close .tiny-notify__message-zone{width:calc(100% - 24px)}.tiny-notify__message-zone .tiny-notify__title-wrapper{color:var(--ti-notify-title-text-color);font-size:var(--ti-notify-title-font-size);margin:var(--ti-notify-title-margin-top) var(--ti-notify-title-margin-horizontal) var(--ti-notify-title-margin-bottom);height:var(--ti-notify-title-height);line-height:var(--ti-notify-title-line-height)}.tiny-notify__message-zone .tiny-notify__content-wrapper{height:auto;line-height:24px;max-height:96px;overflow-y:auto;font-size:var(--ti-notify-content-font-size)}.tiny-notify__close-zone .tiny-notify__icon-close{position:relative;top:6px}.tiny-notify--no-icon .tiny-notify__message-zone{width:100%}

package/notify/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-notify-bg-color': '#ffffff',
+  'tiny-notify-text-color': '#1890ff',
+  'tiny-notify-border-radius': '2px',
+  'tiny-notify-title-text-color': '#333',
+  'tiny-notify-title-font-size': '14px',
+  'tiny-notify-title-font-weight': '700',
+  'tiny-notify-title-height': '30px',
+  'tiny-notify-title-line-height': '30px',
+  'tiny-notify-title-margin-top': '0',
+  'tiny-notify-title-margin-horizontal': '0',
+  'tiny-notify-title-margin-bottom': '0',
+  'tiny-notify-content-font-size': '14px',
+  'tiny-notify-message-margin-vertical': '0',
+  'tiny-notify-message-margin-right': '0',
+  'tiny-notify-message-margin-left': '10px',
+  'tiny-notify-info-bg-color': '#ebf6ff',
+  'tiny-notify-info-icon-color': '#5e7ce0',
+  'tiny-notify-warning-bg-color': '#fff3e8',
+  'tiny-notify-warning-icon-color': '#fa9841',
+  'tiny-notify-error-bg-color': '#ffeeed',
+  'tiny-notify-error-icon-color': '#f66f6a',
+  'tiny-notify-success-bg-color': '#edfff9',
+  'tiny-notify-success-icon-color': '#50d4ab',
+  'tiny-notify-icon-size': '24px',
+  'tiny-notify-close-icon-color': '#252b3a',
+  'tiny-notify-max-width': '400px',
+  'tiny-notify-box-shadow': '0 8px 40px 0 rgba(0, 0, 0, 0.2)'
+}

package/numeric/index.css

@@ -1 +1 @@
-.tiny-numeric{position:relative;display:inline-block;width:180px}.tiny-numeric__input{display:block}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner{cursor:not-allowed;pointer-events:none;border:1px solid var(--ti-input-border-color-disabled);color:var(--ti-common-color-icon-disabled);background:var(--ti-input-bg-color-disabled)}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-moz-placeholder{color:#bfbfbf;opacity:1}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner:-ms-input-placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-webkit-input-placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-ms-input-placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-input__icon{cursor:not-allowed}.tiny-numeric__input.has-unit .tiny-numeric__input-inner{padding:0 50px 0 8px}.tiny-numeric__input-inner{width:100%;height:28px;line-height:28px;border:1px solid var(--ti-input-border-color);lighting-color:var(--ti-input-clear-color-hover);stop-color:var(--ti-input-clear-color-disabled);border-radius:2px;color:var(--ti-input-text-color);background:#fff;font-size:12px;padding:0 var(--ti-input-padding-horizontal);outline:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;text-align:center;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.tiny-numeric__input-inner::-moz-placeholder{color:#999;opacity:1}.tiny-numeric__input-inner:-ms-input-placeholder{color:#999}.tiny-numeric__input-inner::-webkit-input-placeholder{color:#999}.tiny-numeric__input-inner::-ms-input-placeholder{color:#999}.tiny-numeric__input-inner::placeholder{color:#999}.tiny-numeric__input-inner:active,.tiny-numeric__input-inner:focus,.tiny-numeric__input-inner:hover{border:1px solid var(--ti-input-border-color-hover)}.tiny-numeric__input-inner:focus{border-color:var(--ti-input-clear-color-hover);outline:0}.tiny-numeric__input-inner:focus::-moz-placeholder{color:#999;opacity:1}.tiny-numeric__input-inner:focus:-ms-input-placeholder{color:#999}.tiny-numeric__input-inner:focus::-webkit-input-placeholder{color:#999}.tiny-numeric__input-inner:focus::-ms-input-placeholder{color:#999}.tiny-numeric__input-inner:focus::placeholder{color:#999}.tiny-numeric__input-inner::-ms-clear{display:none;width:0;height:0}.tiny-numeric__decrease,.tiny-numeric__increase{position:absolute;z-index:1;top:0;width:28px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;text-align:center;cursor:pointer}.tiny-numeric__decrease svg,.tiny-numeric__increase svg{fill:var(--ti-common-color-icon-normal)}.tiny-numeric__decrease:hover:not(.is-disabled)~.tiny-numeric__input .tiny-numeric__input-inner:not(.is-disabled),.tiny-numeric__increase:hover:not(.is-disabled)~.tiny-numeric__input .tiny-numeric__input-inner:not(.is-disabled){border-color:var(--ti-input-border-color-hover)}.tiny-numeric__decrease:hover:not(.is-disabled)~.tiny-numeric__input.is-disabled .tiny-numeric__input-inner:not(.is-disabled),.tiny-numeric__increase:hover:not(.is-disabled)~.tiny-numeric__input.is-disabled .tiny-numeric__input-inner:not(.is-disabled){border-color:var(--ti-input-border-color-hover)}.tiny-numeric__decrease:hover svg,.tiny-numeric__increase:hover svg{fill:var(--ti-input-border-color-hover)}.tiny-numeric__decrease.is-disabled,.tiny-numeric__increase.is-disabled{cursor:not-allowed}.tiny-numeric__decrease.is-disabled svg,.tiny-numeric__increase.is-disabled svg{fill:var(--ti-common-color-icon-disabled)}.tiny-numeric__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid var(--ti-input-border-color)}.tiny-numeric__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid var(--ti-input-border-color)}.tiny-numeric__unit{right:0;position:absolute;z-index:1;top:1px;width:50px;height:calc(100% - 2px);color:#666;font-size:12px;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;border-left:1px solid #d9d9d9;margin:0 1px 0 0;background:#f1f1f1}.tiny-numeric.is-disabled .tiny-numeric__decrease,.tiny-numeric.is-disabled .tiny-numeric__increase{border-color:var(--ti-input-border-color-disabled)}.tiny-numeric.is-disabled .tiny-numeric__decrease svg,.tiny-numeric.is-disabled .tiny-numeric__increase svg{fill:var(--ti-common-color-icon-disabled)}.tiny-numeric.is-disabled .tiny-numeric__decrease:hover,.tiny-numeric.is-disabled .tiny-numeric__increase:hover{cursor:not-allowed}.tiny-numeric.is-disabled .tiny-numeric__decrease:hover svg,.tiny-numeric.is-disabled .tiny-numeric__increase:hover svg{fill:var(--ti-common-color-icon-disabled)}.tiny-numeric--medium{width:270px}.tiny-numeric--medium .tiny-numeric__decrease,.tiny-numeric--medium .tiny-numeric__increase{width:42px;line-height:40px;font-size:16px}.tiny-numeric--medium .tiny-numeric__input-inner{height:42px;line-height:42px;padding-left:43px;padding-right:43px}.tiny-numeric--small{width:200px}.tiny-numeric--small .tiny-numeric__decrease,.tiny-numeric--small .tiny-numeric__increase{width:36px;line-height:34px;font-size:14px}.tiny-numeric--small .tiny-numeric__input-inner{height:36px;line-height:36px;padding-left:37px;padding-right:37px}.tiny-numeric--mini{width:130px}.tiny-numeric--mini .tiny-numeric__decrease,.tiny-numeric--mini .tiny-numeric__increase{width:24px;line-height:20px;font-size:12px}.tiny-numeric--mini .tiny-numeric__input-inner{height:24px;line-height:24px;padding-left:35px;padding-right:35px}.tiny-numeric.is-without-controls .tiny-numeric__input-inner{padding-left:15px;padding-right:15px}.tiny-numeric.is-without-controls .tiny-numeric__input.has-unit .tiny-numeric__input-inner{padding:0 50px 0 8px}.tiny-numeric.is-controls-right .tiny-numeric__input-inner{padding-left:8px;padding-right:38px}.tiny-numeric.is-controls-right .tiny-numeric__decrease,.tiny-numeric.is-controls-right .tiny-numeric__increase{height:auto;line-height:14px}.tiny-numeric.is-controls-right .tiny-numeric__decrease svg,.tiny-numeric.is-controls-right .tiny-numeric__increase svg{-webkit-transform:scale(.8);transform:scale(.8)}.tiny-numeric.is-controls-right .tiny-numeric__increase{border-radius:0 4px 0 0;border-bottom:1px solid #d9d9d9}.tiny-numeric.is-controls-right .tiny-numeric__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid #d9d9d9;border-radius:0 0 4px}.tiny-numeric.is-controls-right .tiny-numeric__decrease svg{-webkit-transform:scale(.8) translateY(3px);transform:scale(.8) translateY(3px)}.tiny-numeric.is-controls-right[class*=medium] [class*=decrease],.tiny-numeric.is-controls-right[class*=medium] [class*=increase]{line-height:20px}.tiny-numeric.is-controls-right[class*=small] [class*=decrease],.tiny-numeric.is-controls-right[class*=small] [class*=increase]{line-height:17px}.tiny-numeric.is-controls-right[class*=mini] [class*=decrease],.tiny-numeric.is-controls-right[class*=mini] [class*=increase]{line-height:8px}
+.tiny-numeric{--ti-numeric-input-width:180px;--ti-numeric-input-border-radius:var(--ti-common-border-radius-normal);--ti-numeric-input-normal-border-color:var(--ti-base-color-border);--ti-numeric-input-normal-text-color:var(--ti-base-color-info-normal);--ti-numeric-input-normal-bg-color:var(--ti-base-color-light);--ti-numeric-input-normal-height:28px;--ti-numeric-input-normal-active-border-color:var(--ti-base-color-border-hover);--ti-numeric-input-placeholder-text-color:var(--ti-base-color-placeholder);--ti-numeric-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-numeric-input-icon-color-hover:var(--ti-base-color-border-hover);--ti-numeric-input-icon-color-disabled:var(--ti-common-color-icon-disabled);--ti-numeric-input-border-color-disabled:var(--ti-common-color-line-disabled);position:relative;display:inline-block;width:var(--ti-numeric-input-width)}.tiny-numeric__input{display:block;line-height:normal}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner{cursor:not-allowed;pointer-events:none;border:1px solid var(--ti-numeric-input-border-color-disabled);color:var(--ti-numeric-input-placeholder-text-color);background:var(--ti-numeric-input-disabled-bg-color)}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-moz-placeholder{color:#bfbfbf;opacity:1}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner:-ms-input-placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-webkit-input-placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-ms-input-placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::placeholder{color:#bfbfbf}.tiny-numeric__input.is-disabled .tiny-input__icon{cursor:not-allowed}.tiny-numeric__input.has-unit .tiny-numeric__input-inner{padding:0 50px 0 8px}.tiny-numeric__input.text-align-left .tiny-numeric__input-inner{text-align:left}.tiny-numeric__input-inner{width:100%;height:var(--ti-numeric-input-normal-height);line-height:var(--ti-numeric-input-normal-height);border:1px solid var(--ti-numeric-input-normal-border-color);border-radius:var(--ti-numeric-input-border-radius);color:var(--ti-numeric-input-normal-text-color);background:var(--ti-numeric-input-normal-bg-color);font-size:var(--ti-common-font-size-base);padding:0 calc(var(--ti-numeric-input-normal-height) + 8px);outline:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.tiny-numeric__input-inner::-moz-placeholder{color:var(--ti-numeric-input-placeholder-text-color);opacity:1}.tiny-numeric__input-inner:-ms-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner::-webkit-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner::-ms-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner::placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner:hover{border:1px solid var(--ti-numeric-input-normal-active-border-color)}.tiny-numeric__input-inner:active,.tiny-numeric__input-inner:focus{border:1px solid var(--ti-base-color-brand-6)}.tiny-numeric__input-inner:focus{outline:0}.tiny-numeric__input-inner:focus::-moz-placeholder{color:var(--ti-numeric-input-placeholder-text-color);opacity:1}.tiny-numeric__input-inner:focus:-ms-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner:focus::-webkit-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner:focus::-ms-input-placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner:focus::placeholder{color:var(--ti-numeric-input-placeholder-text-color)}.tiny-numeric__input-inner::-ms-clear{display:none;width:0;height:0}.tiny-numeric__decrease,.tiny-numeric__increase{position:absolute;z-index:1;top:1px;width:30px;height:calc(100% - 2px);line-height:calc(var(--ti-numeric-input-normal-height) - 2px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:var(--ti-common-font-size-1);text-align:center;cursor:pointer}.tiny-numeric__decrease svg,.tiny-numeric__increase svg{fill:var(--ti-numeric-input-normal-active-border-color)}.tiny-numeric__decrease:hover:not(.is-disabled)~.tiny-numeric__input .tiny-numeric__input-inner:not(.is-disabled),.tiny-numeric__increase:hover:not(.is-disabled)~.tiny-numeric__input .tiny-numeric__input-inner:not(.is-disabled){border-color:var(--ti-numeric-input-icon-color-hover)}.tiny-numeric__decrease:hover:not(.is-disabled)~.tiny-numeric__input.is-disabled .tiny-numeric__input-inner:not(.is-disabled),.tiny-numeric__increase:hover:not(.is-disabled)~.tiny-numeric__input.is-disabled .tiny-numeric__input-inner:not(.is-disabled){border-color:var(--ti-numeric-input-normal-border-color)}.tiny-numeric__decrease:hover svg,.tiny-numeric__increase:hover svg{fill:var(--ti-numeric-input-icon-color-hover)}.tiny-numeric__decrease.is-disabled,.tiny-numeric__increase.is-disabled{cursor:not-allowed}.tiny-numeric__decrease.is-disabled svg,.tiny-numeric__increase.is-disabled svg{fill:var(--ti-numeric-input-icon-color-disabled)}.tiny-numeric__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid var(--ti-numeric-input-normal-border-color)}.tiny-numeric__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid var(--ti-numeric-input-normal-border-color)}.tiny-numeric__unit{right:0;position:absolute;z-index:1;top:1px;width:50px;height:calc(100% - 2px);color:#666;font-size:var(--ti-common-font-size-base);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;border-left:1px solid #d9d9d9;margin:0 1px 0 0;background:#f1f1f1}.tiny-numeric.is-disabled .tiny-numeric__decrease,.tiny-numeric.is-disabled .tiny-numeric__increase{border-color:var(--ti-numeric-input-border-color-disabled)}.tiny-numeric.is-disabled .tiny-numeric__decrease svg,.tiny-numeric.is-disabled .tiny-numeric__increase svg{fill:var(--ti-numeric-input-icon-color-disabled)}.tiny-numeric.is-disabled .tiny-numeric__decrease:hover,.tiny-numeric.is-disabled .tiny-numeric__increase:hover{cursor:not-allowed}.tiny-numeric.is-disabled .tiny-numeric__decrease:hover svg,.tiny-numeric.is-disabled .tiny-numeric__increase:hover svg{fill:var(--ti-numeric-input-icon-color-disabled)}.tiny-numeric--medium{width:270px}.tiny-numeric--medium .tiny-numeric__decrease,.tiny-numeric--medium .tiny-numeric__increase{width:42px;line-height:40px;font-size:var(--ti-common-font-size-2)}.tiny-numeric--medium .tiny-numeric__input-inner{height:42px;line-height:42px;padding-left:43px;padding-right:43px}.tiny-numeric--small{width:200px}.tiny-numeric--small .tiny-numeric__decrease,.tiny-numeric--small .tiny-numeric__increase{width:36px;line-height:34px;font-size:var(--ti-common-font-size-1)}.tiny-numeric--small .tiny-numeric__input-inner{height:36px;line-height:36px;padding-left:37px;padding-right:37px}.tiny-numeric--mini{width:130px}.tiny-numeric--mini .tiny-numeric__decrease,.tiny-numeric--mini .tiny-numeric__increase{width:24px;line-height:20px;font-size:var(--ti-common-font-size-base)}.tiny-numeric--mini .tiny-numeric__input-inner{height:24px;line-height:24px;padding-left:35px;padding-right:35px}.tiny-numeric.is-without-controls .tiny-numeric__input-inner{padding-left:8px;padding-right:8px}.tiny-numeric.is-without-controls .tiny-numeric__input.has-unit .tiny-numeric__input-inner{padding:0 50px 0 8px}.tiny-numeric.is-without-controls .tiny-numeric__input.text-align-left .tiny-numeric__input-inner{text-align:left}.tiny-numeric.is-controls-right .tiny-numeric__input-inner{padding-left:8px;padding-right:38px}.tiny-numeric.is-controls-right .tiny-numeric__decrease,.tiny-numeric.is-controls-right .tiny-numeric__increase{height:auto;line-height:14px}.tiny-numeric.is-controls-right .tiny-numeric__decrease svg,.tiny-numeric.is-controls-right .tiny-numeric__increase svg{-webkit-transform:scale(.8);transform:scale(.8)}.tiny-numeric.is-controls-right .tiny-numeric__increase{border-radius:0 4px 0 0;border-bottom:1px solid var(--ti-numeric-input-normal-border-color)}.tiny-numeric.is-controls-right .tiny-numeric__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:1px solid var(--ti-numeric-input-normal-border-color);border-radius:0 0 4px}.tiny-numeric.is-controls-right .tiny-numeric__decrease svg{-webkit-transform:scale(.8) translateY(3px);transform:scale(.8) translateY(3px)}.tiny-numeric.is-controls-right[class*=medium] [class*=decrease],.tiny-numeric.is-controls-right[class*=medium] [class*=increase]{line-height:20px}.tiny-numeric.is-controls-right[class*=small] [class*=decrease],.tiny-numeric.is-controls-right[class*=small] [class*=increase]{line-height:17px}.tiny-numeric.is-controls-right[class*=mini] [class*=decrease],.tiny-numeric.is-controls-right[class*=mini] [class*=increase]{line-height:8px}

package/numeric/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-numeric-input-width': '180px',
+  'tiny-numeric-input-border-radius': '2px',
+  'tiny-numeric-input-normal-border-color': '#d9d9d9',
+  'tiny-numeric-input-normal-text-color': '#333',
+  'tiny-numeric-input-normal-bg-color': '#fff',
+  'tiny-numeric-input-normal-height': '30px',
+  'tiny-numeric-input-normal-active-border-color': '#1890ff',
+  'tiny-numeric-input-placeholder-text-color': '#999',
+  'tiny-numeric-input-disabled-bg-color': '#f5f5f5',
+  'tiny-numeric-input-icon-color-hover': '#40a9ff',
+  'tiny-numeric-input-icon-color-disabled': '#bfbfbf',
+  'tiny-numeric-input-border-color-disabled': '#d9d9d9'
+}

package/option/index.css

@@ -1 +1 @@
-.tiny-select-dropdown__item{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ti-base-color-common);font-size:12px;height:30px;line-height:30px;cursor:pointer}.tiny-select-dropdown__item.hover,.tiny-select-dropdown__item:hover{background-color:var(--ti-select-item-bg-color-hover);color:var(--ti-select-item-text-color-hover)}.tiny-select-dropdown__item.selected{color:#fff;background-color:var(--ti-select-item-selected-bg-color)}.tiny-select-dropdown__item.is-disabled{color:var(--ti-common-color-text-disabled);cursor:not-allowed}.tiny-select-dropdown__item.is-disabled:hover{background-color:#fff}.tiny-select-dropdown__item .tiny-svg{fill:#bfbfbf;font-size:16px;margin-right:8px}.tiny-select-dropdown__item .checked-sur.tiny-svg,.tiny-select-dropdown__item .halfselect.tiny-svg,.tiny-select-dropdown__item.hover .tiny-svg,.tiny-select-dropdown__item.selected .tiny-svg{fill:var(--ti-select-item-selected-bg-color)}.tiny-select-dropdown__item.memorize-highlight{color:var(--ti-select-item-selected-bg-color)}
+.tiny-select-dropdown{--ti-select-dropdown-item-text-color:var(--ti-base-color-info-normal);--ti-select-dropdown-item-font-size:var(--ti-common-font-size-base);--ti-select-dropdown-item-height:var(--ti-base-size-height-minor);--ti-select-dropdown-item-disabled-text-color:var(--ti-base-color-placeholder);--ti-select-dropdown-item-disabled-bg-color:var(--ti-base-color-light);--ti-select-dropdown-item-bg-color:var(--ti-base-color-light);--ti-select-dropdown-item-hover-bg-color:var(--ti-base-color-hover-background);--ti-select-dropdown-item-selected-bg-color:var(--ti-base-color-selected-background);--ti-select-dropdown-item-selected-text-color:var(--ti-base-color-selected-text-color);--ti-select-dropdown-item-icon-color:var(--ti-common-color-line-normal);--ti-select-dropdown-item-icon-font-size:var(--ti-common-font-size-2);--ti-select-dropdown-item-icon-color-selected:var(--ti-base-color-brand-6);--ti-select-dropdown-item-disabled-icon-color:var(--ti-common-color-icon-disabled)}.tiny-select-dropdown.is-multiple .tiny-select-dropdown__item.selected{color:var(--ti-select-dropdown-item-text-color);background-color:var(--ti-select-dropdown-item-bg-color)}.tiny-select-dropdown.is-multiple .tiny-select-dropdown__item.selected.is-disabled{color:var(--ti-select-dropdown-item-disabled-text-color)}.tiny-select-dropdown.is-multiple .tiny-select-dropdown__item.selected.is-disabled:hover{background-color:var(--ti-select-dropdown-item-disabled-bg-color)}.tiny-select-dropdown__item{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ti-select-dropdown-item-text-color);font-size:var(--ti-select-dropdown-item-font-size);height:var(--ti-select-dropdown-item-height);line-height:var(--ti-select-dropdown-item-height);cursor:pointer}.tiny-select-dropdown__item.is-disabled{color:var(--ti-select-dropdown-item-disabled-text-color);cursor:not-allowed}.tiny-select-dropdown__item.is-disabled:hover{background-color:var(--ti-select-dropdown-item-disabled-bg-color)}.tiny-select-dropdown__item.hover,.tiny-select-dropdown__item:hover{background-color:var(--ti-select-dropdown-item-hover-bg-color)}.tiny-select-dropdown__item.selected{color:var(--ti-select-dropdown-item-selected-text-color);background-color:var(--ti-select-dropdown-item-selected-bg-color)}.tiny-select-dropdown__item .tiny-svg{fill:var(--ti-select-dropdown-item-icon-color);font-size:var(--ti-select-dropdown-item-icon-font-size);margin-right:8px}.tiny-select-dropdown__item .checked-sur.tiny-svg,.tiny-select-dropdown__item .halfselect.tiny-svg,.tiny-select-dropdown__item.hover .tiny-svg,.tiny-select-dropdown__item.selected .tiny-svg{fill:var(--ti-select-dropdown-item-icon-color-selected)}.tiny-select-dropdown__item.selected .tiny-svg{fill:var(--ti-select-dropdown-item-icon-color-selected)}.tiny-select-dropdown__item.memorize-highlight{color:var(--ti-select-dropdown-item-icon-color-selected)}

package/option/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-select-dropdown-item-text-color': '#333',
+  'tiny-select-dropdown-item-font-size': '12px',
+  'tiny-select-dropdown-item-height': '30px',
+  'tiny-select-dropdown-item-disabled-text-color': '#999',
+  'tiny-select-dropdown-item-disabled-bg-color': '#fff',
+  'tiny-select-dropdown-item-hover-bg-color': '#e6f7ff',
+  'tiny-select-dropdown-item-selected-bg-color': '#f5f5f5',
+  'tiny-select-dropdown-item-bg-color': '#fff',
+  'tiny-select-dropdown-item-selected-text-color': '#fff',
+  'tiny-select-dropdown-item-icon-color': '#bfbfbf',
+  'tiny-select-dropdown-item-icon-font-size': '16px',
+  'tiny-select-dropdown-item-icon-color-selected': '#1890ff'
+}

package/option-group/index.css

@@ -1 +1 @@
-.tiny-select-group{margin:0;padding:0}.tiny-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.tiny-select-group__wrap:not(:last-of-type){padding-bottom:24px}.tiny-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:8px;right:8px;bottom:12px;height:1px;background:#e4e7ed}.tiny-select-group__wrap .tiny-select-group__title{padding-left:8px;font-size:12px;color:#909399;line-height:30px}
+.tiny-select-group{--ti-select-group-wrap-bg-color:#e4e7ed;--ti-select-group-title-font-size:var(--ti-common-font-size-base);--ti-select-group-title-text-color:#909399;--ti-select-group-title-line-height:var(--ti-base-size-height-minor);margin:0;padding:0}.tiny-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.tiny-select-group__wrap:not(:last-of-type){padding-bottom:24px}.tiny-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:8px;right:8px;bottom:12px;height:1px;background:var(--ti-select-group-wrap-bg-color)}.tiny-select-group__wrap .tiny-select-group__title{padding-left:8px;font-size:var(--ti-select-group-title-font-size);color:var(--ti-select-group-title-text-color);line-height:var(--ti-select-group-title-line-height)}

package/option-group/index.js

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

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@opentiny/vue-theme",
-  "version": "3.1.0-alpha.1",
-  "description": "@opentiny/vue-theme",
-  "main": "index.css",
+  "version": "3.5.0-alpha.0",
+  "description": "tiny-vue-theme",
+  "main": "dist/index.css",
   "author": "tinyUI for Vue Team",
   "license": "MIT",
   "scripts": {
@@ -10,7 +10,9 @@
     "build:theme": "gulp build --gulpfile build/gulp-dist.js",
     "build": "npm run clean && npm run build:theme",
     "build:fast": "npm run build && npm run release",
-    "release": "node build/release.js"
+    "release": "node build/release.js",
+    "lint": "eslint src/**/*{.vue,.js} --quiet",
+    "commit": "git-cz"
   },
   "devDependencies": {
     "@babel/cli": "^7.5.5",
@@ -20,7 +22,41 @@
     "gulp-autoprefixer": "^7.0.1",
     "gulp-clean-css": "^4.2.0",
     "gulp-less": "^4.0.1",
-    "rimraf": "^2.6.2"
+    "rimraf": "^3.0.2",
+    "eslint": "^8.25.0",
+    "eslint-plugin-vue": "^9.6.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-node": "^11.1.0 ",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-standard": "^5.0.0",
+    "prettier": "^2.2.1",
+    "babel-eslint": "^10.1.0",
+    "@commitlint/cli": "^17.3.0",
+    "@commitlint/config-conventional": "^17.3.0",
+    "commitizen": "^4.2.5",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "glob": "^8.0.3",
+    "husky": "^8.0.2",
+    "lint-staged": "^13.0.3"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "lint-staged": {
+    "*.{js,ts,jsx,tsx,vue}": [
+      "prettier --write"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-conventional-changelog"
+    }
   },
   "resolutions": {
     "graceful-fs": "4.2.2"