@opentiny/vue-theme 3.6.7 → 3.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-menu/index.css +1 -1
- package/alert/aurora-theme.js +14 -0
- package/alert/index.css +1 -1
- package/alert/smb-theme.js +39 -0
- package/anchor/index.css +1 -1
- package/autocomplete/index.css +1 -1
- package/badge/index.css +1 -1
- package/badge/smb-theme.js +3 -0
- package/base/index.css +1 -1
- package/breadcrumb/aurora-theme.js +3 -0
- package/breadcrumb/index.css +1 -1
- package/breadcrumb/smb-theme.js +7 -0
- package/button/aurora-theme.js +3 -0
- package/button/index.css +1 -1
- package/button/smb-theme.js +45 -0
- package/button-group/index.css +1 -1
- package/button-group/smb-theme.js +29 -0
- package/calendar/index.css +1 -1
- package/card-item/index.css +1 -1
- package/card-template/index.css +1 -1
- package/carousel/index.css +1 -1
- package/cascader/aurora-theme.js +3 -0
- package/cascader/index.css +1 -1
- package/cascader-menu/aurora-theme.js +3 -0
- package/cascader-menu/index.css +1 -1
- package/cascader-node/aurora-theme.js +8 -0
- package/cascader-node/index.css +1 -1
- package/cascader-panel/aurora-theme.js +3 -0
- package/cascader-panel/index.css +1 -1
- package/checkbox/aurora-theme.js +5 -0
- package/checkbox/index.css +1 -1
- package/checkbox/smb-theme.js +17 -0
- package/checkbox-button/aurora-theme.js +3 -0
- package/checkbox-button/index.css +1 -1
- package/checkbox-button/smb-theme.js +27 -0
- package/checkbox-group/index.css +1 -1
- package/checkbox-group/smb-theme.js +4 -0
- package/collapse/index.css +1 -1
- package/collapse-item/aurora-theme.js +22 -0
- package/collapse-item/index.css +1 -1
- package/collapse-item/smb-theme.js +15 -0
- package/crop/index.css +1 -1
- package/date-panel/index.css +1 -1
- package/date-table/index.css +1 -1
- package/date-table/smb-theme.js +8 -0
- package/dept/index.css +1 -1
- package/dialog-box/index.css +1 -1
- package/dialog-box/smb-theme.js +13 -0
- package/dialog-select/index.css +1 -0
- package/drop-roles/index.css +1 -1
- package/dropdown/index.css +1 -1
- package/dropdown/smb-theme.js +12 -0
- package/dropdown-item/index.css +1 -1
- package/dropdown-item/smb-theme.js +14 -0
- package/dropdown-menu/index.css +1 -1
- package/dropdown-menu/smb-theme.js +4 -0
- package/error-page/index.css +1 -1
- package/file-upload/aurora-theme.js +6 -0
- package/filter-box/index.css +1 -0
- package/filter-panel/index.css +1 -0
- package/floatbar/index.css +1 -1
- package/flowchart/index.css +1 -0
- package/form/index.css +1 -1
- package/form/smb-theme.js +5 -0
- package/form-item/index.css +1 -1
- package/form-item/smb-theme.js +14 -0
- package/grid/aurora-theme.js +15 -0
- package/grid/index.css +1 -1
- package/grid/smb-theme.js +20 -0
- package/grid-toolbar/index.css +1 -0
- package/guide/index.css +1 -0
- package/image/index.css +1 -1
- package/images/credit-background.jpeg +0 -0
- package/images/empty-noaccess.png +0 -0
- package/images/empty-noaccess.svg +20 -0
- package/images/empty-nodata.png +0 -0
- package/images/empty-nodata.svg +24 -0
- package/images/empty-nonetwork.png +0 -0
- package/images/empty-nonetwork.svg +25 -0
- package/images/empty-nonotice.png +0 -0
- package/images/empty-nonotice.svg +23 -0
- package/images/empty-noresult.png +0 -0
- package/images/empty-noresult.svg +23 -0
- package/images/empty-page-noaccess.png +0 -0
- package/images/empty-page-noaccess.svg +50 -0
- package/images/empty-page-nonetwork.png +0 -0
- package/images/empty-page-nonetwork.svg +44 -0
- package/images/empty-page-nothing.png +0 -0
- package/images/empty-page-nothing.svg +38 -0
- package/images/empty-page-servererror.png +0 -0
- package/images/empty-page-servererror.svg +55 -0
- package/images/icon_operation.svg +1 -1
- package/images/icon_operation_bubble.svg +1 -1
- package/images/image-error.jpg +0 -0
- package/images/image-error.svg +6 -0
- package/images/loading-64.gif +0 -0
- package/images/select-nodata.png +0 -0
- package/index.css +1 -1
- package/input/aurora-theme.js +4 -0
- package/input/index.css +1 -1
- package/input/smb-theme.js +19 -0
- package/ip-address/aurora-theme.js +4 -0
- package/ip-address/index.css +1 -1
- package/ip-address/smb-theme.js +10 -0
- package/link/index.css +1 -1
- package/link/smb-theme.js +13 -0
- package/loading/index.css +1 -1
- package/loading/smb-theme.js +19 -0
- package/lowcode.css +1 -1
- package/menubar/index.css +1 -1
- package/milestone/index.css +1 -1
- package/modal/index.css +1 -1
- package/modal/smb-theme.js +21 -0
- package/nav-menu/index.css +1 -1
- package/nav-menu/smb-theme.js +3 -0
- package/notify/index.css +1 -1
- package/notify/smb-theme.js +22 -0
- package/numeric/index.css +1 -1
- package/numeric/smb-theme.js +10 -0
- package/option/index.css +1 -1
- package/option/smb-theme.js +13 -0
- package/option-group/index.css +1 -1
- package/option-group/smb-theme.js +5 -0
- package/package.json +5 -4
- package/pager/index.css +1 -1
- package/pager/smb-theme.js +42 -0
- package/popeditor/index.css +1 -1
- package/popover/index.css +1 -1
- package/popover/smb-theme.js +10 -0
- package/progress/aurora-theme.js +3 -0
- package/progress/index.css +1 -1
- package/progress/smb-theme.js +4 -0
- package/radio/aurora-theme.js +9 -0
- package/radio/index.css +1 -1
- package/radio/smb-theme.js +11 -0
- package/radio-button/index.css +1 -1
- package/radio-group/index.css +1 -1
- package/rate/index.css +1 -1
- package/recycle-scroller/index.css +1 -0
- package/roles/index.css +1 -1
- package/scrollbar/index.css +1 -1
- package/scrollbar/smb-theme.js +7 -0
- package/search/aurora-theme.js +3 -0
- package/search/index.css +1 -1
- package/search/smb-theme.js +9 -0
- package/select/index.css +1 -1
- package/select/smb-theme.js +11 -0
- package/select-dropdown/index.css +1 -1
- package/select-dropdown/smb-theme.js +27 -0
- package/selected-box/index.css +1 -0
- package/selector/index.css +1 -1
- package/slider/aurora-theme.js +15 -0
- package/slider/index.css +1 -1
- package/slider/smb-theme.js +1 -0
- package/split/aurora-theme.js +3 -0
- package/split/index.css +1 -1
- package/steps/index.css +1 -1
- package/steps/smb-theme.js +25 -0
- package/svgs/add-circle.svg +26 -0
- package/svgs/arrow-bottom.svg +6 -0
- package/svgs/audio.svg +8 -0
- package/svgs/calendar.svg +28 -26
- package/svgs/down-ward.svg +10 -0
- package/svgs/error.svg +10 -17
- package/svgs/excel-type.svg +11 -0
- package/svgs/expand.svg +7 -0
- package/svgs/eyeclose.svg +41 -17
- package/svgs/eyeopen.svg +21 -18
- package/svgs/file-type.svg +14 -0
- package/svgs/left-frozen.svg +1 -1
- package/svgs/left-ward-arrow.svg +11 -0
- package/svgs/loading-shadow.svg +19 -0
- package/svgs/mic.svg +6 -0
- package/svgs/mobile-checkbox-half.svg +10 -0
- package/svgs/mobile-checkbox-selected.svg +10 -0
- package/svgs/mobile-checkbox.svg +10 -0
- package/svgs/mobile-radio-selected.svg +9 -0
- package/svgs/mobile-radio.svg +10 -0
- package/svgs/other-type.svg +11 -0
- package/svgs/pdf-type.svg +11 -0
- package/svgs/picture-type.svg +11 -0
- package/svgs/ppt-type.svg +11 -0
- package/svgs/prompt-exclamation.svg +7 -0
- package/svgs/prompt.svg +6 -0
- package/svgs/put-away.svg +8 -0
- package/svgs/replies.svg +1 -1
- package/svgs/right-frozen.svg +1 -1
- package/svgs/sent.svg +1 -1
- package/svgs/sort-triangle-ascending.svg +9 -0
- package/svgs/sort-triangle-descending.svg +9 -0
- package/svgs/sort-triangle.svg +12 -0
- package/svgs/stretch.svg +48 -0
- package/svgs/success.svg +10 -16
- package/svgs/text-type.svg +11 -0
- package/svgs/triangle-down.svg +6 -15
- package/svgs/unsent.svg +1 -1
- package/svgs/up-ward.svg +11 -0
- package/svgs/video-type.svg +14 -0
- package/svgs/warning-triangle.svg +8 -16
- package/svgs/word-type.svg +11 -0
- package/svgs/zip-type.svg +16 -0
- package/switch/aurora-theme.js +10 -0
- package/switch/index.css +1 -1
- package/switch/smb-theme.js +12 -0
- package/table/index.css +1 -1
- package/tabs/aurora-theme.js +16 -0
- package/tabs/index.css +1 -1
- package/tabs/smb-theme.js +15 -0
- package/tag/aurora-theme.js +33 -0
- package/tag/index.css +1 -1
- package/tag/smb-theme.js +22 -0
- package/tall-storage/index.css +1 -1
- package/text-popup/aurora-theme.js +5 -0
- package/text-popup/index.css +1 -1
- package/text-popup/smb-theme.js +7 -0
- package/textarea/index.css +1 -0
- package/textarea/smb-theme.js +24 -0
- package/theme/aurora-theme/component.js +25 -0
- package/theme/aurora-theme/index.js +430 -0
- package/theme/index.js +17 -0
- package/theme/infinity-theme/index.js +24 -24
- package/theme/smb-theme/component.js +43 -0
- package/theme/smb-theme/index.js +342 -0
- package/theme/utils.js +12 -0
- package/theme-tool.js +23 -16
- package/theme.config.js +34 -13
- package/time-select/index.css +1 -1
- package/tip/index.css +1 -1
- package/toggle-menu/index.css +1 -1
- package/tooltip/aurora-theme.js +5 -0
- package/tooltip/index.css +1 -1
- package/tooltip/smb-theme.js +18 -0
- package/transfer/aurora-theme.js +8 -0
- package/transfer/index.css +1 -1
- package/tree/index.css +1 -1
- package/tree-menu/index.css +1 -1
- package/upload/index.css +1 -1
- package/upload-dragger/index.css +1 -1
- package/upload-list/index.css +1 -1
- package/user-card/index.css +1 -1
- package/user-link/index.css +1 -1
- package/wizard/index.css +1 -1
- package/action-menu/index.js +0 -13
- package/alert/index.js +0 -40
- package/anchor/index.js +0 -20
- package/autocomplete/index.js +0 -25
- package/breadcrumb/index.js +0 -24
- package/breadcrumb-item/index.js +0 -15
- package/button/index.js +0 -105
- package/button-group/index.js +0 -34
- package/carousel/index.js +0 -39
- package/cascader/index.js +0 -41
- package/cascader-menu/index.js +0 -20
- package/cascader-node/index.js +0 -25
- package/cascader-panel/index.js +0 -22
- package/collapse/index.js +0 -15
- package/collapse-item/index.js +0 -32
- package/crop/index.js +0 -31
- package/detail-page/index.js +0 -25
- package/dialog-box/index.js +0 -38
- package/drop-times/index.js +0 -15
- package/dropdown/index.js +0 -15
- package/dropdown-item/index.js +0 -27
- package/dropdown-menu/index.js +0 -18
- package/fall-menu/index.js +0 -27
- package/file-upload/index.js +0 -15
- package/floatbar/index.js +0 -21
- package/form/index.js +0 -15
- package/form-item/index.js +0 -24
- package/fullscreen/index.js +0 -15
- package/grid/index.js +0 -65
- package/image/index.js +0 -17
- package/index.js +0 -16
- package/input/index.js +0 -34
- package/ip-address/index.js +0 -25
- package/link/index.js +0 -41
- package/link-menu/index.js +0 -24
- package/loading/index.js +0 -21
- package/milestone/index.js +0 -26
- package/modal/index.js +0 -47
- package/nav-menu/index.js +0 -28
- package/notify/index.js +0 -41
- package/numeric/index.js +0 -26
- package/option/index.js +0 -26
- package/option-group/index.js +0 -18
- package/pager/index.js +0 -40
- package/popover/index.js +0 -30
- package/progress/index.js +0 -23
- package/radio/index.js +0 -42
- package/rate/index.js +0 -18
- package/scrollbar/index.js +0 -15
- package/search/index.js +0 -34
- package/select/index.js +0 -27
- package/select-dropdown/index.js +0 -33
- package/slide-bar/index.js +0 -20
- package/slider/index.js +0 -52
- package/split/index.js +0 -23
- package/steps/index.js +0 -49
- package/switch/index.js +0 -29
- package/tabs/index.js +0 -60
- package/tag/index.js +0 -54
- package/text-popup/index.js +0 -18
- package/toggle-menu/index.js +0 -24
- package/tooltip/index.js +0 -41
- package/transfer/index.js +0 -47
- package/tree/index.js +0 -27
- package/tree-menu/index.js +0 -22
- package/upload/index.js +0 -22
- package/upload-dragger/index.js +0 -26
- package/upload-list/index.js +0 -28
- package/vars/index.js +0 -169
- package/wizard/index.js +0 -21
package/menubar/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-menu.menu-hor{--ti-menubar-title-font-size:var(--ti-common-font-size-base-normal);--ti-menubar-title-text-color:var(--ti-common-color-light);--ti-menubar-li-height:var(--ti-common-size-12x);--ti-menubar-menu-height:var(--ti-common-size-height-large);--ti-menubar-menu-font-size:var(--ti-common-font-size-1);--ti-menubar-submenu-normal-text-color:var(--ti-common-color-info-normal);--ti-menubar-submenu-hover-bg-color:var(--ti-common-color-hover-background);--ti-menubar-submenu-active-bg-color:var(--ti-common-color-selected-background);--ti-menubar-submenu-li-height:var(--ti-common-size-10x);--ti-menubar-bg-color-normal:var(--ti-common-color-navigation
|
|
1
|
+
.tiny-menu.menu-hor{--ti-menubar-title-font-size:var(--ti-common-font-size-base-normal);--ti-menubar-title-text-color:var(--ti-common-color-light);--ti-menubar-li-height:var(--ti-common-size-12x);--ti-menubar-menu-height:var(--ti-common-size-height-large);--ti-menubar-menu-font-size:var(--ti-common-font-size-1);--ti-menubar-submenu-normal-text-color:var(--ti-common-color-info-normal);--ti-menubar-submenu-hover-bg-color:var(--ti-common-color-hover-background);--ti-menubar-submenu-active-bg-color:var(--ti-common-color-selected-background);--ti-menubar-submenu-li-height:var(--ti-common-size-10x);--ti-menubar-bg-color-normal:var(--ti-common-color-bg-navigation);--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/milestone/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-milestone{--ti-milestone-
|
|
1
|
+
.tiny-milestone{--ti-milestone-font-size:var(--ti-common-font-size-base);--ti-milestone-bg-color:var(--ti-common-color-icon-white);--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-common-color-placeholder);--ti-milestone-flag-tip-line-height:var(--ti-common-line-height-4);--ti-milestone-flag-tip-bg-color:var(--ti-common-color-bg-secondary);--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);--ti-milestone-text-color:var(--ti-common-color-light);--ti-milestone-flag-font-size:var(--ti-common-font-size-base);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-milestone-flag-font-size);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/modal/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-modal{--ti-modal-font-size:var(--ti-common-font-size-base);--ti-modal-text-color:var(--ti-common-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-common-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-common-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-common-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:-8px/2 + 1}.tiny-modal__resize .wr-resize{right:-8px/2 + 1}.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:-8px/2 + 1}.tiny-modal__resize .sb-resize{bottom:-8px/2 + 1}@-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}}
|
|
1
|
+
.tiny-modal{--ti-modal-box-width:calc(var(--ti-common-space-10) * 40);--ti-modal-box-shadow:0 10px 40px 0 rgba(0, 0, 0, 0.1);--ti-modal-font-family:var(--ti-common-font-family);--ti-modal-box-background-color:var(--ti-common-color-bg-white-normal);--ti-modal-box-border-radius:var(--ti-common-border-radius-normal);--ti-modal-border-color:transparent;--ti-modal-alert-icon-size:var(--ti-common-font-size-5);--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-common-font-weight-bold);--ti-modal-header-padding-top:var(--ti-common-space-8x);--ti-modal-header-padding-horizontal:var(--ti-common-space-8x);--ti-modal-header-padding-bottom:calc(var(--ti-common-space-base) * 7);--ti-modal-body-padding-top:var(--ti-common-space-0);--ti-modal-body-padding-horizontal:var(--ti-common-space-8x);--ti-modal-body-padding-bottom:var(--ti-common-space-0);--ti-modal-body-font-size:var(--ti-common-font-size-base);--ti-modal-body-text-color:var(--ti-common-color-text-primary);--ti-modal-body-line-height:var(--ti-common-line-height-number);--ti-modal-footer-padding-top:calc(var(--ti-common-space-base) * 7);--ti-modal-footer-padding-horizontal:var(--ti-common-space-8x);--ti-modal-footer-padding-bottom:var(--ti-common-space-8x);--ti-modal-footer-btn-border-radius:var(--ti-common-border-radius-normal);--ti-modal-footer-btn-min-width:var(--ti-common-size-16x);--ti-modal-notification-header-padding-bottom:var(--ti-common-space-3x);--ti-modal-message-font-size:var(--ti-common-font-size-3);--ti-modal-message-box-shadow:var(--ti-modal-box-shadow);--ti-modal-message-padding-left:var(--ti-common-space-6x);--ti-modal-message-padding-right:var(--ti-common-space-6x);--ti-modal-message-padding-vertical:var(--ti-common-space-6x);--ti-modal-message-body-padding-horizontal:var(--ti-common-space-8x);--ti-modal-message-status-icon-size:var(--ti-common-font-size-2);--ti-modal-message-status-icon-padding-right:var(--ti-common-space-2x);--ti-modal-message-close-icon-size:var(--ti-common-space-4x);--ti-modal-message-icon-box-height:var(--ti-common-size-4x);--ti-modal-message-close-icon-margin-left:var(--ti-common-space-3x);--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-status-icon-padding-right:var(--ti-common-space-2x);--ti-modal-close-btn-font-size:var(--ti-common-font-size-1);--ti-modal-close-btn-top:var(--ti-common-space-5x);--ti-modal-close-btn-padding-horizontal-vertical:var(--ti-common-space-0);--ti-modal-close-btn-icon-color:var(--ti-common-color-text-secondary);--ti-modal-close-btn-hover-icon-color:var(--ti-common-color-icon-hover);--ti-modal-close-btn-background-color-hover:var(--ti-common-color-bg-white-normal);--ti-modal-close-btn-right:var(--ti-common-space-5x);--ti-modal-zoom-btn-right:var(--ti-common-space-10x)}.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);-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 .tiny-modal__text{font-size:var(--ti-modal-body-font-size);color:var(--ti-modal-body-text-color);line-height:var(--ti-modal-body-line-height)}.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-message-status-icon-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:var(--ti-modal-message-padding-vertical) var(--ti-modal-message-padding-right) var(--ti-modal-message-padding-vertical) var(--ti-modal-message-padding-left);margin-top:0;width:auto;-webkit-box-shadow:var(--ti-modal-message-box-shadow);box-shadow:var(--ti-modal-message-box-shadow);-webkit-transform:translateY(-10%);transform:translateY(-10%);font-size:var(--ti-modal-message-font-size)}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__body{padding:var(--ti-modal-body-padding-top) var(--ti-modal-message-body-padding-horizontal) var(--ti-modal-body-padding-bottom)}.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__body [class*=tiny-modal-svg]{width:var(--ti-modal-message-status-icon-size);height:var(--ti-modal-message-status-icon-size)}.tiny-modal__wrapper.type__message .tiny-modal__box .tiny-modal__content{max-width:800px}.tiny-modal__wrapper.type__message .tiny-modal__status-wrapper{font-size:var(--ti-modal-message-status-icon-size);padding-right:var(--ti-modal-message-status-icon-padding-right);height:var(--ti-modal-message-icon-box-height)}.tiny-modal__wrapper.type__message .tiny-modal__close-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--ti-modal-message-icon-box-height)}.tiny-modal__wrapper.type__message .tiny-modal__close-wrapper .tiny-modal__close-btn{position:relative;top:0;right:0;-ms-flex-negative:0;flex-shrink:0;font-size:var(--ti-modal-message-close-icon-size);margin-left:var(--ti-modal-message-close-icon-margin-left)}.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-icon-size);padding-right:var(--ti-modal-status-icon-padding-right)}.tiny-modal__wrapper.status__error .tiny-modal__header,.tiny-modal__wrapper.status__info .tiny-modal__header,.tiny-modal__wrapper.status__question .tiny-modal__header,.tiny-modal__wrapper.status__success .tiny-modal__header,.tiny-modal__wrapper.status__warning .tiny-modal__header{padding-bottom:var(--ti-modal-notification-header-padding-bottom)}.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-modal-box-shadow);box-shadow:var(--ti-modal-box-shadow);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:var(--ti-modal-close-btn-right);top:var(--ti-modal-close-btn-top);z-index:1;fill:var(--ti-modal-close-btn-icon-color);-webkit-transform:scale(1,1);transform:scale(1,1);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-close-btn-hover-icon-color);background-color:var(--ti-modal-close-btn-background-color-hover)}.tiny-modal__zoom-btn{right:var(--ti-modal-zoom-btn-right)}.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{min-width:var(--ti-modal-footer-btn-min-width);border-radius:var(--ti-modal-footer-btn-border-radius)}.tiny-modal__footer .tiny-button--default{display:inline-block}.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:-8px/2 + 1}.tiny-modal__resize .wr-resize{right:-8px/2 + 1}.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:-8px/2 + 1}.tiny-modal__resize .sb-resize{bottom:-8px/2 + 1}@-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}}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export const tinyModalSmbTheme = {
|
|
2
|
+
'ti-modal-box-shadow': 'var(--ti-common-shadow-4-down)',
|
|
3
|
+
'ti-modal-header-font-size': 'var(--ti-common-font-size-4)',
|
|
4
|
+
'ti-modal-header-padding-bottom': 'var(--ti-common-space-6x)',
|
|
5
|
+
'ti-modal-box-border-radius': 'var(--ti-common-border-radius-4)',
|
|
6
|
+
'ti-modal-close-btn-font-size': 'var(--ti-common-font-size-4)',
|
|
7
|
+
'ti-modal-close-btn-icon-color': 'var(--ti-common-color-icon-normal)',
|
|
8
|
+
'ti-modal-close-btn-hover-icon-color': 'var(--ti-common-color-icon-hover)',
|
|
9
|
+
'ti-modal-zoom-btn-right': 'calc(var(--ti-common-space-base) * 12)',
|
|
10
|
+
'ti-modal-footer-padding-top': 'var(--ti-common-space-6x)',
|
|
11
|
+
'ti-modal-footer-btn-min-width': 'calc(var(--ti-common-space-base) * 24)',
|
|
12
|
+
'ti-modal-footer-btn-border-radius': 'calc(var(--ti-common-space-10) * 5)',
|
|
13
|
+
'ti-modal-small-text-color': 'var(--ti-common-color-text-secondary)',
|
|
14
|
+
'ti-modal-message-font-size': 'var(--ti-common-font-size-base)',
|
|
15
|
+
'ti-modal-message-padding-left': 'var(--ti-common-space-4x)',
|
|
16
|
+
'ti-modal-message-padding-right': 'var(--ti-common-space-3x)',
|
|
17
|
+
'ti-modal-message-padding-vertical': 'calc(var(--ti-common-space-10) - 0.5px)',
|
|
18
|
+
'ti-modal-message-body-padding-horizontal': 'var(--ti-common-space-0)',
|
|
19
|
+
'ti-modal-message-icon-box-height': 'calc(var(--ti-common-space-5x) - 1px)',
|
|
20
|
+
'ti-modal-notification-header-padding-bottom': 'var(--ti-common-space-4x)'
|
|
21
|
+
}
|
package/nav-menu/index.css
CHANGED
|
@@ -1 +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{--ti-nav-menu-height:var(--ti-common-size-height-large);--ti-nav-menu-bg-color:var(--ti-common-color-navigation
|
|
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{--ti-nav-menu-height:var(--ti-common-size-height-large);--ti-nav-menu-bg-color:var(--ti-common-color-bg-navigation);--ti-nav-menu-item-font-size:var(--ti-common-font-size-2);--ti-nav-menu-item-text-color:var(--ti-common-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-common-color-info-normal);--ti-nav-menu-popmenu-border-color:var(--ti-common-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-common-color-hover-background);--ti-nav-menu-popmenu-more-item-active-bg-color:var(--ti-common-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);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/notify/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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-
|
|
1
|
+
.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-common-color-bg-emphasize);--ti-notify-border-radius:var(--ti-common-border-radius-normal);--ti-notify-title-text-color:var(--ti-common-color-info-normal);--ti-notify-content-text-color:var(--ti-common-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-margin-top:var(--ti-common-space-0);--ti-notify-title-margin-horizontal:var(--ti-common-space-0);--ti-notify-title-margin-bottom:var(--ti-common-space-2x);--ti-notify-content-font-size:var(--ti-common-font-size-1);--ti-notify-message-margin-top:var(--ti-common-space-0);--ti-notify-message-margin-bottom:var(--ti-common-space-0);--ti-notify-message-margin-right:var(--ti-common-space-0);--ti-notify-message-margin-left:var(--ti-common-space-10);--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);--ti-notify-padding-vertical:var(--ti-common-space-4x);--ti-notify-padding-horizontal:var(--ti-common-space-4x);--ti-notify-close-icon-font-size:var(--ti-common-font-size-2);--ti-notify-close-hover-icon-color:var(--ti-base-color-common-7);--ti-notify-position-top-left:10px;--ti-notify-position-bottom-left:10px;--ti-notify-position-top-right:10px;--ti-notify-position-bottom-right:10px;--ti-notify-icon-transform:translate(0, -2px);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:var(--ti-notify-padding-vertical) var(--ti-notify-padding-horizontal);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:var(--ti-notify-position-top-left);top:25px}.tiny-notify.bottom-left{left:var(--ti-notify-position-bottom-left);bottom:25px}.tiny-notify.top-right{right:var(--ti-notify-position-top-right);top:25px}.tiny-notify.bottom-right{right:var(--ti-notify-position-bottom-right);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.5}.tiny-notify .tiny-notify__icon{color:var(--ti-notify-text-color)}.tiny-notify .tiny-notify__content{color:var(--ti-notify-content-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{font-size:var(--ti-notify-icon-size)}.tiny-notify .tiny-notify__icon-zone svg{vertical-align:inherit;-webkit-transform:var(--ti-notify-icon-transform);transform:var(--ti-notify-icon-transform)}.tiny-notify .tiny-notify__message-zone{width:calc(100% - 40px);margin:var(--ti-notify-message-margin-top) var(--ti-notify-message-margin-right) var(--ti-notify-message-margin-bottom) var(--ti-notify-message-margin-left)}.tiny-notify .tiny-notify__close-zone{font-size:var(--ti-notify-close-icon-font-size);cursor:pointer}.tiny-notify .tiny-notify__close-zone svg{vertical-align:inherit}.tiny-notify .tiny-notify__close-zone svg:hover{fill:var(--ti-notify-close-hover-icon-color)}.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--success .tiny-notify__close-zone{fill:var(--ti-notify-close-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);line-height:1.5}.tiny-notify__message-zone .tiny-notify__content-wrapper{height:auto;line-height:22px;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:-4px;right:-4px}.tiny-notify--no-icon .tiny-notify__message-zone{width:100%}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export const tinyNotifySmbTheme = {
|
|
2
|
+
'ti-notify-max-width': '340px',
|
|
3
|
+
'ti-notify-message-margin-left': 'var(--ti-common-space-2x)',
|
|
4
|
+
'ti-notify-info-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
5
|
+
'ti-notify-border-radius': 'var(--ti-common-border-radius-4)',
|
|
6
|
+
'ti-notify-box-shadow': '0px 2px 12px 0px rgba(0,0,0,0.08)',
|
|
7
|
+
'ti-notify-close-icon-font-size': 'var(--ti-common-font-size-4)',
|
|
8
|
+
'ti-notify-close-icon-color': 'var(--ti-common-color-icon-normal)',
|
|
9
|
+
'ti-notify-title-font-size': 'var(--ti-common-font-size-2)',
|
|
10
|
+
'ti-notify-title-font-weight': '600',
|
|
11
|
+
'ti-notify-content-text-color': 'var(--ti-common-color-text-secondary)',
|
|
12
|
+
'ti-notify-message-margin-right': 'var(--ti-common-space-3x)',
|
|
13
|
+
'ti-notify-close-hover-icon-color': 'var(--ti-common-color-icon-hover)',
|
|
14
|
+
'ti-notify-position-top-left': 'var(--ti-common-space-6x)',
|
|
15
|
+
'ti-notify-position-bottom-left': 'var(--ti-common-space-6x)',
|
|
16
|
+
'ti-notify-position-top-right': 'var(--ti-common-space-6x)',
|
|
17
|
+
'ti-notify-position-bottom-right': 'var(--ti-common-space-6x)',
|
|
18
|
+
'ti-notify-success-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
19
|
+
'ti-notify-error-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
20
|
+
'ti-notify-warning-bg-color': 'var(--ti-common-color-bg-navigation)',
|
|
21
|
+
'ti-notify-icon-transform': 'translate(0,-1px)'
|
|
22
|
+
}
|
package/numeric/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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-common-color-border);--ti-numeric-input-normal-text-color:var(--ti-common-color-info-normal);--ti-numeric-input-normal-bg-color:var(--ti-common-color-light);--ti-numeric-input-normal-height:28px;--ti-numeric-input-normal-active-border-color:var(--ti-common-color-border-hover);--ti-numeric-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-numeric-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-numeric-input-icon-color-hover:var(--ti-common-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}
|
|
1
|
+
.tiny-numeric{--ti-numeric-input-width:calc(var(--ti-common-space-base) * 45);--ti-numeric-input-normal-height:var(--ti-common-size-height-normal);--ti-numeric-input-border-radius:var(--ti-common-border-radius-normal);--ti-numeric-input-normal-border-color:var(--ti-common-color-line-normal);--ti-numeric-input-dividing-border-color:var(--ti-common-color-line-normal);--ti-numeric-input-dividing-border-height:var(--ti-numeric-input-normal-height);--ti-numeric-input-dividing-border-display:'block';--ti-numeric-input-normal-font-size:var(--ti-common-font-size-base);--ti-numeric-input-normal-text-color:var(--ti-common-color-text-primary);--ti-numeric-input-normal-bg-color:var(--ti-common-color-bg-white-normal);--ti-numeric-input-icon-width:calc(var(--ti-numeric-input-normal-height) - 1px);--ti-numeric-input-normal-active-border-color:var(--ti-common-color-border-hover);--ti-numeric-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-numeric-input-icon-color-hover:var(--ti-common-color-icon-normal);--ti-numeric-input-icon-color-disabled:var(--ti-common-color-icon-disabled);--ti-numeric-input-border-color-active:var(--ti-common-color-line-active);--ti-numeric-input-icon-size:var(--ti-common-font-size-1);--ti-numeric-input-disabled-text-color:var(--ti-common-color-text-disabled);--ti-numeric-input-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-numeric-input-border-color-disabled:var(--ti-common-color-line-disabled);--ti-numeric-input-btn-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-numeric-input-btn-border-color-disabled:var(--ti-common-color-line-disabled);--ti-numeric-input-width-medium:calc(var(--ti-common-space-10) * 27);--ti-numeric-input-height-medium:var(--ti-common-size-height-medium);--ti-numeric-input-icon-width-medium:var(--ti-numeric-input-height-medium);--ti-numeric-input-icon-size-medium:var(--ti-common-font-size-2);--ti-numeric-input-width-small:var(--ti-common-size-50x);--ti-numeric-input-height-small:var(--ti-common-size-9x);--ti-numeric-input-icon-width-small:var(--ti-numeric-input-height-small);--ti-numeric-input-icon-size-small:var(--ti-common-font-size-1);--ti-numeric-input-width-mini:calc(var(--ti-common-space-10) * 13);--ti-numeric-input-height-mini:var(--ti-common-size-6x);--ti-numeric-input-icon-width-mini:var(--ti-numeric-input-height-mini);--ti-numeric-input-icon-size-mini:var(--ti-common-font-size-base);--ti-numeric-input-unit-width:calc(var(--ti-common-space-10) * 5);--ti-numeric-input-unit-text-color:var(--ti-common-color-text-secondary);--ti-numeric-input-unit-font-size:var(--ti-common-font-size-base);--ti-numeric-input-unit-border-left-color:var(--ti-common-color-line-dividing);--ti-numeric-input-unit-bg-color:var(--ti-common-color-bg-gray);position:relative;display:inline-block;width:var(--ti-numeric-input-width);overflow:hidden}.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-disabled-text-color);background:var(--ti-numeric-input-disabled-bg-color)}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-moz-placeholder{color:var(-ti-numeric-input-placeholder-text-color);opacity:1}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner:-ms-input-placeholder{color:var(-ti-numeric-input-placeholder-text-color)}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-webkit-input-placeholder{color:var(-ti-numeric-input-placeholder-text-color)}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::-ms-input-placeholder{color:var(-ti-numeric-input-placeholder-text-color)}.tiny-numeric__input.is-disabled .tiny-numeric__input-inner::placeholder{color:var(-ti-numeric-input-placeholder-text-color)}.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:3;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-numeric-input-normal-font-size);padding:0 calc(var(--ti-numeric-input-icon-width) + 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-numeric-input-border-color-active)}.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:var(--ti-numeric-input-icon-width);height:calc(100% - 2px);line-height:calc(var(--ti-numeric-input-normal-height));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-numeric-input-icon-size);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-border-color-disabled)}.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;border-color:var(--ti-numeric-input-btn-border-color-disabled);background-color:var(--ti-numeric-input-btn-disabled-bg-color)}.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}.tiny-numeric__increase::before{content:'';display:inline-block;position:absolute;left:0;height:var(--ti-numeric-input-dividing-border-height);border-left:1px solid var(--ti-numeric-input-dividing-border-color)}.tiny-numeric__increase.is-disabled::before{display:var(--ti-numeric-input-dividing-border-display)}.tiny-numeric__decrease{left:1px;border-radius:4px 0 0 4px}.tiny-numeric__decrease::after{content:'';display:inline-block;position:absolute;right:0;height:var(--ti-numeric-input-dividing-border-height);border-left:1px solid var(--ti-numeric-input-dividing-border-color)}.tiny-numeric__decrease.is-disabled::after{display:var(--ti-numeric-input-dividing-border-display)}.tiny-numeric__unit{right:0;position:absolute;z-index:1;top:1px;width:var(--ti-numeric-input-unit-width);height:calc(100% - 2px);color:var(--ti-numeric-input-unit-text-color);font-size:var(--ti-numeric-input-unit-font-size);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 var(--ti-numeric-input-unit-border-left-color);margin:0 1px 0 0;background:var(--ti-numeric-input-unit-bg-color)}.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:var(--ti-numeric-input-width-medium)}.tiny-numeric--medium .tiny-numeric__decrease,.tiny-numeric--medium .tiny-numeric__increase{width:var(--ti-numeric-input-icon-width-medium);line-height:calc(var(--ti-numeric-input-height-medium) - 2);font-size:var(--ti-numeric-input-icon-size-medium)}.tiny-numeric--medium .tiny-numeric__input-inner{height:var(--ti-numeric-input-height-medium);line-height:var(--ti-numeric-input-height-medium);padding-left:43px;padding-right:43px}.tiny-numeric--small{width:var(--ti-numeric-input-width-small)}.tiny-numeric--small .tiny-numeric__decrease,.tiny-numeric--small .tiny-numeric__increase{width:var(--ti-numeric-input-icon-width-small);line-height:calc(var(--ti-numeric-input-icon-width-small) - 2);font-size:var(--ti-numeric-input-icon-size-small)}.tiny-numeric--small .tiny-numeric__input-inner{height:var(--ti-numeric-input-height-small);line-height:var(--ti-numeric-input-height-small);padding-left:37px;padding-right:37px}.tiny-numeric--mini{width:var(--ti-numeric-input-width-mini)}.tiny-numeric--mini .tiny-numeric__decrease,.tiny-numeric--mini .tiny-numeric__increase{width:var(--ti-numeric-input-icon-width-mini);line-height:calc(var(--ti-numeric-input-icon-width-mini) - 4);font-size:var(--ti-numeric-input-icon-size-mini)}.tiny-numeric--mini .tiny-numeric__input-inner{height:var(--ti-numeric-input-height-mini);line-height:var(--ti-numeric-input-height-mini);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:50%}.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);border-left:1px solid var(--ti-numeric-input-normal-border-color)}.tiny-numeric.is-controls-right .tiny-numeric__increase::before{height:100%;display:none}.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 .tiny-numeric__decrease::after{display:none}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export const tinyNumericSmbTheme = {
|
|
2
|
+
'ti-numeric-input-width': '126px',
|
|
3
|
+
'ti-numeric-input-dividing-border-color': 'var(--ti-common-color-line-dividing)',
|
|
4
|
+
'ti-numeric-input-btn-disabled-bg-color': 'var(--ti-common-color-bg-disabled)',
|
|
5
|
+
'ti-numeric-input-icon-size': 'var(--ti-common-font-size-2)',
|
|
6
|
+
'ti-numeric-input-btn-border-color-disabled': 'transparent',
|
|
7
|
+
'ti-numeric-input-dividing-border-color': 'var(--ti-common-color-line-dividing)',
|
|
8
|
+
'ti-numeric-input-dividing-border-height': 'calc(0.625 * var(--ti-numeric-input-normal-height))',
|
|
9
|
+
'ti-numeric-input-dividing-border-display': 'none'
|
|
10
|
+
}
|
package/option/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-select-dropdown{--ti-
|
|
1
|
+
.tiny-select-dropdown{--ti-option-text-color:var(--ti-common-color-info-normal);--ti-option-font-size:var(--ti-common-font-size-base);--ti-option-height:30px;--ti-option-line-height:var(--ti-common-line-height-number);--ti-option-disabled-text-color:var(--ti-common-color-text-disabled);--ti-option-border-radius:var(--ti-common-border-radius-normal);--ti-option-disabled-bg-color:var(--ti-common-color-light);--ti-option-bg-color:var(--ti-common-color-light);--ti-option-hover-bg-color:var(--ti-common-color-hover-background);--ti-option-selected-bg-color-hover:var(--ti-common-color-selected-background);--ti-option-selected-bg-color:var(--ti-common-color-selected-background);--ti-option-selected-font-weight:var(--ti-common-font-weight-4);--ti-option-selected-text-color:var(--ti-common-color-selected-text-color);--ti-option-checkbox-border-color-hover:var(--ti-common-color-line-normal);--ti-option-icon-color-selected:var(--ti-common-color-selected-background);--ti-option-padding-vertical:var(--ti-common-space-0);--ti-option-padding-horizontal:var(--ti-common-space-10);--ti-option-margin-top:var(--ti-common-size-0)}.tiny-select-dropdown.is-multiple .tiny-option.selected{color:var(--ti-option-text-color);background-color:var(--ti-option-bg-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected:hover{background-color:var(--ti-option-hover-bg-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled{color:var(--ti-option-disabled-text-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled:hover{background-color:var(--ti-option-disabled-bg-color)}.tiny-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ti-option-text-color);font-size:var(--ti-option-font-size);height:var(--ti-option-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--ti-option-padding-vertical) var(--ti-option-padding-horizontal);cursor:pointer;line-height:1.5}.tiny-option.is-disabled{color:var(--ti-option-disabled-text-color);cursor:not-allowed}.tiny-option.hover,.tiny-option:hover{background-color:var(--ti-option-hover-bg-color)}.tiny-option.hover.is-disabled,.tiny-option:hover.is-disabled{background-color:var(--ti-option-disabled-bg-color)}.tiny-option:not(.is-disabled):not(.selected):hover .tiny-checkbox__inner{border-color:var(--ti-option-checkbox-border-color-hover)}.tiny-option.selected{color:var(--ti-option-selected-text-color);background-color:var(--ti-option-selected-bg-color);font-weight:var(--ti-option-selected-font-weight)}.tiny-option.selected:hover{background-color:var(--ti-option-selected-bg-color-hover)}.tiny-option .tiny-checkbox{vertical-align:middle;margin-right:8px;margin-bottom:2px}.tiny-option .checked-sur .tiny-checkbox__label,.tiny-option .halfselect .tiny-checkbox__label{font-weight:var(--ti-option-selected-font-weight)}.tiny-option.memorize-highlight{color:var(--ti-option-icon-color-selected)}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export const tinyOptionSmbTheme = {
|
|
2
|
+
'ti-option-height': 'var(--ti-common-size-height-normal)',
|
|
3
|
+
'ti-option-font-size': 'var(--ti-common-font-size-1)',
|
|
4
|
+
'ti-option-border-radius': 'var(--ti-common-border-radius-0)',
|
|
5
|
+
'ti-option-selected-font-weight': 'var(--ti-common-font-weight-7)',
|
|
6
|
+
'ti-option-padding-horizontal': 'var(--ti-common-space-4x)',
|
|
7
|
+
'ti-option-icon-color-selected': 'var(--ti-common-color-icon-graybg-active)',
|
|
8
|
+
'ti-option-checkbox-border-color-hover': 'var(--ti-common-color-icon-graybg-hover)',
|
|
9
|
+
'ti-option-disabled-text-color': 'var(--ti-common-color-text-disabled)',
|
|
10
|
+
'ti-option-hover-bg-color': 'var(--ti-common-color-bg-white-emphasize)',
|
|
11
|
+
'ti-option-selected-bg-color': 'var(--ti-common-color-bg-white-normal)',
|
|
12
|
+
'ti-option-selected-bg-color-hover': 'var(--ti-common-color-bg-white-emphasize)'
|
|
13
|
+
}
|
package/option-group/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-
|
|
1
|
+
.tiny-option-group{--ti-option-group-line-dividing-bg-color:var(--ti-common-color-line-dividing);--ti-option-group-title-font-size:var(--ti-common-font-size-base);--ti-option-group-title-text-color:var(--ti-common-color-text-secondary);--ti-option-group-title-line-height:var(--ti-common-line-height-number);--ti-option-group-title-padding-horizontal:var(--ti-common-space-10);--ti-option-group-title-margin-top:var(--ti-common-space-2x);--ti-option-group-line-dividing-height:var(--ti-common-size-0);--ti-option-group-padding-bottom:var(--ti-common-space-0);position:relative;list-style:none;margin:0;padding:0}.tiny-option-group:not(:last-of-type){padding-bottom:var(--ti-option-group-padding-bottom)}.tiny-option-group:not(:last-of-type)::after{content:'';position:absolute;display:block;left:8px;right:8px;bottom:12px;height:var(--ti-option-group-line-dividing-height);background:var(--ti-option-group-line-dividing-bg-color)}.tiny-option-group .tiny-option-group__title{padding:0 var(--ti-option-group-title-padding-horizontal);font-size:var(--ti-option-group-title-font-size);color:var(--ti-option-group-title-text-color);line-height:var(--ti-option-group-title-line-height);margin-top:var(--ti-option-group-title-margin-top)}.tiny-option-group:first-child .tiny-option-group__title{margin-top:12px}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentiny/vue-theme",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.8.2",
|
|
4
4
|
"description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
|
|
5
5
|
"main": "index.css",
|
|
6
6
|
"homepage": "https://opentiny.design/tiny-vue",
|
|
@@ -20,13 +20,14 @@
|
|
|
20
20
|
"scripts": {
|
|
21
21
|
"clean": "rimraf dist",
|
|
22
22
|
"build:theme": "gulp build --gulpfile build/gulp-dist.js",
|
|
23
|
-
"build": "npm run clean && npm run build:theme && node build/replace-img.js",
|
|
23
|
+
"build": "npm run clean && npm run build:component-cssvar && npm run build:theme && node build/replace-img.js",
|
|
24
24
|
"build:fast": "npm run build && npm run release",
|
|
25
25
|
"release": "node build/release.js && node build/postbuild.js && cp README.md dist",
|
|
26
|
-
"build:copy-remote": "npm run build:theme && cp-cli dist ../
|
|
26
|
+
"build:copy-remote": "npm run build:theme && cp-cli dist ../tiny-vue/node_modules/@opentiny/vue-theme",
|
|
27
27
|
"publishTgz": "node .cloudbuild/publish-tgzs.js",
|
|
28
28
|
"postversion": "pnpm build",
|
|
29
|
-
"build:themejson": "node scripts/build-theme-json"
|
|
29
|
+
"build:themejson": "node scripts/build-theme-json",
|
|
30
|
+
"build:component-cssvar": "node scripts/build-component-cssvar"
|
|
30
31
|
},
|
|
31
32
|
"devDependencies": {
|
|
32
33
|
"@babel/cli": "^7.5.5",
|
package/pager/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-pager{--ti-pager-normal-text-color:var(--ti-common-color-info-normal);--ti-pager-primary-bg-color:var(--ti-base-color-brand-6);--ti-pager-primary-text-color:var(--ti-base-color-brand-6);--ti-pager-primary-border-color:var(--ti-base-color-brand-6);--ti-pager-primary-hover-text-color:var(--ti-base-color-brand-5);--ti-pager-input-border-color:var(--ti-common-color-border);--ti-pager-input-hover-border-color:var(--ti-common-color-line-hover);--ti-pager-input-stop-color:var(--ti-base-color-common-2);--ti-pager-input-lighting-color:var(--ti-base-color-brand-6);--ti-pager-font-size:var(--ti-common-font-size-base);--ti-pager-text-color:var(--ti-common-color-text-secondary);--ti-pager-font-normal-text-color:var(--ti-common-color-secondary);--ti-pager-height:var(--ti-common-size-height-mini);--ti-pager-input-width:var(--ti-common-space-10x);--ti-pager-poplist-item-padding-vertical:var(--ti-common-space-0);--ti-pager-poplist-item-padding-horizontal:var(--ti-common-space-6);--ti-pager-poplist-item-unchecked-box-shadow:none;--ti-pager-input-height:var(--ti-common-size-height-mini);--ti-pager-input-border-radius:var(--ti-common-border-radius-normal);--ti-pager-poplist-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-pager-poplist-item-hover-text-color:var(--ti-common-color-text-highlight);--ti-pager-poplist-item-selected-bg-color:var(--ti-common-color-bg-emphasize);--ti-pager-poplist-item-hover-border-color:var(--ti-base-color-transparent);--ti-pager-prev-next-text-color-disabled:var(--ti-common-color-line-disabled);--ti-pager-goto-btn-border-color:var(--ti-base-color-brand-5);--ti-pager-goto-btn-text-color:var(--ti-base-color-brand-5);text-align:left;padding:12px 0;color:var(--ti-pager-text-color)}.tiny-pager .tiny-pager__group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;font-size:var(--ti-pager-font-size)}.tiny-pager .tiny-pager__group>span{display:inline-block;vertical-align:middle}.tiny-pager .tiny-pager__total{height:24px;line-height:24px;font-size:12px;color:var(--ti-pager-normal-text-color)}.tiny-pager .tiny-pager__pages{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--ti-pager-font-size)}.tiny-pager .tiny-pager__pages li{background:0 0;display:inline-block;font-size:var(--ti-pager-font-size);cursor:pointer;margin-right:4px;text-align:center;line-height:var(--ti-pager-height);border-radius:var(--ti-pager-input-border-radius);height:var(--ti-pager-height);color:var(--ti-pager-text-color);padding:var(--ti-pager-poplist-item-padding-vertical) var(--ti-pager-poplist-item-padding-horizontal);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid transparent;-webkit-transition:all .5s ease;transition:all .5s ease}.tiny-pager .tiny-pager__pages li a{color:var(--ti-pager-text-color)}.tiny-pager .tiny-pager__pages li svg{fill:var(--ti-pager-text-color);vertical-align:middle}.tiny-pager .tiny-pager__pages li:not(.dot):not(.is-active):hover{color:var(--ti-pager-poplist-item-hover-text-color);background-color:var(--ti-pager-poplist-item-hover-bg-color);-webkit-box-shadow:var(--ti-pager-poplist-item-unchecked-box-shadow);box-shadow:var(--ti-pager-poplist-item-unchecked-box-shadow);border:1px solid var(--ti-pager-poplist-item-hover-border-color)}.tiny-pager .tiny-pager__pages li:not(.dot):not(.is-active):hover svg{fill:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager .tiny-pager__pages li.dot .icon{font-size:14px}.tiny-pager .tiny-pager__pages li.is-active{color:#fff;background-color:var(--ti-pager-primary-bg-color)}.tiny-pager .tiny-pager__pages li:last-child{margin-right:0}.tiny-pager__goto{font-size:0}.tiny-pager__goto input[type=text]{width:var(--ti-pager-input-width);text-align:center;vertical-align:middle;border-radius:var(--ti-pager-input-border-radius);display:inline-block;position:inherit;height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid var(--ti-pager-input-border-color);color:var(--ti-pager-normal-text-color);font-size:var(--ti-pager-font-size);-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:14px;margin-right:4px}.tiny-pager__goto input[type=text]:hover{border:1px solid var(--ti-pager-input-hover-border-color);color:var(--ti-pager-normal-text-color)}.tiny-pager__goto input[type=text].active,.tiny-pager__goto input[type=text]:active,.tiny-pager__goto input[type=text]:focus,.tiny-pager__goto input[type=text][active]{border:1px solid var(--ti-pager-primary-border-color);-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}.tiny-pager__goto button{height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid #d9d9d9;color:var(--ti-pager-text-color);vertical-align:middle;border-radius:var(--ti-pager-input-border-radius);background:#fff;font-size:var(--ti-pager-font-size);padding:0 8px;text-align:center;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-transition:border .3s,color .3s,background .3s;transition:border .3s,color .3s,background .3s;outline:0;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-pager__goto button:hover{border:1px solid var(--ti-pager-goto-btn-border-color);color:var(--ti-pager-goto-btn-text-color)}.tiny-pager__btn-next,.tiny-pager__btn-prev{height:var(--ti-pager-height);line-height:var(--ti-pager-height);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--ti-pager-font-size);font-weight:bolder;color:var(--ti-pagination-prev-next-color);outline:0;border:none;background:0 0;margin:0 4px;padding:0 6px;vertical-align:middle;cursor:pointer}.tiny-pager__btn-next span,.tiny-pager__btn-prev span{color:var(--ti-pager-primary-text-color)}.tiny-pager__btn-next svg,.tiny-pager__btn-prev svg{fill:var(--ti-pager-normal-text-color);font-size:var(--ti-pager-font-size);vertical-align:middle}.tiny-pager__btn-next:hover,.tiny-pager__btn-prev:hover{background-color:var(--ti-pager-poplist-item-hover-bg-color)}.tiny-pager__btn-next:hover svg,.tiny-pager__btn-prev:hover svg{fill:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__btn-next[disabled],.tiny-pager__btn-next[disabled]:hover,.tiny-pager__btn-prev[disabled],.tiny-pager__btn-prev[disabled]:hover{background-color:transparent;cursor:not-allowed}.tiny-pager__btn-next[disabled] span,.tiny-pager__btn-prev[disabled] span{color:var(--ti-pager-prev-next-text-color-disabled)}.tiny-pager__btn-next[disabled] svg,.tiny-pager__btn-prev[disabled] svg{fill:var(--ti-pager-prev-next-text-color-disabled)}.tiny-pager__selector.tiny-popover.tiny-popper{width:60px;padding:0}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement^=bottom]{margin-top:2px}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement^=top]{margin-bottom:0}.tiny-pager__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-pager__selector-poplist .list-item{min-height:30px;padding:0 8px;line-height:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-pager__selector-poplist .list-item:hover{cursor:pointer;background:var(--ti-pager-poplist-item-hover-bg-color);color:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__selector-poplist .list-item.is-selected{background:var(--ti-pager-poplist-item-selected-bg-color);color:var(--ti-pager-normal-text-color)}.tiny-pager__selector-poplist .list-item.is-selected:hover{background:var(--ti-pager-poplist-item-selected-bg-color)}.tiny-pager__selector-poplist .list-item.select-pre{background:var(--ti-pager-poplist-item-hover-bg-color);color:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__selector-poplist .list-item.select-pre.is-selected{color:#fff;background:var(--ti-pager-poplist-item-selected-bg-color)}.tiny-pager .tiny-pager__popover{margin:0 4px 0 14px}.tiny-pager .tiny-pager__sizes .tiny-pager__popover{margin:0}.tiny-pager .tiny-pager__sizes+.tiny-pager__group{margin:0 16px}.tiny-pager .tiny-pager__group+.tiny-pager__sizes{margin:0 16px}.tiny-pager__input{width:60px;vertical-align:middle;position:relative}.tiny-pager__input input{width:100%;height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid var(--ti-pager-input-border-color);color:var(--ti-pager-normal-text-color);border-radius:var(--ti-pager-input-border-radius);background:#fff;font-size:var(--ti-pager-font-size,12px);padding:0 8px;display:block;stop-color:var(--ti-pager-input-stop-color);lighting-color:var(--ti-pager-input-lighting-color);padding:6px 10px;white-space:nowrap;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-pager__input input:hover{outline:0;border-color:var(--ti-pager-input-hover-border-color)}.tiny-pager__input input:active,.tiny-pager__input input:focus{outline:0;border-color:var(--ti-pager-input-hover-border-color)}.tiny-pager__input-btn{width:24px;height:var(--ti-pager-height);line-height:var(--ti-pager-height);position:absolute;right:2px;bottom:0;top:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;cursor:pointer}.tiny-pager__input-btn svg{font-size:var(--ti-pager-font-size);fill:var(--ti-pager-font-normal-text-color);vertical-align:middle}.tiny-pager .tiny-popover__reference{outline:0}@media (max-width:768px){.tiny-pager{text-align:left}.tiny-pager .tiny-pager__pull-left{float:none!important}}
|
|
1
|
+
.tiny-pager{--ti-pager-normal-text-color:var(--ti-common-color-info-normal);--ti-pager-primary-bg-color:var(--ti-common-color-primary-normal);--ti-pager-active-font-color:var(--ti-common-color-text-white);--ti-pager-primary-text-color:var(--ti-common-color-text-link);--ti-pager-primary-border-color:var(--ti-common-color-line-active);--ti-pager-primary-hover-text-color:var(--ti-common-color-primary-hover);--ti-pager-active-font-weight:var(--ti-common-font-weight-normal);--ti-pager-input-border-color:var(--ti-common-color-border);--ti-pager-input-hover-border-color:var(--ti-common-color-line-hover);--ti-pager-input-stop-color:var(--ti-common-color-line-normal);--ti-pager-input-lighting-color:var(--ti-common-color-line-active);--ti-pager-input-border-radius:var(--ti-common-border-radius-normal);--ti-pager-input-height:var(--ti-common-size-height-mini);--ti-pager-input-padding-vertical:10px;--ti-pager-font-size:var(--ti-common-font-size-base);--ti-pager-text-color:var(--ti-common-color-text-secondary);--ti-pager-normal-icon-color:var(--ti-common-color-icon-normal);--ti-pager-height:var(--ti-common-size-height-mini);--ti-pager-width:auto;--ti-pager-min-width:auto;--ti-pager-input-width:var(--ti-common-space-10x);--ti-pager-poplist-item-padding-vertical:var(--ti-common-space-0);--ti-pager-poplist-item-padding-horizontal:var(--ti-common-space-6);--ti-pager-poplist-item-unchecked-box-shadow:none;--ti-pager-li-border-radius:var(--ti-common-border-radius-normal);--ti-pager-li-item-hover-text-color:var(--ti-common-color-text-highlight);--ti-pager-li-item-hover-font-weight:var(--ti-common-font-weight-normal);--ti-pager-poplist-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-pager-poplist-item-hover-text-color:var(--ti-common-color-text-highlight);--ti-pager-poplist-item-selected-bg-color:var(--ti-common-color-selected-background);--ti-pager-poplist-item-selected-text-color:var(--ti-common-color-selected-text-color);--ti-pager-poplist-item-hover-border-color:var(--ti-common-color-transparent);--ti-pager-pop-body-border-radius:var(--ti-common-border-radius-normal);--ti-pager-pop-body-margin-top:4px;--ti-pager-poplist-item-min-height:30px;--ti-pager-prev-next-text-color-disabled:var(--ti-common-color-text-disabled);--ti-pager-goto-btn-border-hover-color:var(--ti-common-color-border-hover);--ti-pager-goto-btn-text-hover-color:var(--ti-common-color-text-highlight);--ti-pager-prev-padding-left:6px;--ti-pager-prev-padding-right:6px;--ti-pager-prev-margin-left:4px;--ti-pager-prev-margin-right:4px;--ti-pager-next-padding-right:4px;--ti-pager-next-margin-right:6px;--ti-pager-next-margin-left:6px;--ti-pager-prev-next-svg-fill:var(--ti-pager-normal-text-color);--ti-pager-total-font-size:12px;--ti-pager-total-height:24px;--ti-pager-total-line-height:24px;--ti-pager-total-svg-fill:var(--ti-pager-normal-text-color);--ti-pager-svg-font-size:var(--ti-pager-font-size);--ti-pager-dot-is-popup-display:inline;--ti-pager-dot-before-display:none;--ti-pager-prev-next-hover-bg-color:var(--ti-common-color-hover-background);--ti-pager-group-sizes-margin-right:16px;--ti-pager-sizes-input-width:78px;--ti-pager-sizes-input-hover-text-color:var(--ti-pager-normal-text-color);--ti-pager-input-btn-width:24px;--ti-pager-input-btn-right:2px;--ti-pager-selector-padding-vertical:12px;text-align:left;padding:var(--ti-pager-selector-padding-vertical) 0;color:var(--ti-pager-text-color)}.tiny-pager .tiny-pager__group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;font-size:var(--ti-pager-font-size)}.tiny-pager .tiny-pager__group>span{display:inline-block;vertical-align:middle}.tiny-pager .tiny-pager__total{height:var(--ti-pager-total-height);line-height:var(--ti-pager-total-line-height);font-size:var(--ti-pager-total-font-size);color:var(--ti-pager-normal-text-color)}.tiny-pager .tiny-pager__pages{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--ti-pager-font-size)}.tiny-pager .tiny-pager__pages li{background:0 0;display:inline-block;font-size:var(--ti-pager-font-size);cursor:pointer;margin-right:4px;text-align:center;line-height:calc(var(--ti-pager-height) - 2px);border-radius:var(--ti-pager-li-border-radius);height:var(--ti-pager-height);width:var(--ti-pager-width);min-width:var(--ti-pager-min-width);color:var(--ti-pager-text-color);padding:var(--ti-pager-poplist-item-padding-vertical) var(--ti-pager-poplist-item-padding-horizontal);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid transparent;-webkit-transition:all .5s ease;transition:all .5s ease}.tiny-pager .tiny-pager__pages li a{color:var(--ti-pager-text-color)}.tiny-pager .tiny-pager__pages li svg{fill:var(--ti-pager-text-color);vertical-align:middle}.tiny-pager .tiny-pager__pages li:not(.dot):not(.is-active):hover{color:var(--ti-pager-list-item-hover-text-color);background-color:var(--ti-pager-poplist-item-hover-bg-color);-webkit-box-shadow:var(--ti-pager-poplist-item-unchecked-box-shadow);box-shadow:var(--ti-pager-poplist-item-unchecked-box-shadow);border:1px solid var(--ti-pager-poplist-item-hover-border-color);font-weight:var(--ti-pager-li-item-hover-font-weight)}.tiny-pager .tiny-pager__pages li:not(.dot):not(.is-active):hover svg{fill:var(--ti-pager-list-item-hover-text-color)}.tiny-pager .tiny-pager__pages li.dot .icon{font-size:14px}.tiny-pager .tiny-pager__pages li.dot.is-popup svg{display:var(--ti-pager-dot-is-popup-display)}.tiny-pager .tiny-pager__pages li.dot.is-popup::before{content:'···';display:var(--ti-pager-dot-before-display);letter-spacing:1px}.tiny-pager .tiny-pager__pages li.is-active{font-weight:var(--ti-pager-active-font-weight);color:var(--ti-pager-active-font-color);background-color:var(--ti-pager-primary-bg-color)}.tiny-pager .tiny-pager__pages li:last-child{margin-right:0}.tiny-pager__goto{font-size:0}.tiny-pager__goto input[type=text]{width:var(--ti-pager-input-width);text-align:center;vertical-align:middle;border-radius:var(--ti-pager-input-border-radius);display:inline-block;position:inherit;height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid var(--ti-pager-input-border-color);color:var(--ti-pager-normal-text-color);font-size:var(--ti-pager-font-size);-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:14px;margin-right:4px}.tiny-pager__goto input[type=text]:hover{border:1px solid var(--ti-pager-input-hover-border-color);color:var(--ti-pager-normal-text-color)}.tiny-pager__goto input[type=text].active,.tiny-pager__goto input[type=text]:active,.tiny-pager__goto input[type=text]:focus,.tiny-pager__goto input[type=text][active]{border:1px solid var(--ti-pager-primary-border-color);-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}.tiny-pager__goto button{height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid #d9d9d9;color:var(--ti-pager-text-color);vertical-align:middle;border-radius:var(--ti-pager-input-border-radius);background:#fff;font-size:var(--ti-pager-font-size);padding:0 8px;text-align:center;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-transition:border .3s,color .3s,background .3s;transition:border .3s,color .3s,background .3s;outline:0;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-pager__goto button:hover{border:1px solid var(--ti-pager-goto-btn-border-hover-color);color:var(--ti-pager-goto-btn-text-hover-color)}.tiny-pager__btn-next,.tiny-pager__btn-prev{height:var(--ti-pager-height);line-height:calc(var(--ti-pager-height) - 2px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--ti-pager-font-size);font-weight:bolder;color:var(--ti-pagination-prev-next-color);outline:0;border:none;background:0 0;margin-top:0;margin-right:var(--ti-pager-prev-margin-right);margin-bottom:0;margin-left:var(--ti-pager-prev-margin-left);padding-top:0;padding-right:var(--ti-pager-prev-padding-right);padding-bottom:0;padding-left:var(--ti-pager-prev-padding-left);vertical-align:middle;cursor:pointer}.tiny-pager__btn-next span,.tiny-pager__btn-prev span{color:var(--ti-pager-primary-text-color)}.tiny-pager__btn-next svg,.tiny-pager__btn-prev svg{fill:var(--ti-pager-prev-next-svg-fill);font-size:var(--ti-pager-svg-font-size);vertical-align:middle}.tiny-pager__btn-next:hover,.tiny-pager__btn-prev:hover{background-color:var(--ti-pager-prev-next-hover-bg-color)}.tiny-pager__btn-next:hover svg,.tiny-pager__btn-prev:hover svg{fill:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__btn-next[disabled],.tiny-pager__btn-next[disabled]:hover,.tiny-pager__btn-prev[disabled],.tiny-pager__btn-prev[disabled]:hover{background-color:transparent;cursor:not-allowed}.tiny-pager__btn-next[disabled] span,.tiny-pager__btn-prev[disabled] span{color:var(--ti-pager-prev-next-text-color-disabled)}.tiny-pager__btn-next[disabled] svg,.tiny-pager__btn-prev[disabled] svg{fill:var(--ti-pager-prev-next-text-color-disabled)}.tiny-pager__btn-next{margin-right:var(--ti-pager-next-margin-right);margin-left:var(--ti-pager-next-margin-left);padding-right:var(--ti-pager-next-padding-right)}.tiny-pager__selector{--ti-pager-normal-text-color:var(--ti-common-color-info-normal);--ti-pager-primary-bg-color:var(--ti-common-color-primary-normal);--ti-pager-active-font-color:var(--ti-common-color-text-white);--ti-pager-primary-text-color:var(--ti-common-color-text-link);--ti-pager-primary-border-color:var(--ti-common-color-line-active);--ti-pager-primary-hover-text-color:var(--ti-common-color-primary-hover);--ti-pager-active-font-weight:var(--ti-common-font-weight-normal);--ti-pager-input-border-color:var(--ti-common-color-border);--ti-pager-input-hover-border-color:var(--ti-common-color-line-hover);--ti-pager-input-stop-color:var(--ti-common-color-line-normal);--ti-pager-input-lighting-color:var(--ti-common-color-line-active);--ti-pager-input-border-radius:var(--ti-common-border-radius-normal);--ti-pager-input-height:var(--ti-common-size-height-mini);--ti-pager-input-padding-vertical:10px;--ti-pager-font-size:var(--ti-common-font-size-base);--ti-pager-text-color:var(--ti-common-color-text-secondary);--ti-pager-normal-icon-color:var(--ti-common-color-icon-normal);--ti-pager-height:var(--ti-common-size-height-mini);--ti-pager-width:auto;--ti-pager-min-width:auto;--ti-pager-input-width:var(--ti-common-space-10x);--ti-pager-poplist-item-padding-vertical:var(--ti-common-space-0);--ti-pager-poplist-item-padding-horizontal:var(--ti-common-space-6);--ti-pager-poplist-item-unchecked-box-shadow:none;--ti-pager-li-border-radius:var(--ti-common-border-radius-normal);--ti-pager-li-item-hover-text-color:var(--ti-common-color-text-highlight);--ti-pager-li-item-hover-font-weight:var(--ti-common-font-weight-normal);--ti-pager-poplist-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-pager-poplist-item-hover-text-color:var(--ti-common-color-text-highlight);--ti-pager-poplist-item-selected-bg-color:var(--ti-common-color-selected-background);--ti-pager-poplist-item-selected-text-color:var(--ti-common-color-selected-text-color);--ti-pager-poplist-item-hover-border-color:var(--ti-common-color-transparent);--ti-pager-pop-body-border-radius:var(--ti-common-border-radius-normal);--ti-pager-pop-body-margin-top:4px;--ti-pager-poplist-item-min-height:30px;--ti-pager-prev-next-text-color-disabled:var(--ti-common-color-text-disabled);--ti-pager-goto-btn-border-hover-color:var(--ti-common-color-border-hover);--ti-pager-goto-btn-text-hover-color:var(--ti-common-color-text-highlight);--ti-pager-prev-padding-left:6px;--ti-pager-prev-padding-right:6px;--ti-pager-prev-margin-left:4px;--ti-pager-prev-margin-right:4px;--ti-pager-next-padding-right:4px;--ti-pager-next-margin-right:6px;--ti-pager-next-margin-left:6px;--ti-pager-prev-next-svg-fill:var(--ti-pager-normal-text-color);--ti-pager-total-font-size:12px;--ti-pager-total-height:24px;--ti-pager-total-line-height:24px;--ti-pager-total-svg-fill:var(--ti-pager-normal-text-color);--ti-pager-svg-font-size:var(--ti-pager-font-size);--ti-pager-dot-is-popup-display:inline;--ti-pager-dot-before-display:none;--ti-pager-prev-next-hover-bg-color:var(--ti-common-color-hover-background);--ti-pager-group-sizes-margin-right:16px;--ti-pager-sizes-input-width:78px;--ti-pager-sizes-input-hover-text-color:var(--ti-pager-normal-text-color);--ti-pager-input-btn-width:24px;--ti-pager-input-btn-right:2px;--ti-pager-selector-padding-vertical:12px}.tiny-pager__selector.tiny-popover.tiny-popper{width:var(--ti-pager-sizes-input-width);padding:0;border-radius:var(--ti-pager-pop-body-border-radius)}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement^=bottom]{margin-top:var(--ti-pager-pop-body-margin-top)}.tiny-pager__selector.tiny-popover.tiny-popper[x-placement^=top]{margin-bottom:0}.tiny-pager__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-pager__selector-poplist .list-item{min-height:var(--ti-pager-poplist-item-min-height);padding:0 8px;line-height:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-pager__selector-poplist .list-item:hover{cursor:pointer;background:var(--ti-pager-poplist-item-hover-bg-color);color:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__selector-poplist .list-item.is-selected{background:var(--ti-pager-poplist-item-selected-bg-color);color:var(--ti-pager-normal-text-color)}.tiny-pager__selector-poplist .list-item.is-selected:hover{background:var(--ti-pager-poplist-item-selected-bg-color)}.tiny-pager__selector-poplist .list-item.select-pre{background:var(--ti-pager-poplist-item-hover-bg-color);color:var(--ti-pager-poplist-item-hover-text-color)}.tiny-pager__selector-poplist .list-item.select-pre.is-selected{color:var(--ti-pager-poplist-item-selected-text-color);background:var(--ti-pager-poplist-item-selected-bg-color)}.tiny-pager .tiny-pager__popover{margin:0 4px 0 14px}.tiny-pager .tiny-pager__sizes .tiny-select{width:70px}.tiny-pager .tiny-pager__sizes .tiny-pager__popover{margin:0}.tiny-pager .tiny-pager__sizes+.tiny-pager__group{margin:0 16px}.tiny-pager .tiny-pager__group+.tiny-pager__sizes{margin-top:0;margin-right:var(--ti-pager-group-sizes-margin-right);margin-bottom:0;margin-left:16px}.tiny-pager__input{width:var(--ti-pager-sizes-input-width);vertical-align:middle;position:relative}.tiny-pager__input input{width:100%;height:var(--ti-pager-input-height);line-height:var(--ti-pager-input-height);border:1px solid var(--ti-pager-input-border-color);color:var(--ti-pager-normal-text-color);border-radius:var(--ti-pager-input-border-radius);background:#fff;font-size:var(--ti-pager-font-size,12px);padding:0 8px;display:block;stop-color:var(--ti-pager-input-stop-color);lighting-color:var(--ti-pager-input-lighting-color);padding:6px var(--ti-pager-input-padding-vertical);padding-top:6px;padding-right:40px;padding-bottom:6px;padding-left:var(--ti-pager-input-padding-vertical);white-space:nowrap;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-pager__input input:hover{outline:0;color:var(--ti-pager-sizes-input-hover-text-color);border-color:var(--ti-pager-input-hover-border-color)}.tiny-pager__input input:active,.tiny-pager__input input:focus{outline:0;border-color:var(--ti-pager-input-hover-border-color)}.tiny-pager__input-btn{width:var(--ti-pager-input-btn-width);height:var(--ti-pager-height);line-height:calc(var(--ti-pager-height) - 2px);position:absolute;right:var(--ti-pager-input-btn-right);bottom:0;top:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;cursor:pointer}.tiny-pager__input-btn svg{font-size:var(--ti-pager-svg-font-size);fill:var(--ti-pager-total-svg-fill);vertical-align:middle}.tiny-pager .tiny-svg-size.tiny-svg-size__reverse-180{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.tiny-pager .tiny-popover__reference{outline:0}.tiny-pager.tiny-pager--mini .tiny-pager__total{font-size:12px}.tiny-pager.tiny-pager--mini li{min-width:24px;height:24px;padding:0 4px;line-height:22px;font-size:12px}.tiny-pager.tiny-pager--mini .tiny-pager__btn-next svg,.tiny-pager.tiny-pager--mini .tiny-pager__btn-prev svg{font-size:14px}.tiny-pager.tiny-pager--mini .tiny-pager__input input{height:24px;line-height:22px}.tiny-pager.tiny-pager--mini .tiny-pager__input-btn{height:24px;line-height:22px}.tiny-pager.is-disabled .tiny-pager__total{color:var(--ti-base-color-common-3)}.tiny-pager.is-disabled ul li{cursor:not-allowed;color:var(--ti-base-color-common-3);background-color:transparent}.tiny-pager.is-disabled ul li.is-active,.tiny-pager.is-disabled ul li:not(.dot):not(.is-active):hover{color:var(--ti-base-color-common-3);font-weight:400;background-color:transparent}.tiny-pager.is-disabled .tiny-pager__input input{color:var(--ti-base-color-common-3);cursor:not-allowed;border-color:#dbdbdb;background-color:var(--ti-base-color-bg-1)}.tiny-pager.is-disabled .tiny-pager__input-btn svg{fill:var(--ti-base-color-common-3);color:var(--ti-base-color-common-3);cursor:not-allowed}@media (max-width:768px){.tiny-pager{text-align:left}.tiny-pager .tiny-pager__pull-left{float:none!important}}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export const tinyPagerSmbTheme = {
|
|
2
|
+
'ti-pager-primary-bg-color': 'var(--ti-common-color-bg-white-emphasize)',
|
|
3
|
+
'ti-pager-li-border-radius': '20px',
|
|
4
|
+
'ti-pager-height': '32px',
|
|
5
|
+
'ti-pager-input-height': '32px',
|
|
6
|
+
'ti-pager-poplist-item-padding-horizontal': '8px',
|
|
7
|
+
'ti-pager-active-font-color': 'var(--ti-common-color-text-link)',
|
|
8
|
+
'ti-pager-li-item-hover-text-color': 'var(--ti-pager-text-color)',
|
|
9
|
+
'ti-pager-goto-btn-text-hover-color': 'var(--ti-common-color-selected-text-color)',
|
|
10
|
+
'ti-pager-total-font-size': '14px',
|
|
11
|
+
'ti-pager-total-height': '22px',
|
|
12
|
+
'ti-pager-total-line-height': '22px',
|
|
13
|
+
'ti-pager-input-border-color': '#C2C2C2',
|
|
14
|
+
'ti-pager-total-svg-fill': '#808080',
|
|
15
|
+
'ti-pager-input-padding-vertical': '12px',
|
|
16
|
+
'ti-pager-svg-font-size': '16px',
|
|
17
|
+
'ti-pager-prev-padding-left': '0px',
|
|
18
|
+
'ti-pager-prev-padding-right': '0px',
|
|
19
|
+
'ti-pager-prev-margin-left': '16px',
|
|
20
|
+
'ti-pager-prev-margin-right': '8px',
|
|
21
|
+
'ti-pager-next-margin-left': '8px',
|
|
22
|
+
'ti-pager-next-margin-right': '0px',
|
|
23
|
+
'ti-pager-next-padding-right': '0px',
|
|
24
|
+
'ti-pager-prev-next-svg-fill': '#808080',
|
|
25
|
+
'ti-pager-active-font-weight': '600',
|
|
26
|
+
'ti-pager-dot-is-popup-display': 'none',
|
|
27
|
+
'ti-pager-dot-before-display': 'block',
|
|
28
|
+
'ti-pager-poplist-item-hover-bg-color': '#0000000D',
|
|
29
|
+
'ti-pager-poplist-item-hover-text-color': '#191919',
|
|
30
|
+
'ti-pager-li-item-hover-font-weight': 'var(--ti-common-font-weight-6)',
|
|
31
|
+
'ti-pager-min-width': '32px',
|
|
32
|
+
'ti-pager-prev-next-hover-bg-color': 'transparent',
|
|
33
|
+
'ti-pager-group-sizes-margin-right': '0px',
|
|
34
|
+
'ti-pager-sizes-input-width': '78px',
|
|
35
|
+
'ti-pager-sizes-input-hover-text-color': '#595959',
|
|
36
|
+
'ti-pager-input-btn-width': '16px',
|
|
37
|
+
'ti-pager-input-btn-right': '12px',
|
|
38
|
+
'ti-pager-selector-padding-vertical': '8px',
|
|
39
|
+
'ti-pager-pop-body-margin-top': '4px',
|
|
40
|
+
'ti-pager-poplist-item-selected-bg-color': '#0000000D',
|
|
41
|
+
'ti-pager-poplist-item-min-height': '32px',
|
|
42
|
+
}
|
package/popeditor/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-popeditor{--ti-popeditor-border-color:var(--ti-common-color-border);--ti-popeditor-icon-color:var(--ti-base-color-brand-6);--ti-popeditor-icon-color-disabled:var(--ti-common-color-
|
|
1
|
+
.tiny-popeditor{--ti-popeditor-border-color:var(--ti-common-color-border);--ti-popeditor-icon-color:var(--ti-base-color-brand-6);--ti-popeditor-icon-color-disabled:var(--ti-common-color-text-disabled);--ti-popeditor-icon-color-hover:var(--ti-base-color-brand-5);--ti-popeditor-tabs-text-color:var(--ti-common-color-info-normal);--ti-popeditor-tabs-selected-text-color:var(--ti-base-color-brand-6);--ti-popeditor-tabs-li-height:var(--ti-common-size-10x)}.tiny-popeditor .tiny-input.tiny-popeditor-readonly .tiny-input__inner:active,.tiny-popeditor .tiny-input.tiny-popeditor-readonly .tiny-input__inner:focus,.tiny-popeditor .tiny-input.tiny-popeditor-readonly .tiny-input__inner:hover{cursor:pointer;border-color:var(--ti-popeditor-border-color)}.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:active,.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:focus,.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:hover{cursor:not-allowed}.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:active+.tiny-input__suffix .tiny-svg__popeditor,.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:focus+.tiny-input__suffix .tiny-svg__popeditor,.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:hover+.tiny-input__suffix .tiny-svg__popeditor{fill:var(--ti-popeditor-icon-color-disabled)}.tiny-popeditor .tiny-input.is-disabled .tiny-input__suffix{cursor:not-allowed}.tiny-popeditor .tiny-input.is-disabled .tiny-input__suffix .tiny-svg__popeditor,.tiny-popeditor .tiny-input.is-disabled .tiny-input__suffix .tiny-svg__popeditor:hover{fill:var(--ti-popeditor-icon-color-disabled);cursor:not-allowed}.tiny-popeditor .tiny-input.suggest .tiny-input__inner{padding-right:50px}.tiny-popeditor .tiny-input.suggest .tiny-svg__popeditor.tiny-chevron{margin-right:8px}.tiny-popeditor .tiny-input .tiny-input__inner:active+.tiny-input__suffix,.tiny-popeditor .tiny-input .tiny-input__inner:focus+.tiny-input__suffix,.tiny-popeditor .tiny-input .tiny-input__inner:hover+.tiny-input__suffix{cursor:not-allowed}.tiny-popeditor .tiny-input .tiny-input__inner:active+.tiny-input__suffix .tiny-svg__popeditor,.tiny-popeditor .tiny-input .tiny-input__inner:focus+.tiny-input__suffix .tiny-svg__popeditor,.tiny-popeditor .tiny-input .tiny-input__inner:hover+.tiny-input__suffix .tiny-svg__popeditor{fill:var(--ti-popeditor-icon-color-hover)}.tiny-popeditor .tiny-input .tiny-input__suffix{cursor:pointer}.tiny-popeditor .tiny-input .tiny-input__suffix .tiny-svg__popeditor{height:30px;line-height:30px;font-size:var(--ti-common-font-size-1);fill:var(--ti-popeditor-icon-color);cursor:pointer}.tiny-popeditor .tiny-input .tiny-input__suffix .tiny-svg__popeditor:hover{fill:var(--ti-popeditor-icon-color-hover)}.tiny-popeditor .tiny-dialog-box .tiny-dialog-box__body{padding:8px 8px 0}.tiny-popeditor-top .tiny-popeditor__search-lists{width:100%;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;-ms-flex-wrap:wrap;flex-wrap:wrap}.tiny-popeditor-top .tiny-popeditor__search-lists .tiny-input{position:relative;font-size:var(--ti-common-font-size-base);display:inline-block;width:100%}.tiny-popeditor-top .tiny-popeditor__search-lists .tiny-popeditor__search-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.tiny-popeditor-top .tiny-popeditor__search-lists .tiny-popeditor__search-item .tiny-popeditor__search-label{text-align:right;padding-right:8px;font-size:var(--ti-common-font-size-base)}.tiny-popeditor-top .tiny-popeditor__search-lists .tiny-popeditor__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-popeditor-top .tiny-popeditor__search-footer{width:100%;text-align:center;margin:12px auto}.tiny-popeditor-body{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-popeditor-body__left,.tiny-popeditor-body__right{width:50%;padding:0 4px;vertical-align:top}.tiny-popeditor-body__left.tiny-popeditor-body__radio,.tiny-popeditor-body__right.tiny-popeditor-body__radio{width:100%}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-head{white-space:nowrap;margin:0;padding:0 10px;overflow:hidden;height:40px;width:100%;position:relative}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-head ul{height:40px;border-bottom:1px solid var(--ti-popeditor-border-color);-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-head ul li{float:left;margin-right:-1px;cursor:pointer;padding:0 20px;color:var(--ti-popeditor-tabs-text-color);min-width:90px;height:var(--ti-popeditor-tabs-li-height);line-height:var(--ti-popeditor-tabs-li-height)}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-head ul li.tiny-popeditor__tabs-selected{color:var(--ti-popeditor-tabs-selected-text-color);border-bottom:3px solid var(--ti-popeditor-tabs-selected-text-color);font-weight:700}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-body .tabs-body-item{padding:12px 12px 0}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-body .tabs-body-item .tiny-pager{padding-bottom:0}.tiny-popeditor_filter-input{margin-bottom:20px}
|
package/popover/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-popover.tiny-popper{--ti-popover-bg-color:var(--ti-common-color-light);--ti-popover-text-color
|
|
1
|
+
.tiny-popover.tiny-popper{--ti-popover-font-family:var(--ti-common-font-family);--ti-popover-bg-color:var(--ti-common-color-light);--ti-popover-text-color:var(--ti-common-color-text-secondary);--ti-popover-border-color:var(--ti-common-color-line-dividing);--ti-popover-border-radius:var(--ti-common-border-radius-1);--ti-popover-font-size:var(--ti-common-font-size-1);--ti-popover-line-height:1.4;--ti-popover-title-text-color:var(--ti-common-color-text-primary);--ti-popover-title-font-size:var(--ti-common-font-size-2);--ti-popover-arrow-border-width:calc(var(--ti-common-border-weight-2) * 2);--ti-popover-arrow-height:var(--ti-popover-arrow-border-width);--ti-popover-placement-margin-vertical:var(--ti-common-space-3x);--ti-popover-placement-margin-horizontal:var(--ti-common-space-3x);--ti-popover-placement-arrow-after-border-color:var(--ti-common-color-light);--ti-popover-box-shadow:var(--ti-common-shadow-1-down);--ti-popover-arrow-border-color:var(--ti-common-color-line-dividing);--ti-popover-padding-vertical:var(--ti-common-space-3x);--ti-popover-padding-horizontal:var(--ti-common-space-4x);position:absolute;background:var(--ti-popover-bg-color);color:var(--ti-popover-text-color);border-radius:var(--ti-popover-border-radius);border:1px solid var(--ti-popover-border-color);padding:var(--ti-popover-padding-vertical) var(--ti-popover-padding-horizontal);z-index:2000;line-height:var(--ti-popover-line-height);text-align:justify;font-size:var(--ti-popover-font-size);font-family:var(--ti-popover-font-family);-webkit-box-shadow:var(--ti-popover-box-shadow);box-shadow:var(--ti-popover-box-shadow);word-break:break-all}.tiny-popover.tiny-popper .popper__arrow,.tiny-popover.tiny-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.tiny-popover.tiny-popper .popper__arrow,.tiny-popover.tiny-popper .tiny-popper .popper__arrow{border-width:var(--ti-popover-arrow-border-width);-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.tiny-popover.tiny-popper .popper__arrow::after{content:' ';border-width:var(--ti-popover-arrow-border-width)}.tiny-popover.tiny-popper[x-placement^=top]{margin-bottom:var(--ti-popover-placement-margin-vertical)}.tiny-popover.tiny-popper[x-placement^=top] .popper__arrow{bottom:calc(var(--ti-popover-arrow-height) * -1);left:50%;margin-right:3px;border-top-color:var(--ti-popover-arrow-border-color);border-bottom-width:0;border-top-width:var(--ti-popover-arrow-height)}.tiny-popover.tiny-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:var(--ti-popover-placement-arrow-after-border-color);border-bottom-width:0}.tiny-popover.tiny-popper[x-placement^=bottom]{margin-top:var(--ti-popover-placement-margin-vertical)}.tiny-popover.tiny-popper[x-placement^=bottom] .popper__arrow{top:calc(var(--ti-popover-arrow-height) * -1);left:50%;margin-right:3px;border-top-width:0;border-bottom-color:var(--ti-popover-arrow-border-color);border-bottom-width:var(--ti-popover-arrow-height)}.tiny-popover.tiny-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:var(--ti-popover-placement-arrow-after-border-color)}.tiny-popover.tiny-popper[x-placement^=right]{margin-left:var(--ti-popover-placement-margin-horizontal)}.tiny-popover.tiny-popper[x-placement^=right] .popper__arrow{top:50%;left:calc(var(--ti-popover-arrow-height) * -1);margin-bottom:3px;border-right-color:var(--ti-popover-arrow-border-color);border-left-width:0;border-right-width:var(--ti-popover-arrow-height)}.tiny-popover.tiny-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:var(--ti-popover-placement-arrow-after-border-color);border-left-width:0}.tiny-popover.tiny-popper[x-placement^=left]{margin-right:var(--ti-popover-placement-margin-horizontal)}.tiny-popover.tiny-popper[x-placement^=left] .popper__arrow{top:50%;right:calc(var(--ti-popover-arrow-height) * -1);margin-bottom:3px;border-right-width:0;border-left-color:var(--ti-popover-arrow-border-color);border-left-width:var(--ti-popover-arrow-height)}.tiny-popover.tiny-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:var(--ti-popover-placement-arrow-after-border-color)}.tiny-popover.tiny-popper .tiny-popover__plain{padding:18px 20px}.tiny-popover.tiny-popper .tiny-popover__title{color:var(--ti-popover-title-text-color);font-size:var(--ti-popover-title-font-size);line-height:1;margin-bottom:12px}.tiny-popover.tiny-popper .tiny-popover__reference:focus:hover,.tiny-popover.tiny-popper .tiny-popover__reference:focus:not(.focusing),.tiny-popover.tiny-popper:focus,.tiny-popover.tiny-popper:focus:active{outline-width:0}.tiny-popover__reference{display:inline-block}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export const tinyPopperSmbTheme = {
|
|
2
|
+
'ti-popover-box-shadow': '0px 2px 12px 0px rgba(0,0,0,0.08)',
|
|
3
|
+
'ti-popover-border-radius': '8px',
|
|
4
|
+
'ti-popover-padding-vertical': '9px',
|
|
5
|
+
'ti-popover-padding-horizontal': '16px',
|
|
6
|
+
'ti-popover-border-color': 'transparent',
|
|
7
|
+
'ti-popover-arrow-border-color': 'transparent',
|
|
8
|
+
'ti-popover-arrow-height': '8px',
|
|
9
|
+
'ti-popover-line-height': '20px'
|
|
10
|
+
}
|