@opentiny/vue-theme 3.1.0-alpha.1 → 3.5.0
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 -0
- package/action-menu/index.js +13 -0
- package/alert/index.css +1 -1
- package/alert/index.js +40 -0
- package/amount/index.css +1 -0
- package/amount/index.js +16 -0
- package/area/index.css +1 -0
- package/area/index.js +15 -0
- package/autocomplete/index.css +1 -1
- package/autocomplete/index.js +25 -0
- package/badge/index.css +1 -1
- package/badge/index.js +28 -0
- package/base/index.css +1 -1
- package/base/index.js +65 -0
- package/breadcrumb/index.css +1 -1
- package/breadcrumb/index.js +24 -0
- package/breadcrumb-item/index.js +15 -0
- package/bulletin-board/index.css +1 -1
- package/bulletin-board/index.js +31 -0
- package/button/index.css +1 -1
- package/button/index.js +105 -0
- package/button-group/index.css +1 -1
- package/button-group/index.js +34 -0
- package/calendar/index.css +1 -1
- package/calendar/index.js +38 -0
- package/card/index.js +15 -0
- package/card-container/index.js +15 -0
- package/card-item/index.css +1 -1
- package/card-item/index.js +27 -0
- package/card-layout/index.css +1 -1
- package/card-layout/index.js +16 -0
- package/card-template/index.css +1 -1
- package/card-template/index.js +30 -0
- package/carousel/index.css +1 -1
- package/carousel/index.js +39 -0
- package/carousel-item/index.css +1 -1
- package/carousel-item/index.js +19 -0
- package/cascader/index.css +1 -1
- package/cascader/index.js +41 -0
- package/cascader-menu/index.css +1 -1
- package/cascader-menu/index.js +20 -0
- package/cascader-node/index.css +1 -1
- package/cascader-node/index.js +25 -0
- package/cascader-panel/index.css +1 -1
- package/cascader-panel/index.js +22 -0
- package/chart-core/index.css +1 -1
- package/chart-core/index.js +17 -0
- package/checkbox/index.css +1 -1
- package/checkbox/index.js +40 -0
- package/checkbox-button/index.css +1 -1
- package/checkbox-button/index.js +15 -0
- package/checkbox-group/index.css +1 -1
- package/checkbox-group/index.js +15 -0
- package/col/index.js +15 -0
- package/collapse/index.css +1 -1
- package/collapse/index.js +15 -0
- package/collapse-item/index.css +1 -1
- package/collapse-item/index.js +32 -0
- package/company/index.css +0 -0
- package/company/index.js +15 -0
- package/container/index.js +15 -0
- package/country/index.css +0 -0
- package/country/index.js +15 -0
- package/credit-card/index.css +1 -1
- package/credit-card/index.js +15 -0
- package/credit-card-form/index.css +1 -1
- package/credit-card-form/index.js +15 -0
- package/crop/index.css +1 -1
- package/crop/index.js +31 -0
- package/currency/index.css +0 -0
- package/currency/index.js +15 -0
- package/dept/index.css +1 -0
- package/dept/index.js +20 -0
- package/detail-page/index.css +1 -1
- package/detail-page/index.js +25 -0
- package/dialog-box/index.css +1 -1
- package/dialog-box/index.js +38 -0
- package/drop-roles/index.css +1 -0
- package/drop-roles/index.js +15 -0
- package/drop-times/index.js +15 -0
- package/dropdown/index.css +1 -1
- package/dropdown/index.js +15 -0
- package/dropdown-item/index.css +1 -1
- package/dropdown-item/index.js +27 -0
- package/dropdown-menu/index.css +1 -1
- package/dropdown-menu/index.js +18 -0
- package/error-page/index.css +1 -1
- package/error-page/index.js +42 -0
- package/espace/index.css +1 -0
- package/espace/index.js +17 -0
- package/fall-menu/index.css +1 -1
- package/fall-menu/index.js +27 -0
- package/file-upload/index.css +1 -1
- package/file-upload/index.js +15 -0
- package/floatbar/index.css +1 -1
- package/floatbar/index.js +21 -0
- package/form/index.css +1 -1
- package/form/index.js +15 -0
- package/form-item/index.css +1 -1
- package/form-item/index.js +24 -0
- package/fullscreen/index.js +15 -0
- package/gantt/index.js +15 -0
- package/grid/index.css +1 -1
- package/grid/index.js +65 -0
- package/grid-system/index.css +1 -1
- package/grid-system/index.js +15 -0
- package/hrapprover/index.css +1 -0
- package/hrapprover/index.js +23 -0
- package/image/index.css +1 -1
- package/image/index.js +17 -0
- package/image-viewer/index.css +1 -1
- package/image-viewer/index.js +30 -0
- package/images/credit-background.jpeg +0 -0
- package/images/grid-nodata.png +0 -0
- package/images/grid-nodata.svg +23 -0
- package/images/loading-64.gif +0 -0
- package/index.css +1 -1
- package/index.js +16 -0
- package/input/index.css +1 -1
- package/input/index.js +34 -0
- package/ip-address/index.css +1 -1
- package/ip-address/index.js +25 -0
- package/layout/index.js +15 -0
- package/link/index.css +1 -1
- package/link/index.js +41 -0
- package/link-menu/index.css +1 -1
- package/link-menu/index.js +24 -0
- package/loading/index.css +1 -1
- package/loading/index.js +21 -0
- package/locales/index.css +1 -0
- package/locales/index.js +15 -0
- package/logon-user/index.css +0 -0
- package/logon-user/index.js +15 -0
- package/logout/index.css +1 -0
- package/logout/index.js +15 -0
- package/lowcode.css +1 -0
- package/menubar/index.css +1 -1
- package/menubar/index.js +28 -0
- package/milestone/index.css +1 -1
- package/milestone/index.js +26 -0
- package/modal/index.css +1 -1
- package/modal/index.js +47 -0
- package/nav-menu/index.css +1 -1
- package/nav-menu/index.js +28 -0
- package/notify/index.css +1 -1
- package/notify/index.js +41 -0
- package/numeric/index.css +1 -1
- package/numeric/index.js +26 -0
- package/option/index.css +1 -1
- package/option/index.js +26 -0
- package/option-group/index.css +1 -1
- package/option-group/index.js +18 -0
- package/package.json +41 -5
- package/pager/index.css +1 -1
- package/pager/index.js +40 -0
- package/pbi/index.css +1 -1
- package/pbi/index.js +18 -0
- package/picker/index.css +1 -1
- package/picker/index.js +85 -0
- package/pop-upload/index.css +1 -1
- package/pop-upload/index.js +21 -0
- package/popeditor/index.css +1 -1
- package/popeditor/index.js +21 -0
- package/poplist/index.js +15 -0
- package/popover/index.css +1 -1
- package/popover/index.js +30 -0
- package/progress/index.css +1 -1
- package/progress/index.js +23 -0
- package/radio/index.css +1 -1
- package/radio/index.js +42 -0
- package/radio-button/index.css +1 -1
- package/radio-button/index.js +29 -0
- package/radio-group/index.css +1 -1
- package/radio-group/index.js +15 -0
- package/rate/index.css +1 -1
- package/rate/index.js +18 -0
- package/roles/index.css +1 -0
- package/roles/index.js +20 -0
- package/row/index.css +1 -1
- package/row/index.js +15 -0
- package/scroll-text/index.css +1 -1
- package/scroll-text/index.js +18 -0
- package/scrollbar/index.js +15 -0
- package/search/index.css +1 -1
- package/search/index.js +34 -0
- package/select/index.css +1 -1
- package/select/index.js +27 -0
- package/select-dropdown/index.css +1 -1
- package/select-dropdown/index.js +33 -0
- package/selector/index.css +1 -1
- package/selector/index.js +27 -0
- package/slide-bar/index.css +1 -1
- package/slide-bar/index.js +20 -0
- package/slide-img/index.css +1 -1
- package/slide-img/index.js +15 -0
- package/slider/index.css +1 -1
- package/slider/index.js +52 -0
- package/split/index.css +1 -1
- package/split/index.js +23 -0
- package/steps/index.css +1 -1
- package/steps/index.js +49 -0
- package/svg/index.js +15 -0
- package/svgs/crop.svg +0 -1
- package/svgs/dot-download.svg +24 -0
- package/svgs/download-link.svg +1 -1
- package/svgs/editor-align-center.svg +1 -2
- package/svgs/editor-align-left.svg +1 -1
- package/svgs/editor-align-right.svg +1 -1
- package/svgs/editor-background.svg +1 -1
- package/svgs/editor-bold.svg +1 -1
- package/svgs/editor-code.svg +1 -1
- package/svgs/editor-deleteline.svg +1 -1
- package/svgs/editor-eraser.svg +1 -1
- package/svgs/editor-italic.svg +1 -1
- package/svgs/editor-left-border.svg +1 -1
- package/svgs/editor-list-dot.svg +1 -1
- package/svgs/editor-list-num.svg +1 -1
- package/svgs/editor-list.svg +1 -1
- package/svgs/editor-menu-left.svg +1 -1
- package/svgs/editor-menu-right.svg +1 -1
- package/svgs/editor-quote.svg +1 -1
- package/svgs/editor-redo.svg +1 -1
- package/svgs/editor-right-border.svg +1 -1
- package/svgs/editor-sub.svg +1 -1
- package/svgs/editor-subtitle.svg +1 -1
- package/svgs/editor-super.svg +1 -1
- package/svgs/editor-table.svg +1 -1
- package/svgs/editor-textcolor.svg +1 -1
- package/svgs/editor-title.svg +1 -1
- package/svgs/editor-underline.svg +1 -1
- package/svgs/editor-undo.svg +1 -1
- package/svgs/editor-video.svg +1 -1
- package/svgs/email-add.svg +1 -1
- package/svgs/espace.svg +1 -1
- package/svgs/fullscreen-left.svg +0 -1
- package/svgs/help-query.svg +1 -1
- package/svgs/help.svg +1 -1
- package/svgs/minscreen-left.svg +1 -1
- package/svgs/share-arrow.svg +1 -1
- package/svgs/share.svg +2 -1
- package/svgs/unknown.svg +18 -0
- package/switch/index.css +1 -1
- package/switch/index.js +29 -0
- package/table/index.css +1 -1
- package/table/index.js +27 -0
- package/tabs/index.css +1 -1
- package/tabs/index.js +60 -0
- package/tag/index.css +1 -1
- package/tag/index.js +54 -0
- package/tall-storage/index.css +1 -1
- package/tall-storage/index.js +18 -0
- package/text-popup/index.css +1 -1
- package/text-popup/index.js +18 -0
- package/theme/deep-theme/index.js +22 -0
- package/theme/devui-theme-map.js +164 -0
- package/theme/galaxy-theme/index.js +24 -0
- package/theme/generate-theme.js +51 -0
- package/theme/impression-theme/index.js +14 -0
- package/theme/index.js +44 -0
- package/theme/infinity-theme/index.js +399 -0
- package/theme-tool.js +125 -0
- package/theme.config.js +58 -0
- package/time/index.js +15 -0
- package/tip/index.css +1 -1
- package/tip/index.js +27 -0
- package/toggle-menu/index.css +1 -1
- package/toggle-menu/index.js +24 -0
- package/tooltip/index.css +1 -1
- package/tooltip/index.js +41 -0
- package/top-box/index.css +1 -1
- package/top-box/index.js +21 -0
- package/transfer/index.css +1 -1
- package/transfer/index.js +47 -0
- package/transition/index.js +15 -0
- package/tree/index.css +1 -1
- package/tree/index.js +27 -0
- package/tree-menu/index.css +1 -1
- package/tree-menu/index.js +22 -0
- package/upload/index.css +1 -1
- package/upload/index.js +22 -0
- package/upload-dragger/index.css +1 -1
- package/upload-dragger/index.js +26 -0
- package/upload-list/index.css +1 -1
- package/upload-list/index.js +28 -0
- package/user/index.css +1 -0
- package/user/index.js +17 -0
- package/user-account/index.css +1 -0
- package/user-account/index.js +17 -0
- package/user-card/index.css +1 -1
- package/user-card/index.js +20 -0
- package/user-contact/index.css +1 -1
- package/user-contact/index.js +23 -0
- package/user-head/index.css +1 -1
- package/user-head/index.js +20 -0
- package/user-link/index.css +1 -0
- package/user-link/index.js +18 -0
- package/vars/index.js +169 -0
- package/wizard/index.css +1 -1
- package/wizard/index.js +21 -0
package/radio/index.js
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
'tiny-radio-text-color': '#333333',
|
|
15
|
+
'tiny-radio-font-size': '12px',
|
|
16
|
+
'tiny-radio-bordered-height': '40px',
|
|
17
|
+
'tiny-radio-bordered-border-radius': '2px',
|
|
18
|
+
'tiny-radio-bordered-border-color': '#d9d9d9',
|
|
19
|
+
'tiny-radio-input-disabled-border-color': '#dfe1e6',
|
|
20
|
+
'tiny-radio-bordered-checked-background-color': '#fff',
|
|
21
|
+
'tiny-radio-bordered-active-border-color': '#7693f5',
|
|
22
|
+
'tiny-radio-bordered-checked-border-color': '#1890ff',
|
|
23
|
+
'tiny-radio-bordered-hover-border-color': '#40a9ff',
|
|
24
|
+
'tiny-radio-bordered-checked-hover-border-color': '#5e7ce0',
|
|
25
|
+
'tiny-radio-input-disabled-bg-color': '#f5f5f5',
|
|
26
|
+
'tiny-radio-input-checked-disabled-bg-color': '#bfbfbf',
|
|
27
|
+
'tiny-radio-input-checked-disabled-border-color': '#bfbfbf',
|
|
28
|
+
'tiny-radio-input-disabled-text-color': '#999',
|
|
29
|
+
'tiny-radio-inner-bg-color': '#fff',
|
|
30
|
+
'tiny-radio-inner-checked-bg-color': '#5e7ce0',
|
|
31
|
+
'tiny-radio-inner-size': '8px',
|
|
32
|
+
'tiny-radio-inner-checked-disabled-bg-color': '#d9d9d9',
|
|
33
|
+
'tiny-radio-medium-height': '36px',
|
|
34
|
+
'tiny-radio-medium-inner-height': '14px',
|
|
35
|
+
'tiny-radio-medium-inner-width': '14px',
|
|
36
|
+
'tiny-radio-small-height': '32px',
|
|
37
|
+
'tiny-radio-small-inner-height': '12px',
|
|
38
|
+
'tiny-radio-small-inner-width': '12px',
|
|
39
|
+
'tiny-radio-mini-height': '28px',
|
|
40
|
+
'tiny-radio-mini-inner-height': '12px',
|
|
41
|
+
'tiny-radio-mini-inner-width': '12px'
|
|
42
|
+
}
|
package/radio-button/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-radio-button{
|
|
1
|
+
.tiny-radio-button{--ti-radio-button-text-color:var(--ti-base-color-info-normal);--ti-radio-button-hover-text-color:var(--ti-base-color-light);--ti-radio-button-border-color:var(--ti-base-color-border);--ti-radio-button-border-radius:var(--ti-common-border-radius-normal);--ti-radio-button-font-size:var(--ti-common-font-size-base);--ti-radio-button-bg-color:var(--ti-base-color-light);--ti-radio-button-checked-normal-bg-color:var(--ti-base-color-brand-6);--ti-radio-button-checked-normal-border-color:var(--ti-base-color-brand-6);--ti-radio-button-checked-normal-box-shadow:-1px 0 0 0 var(--ti-base-color-brand-6);--ti-radio-button-checked-hover-bg-color:var(--ti-base-color-brand-5);--ti-radio-button-checked-hover-border-color:var(--ti-base-color-brand-5);--ti-radio-button-checked-hover-box-shadow:-1px 0 0 0 var(--ti-base-color-brand-5);--ti-radio-button-disabled-text-color:var(--ti-base-color-placeholder);--ti-radio-button-disabled-bg-color:var(--ti-base-color-bg-5);--ti-radio-button-medium-font-size:var(--ti-common-font-size-1)}.tiny-radio-button:first-child .tiny-radio-button__inner{border-left:1px solid var(--ti-radio-button-border-color);border-radius:var(--ti-radio-button-border-radius) 0 0 var(--ti-radio-button-border-radius)}.tiny-radio-button:first-child .tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner{-webkit-box-shadow:none;box-shadow:none}.tiny-radio-button:last-child .tiny-radio-button__inner{border-radius:0 var(--ti-radio-button-border-radius) var(--ti-radio-button-border-radius) 0}.tiny-radio-button:first-child:last-child .tiny-radio-button__inner{border-radius:var(--ti-radio-button-border-radius)}.tiny-radio-button,.tiny-radio-button__inner{display:inline-block;position:relative;outline:0}.tiny-radio-button__inner{color:var(--ti-radio-button-text-color);font-size:var(--ti-radio-button-font-size);background:var(--ti-radio-button-bg-color);border:1px solid var(--ti-radio-button-border-color);padding:12px 20px;font-weight:500;border-radius:0;border-left:0;line-height:1;white-space:nowrap;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.tiny-radio-button__inner.is-round{padding:12px 20px}.tiny-radio-button__inner:hover{color:var(--ti-radio-button-hover-text-color);background-color:var(--ti-radio-button-checked-hover-bg-color);border-color:var(--ti-radio-button-checked-hover-border-color);outline:0}.tiny-radio-button__inner [class*=tiny-icon]{line-height:.9}.tiny-radio-button__inner [class*=tiny-icon]+span{margin-left:5px}.tiny-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner{color:#fff;background-color:var(--ti-radio-button-checked-normal-bg-color);border-color:var(--ti-radio-button-checked-normal-border-color);-webkit-box-shadow:var(--ti-radio-button-checked-normal-box-shadow);box-shadow:var(--ti-radio-button-checked-normal-box-shadow)}.tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner:hover{background-color:var(--ti-radio-button-checked-hover-bg-color);border-color:var(--ti-radio-button-checked-hover-border-color);-webkit-box-shadow:var(--ti-radio-button-checked-hover-box-shadow);box-shadow:var(--ti-radio-button-checked-hover-box-shadow)}.tiny-radio-button__orig-radio:disabled+.tiny-radio-button__inner{color:var(--ti-radio-button-disabled-text-color);border-color:var(--ti-radio-button-border-color);background-color:var(--ti-radio-button-disabled-bg-color);background-image:none;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner{background-color:var(--ti-radio-input-checked-disabled-bg-color)}.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner,.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner:hover{border-color:var(--ti-radio-input-checked-disabled-border-color)}.tiny-radio-button--medium .tiny-radio-button__inner{font-size:var(--ti-radio-button-medium-font-size);padding:10px 20px;border-radius:0}.tiny-radio-button--medium .tiny-radio-button__inner.is-round{padding:10px 20px}.tiny-radio-button--small .tiny-radio-button__inner{font-size:var(--ti-radio-button-font-size);padding:9px 15px;border-radius:0}.tiny-radio-button--small .tiny-radio-button__inner.is-round{padding:9px 15px}.tiny-radio-button--mini .tiny-radio-button__inner{font-size:var(--ti-radio-button-font-size);padding:7px 15px;border-radius:0}.tiny-radio-button--mini .tiny-radio-button__inner.is-round{padding:7px 15px}.tiny-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color);box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color)}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
'tiny-radio-button-text-color': '#333',
|
|
15
|
+
'tiny-radio-button-hover-text-color': '#fff',
|
|
16
|
+
'tiny-radio-button-border-color': '#d9d9d9',
|
|
17
|
+
'tiny-radio-button-border-radius': '2px',
|
|
18
|
+
'tiny-radio-button-font-size': '12px',
|
|
19
|
+
'tiny-radio-button-bg-color': '#fff',
|
|
20
|
+
'tiny-radio-button-checked-normal-bg-color': '#1890ff',
|
|
21
|
+
'tiny-radio-button-checked-normal-border-color': '#1890ff',
|
|
22
|
+
'tiny-radio-button-checked-normal-box-shadow': '-1px 0 0 0 #1890ff',
|
|
23
|
+
'tiny-radio-button-checked-hover-bg-color': '#40a9ff',
|
|
24
|
+
'tiny-radio-button-checked-hover-border-color': '#40a9ff',
|
|
25
|
+
'tiny-radio-button-checked-hover-box-shadow': '-1px 0 0 0 #40a9ff',
|
|
26
|
+
'tiny-radio-button-disabled-text-color': '#999',
|
|
27
|
+
'tiny-radio-button-disabled-bg-color': '#f5f5f5',
|
|
28
|
+
'tiny-radio-button-medium-font-size': '14px'
|
|
29
|
+
}
|
package/radio-group/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-radio-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tiny-radio-group.list-inline{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-radio-group.list-inline .tiny-radio{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.tiny-radio-group.list-inline .tiny-radio:not(:last-child){margin-bottom:8px}.tiny-radio-group.list-inline .tiny-radio-button{display:block}.tiny-radio-group.list-inline .tiny-radio-button:first-child .tiny-radio-button__inner{border-radius:
|
|
1
|
+
.tiny-radio-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tiny-radio-group.list-inline{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-radio-group.list-inline .tiny-radio{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.tiny-radio-group.list-inline .tiny-radio:not(:last-child){margin-bottom:8px}.tiny-radio-group.list-inline .tiny-radio-button{display:block}.tiny-radio-group.list-inline .tiny-radio-button:first-child .tiny-radio-button__inner{border-radius:var(--ti-radio-button-border-radius) var(--ti-radio-button-border-radius) 0 0;border-top:1px solid var(--ti-radio-button-border-color)}.tiny-radio-group.list-inline .tiny-radio-button:last-child .tiny-radio-button__inner{border-radius:0 0 var(--ti-radio-button-border-radius) var(--ti-radio-button-border-radius)}.tiny-radio-group.list-inline .tiny-radio-button.is-active .tiny-radio-button__inner{-webkit-box-shadow:none;box-shadow:none;border-color:var(--ti-radio-button-checked-normal-border-color)}.tiny-radio-group.list-inline .tiny-radio-button.is-active.is-disabled .tiny-radio-button__inner{border-color:var(--ti-radio-input-checked-disabled-border-color)}.tiny-radio-group.list-inline .tiny-radio-button__inner{border-top:0;border-left:1px solid var(--ti-radio-button-border-color)}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
// radio-group
|
|
15
|
+
}
|
package/rate/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-rate{outline:0}.tiny-rate:active,.tiny-rate:focus{outline-width:0}.tiny-rate .tiny-rate__star{position:relative;display:inline-block;font-size:0;vertical-align:middle;text-align:center;line-height:1}.tiny-rate svg{-webkit-transition:.3s;transition:.3s}.tiny-rate svg.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.tiny-rate .tiny-rate__decimal{display:inline-block;overflow:hidden;font-size:
|
|
1
|
+
.tiny-rate{--ti-rate-text-margin-left:8px;--ti-rate-text-font-size:16px;--ti-rate-bottom-font-size:var(--ti-common-font-size-base);--ti-rate-bottom-margin-top:8px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:0}.tiny-rate:active,.tiny-rate:focus{outline-width:0}.tiny-rate .tiny-rate__star{position:relative;display:inline-block;font-size:0;vertical-align:middle;text-align:center;line-height:1}.tiny-rate svg{-webkit-transition:.3s;transition:.3s}.tiny-rate svg.hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.tiny-rate .tiny-rate__decimal{display:inline-block;overflow:hidden;font-size:var(--ti-common-font-size-2);position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiny-rate .tiny-rate__text{vertical-align:middle;margin-left:var(--ti-rate-text-margin-left);font-size:var(--ti-rate-text-font-size)}.tiny-rate .tiny-rate__bottom-text{position:relative;font-size:var(--ti-rate-bottom-font-size);text-align:center;text-overflow:clip;overflow:hidden;margin-top:var(--ti-rate-bottom-margin-top)}
|
package/rate/index.js
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
'tiny-rate-text-margin-left': '8px',
|
|
15
|
+
'tiny-rate-text-font-size': '16px',
|
|
16
|
+
'tiny-rate-bottom-font-size': '12px',
|
|
17
|
+
'tiny-rate-bottom-margin-top': '8px'
|
|
18
|
+
}
|
package/roles/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.tiny-roles{--ti-roles-poplist-item-height:var(--ti-base-size-height-minor);--ti-roles-poplist-item-text-color:var(--ti-base-color-info-normal);--ti-roles-poplist-item-font-size:var(--ti-common-font-size-base);--ti-roles-poplist-item-hover-bg-color:var(--ti-base-color-hover-background);--ti-roles-poplist-item-selected-bg-color:var(--ti-base-color-selected-background);--ti-roles-poplist-item-selected-text-color:var(--ti-base-color-selected-text-color)}.tiny-roles svg{margin-left:2px}.tiny-roles__selector.tiny-popover.tiny-popper{padding:0}.tiny-roles__selector .tiny-roles__poplist-item{padding:0 8px}.tiny-roles__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-roles__poplist{min-width:180px}.tiny-roles__poplist-item{min-height:var(--ti-roles-poplist-item-height);line-height:var(--ti-roles-poplist-item-height);max-width:100%;color:var(--ti-roles-poplist-item-text-color);font-size:var(--ti-roles-poplist-item-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.tiny-roles__poplist-item:hover{background:var(--ti-roles-poplist-item-hover-bg-color)}.tiny-roles__poplist-item.is-selected,.tiny-roles__poplist-item.is-selected:hover{background:var(--ti-roles-poplist-item-selected-bg-color);color:var(--ti-roles-poplist-item-selected-text-color)}
|
package/roles/index.js
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
'tiny-roles-poplist-item-height': '30px',
|
|
15
|
+
'tiny-roles-poplist-item-text-color': '#333',
|
|
16
|
+
'tiny-roles-poplist-item-font-size': '12px',
|
|
17
|
+
'tiny-roles-poplist-item-hover-bg-color': '#e6f7ff',
|
|
18
|
+
'tiny-roles-poplist-item-selected-bg-color': '#f5f5f5',
|
|
19
|
+
'tiny-roles-poplist-item-selected-text-color': '#fff'
|
|
20
|
+
}
|
package/row/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.container{padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto}.container:before{content:'';display:table}.container:after{content:'';display:table;clear:both}@media (min-width:1920px){.container{width:1940px}}@media (min-width:1200px){.container{width:1220px}}@media (min-width:992px){.container{width:1012px}}@media (min-width:768px){.container{width:788px}}.row{margin-right:-10px;margin-left:-10px}.row h3{margin-left:10px}.row:before{content:'';display:table}.row:after{content:'';display:table;clear:both}.tiny-filter .row{overflow:hidden}.tiny-filter .row .title{margin-left:10px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:10px;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}@media (min-width:1920px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{float:left}.col-xl-offset-12{margin-left:100%}.col-xl-offset-11{margin-left:91.66666667%}.col-xl-offset-10{margin-left:83.33333333%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-8{margin-left:66.66666667%}.col-xl-offset-7{margin-left:58.33333333%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-5{margin-left:41.66666667%}.col-xl-offset-4{margin-left:33.33333333%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-2{margin-left:16.66666667%}.col-xl-offset-1{margin-left:8.33333333%}.col-xl-offset-0{margin-left:0}.col-xl-push-12{left:100%}.col-xl-push-11{left:91.66666667%}.col-xl-push-10{left:83.33333333%}.col-xl-push-9{left:75%}.col-xl-push-8{left:66.66666667%}.col-xl-push-7{left:58.33333333%}.col-xl-push-6{left:50%}.col-xl-push-5{left:41.66666667%}.col-xl-push-4{left:33.33333333%}.col-xl-push-3{left:25%}.col-xl-push-2{left:16.66666667%}.col-xl-push-1{left:8.33333333%}.col-xl-push-0{left:0}.col-xl-pull-12{right:100%}.col-xl-pull-11{right:91.66666667%}.col-xl-pull-10{right:83.33333333%}.col-xl-pull-9{right:75%}.col-xl-pull-8{right:66.66666667%}.col-xl-pull-7{right:58.33333333%}.col-xl-pull-6{right:50%}.col-xl-pull-5{right:41.66666667%}.col-xl-pull-4{right:33.33333333%}.col-xl-pull-3{right:25%}.col-xl-pull-2{right:16.66666667%}.col-xl-pull-1{right:8.33333333%}.col-xl-pull-0{right:0}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}}.tiny-row{width:100%}.tiny-row:before{content:'';display:table}.tiny-row:after{content:'';display:table;clear:both}.tiny-row.row-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-row.row-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.tiny-row.row-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tiny-row.row-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-row.row-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.tiny-row.row-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-row.row-align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-row.row-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-row.row-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
|
|
1
|
+
.container{padding-right:10px;margin-right:auto;padding-left:10px;margin-left:auto}.container:after,.container:before{content:'';display:table}.container:after{clear:both}@media (min-width:768px){.container{width:788px}}@media (min-width:992px){.container{width:1012px}}@media (min-width:1200px){.container{width:1220px}}@media (min-width:1920px){.container{width:1940px}}.row{margin-left:-10px;margin-right:-10px}.row:after,.row:before{content:'';display:table}.row:after{clear:both}.row h3{margin-left:10px}.tiny-filter .row{overflow:hidden}.tiny-filter .row .title{margin-left:10px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:10px;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@media (min-width:1920px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{float:left}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-push-12{left:100%}.col-xl-push-11{left:91.66666667%}.col-xl-push-10{left:83.33333333%}.col-xl-push-9{left:75%}.col-xl-push-8{left:66.66666667%}.col-xl-push-7{left:58.33333333%}.col-xl-push-6{left:50%}.col-xl-push-5{left:41.66666667%}.col-xl-push-4{left:33.33333333%}.col-xl-push-3{left:25%}.col-xl-push-2{left:16.66666667%}.col-xl-push-1{left:8.33333333%}.col-xl-push-0{left:0}.col-xl-pull-12{right:100%}.col-xl-pull-11{right:91.66666667%}.col-xl-pull-10{right:83.33333333%}.col-xl-pull-9{right:75%}.col-xl-pull-8{right:66.66666667%}.col-xl-pull-7{right:58.33333333%}.col-xl-pull-6{right:50%}.col-xl-pull-5{right:41.66666667%}.col-xl-pull-4{right:33.33333333%}.col-xl-pull-3{right:25%}.col-xl-pull-2{right:16.66666667%}.col-xl-pull-1{right:8.33333333%}.col-xl-pull-0{right:0}.col-xl-offset-12{margin-left:100%}.col-xl-offset-11{margin-left:91.66666667%}.col-xl-offset-10{margin-left:83.33333333%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-8{margin-left:66.66666667%}.col-xl-offset-7{margin-left:58.33333333%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-5{margin-left:41.66666667%}.col-xl-offset-4{margin-left:33.33333333%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-2{margin-left:16.66666667%}.col-xl-offset-1{margin-left:8.33333333%}.col-xl-offset-0{margin-left:0}}.tiny-row{width:100%}.tiny-row:after,.tiny-row:before{content:'';display:table}.tiny-row:after{clear:both}.tiny-row.row-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-row.row-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.tiny-row.row-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tiny-row.row-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-row.row-justify-space-around{-ms-flex-pack:distribute;justify-content:space-around}.tiny-row.row-justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-row.row-align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-row.row-align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-row.row-align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
|
package/row/index.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
// row
|
|
15
|
+
}
|
package/scroll-text/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-scroll-text{width:300px;height:
|
|
1
|
+
.tiny-scroll-text{width:300px;height:var(--ti-scroll-text-height);line-height:var(--ti-scroll-text-height);background:var(--ti-scroll-text-bg-color);margin:var(--ti-scroll-text-margin-vertical) var(--ti-scroll-text-margin-horizontal);overflow:hidden}.tiny-scroll-text__wrapper{--ti-scroll-text-height:var(--ti-base-size-height-small);--ti-scroll-text-bg-color:#f1f1f1;--ti-scroll-text-margin-vertical:0;--ti-scroll-text-margin-horizontal:auto}.tiny-scroll-text .tiny-scroll-text__content{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:100%;padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;position:relative;-webkit-animation:infinite linear;animation:infinite linear;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-scroll-text .tiny-scroll-text__content{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-scroll-text .tiny-scroll-text__content{display:inline-block}}.tiny-scroll-text .tiny-scroll-text__content.left{-webkit-animation-name:moveLeft;animation-name:moveLeft}.tiny-scroll-text .tiny-scroll-text__content.right{-webkit-animation-name:moveRight;animation-name:moveRight}.tiny-scroll-text .tiny-scroll-text__content.up{-webkit-animation-name:moveUp;animation-name:moveUp}.tiny-scroll-text .tiny-scroll-text__content.down{-webkit-animation-name:moveDown;animation-name:moveDown}.tiny-scroll-text .tiny-scroll-text__content.singleUp{-webkit-animation-name:singleUp;animation-name:singleUp}.tiny-scroll-text .tiny-scroll-text__content.stop{-webkit-animation-play-state:paused;animation-play-state:paused}.tiny-scroll-text .tiny-scroll-text__content.down,.tiny-scroll-text .tiny-scroll-text__content.up{width:100%;white-space:normal}.tiny-scroll-text .tiny-scroll-text__content p{width:auto;line-height:1;margin:0}@-webkit-keyframes moveLeft{0%{-webkit-transform:translateX(300px);transform:translateX(300px)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes moveLeft{0%{-webkit-transform:translateX(300px);transform:translateX(300px)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveRight{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(300px);transform:translateX(300px)}}@keyframes moveRight{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(300px);transform:translateX(300px)}}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes moveUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes moveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
'tiny-scroll-text-height': '36px',
|
|
15
|
+
'tiny-scroll-text-bg-color': '#f1f1f1',
|
|
16
|
+
'tiny-scroll-text-margin-vertical': '0',
|
|
17
|
+
'tiny-scroll-text-margin-horizontal': 'auto'
|
|
18
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
// scrollbar
|
|
15
|
+
}
|
package/search/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-transition-search-line-fade-enter,.tiny-transition-search-line-fade-enter-from,.tiny-transition-search-line-fade-leave-to{opacity:0}.tiny-transition-search-line-fade-enter-to{opacity:0}.tiny-transition-search-line-fade-enter-active,.tiny-transition-search-line-fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.tiny-transition-icon-out-in-enter-active{-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.tiny-transition-icon-out-in-leave-active{animation:bounce-in .3s reverse}.tiny-transition-icon-scale-in-enter-active{-webkit-animation:scale-in .3s;animation:scale-in .3s}.tiny-transition-icon-scale-in-leave-active{animation:scale-in .3s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tiny-search{position:relative;display:inline-block;font-size:
|
|
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-transition-search-line-fade-enter,.tiny-transition-search-line-fade-enter-from,.tiny-transition-search-line-fade-leave-to{opacity:0}.tiny-transition-search-line-fade-enter-to{opacity:0}.tiny-transition-search-line-fade-enter-active,.tiny-transition-search-line-fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.tiny-transition-icon-out-in-enter-active{-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.tiny-transition-icon-out-in-leave-active{animation:bounce-in .3s reverse}.tiny-transition-icon-scale-in-enter-active{-webkit-animation:scale-in .3s;animation:scale-in .3s}.tiny-transition-icon-scale-in-leave-active{animation:scale-in .3s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tiny-search{--ti-search-font-size:var(--ti-common-font-size-base);--ti-search-input-height:var(--ti-base-size-height-normal);--ti-search-input-btn-width:var(--ti-base-size-height-small);--ti-search-input-btn-line-height:var(--ti-base-size-height-small);--ti-search-input-text-color:var(--ti-base-color-info-normal);--ti-search-input-bg-color:var(--ti-base-color-light);--ti-search-input-btn-text-color:var(--ti-base-color-common-5);--ti-search-input-btn-hover-border-color:var(--ti-base-color-brand-5);--ti-search-input-btn-font-size:var(--ti-common-font-size-1);--ti-search-input-border-color:var(--ti-base-color-border);--ti-search-icon-border-color:#dbdbdb;--ti-search-icon-color:#c4c4c4;--ti-search-size-height-normal:var(--ti-base-size-height-normal);--ti-search-size-height-small:var(--ti-base-size-height-small);--ti-search-selector-text-color:var(--ti-base-color-info-normal);--ti-search-line-hover-border-color:var(--ti-base-color-border-hover);--ti-search-list-hover-bg-color:var(--ti-base-color-selected-background);--ti-search-selector-border-radius:var(--ti-common-border-radius-normal);--ti-search-selector-bg-color:var(--ti-base-color-light);--ti-search-selector-list-height:var(--ti-base-size-height-normal);position:relative;display:inline-block;font-size:var(--ti-search-font-size);width:100%}.tiny-search .tiny-search__line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:var(--ti-search-input-height);border:1px solid var(--ti-search-input-border-color);border-radius:var(--ti-common-border-radius-normal);background-color:var(--ti-search-input-bg-color);-webkit-transition:.4s;transition:.4s;border-collapse:separate}.tiny-search .tiny-search__line:hover{border-color:var(--ti-search-line-hover-border-color)}.tiny-search .tiny-search__line.focus,.tiny-search .tiny-search__line:focus{border-color:var(--ti-search-input-btn-hover-border-color)}.tiny-search .tiny-search__input{width:100%;height:100%;line-height:1;color:var(--ti-search-input-text-color);padding:0 0 0 8px;border:0;outline:0;background:0 0}.tiny-search .tiny-search__input::-moz-placeholder{color:#999;opacity:1}.tiny-search .tiny-search__input:-ms-input-placeholder{color:#999}.tiny-search .tiny-search__input::-webkit-input-placeholder{color:#999}.tiny-search .tiny-search__input::-ms-input-placeholder{color:#999}.tiny-search .tiny-search__input::placeholder{color:#999}.tiny-search .tiny-search__input:focus::-moz-placeholder{color:#d9d9d9;opacity:1}.tiny-search .tiny-search__input:focus:-ms-input-placeholder{color:#d9d9d9}.tiny-search .tiny-search__input:focus::-webkit-input-placeholder{color:#d9d9d9}.tiny-search .tiny-search__input:focus::-ms-input-placeholder{color:#d9d9d9}.tiny-search .tiny-search__input:focus::placeholder{color:#d9d9d9}.tiny-search .tiny-search__input-btn{text-align:center}.tiny-search .tiny-search__input-btn a{text-decoration:none;display:block;width:var(--ti-search-input-btn-width);height:100%;line-height:var(--ti-search-input-btn-line-height)}.tiny-search .tiny-search__input-btn svg{fill:var(--ti-search-input-btn-text-color);font-size:var(--ti-search-input-btn-font-size)}.tiny-search .tiny-search__input-btn:hover svg{fill:var(--ti-search-input-btn-hover-border-color)}.tiny-search .tiny-search__present{color:var(--ti-search-selector-text-color);line-height:var(--ti-search-size-height-normal);padding-left:8px;white-space:nowrap}.tiny-search .tiny-search__present .icon-outer{height:calc(var(--ti-search-size-height-normal) - 12px);line-height:calc(var(--ti-search-size-height-normal) - 12px);display:inline-block;padding:0 8px 0 4px;border-right:1px solid var(--ti-search-input-border-color);cursor:pointer}.tiny-search .tiny-search__present .icon-outer svg{font-size:var(--ti-search-input-btn-font-size);fill:var(--ti-search-icon-color)}.tiny-search .tiny-search__selector{position:absolute;top:32px;left:0;overflow:hidden;min-width:68px;border:1px solid var(--ti-search-input-border-color);border-radius:var(--ti-search-selector-border-radius);font-size:var(--ti-search-font-size);-webkit-box-shadow:var(--ti-base-box-shadow);box-shadow:var(--ti-base-box-shadow);background:var(--ti-search-selector-bg-color);color:var(--ti-search-selector-text-color);margin-top:2px}.tiny-search .tiny-search__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-search .tiny-search__poplist-item{min-height:var(--ti-search-selector-list-height);padding:0 8px;line-height:var(--ti-search-selector-list-height);max-width:100%;font-size:var(--ti-search-font-size);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tiny-search .tiny-search__poplist-item:hover{background:var(--ti-search-list-hover-bg-color);cursor:pointer}.tiny-search .tiny-search__poplist-item span{font-size:var(--ti-search-font-size)}.tiny-search .tiny-search__poplist-item .icon-check{font-size:var(--ti-common-font-size-2)}.tiny-search .tiny-search__poplist-item .icon-check:hover{color:var(--ti-search-input-btn-hover-border-color)}.tiny-search.mini .tiny-search__line{border-radius:var(--ti-search-input-height);width:100%;float:right}.tiny-search.mini.collapse .tiny-search__input-btn svg{fill:var(--ti-search-icon-color)}.tiny-search.mini .tiny-search__input{border-radius:var(--ti-search-input-height)}.tiny-search.collapse .tiny-search__input{padding:0;width:var(--ti-search-size-height-normal);float:right}.tiny-search.mini.collapse .tiny-search__line{width:30px;float:right;background-color:transparent;border-collapse:separate}.tiny-search.mini.collapse .tiny-search__input,.tiny-search.mini.collapse .tiny-search__present{display:none}.tiny-search .fade-enter-to{opacity:0}.tiny-search .fade-enter,.tiny-search .fade-leave-to{opacity:0}
|
package/search/index.js
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
'tiny-search-font-size': '12px',
|
|
15
|
+
'tiny-search-input-height': '30px',
|
|
16
|
+
'tiny-search-input-btn-width': '28px',
|
|
17
|
+
'tiny-search-input-btn-line-height': '28px',
|
|
18
|
+
'tiny-search-input-text-color': '#333333',
|
|
19
|
+
'tiny-search-input-bg-color': '#fff',
|
|
20
|
+
'tiny-search-input-btn-text-color': '#1890ff',
|
|
21
|
+
'tiny-search-input-btn-hover-border-color': '#40a9ff',
|
|
22
|
+
'tiny-search-input-btn-font-size': '14px',
|
|
23
|
+
'tiny-search-input-border-color': '#d9d9d9',
|
|
24
|
+
'tiny-search-icon-border-color': '#dbdbdb',
|
|
25
|
+
'tiny-search-icon-color': '#c4c4c4',
|
|
26
|
+
'tiny-search-size-height-normal': '30px',
|
|
27
|
+
'tiny-search-size-height-small': '24px',
|
|
28
|
+
'tiny-search-selector-text-color': '#333333',
|
|
29
|
+
'tiny-search-line-hover-border-color': '#bfbfbf',
|
|
30
|
+
'tiny-search-list-hover-bg-color': '#f5f5f5',
|
|
31
|
+
'tiny-search-selector-border-radius': '2px',
|
|
32
|
+
'tiny-search-selector-bg-color': '#fff',
|
|
33
|
+
'tiny-search-selector-list-height': '30px'
|
|
34
|
+
}
|
package/select/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-select{
|
|
1
|
+
.tiny-select{--ti-select-inner-hover-border-color:var(--ti-base-color-brand-5);--ti-select-input-text-color:#666;--ti-select-input-font-size:var(--ti-common-font-size-base);--ti-select-input-caret-text-color:var(--ti-base-color-common-5);--ti-select-input-caret-hover-text-color:var(--ti-base-color-brand-7);--ti-select-input-caret-font-size:var(--ti-common-font-size-1);--ti-select-input-caret-close-text-color:var(--ti-base-color-bg-5);--ti-select-input-caret-close-hover-text-color:var(--ti-base-color-placeholder);--ti-select-input-disabled-caret-text-color:var(--ti-base-color-border);--ti-select-input-disabled-inner-hover-border-color:#e4e7ed;--ti-select-input-mini-height:var(--ti-base-size-height-mini);--ti-select-input-small-height:var(--ti-base-size-height-small);--ti-select-input-medium-height:var(--ti-base-size-height-medium);display:inline-block;position:relative;width:100%;outline:0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__multiple:not(.tiny-select__collapse-tags):not(.tiny-select__filterable) .tiny-select__tags>span{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}}@supports (-ms-ime-align:auto){.tiny-select.tiny-select__multiple:not(.tiny-select__collapse-tags):not(.tiny-select__filterable) .tiny-select__tags>span{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}}.tiny-select.tiny-select__collapse-tags .tiny-select__tags>span{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.tiny-select.tiny-select__collapse-tags .tiny-select__tags>span>span:not(:only-child):first-child{max-width:70%}.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span{width:auto;max-width:76%}.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:first-child{-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:not(:only-child):first-child,.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:only-child{max-width:100%}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:not(:only-child):not(:first-child){-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-select.tiny-select__filterable .tiny-select__tags .tiny-select__input{cursor:text}.tiny-select__tags{position:absolute;line-height:normal;white-space:normal;padding-left:4px;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer}.tiny-select__tags>span{display:contents}.tiny-select__tags .tiny-select__input{cursor:pointer;border:none;outline:0;padding:0;margin-left:8px;color:var(--ti-select-input-text-color);font-size:var(--ti-select-input-font-size);height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.tiny-select__tags .tiny-select__input.is-mini{height:var(--ti-select-input-mini-height)}.tiny-select__tags .tiny-select__input.is-small{height:var(--ti-select-input-small-height)}.tiny-select__tags .tiny-select__input.is-medium{height:var(--ti-select-input-medium-height)}.tiny-select__tags.is-showicon{padding-left:24px}.tiny-select__tags .tiny-tag{white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 4px;background-color:#f0f2f5}.tiny-select__tags .tiny-tag.tiny-tag--info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-select__tags .tiny-select__tags-text{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tiny-select__tags .tiny-select__tags-text+.tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}.tiny-select-tip .tiny-select-tipcontent{max-width:300px}.tiny-select .tiny-input{display:block}.tiny-select .tiny-input .tiny-input__inner[readonly]{cursor:pointer}.tiny-select .tiny-input .tiny-select__caret{fill:var(--ti-select-input-caret-text-color);font-size:var(--ti-select-input-caret-font-size);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.tiny-select .tiny-input .tiny-select__caret:hover{fill:var(--ti-select-input-caret-hover-text-color)}.tiny-select .tiny-input .tiny-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.tiny-select .tiny-input .tiny-select__caret.is-show-close{font-size:var(--ti-select-input-font-size);text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;fill:var(--ti-select-input-caret-close-text-color);-webkit-transition:fill .2s cubic-bezier(.645,.045,.355,1);transition:fill .2s cubic-bezier(.645,.045,.355,1)}.tiny-select .tiny-input .tiny-select__caret.is-show-close:hover{color:var(--ti-select-input-caret-close-hover-text-color)}.tiny-select .tiny-input .tiny-select__copy{cursor:pointer}.tiny-select .tiny-input.is-disabled .tiny-select__caret{fill:var(--ti-select-input-disabled-caret-text-color);cursor:not-allowed}.tiny-select .tiny-input.is-disabled .tiny-input__inner{cursor:not-allowed}.tiny-select .tiny-input.is-disabled .tiny-input__inner:hover{border-color:var(--ti-select-input-disabled-inner-hover-border-color)}.tiny-select .tiny-input.is-focus .tiny-input__inner{border-color:var(--ti-select-inner-hover-border-color)}
|
package/select/index.js
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
'tiny-select-inner-hover-border-color': '#40a9ff',
|
|
15
|
+
'tiny-select-input-text-color': '#666',
|
|
16
|
+
'tiny-select-input-font-size': '12px',
|
|
17
|
+
'tiny-select-input-caret-text-color': '#1890ff',
|
|
18
|
+
'tiny-select-input-caret-hover-text-color': '#40a9ff',
|
|
19
|
+
'tiny-select-input-caret-font-size': '14px',
|
|
20
|
+
'tiny-select-input-caret-close-text-color': '#bfbfbf',
|
|
21
|
+
'tiny-select-input-caret-close-hover-text-color': '#999',
|
|
22
|
+
'tiny-select-input-disabled-caret-text-color': '#d9d9d9',
|
|
23
|
+
'tiny-select-input-disabled-inner-hover-border-color': '#e4e7ed',
|
|
24
|
+
'tiny-select-input-mini-height': '24px',
|
|
25
|
+
'tiny-select-input-small-height': '36px',
|
|
26
|
+
'tiny-select-input-medium-height': '42px'
|
|
27
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-select-dropdown{position:absolute;z-index:1001;border-radius:
|
|
1
|
+
.tiny-select-dropdown{--ti-select-dropdown-border-color:transparent;--ti-select-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-select-dropdown-bg-color:var(--ti-base-color-light);--ti-select-dropdown-empty-text-color:var(--ti-base-color-placeholder);--ti-select-dropdown-empty-font-size:var(--ti-common-font-size-1);--ti-select-dropdown-list-padding-top:0;--ti-select-dropdown-list-padding-horizontal:0;--ti-select-dropdown-list-padding-bottom:6px;--ti-select-dropdown-item-padding-vertical:0;--ti-select-dropdown-item-padding-horizontal:8px;--ti-select-dropdown-item-margin-top:0;--ti-select-dropdown-search-bg-color:var(--ti-base-color-brand-1);--ti-select-dropdown-search-margin-bottom:var(--ti-common-space-base);--ti-select-dropdown-line-bg-color:var(--ti-base-color-common-1);--ti-select-dropdown-line-margin-vertical:0;--ti-select-dropdown-line-margin-horizontal:var(--ti-common-space-2x);--ti-select-dropdown-line-height:var(--ti-common-font-size-1);--ti-select-dropdown-line-width:1px;--ti-select-dropdown-active-text-color:var(--ti-base-color-brand-6);position:absolute;z-index:1001;border:1px solid var(--ti-select-dropdown-border-color);border-radius:var(--ti-select-dropdown-border-radius);background-color:var(--ti-select-dropdown-bg-color);-webkit-box-shadow:var(--ti-base-box-shadow);box-shadow:var(--ti-base-box-shadow);margin-top:var(--ti-base-dropdown-gap);-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-select-dropdown .tiny-tree{max-height:300px;overflow-y:auto}.tiny-select-dropdown.tiny-popper{margin-top:var(--ti-base-dropdown-gap)}.tiny-select-dropdown .tiny-scrollbar.is-empty .tiny-select-dropdown__list{padding:0}.tiny-select-dropdown .tiny-select-dropdown__search{margin-bottom:var(--ti-select-dropdown-search-margin-bottom)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-input__inner{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;background-color:var(--ti-select-dropdown-search-bg-color);padding-right:54px}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-icon-close::after{content:'';display:inline-block;height:var(--ti-select-dropdown-line-height);width:var(--ti-select-dropdown-line-width);background-color:var(--ti-select-dropdown-line-bg-color);line-height:100%;vertical-align:middle;margin:var(--ti-select-dropdown-line-margin-vertical) var(--ti-select-dropdown-line-margin-horizontal)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-svg:hover{fill:var(--ti-select-dropdown-active-text-color)}.tiny-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--ti-select-dropdown-empty-text-color);font-size:var(--ti-select-dropdown-empty-font-size)}.tiny-select-dropdown .tiny-select-dropdown__wrap{max-height:197px;margin-right:-4px}.tiny-select-dropdown .tiny-select-dropdown__list{list-style:none;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--ti-select-dropdown-list-padding-top) var(--ti-select-dropdown-list-padding-horizontal) var(--ti-select-dropdown-list-padding-bottom);text-align:left}.tiny-select-dropdown .tiny-select-dropdown__item{white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--ti-select-dropdown-item-padding-vertical) var(--ti-select-dropdown-item-padding-horizontal);margin-top:var(--ti-select-dropdown-item-margin-top);border-radius:var(--ti-common-border-radius-normal)}.tiny-select-dropdown .tiny-select-dropdown__wrap.virtual{position:relative;margin-right:0!important}.tiny-select-dropdown .tiny-select-dropdown__wrap.virtual .tiny-select-dropdown__item{position:absolute;width:100%}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
'tiny-select-dropdown-border-color': '#d9d9d9',
|
|
15
|
+
'tiny-select-dropdown-border-radius': '2px',
|
|
16
|
+
'tiny-select-dropdown-bg-color': '#fff',
|
|
17
|
+
'tiny-select-dropdown-empty-text-color': '#999',
|
|
18
|
+
'tiny-select-dropdown-empty-font-size': '14px',
|
|
19
|
+
'tiny-select-dropdown-list-padding-top': '0',
|
|
20
|
+
'tiny-select-dropdown-list-padding-horizontal': '0',
|
|
21
|
+
'tiny-select-dropdown-list-padding-bottom': '6px',
|
|
22
|
+
'tiny-select-dropdown-item-padding-vertical': '0',
|
|
23
|
+
'tiny-select-dropdown-item-padding-horizontal': '8px',
|
|
24
|
+
'tiny-select-dropdown-item-margin-top': '0',
|
|
25
|
+
'tiny-select-dropdown-search-bg-color': '#f2f5fc',
|
|
26
|
+
'tiny-select-dropdown-search-margin-bottom': '4px',
|
|
27
|
+
'tiny-select-dropdown-line-bg-color': '4px',
|
|
28
|
+
'tiny-select-dropdown-line-margin-vertical': '0',
|
|
29
|
+
'tiny-select-dropdown-line-margin-horizontal': '8px',
|
|
30
|
+
'tiny-select-dropdown-line-height': '14px',
|
|
31
|
+
'tiny-select-dropdown-line-width': '1px',
|
|
32
|
+
'tiny-select-dropdown-active-text-color': '#5e7ce0',
|
|
33
|
+
}
|
package/selector/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-selector{border:1px solid
|
|
1
|
+
.tiny-selector{--ti-selector-border-color:var(--ti-base-color-border);--ti-selector-border-radius:var(--ti-common-border-radius-normal);--ti-selector-font-size:var(--ti-common-font-size-base);--ti-selector-text-color:var(--ti-base-color-info-normal);--ti-selector-icon-size:var(--ti-common-size-4x);--ti-selector-icon-color:var(--ti-base-color-bg-5);--ti-selector-selected-icon-color:var(--ti-base-color-brand-6);--ti-selector-icon-hover-text-color:var(--ti-base-color-brand-5);--ti-selector-list-height:var(--ti-base-size-height-normal);--ti-selector-bg-color:var(--ti-base-color-light);--ti-selector-selected-text-color:var(--ti-base-color-placeholder);--ti-selector-selected-hover-bg-color:var(--ti-base-color-selected-background);--ti-selector-select-bg-color:var(--ti-base-color-hover-background);border:1px solid var(--ti-selector-border-color);border-radius:var(--ti-selector-border-radius);font-size:var(--ti-selector-font-size);-webkit-box-shadow:var(--ti-base-box-shadow);box-shadow:var(--ti-base-box-shadow);background:var(--ti-selector-bg-color);color:var(--ti-selector-text-color);margin-top:2px}.tiny-selector .tiny-poplist li{min-height:var(--ti-selector-list-height);padding:0 8px;line-height:var(--ti-selector-list-height);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-selector .tiny-poplist li:hover{cursor:pointer}.tiny-selector .tiny-poplist li span{font-size:var(--ti-selector-font-size)}.tiny-selector .tiny-poplist li .icon-check{font-size:var(--ti-common-font-size-2)}.tiny-selector .tiny-poplist li .icon-check:hover{color:var(--ti-selector-icon-hover-text-color)}.tiny-selector .tiny-poplist .tiny-divider{padding:0}.tiny-selector .tiny-poplist.poplist-language li a,.tiny-selector .tiny-poplist.poplist-language li span{display:inline-block;width:100%}.tiny-selector .tiny-icon{color:var(--ti-selector-icon-color);margin-right:16px}.tiny-selector .tiny-icon.icon-checked{color:var(--ti-selector-selected-icon-color)}.tiny-selector .select-pre{background:var(--ti-selector-select-bg-color);color:var(--ti-selector-text-color)}.tiny-selector .select-pre.tiny-selected{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .selector-loading{min-height:100px}.tiny-selector .selector-loading .mini-loading{position:absolute;left:45%;top:35%;width:20px;height:20px;background:url(images/container-loading.gif) center no-repeat}.tiny-selector .tiny-selected{background:var(--ti-selector-selected-hover-bg-color);color:#333}.tiny-selector .tiny-selected:hover{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .tiny-selected .icon-check{color:var(--ti-selector-selected-icon-color)}.tiny-selector .tiny-selected .icon-check:hover{color:var(--ti-selector-icon-hover-text-color)}.tiny-selector .tiny-selected .icon-check:before{content:'\e61f'}.tiny-selector .selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-selector .selector-body .tiny-icon:first-child{margin-right:16px}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-body:hover .tree-node-name,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-name,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-name:hover,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link:hover{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node .tree-menus-link:hover{background:var(--ti-selector-select-bg-color)}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node .tree-menus .tree-node{padding-left:28px}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
'tiny-selector-border-color': '#d9d9d9',
|
|
15
|
+
'tiny-selector-border-radius': '2px',
|
|
16
|
+
'tiny-selector-font-size': '12px',
|
|
17
|
+
'tiny-selector-text-color': '#333333',
|
|
18
|
+
'tiny-selector-icon-size': '16px',
|
|
19
|
+
'tiny-selector-icon-color': '#BFBFBF',
|
|
20
|
+
'tiny-selector-selected-icon-color': '#1890ff',
|
|
21
|
+
'tiny-selector-icon-hover-text-color': '#40a9ff',
|
|
22
|
+
'tiny-selector-list-height': '30px',
|
|
23
|
+
'tiny-selector-bg-color': '#fff',
|
|
24
|
+
'tiny-selector-selected-text-color': '#999',
|
|
25
|
+
'tiny-selector-selected-hover-bg-color': '#F5F5F5',
|
|
26
|
+
'tiny-selector-select-bg-color': '#E6F7FF'
|
|
27
|
+
}
|
package/slide-bar/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-slide-bar{padding:0 32px;position:relative}.tiny-slide-bar>.tiny-svg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:2em;cursor:pointer;fill
|
|
1
|
+
.tiny-slide-bar{--ti-slider-progress-box-border-color:var(--ti-base-color-light);--ti-slider-progress-box-hover-border-color:rgba(153, 153, 153, 0.7);--ti-slider-progress-box-arrow-normal-text-color:#f2f2f2;--ti-slider-progress-box-arrow-hover-text-color:#808080;--ti-slider-progress-box-middleline-border-color:#ebebeb;--ti-slider-progress-box-middleline-icon-color:#ebebeb;padding:0 32px;position:relative}.tiny-slide-bar>.tiny-svg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:2em;cursor:pointer;fill:var(--ti-slider-progress-box-arrow-normal-text-color)}.tiny-slide-bar>.tiny-svg:hover{fill:var(--ti-slider-progress-box-arrow-hover-text-color)}.tiny-slide-bar>.tiny-svg.tiny-disabled,.tiny-slide-bar>.tiny-svg.tiny-disabled:hover{background:0 0;fill:#fff;cursor:default}.tiny-slide-bar>.icon-chevron-left{left:0}.tiny-slide-bar>.icon-chevron-right{right:0}.tiny-slide-bar li li div{margin:15px 0;font-size:var(--ti-common-font-size-base);color:#4e5e67}.tiny-slide-bar li li div:nth-child(2){border-bottom:1px solid var(--ti-slider-progress-box-middleline-border-color)}.tiny-slide-bar li li div svg{float:right;margin:-6px 0 0 0;background:#fff;fill:var(--ti-slider-progress-box-middleline-icon-color)}.tiny-slide-bar .tiny-slide-bar__content{width:100%;min-height:170px;position:relative;overflow:hidden}.tiny-slide-bar .tiny-slide-bar__list{position:absolute;min-height:170px;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-slide-bar .tiny-slide-bar__list>li{width:23%;padding:20px;float:left;margin-left:2%;position:relative;border:5px solid var(--ti-slider-progress-box-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-slide-bar .tiny-slide-bar__list>li:first-child{margin-left:0}.tiny-slide-bar .tiny-slide-bar__list>li:hover{border-color:var(--ti-slider-progress-box-hover-border-color)}.tiny-slide-bar .tiny-slide-bar__list>li>.icon-chevron-down{position:absolute;top:98.8%;left:50%;margin-left:-10px;font-size:2em;width:22px;display:none!important}.tiny-slide-bar .tiny-slide-bar__list>li>.icon-chevron-down:before{content:'';position:absolute;width:20px;height:20px;border-right:5px solid var(--ti-slider-progress-box-hover-border-color);border-bottom:5px solid var(--ti-slider-progress-box-hover-border-color);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#fff;top:-5px}.tiny-slide-bar .tiny-slide-bar__list>li>ul{width:100%;list-style:none}.tiny-slide-bar .tiny-slide-bar__list>li.tiny-slide-bar__select{border-color:var(--ti-slider-progress-box-hover-border-color)}.tiny-slide-bar .tiny-slide-bar__list>li.tiny-slide-bar__select>.icon-chevron-down{display:block!important}.tiny-slide-bar .tiny-slide-bar__list>li.tiny-slide-bar__select li .tiny-icon{color:var(--ti-slider-progress-box-hover-border-color)}.tiny-slide-bar .tiny-slide-bar__list>li.tiny-slide-bar__select li:nth-child(2){border-bottom:1px solid var(--ti-slider-progress-box-hover-border-color)}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
'tiny-slider-progress-box-border-color': '#fff',
|
|
15
|
+
'tiny-slider-progress-box-hover-border-color': 'rgba(153, 153, 153, 0.7)',
|
|
16
|
+
'tiny-slider-progress-box-arrow-normal-text-color': '#f2f2f2',
|
|
17
|
+
'tiny-slider-progress-box-arrow-hover-text-color': '#808080',
|
|
18
|
+
'tiny-slider-progress-box-middleline-border-color': '#ebebeb',
|
|
19
|
+
'tiny-slider-progress-box-middleline-icon-color': '#ebebeb'
|
|
20
|
+
}
|
package/slide-img/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.slider-img{position:relative}.slider-img>.icon-chevron-left,.slider-img>.icon-chevron-right{height:100%;position:absolute;opacity:0;width:80px;font-size:50px;color:#c4c4c4}.slider-img>.icon-chevron-left:before,.slider-img>.icon-chevron-right:before{top:45%;position:absolute;padding:0 20px}.slider-img>.icon-chevron-left:hover,.slider-img>.icon-chevron-right:hover{opacity:.6;cursor:pointer}.slider-img .icon-chevron-right{right:0;top:0}.slider-img>ul>li{display:none;text-align:center}.slider-img .slider-imgnav{text-align:center;position:absolute;bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.slider-img .slider-imgnav span{display:inline-block;margin:0 -2px;cursor:pointer;font-size:
|
|
1
|
+
.slider-img{position:relative}.slider-img>.icon-chevron-left,.slider-img>.icon-chevron-right{height:100%;position:absolute;opacity:0;width:80px;font-size:50px;color:#c4c4c4}.slider-img>.icon-chevron-left:before,.slider-img>.icon-chevron-right:before{top:45%;position:absolute;padding:0 20px}.slider-img>.icon-chevron-left:hover,.slider-img>.icon-chevron-right:hover{opacity:.6;cursor:pointer}.slider-img .icon-chevron-right{right:0;top:0}.slider-img>ul>li{display:none;text-align:center}.slider-img .slider-imgnav{text-align:center;position:absolute;bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.slider-img .slider-imgnav span{display:inline-block;margin:0 -2px;cursor:pointer;font-size:var(--ti-common-font-size-2);color:#c4c4c4}.slider-img .slider-imgnav span.imgnav-selected,.slider-img .slider-imgnav span:hover{color:#fff}.slider-img .tiny-repeat{overflow-y:auto}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
export default {
|
|
14
|
+
// slide-img
|
|
15
|
+
}
|