vxe-pc-ui 4.16.7 → 4.16.9
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/README.en.md +3 -3
- package/README.ja-JP.md +3 -3
- package/README.md +3 -3
- package/README.zh-TW.md +3 -3
- package/dist/all.esm.js +118 -47
- package/dist/style.css +1 -1
- package/dist/style.min.css +1 -1
- package/es/button/style.css +14 -0
- package/es/button/style.min.css +1 -1
- package/es/cascader/src/cascader.js +66 -26
- package/es/cascader/style.css +9 -9
- package/es/cascader/style.min.css +1 -1
- package/es/checkbox/src/group.js +7 -4
- package/es/checkbox/style.css +11 -0
- package/es/checkbox/style.min.css +1 -1
- package/es/checkbox-button/style.css +6 -0
- package/es/checkbox-button/style.min.css +1 -1
- package/es/date-range-picker/src/date-range-picker.js +25 -9
- package/es/form/style.css +12 -0
- package/es/form/style.min.css +1 -1
- package/es/icon/style.css +7 -1
- package/es/icon/style.min.css +1 -1
- package/es/input/style.css +276 -66
- package/es/input/style.min.css +1 -1
- package/es/menu/src/menu.js +4 -3
- package/es/menu/style.css +10 -0
- package/es/menu/style.min.css +1 -1
- package/es/number-input/style.css +28 -21
- package/es/number-input/style.min.css +1 -1
- package/es/password-input/src/password-input.js +1 -0
- package/es/password-input/style.css +28 -399
- package/es/password-input/style.min.css +1 -1
- package/es/radio/src/group.js +3 -3
- package/es/radio/style.css +11 -0
- package/es/radio/style.min.css +1 -1
- package/es/radio-button/style.css +6 -0
- package/es/radio-button/style.min.css +1 -1
- package/es/select/style.css +10 -0
- package/es/select/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/switch/style.css +36 -22
- package/es/switch/style.min.css +1 -1
- package/es/tag/style.css +20 -19
- package/es/tag/style.min.css +1 -1
- package/es/tree/src/tree.js +13 -2
- package/es/tree/style.css +4 -1
- package/es/tree/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/upload/style.css +10 -0
- package/es/upload/style.min.css +1 -1
- package/es/vxe-button/style.css +14 -0
- package/es/vxe-button/style.min.css +1 -1
- package/es/vxe-cascader/style.css +9 -9
- package/es/vxe-cascader/style.min.css +1 -1
- package/es/vxe-checkbox/style.css +11 -0
- package/es/vxe-checkbox/style.min.css +1 -1
- package/es/vxe-checkbox-button/style.css +6 -0
- package/es/vxe-checkbox-button/style.min.css +1 -1
- package/es/vxe-form/style.css +12 -0
- package/es/vxe-form/style.min.css +1 -1
- package/es/vxe-icon/style.css +6 -0
- package/es/vxe-icon/style.min.css +1 -1
- package/es/vxe-input/style.css +276 -66
- package/es/vxe-input/style.min.css +1 -1
- package/es/vxe-menu/style.css +10 -0
- package/es/vxe-menu/style.min.css +1 -1
- package/es/vxe-number-input/style.css +28 -21
- package/es/vxe-number-input/style.min.css +1 -1
- package/es/vxe-password-input/style.css +28 -399
- package/es/vxe-password-input/style.min.css +1 -1
- package/es/vxe-radio/style.css +11 -0
- package/es/vxe-radio/style.min.css +1 -1
- package/es/vxe-radio-button/style.css +6 -0
- package/es/vxe-radio-button/style.min.css +1 -1
- package/es/vxe-select/style.css +10 -0
- package/es/vxe-select/style.min.css +1 -1
- package/es/vxe-switch/style.css +36 -22
- package/es/vxe-switch/style.min.css +1 -1
- package/es/vxe-tag/style.css +20 -19
- package/es/vxe-tag/style.min.css +1 -1
- package/es/vxe-tree/style.css +4 -1
- package/es/vxe-tree/style.min.css +1 -1
- package/es/vxe-upload/style.css +10 -0
- package/es/vxe-upload/style.min.css +1 -1
- package/lib/button/style/style.css +14 -0
- package/lib/button/style/style.min.css +1 -1
- package/lib/cascader/src/cascader.js +73 -27
- package/lib/cascader/src/cascader.min.js +1 -1
- package/lib/cascader/style/style.css +9 -9
- package/lib/cascader/style/style.min.css +1 -1
- package/lib/checkbox/src/group.js +8 -4
- package/lib/checkbox/src/group.min.js +1 -1
- package/lib/checkbox/style/style.css +11 -0
- package/lib/checkbox/style/style.min.css +1 -1
- package/lib/checkbox-button/style/style.css +6 -0
- package/lib/checkbox-button/style/style.min.css +1 -1
- package/lib/date-range-picker/src/date-range-picker.js +27 -9
- package/lib/date-range-picker/src/date-range-picker.min.js +1 -1
- package/lib/form/style/style.css +12 -0
- package/lib/form/style/style.min.css +1 -1
- package/lib/icon/style/style.css +7 -1
- package/lib/icon/style/style.min.css +7 -1
- package/lib/index.umd.js +129 -50
- package/lib/index.umd.min.js +1 -1
- package/lib/input/style/style.css +276 -66
- package/lib/input/style/style.min.css +1 -1
- package/lib/menu/src/menu.js +4 -3
- package/lib/menu/src/menu.min.js +1 -1
- package/lib/menu/style/style.css +10 -0
- package/lib/menu/style/style.min.css +1 -1
- package/lib/number-input/style/style.css +28 -21
- package/lib/number-input/style/style.min.css +1 -1
- package/lib/password-input/src/password-input.js +1 -0
- package/lib/password-input/src/password-input.min.js +1 -1
- package/lib/password-input/style/style.css +28 -399
- package/lib/password-input/style/style.min.css +1 -1
- package/lib/radio/src/group.js +4 -4
- package/lib/radio/src/group.min.js +1 -1
- package/lib/radio/style/style.css +11 -0
- package/lib/radio/style/style.min.css +1 -1
- package/lib/radio-button/style/style.css +6 -0
- package/lib/radio-button/style/style.min.css +1 -1
- package/lib/select/style/style.css +10 -0
- package/lib/select/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/switch/style/style.css +36 -22
- package/lib/switch/style/style.min.css +1 -1
- package/lib/tag/style/style.css +20 -19
- package/lib/tag/style/style.min.css +1 -1
- package/lib/tree/src/tree.js +10 -2
- package/lib/tree/src/tree.min.js +1 -1
- package/lib/tree/style/style.css +4 -1
- package/lib/tree/style/style.min.css +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/upload/style/style.css +10 -0
- package/lib/upload/style/style.min.css +1 -1
- package/lib/vxe-button/style/style.css +14 -0
- package/lib/vxe-button/style/style.min.css +1 -1
- package/lib/vxe-cascader/style/style.css +9 -9
- package/lib/vxe-cascader/style/style.min.css +1 -1
- package/lib/vxe-checkbox/style/style.css +11 -0
- package/lib/vxe-checkbox/style/style.min.css +1 -1
- package/lib/vxe-checkbox-button/style/style.css +6 -0
- package/lib/vxe-checkbox-button/style/style.min.css +1 -1
- package/lib/vxe-form/style/style.css +12 -0
- package/lib/vxe-form/style/style.min.css +1 -1
- package/lib/vxe-icon/style/style.css +6 -0
- package/lib/vxe-icon/style/style.min.css +1 -1
- package/lib/vxe-input/style/style.css +276 -66
- package/lib/vxe-input/style/style.min.css +1 -1
- package/lib/vxe-menu/style/style.css +10 -0
- package/lib/vxe-menu/style/style.min.css +1 -1
- package/lib/vxe-number-input/style/style.css +28 -21
- package/lib/vxe-number-input/style/style.min.css +1 -1
- package/lib/vxe-password-input/style/style.css +28 -399
- package/lib/vxe-password-input/style/style.min.css +1 -1
- package/lib/vxe-radio/style/style.css +11 -0
- package/lib/vxe-radio/style/style.min.css +1 -1
- package/lib/vxe-radio-button/style/style.css +6 -0
- package/lib/vxe-radio-button/style/style.min.css +1 -1
- package/lib/vxe-select/style/style.css +10 -0
- package/lib/vxe-select/style/style.min.css +1 -1
- package/lib/vxe-switch/style/style.css +36 -22
- package/lib/vxe-switch/style/style.min.css +1 -1
- package/lib/vxe-tag/style/style.css +20 -19
- package/lib/vxe-tag/style/style.min.css +1 -1
- package/lib/vxe-tree/style/style.css +4 -1
- package/lib/vxe-tree/style/style.min.css +1 -1
- package/lib/vxe-upload/style/style.css +10 -0
- package/lib/vxe-upload/style/style.min.css +1 -1
- package/package.json +3 -3
- package/packages/cascader/src/cascader.ts +66 -25
- package/packages/checkbox/src/group.ts +7 -4
- package/packages/date-range-picker/src/date-range-picker.ts +23 -9
- package/packages/menu/src/menu.ts +4 -3
- package/packages/password-input/src/password-input.ts +1 -0
- package/packages/radio/src/group.ts +3 -3
- package/packages/tree/src/tree.ts +13 -2
- package/styles/components/button.scss +12 -0
- package/styles/components/cascader.scss +9 -9
- package/styles/components/checkbox-button.scss +6 -0
- package/styles/components/checkbox.scss +11 -0
- package/styles/components/form.scss +12 -0
- package/styles/components/icon.scss +6 -0
- package/styles/components/input.scss +52 -28
- package/styles/components/menu.scss +8 -0
- package/styles/components/number-input.scss +29 -23
- package/styles/components/password-input.scss +29 -173
- package/styles/components/radio-button.scss +6 -0
- package/styles/components/radio.scss +11 -0
- package/styles/components/select.scss +8 -0
- package/styles/components/switch.scss +37 -22
- package/styles/components/tag.scss +21 -21
- package/styles/components/tree.scss +3 -1
- package/styles/components/upload.scss +8 -0
- package/styles/theme/base.scss +47 -0
- package/types/components/cascader.d.ts +1 -0
- package/types/components/checkbox-group.d.ts +2 -0
- package/types/components/tree.d.ts +7 -0
- /package/es/icon/{iconfont.1783873713408.ttf → iconfont.1783939831164.ttf} +0 -0
- /package/es/icon/{iconfont.1783873713408.woff → iconfont.1783939831164.woff} +0 -0
- /package/es/icon/{iconfont.1783873713408.woff2 → iconfont.1783939831164.woff2} +0 -0
- /package/es/{iconfont.1783873713408.ttf → iconfont.1783939831164.ttf} +0 -0
- /package/es/{iconfont.1783873713408.woff → iconfont.1783939831164.woff} +0 -0
- /package/es/{iconfont.1783873713408.woff2 → iconfont.1783939831164.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1783873713408.ttf → iconfont.1783939831164.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1783873713408.woff → iconfont.1783939831164.woff} +0 -0
- /package/lib/icon/style/{iconfont.1783873713408.woff2 → iconfont.1783939831164.woff2} +0 -0
- /package/lib/{iconfont.1783873713408.ttf → iconfont.1783939831164.ttf} +0 -0
- /package/lib/{iconfont.1783873713408.woff → iconfont.1783939831164.woff} +0 -0
- /package/lib/{iconfont.1783873713408.woff2 → iconfont.1783939831164.woff2} +0 -0
package/es/button/style.css
CHANGED
|
@@ -5,6 +5,20 @@
|
|
|
5
5
|
--vxe-ui-button-current-height: var(--vxe-ui-button-height-default);
|
|
6
6
|
--vxe-ui-button-current-border-radius: var(--vxe-ui-button-round-border-radius-default);
|
|
7
7
|
}
|
|
8
|
+
.vxe-button.size--xlarge,
|
|
9
|
+
.vxe-button--dropdown.size--xlarge {
|
|
10
|
+
--vxe-ui-button-current-font-size: var(--vxe-ui-font-size-xlarge);
|
|
11
|
+
--vxe-ui-button-current-margin-left: var(--vxe-ui-base-margin-gap-xlarge);
|
|
12
|
+
--vxe-ui-button-current-height: var(--vxe-ui-button-height-xlarge);
|
|
13
|
+
--vxe-ui-button-current-border-radius: var(--vxe-ui-button-round-border-radius-xlarge);
|
|
14
|
+
}
|
|
15
|
+
.vxe-button.size--large,
|
|
16
|
+
.vxe-button--dropdown.size--large {
|
|
17
|
+
--vxe-ui-button-current-font-size: var(--vxe-ui-font-size-large);
|
|
18
|
+
--vxe-ui-button-current-margin-left: var(--vxe-ui-base-margin-gap-large);
|
|
19
|
+
--vxe-ui-button-current-height: var(--vxe-ui-button-height-large);
|
|
20
|
+
--vxe-ui-button-current-border-radius: var(--vxe-ui-button-round-border-radius-large);
|
|
21
|
+
}
|
|
8
22
|
.vxe-button.size--medium,
|
|
9
23
|
.vxe-button--dropdown.size--medium {
|
|
10
24
|
--vxe-ui-button-current-font-size: var(--vxe-ui-font-size-medium);
|
package/es/button/style.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-button,.vxe-button--dropdown{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-default);--vxe-ui-button-current-height:var(--vxe-ui-button-height-default);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button--dropdown.size--medium,.vxe-button.size--medium{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-medium);--vxe-ui-button-current-height:var(--vxe-ui-button-height-medium);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button--dropdown.size--small,.vxe-button.size--small{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-small);--vxe-ui-button-current-height:var(--vxe-ui-button-height-small);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button--dropdown.size--mini,.vxe-button.size--mini{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-mini);--vxe-ui-button-current-height:var(--vxe-ui-button-height-mini);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-button-current-font-size);max-width:var(--vxe-ui-button-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-current-border-radius)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-current-height);border-radius:50%}.vxe-button.type--button.is--shadow{box-shadow:0 0 6px rgba(0,0,0,.3)}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{height:var(--vxe-ui-button-current-height)}.vxe-button--custom-prefix-icon>svg,.vxe-button--custom-suffix-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-input--prefix-icon>.vxe-button.type--button,.vxe-input--suffix-icon>.vxe-button.type--button{height:100%}.vxe-button--item{padding:0 .1em}.vxe-button--item:first-child{padding-left:0}.vxe-button--item:last-child{padding-right:0}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-button--dropdown-panel:not(.is--transfer){min-width:100%}.vxe-button--dropdown-panel.is--transfer{position:fixed}.vxe-button--dropdown-panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-button--dropdown-panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-panel.ani--enter>div::after{display:none}.vxe-button--dropdown-panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}.vxe-button--dropdown,.vxe-button.type--button{margin-right:var(--vxe-ui-button-current-margin-left)}.vxe-button--dropdown:last-of-type,.vxe-button.type--button:last-of-type{margin-right:0}.vxe-button+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button{margin-left:var(--vxe-ui-button-current-margin-left)}
|
|
1
|
+
.vxe-button,.vxe-button--dropdown{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-default);--vxe-ui-button-current-height:var(--vxe-ui-button-height-default);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button--dropdown.size--xlarge,.vxe-button.size--xlarge{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-xlarge);--vxe-ui-button-current-height:var(--vxe-ui-button-height-xlarge);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-xlarge)}.vxe-button--dropdown.size--large,.vxe-button.size--large{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-large);--vxe-ui-button-current-height:var(--vxe-ui-button-height-large);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-large)}.vxe-button--dropdown.size--medium,.vxe-button.size--medium{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-medium);--vxe-ui-button-current-height:var(--vxe-ui-button-height-medium);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button--dropdown.size--small,.vxe-button.size--small{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-small);--vxe-ui-button-current-height:var(--vxe-ui-button-height-small);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button--dropdown.size--mini,.vxe-button.size--mini{--vxe-ui-button-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-button-current-margin-left:var(--vxe-ui-base-margin-gap-mini);--vxe-ui-button-current-height:var(--vxe-ui-button-height-mini);--vxe-ui-button-current-border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;background-color:var(--vxe-ui-layout-background-color);outline:0;font-size:var(--vxe-ui-button-current-font-size);max-width:var(--vxe-ui-button-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button.align--left{justify-content:left}.vxe-button.align--center{justify-content:center}.vxe-button.align--right{justify-content:right}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent;text-decoration:none}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success:not(.is--disabled):active{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info:not(.is--disabled):active{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):active{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):active{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-color)}.vxe-button.type--text.theme--error:not(.is--disabled):focus{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error:not(.is--disabled):hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--text.theme--error:not(.is--disabled):active{color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--text.theme--error.is--disabled{color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;line-height:1;border:1px solid var(--vxe-ui-input-border-color);text-decoration:none}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-current-border-radius)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-base-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;text-align:center;justify-content:center;min-width:var(--vxe-ui-button-current-height);border-radius:50%}.vxe-button.type--button.is--shadow{box-shadow:0 0 6px rgba(0,0,0,.3)}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--error{color:#fff}.vxe-button.type--button.theme--error:not(.is--disabled){border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--error:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button.type--button.theme--error:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-button.type--button.theme--error.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-button.type--button.theme--error.is--loading{border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{height:var(--vxe-ui-button-current-height)}.vxe-button--custom-prefix-icon>svg,.vxe-button--custom-suffix-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-input--prefix-icon>.vxe-button.type--button,.vxe-input--suffix-icon>.vxe-button.type--button{height:100%}.vxe-button--item{padding:0 .1em}.vxe-button--item:first-child{padding-left:0}.vxe-button--item:last-child{padding-right:0}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative;outline:0}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--error{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--error{color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--error{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-button--dropdown-panel:not(.is--transfer){min-width:100%}.vxe-button--dropdown-panel.is--transfer{position:fixed}.vxe-button--dropdown-panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-button--dropdown-panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-panel.ani--enter>div::after{display:none}.vxe-button--dropdown-panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}.vxe-button--dropdown,.vxe-button.type--button{margin-right:var(--vxe-ui-button-current-margin-left)}.vxe-button--dropdown:last-of-type,.vxe-button.type--button:last-of-type{margin-right:0}.vxe-button+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button{margin-left:var(--vxe-ui-button-current-margin-left)}
|
|
@@ -54,6 +54,7 @@ function createInternalData() {
|
|
|
54
54
|
selectCheckboxMaps: {},
|
|
55
55
|
treeExpandedMaps: {},
|
|
56
56
|
treeExpandLazyLoadedMaps: {}
|
|
57
|
+
// isUpdateMode: false
|
|
57
58
|
};
|
|
58
59
|
}
|
|
59
60
|
export default defineVxeComponent({
|
|
@@ -316,6 +317,20 @@ export default defineVxeComponent({
|
|
|
316
317
|
const nodeKey = node[valueField];
|
|
317
318
|
return enNodeValue(nodeKey);
|
|
318
319
|
};
|
|
320
|
+
const isPathInTree = (treeData, pathIds) => {
|
|
321
|
+
if (!pathIds || !pathIds.length) {
|
|
322
|
+
return false;
|
|
323
|
+
}
|
|
324
|
+
let currentNodes = treeData;
|
|
325
|
+
for (const nodeid of pathIds) {
|
|
326
|
+
const found = currentNodes.find(node => getNodeId(node) === nodeid);
|
|
327
|
+
if (!found) {
|
|
328
|
+
return false;
|
|
329
|
+
}
|
|
330
|
+
currentNodes = found.children || [];
|
|
331
|
+
}
|
|
332
|
+
return true;
|
|
333
|
+
};
|
|
319
334
|
const isCheckedByCheckboxNodeId = (nodeid) => {
|
|
320
335
|
const { updateCheckboxFlag } = reactData;
|
|
321
336
|
const { selectCheckboxMaps } = internalData;
|
|
@@ -514,7 +529,7 @@ export default defineVxeComponent({
|
|
|
514
529
|
if (transform) {
|
|
515
530
|
treeList = XEUtils.searchTree(treeFullData, handleSearch, {
|
|
516
531
|
original: true,
|
|
517
|
-
isEvery:
|
|
532
|
+
isEvery: false,
|
|
518
533
|
children: childrenField,
|
|
519
534
|
mapChildren: mapChildrenField
|
|
520
535
|
});
|
|
@@ -534,7 +549,7 @@ export default defineVxeComponent({
|
|
|
534
549
|
if (transform) {
|
|
535
550
|
treeList = XEUtils.searchTree(treeFullData, () => true, {
|
|
536
551
|
original: true,
|
|
537
|
-
isEvery:
|
|
552
|
+
isEvery: false,
|
|
538
553
|
children: childrenField,
|
|
539
554
|
mapChildren: mapChildrenField
|
|
540
555
|
});
|
|
@@ -627,17 +642,26 @@ export default defineVxeComponent({
|
|
|
627
642
|
}
|
|
628
643
|
const triggerSearchEvent = XEUtils.debounce(() => {
|
|
629
644
|
handleData(true);
|
|
630
|
-
|
|
645
|
+
updateCheckboxStatus();
|
|
646
|
+
const { currentItems } = reactData;
|
|
647
|
+
const { afterTreeList } = internalData;
|
|
631
648
|
const filterOpts = computeFilterOpts.value;
|
|
632
649
|
const { autoExpandMode } = filterOpts;
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
650
|
+
// 如果当前不在列表情况下,触发默认行为
|
|
651
|
+
if (!isPathInTree(afterTreeList, currentItems)) {
|
|
652
|
+
// 默认展开
|
|
653
|
+
if (autoExpandMode === 'first' || autoExpandMode === 'last') {
|
|
654
|
+
const stItems = handleHasChildNodeIds(afterTreeList, autoExpandMode);
|
|
655
|
+
const expandedMaps = {};
|
|
656
|
+
stItems.forEach(nodeid => {
|
|
657
|
+
expandedMaps[nodeid] = true;
|
|
658
|
+
});
|
|
659
|
+
internalData.treeExpandedMaps = expandedMaps;
|
|
660
|
+
reactData.currentItems = stItems;
|
|
661
|
+
}
|
|
662
|
+
else {
|
|
663
|
+
handleCurrentItems();
|
|
664
|
+
}
|
|
641
665
|
}
|
|
642
666
|
updateCurrentChunk();
|
|
643
667
|
}, 350, { trailing: true });
|
|
@@ -781,6 +805,7 @@ export default defineVxeComponent({
|
|
|
781
805
|
};
|
|
782
806
|
const setCurrentNode = (node) => {
|
|
783
807
|
reactData.currentNode = node;
|
|
808
|
+
updateCurrentChunk();
|
|
784
809
|
return nextTick();
|
|
785
810
|
};
|
|
786
811
|
const setAllCheckboxNode = (checked) => {
|
|
@@ -819,6 +844,7 @@ export default defineVxeComponent({
|
|
|
819
844
|
};
|
|
820
845
|
const changeEvent = (evnt, selectValue, node) => {
|
|
821
846
|
const value = XEUtils.isArray(selectValue) ? selectValue.map(deNodeValue) : deNodeValue(selectValue);
|
|
847
|
+
internalData.isUpdateMode = true;
|
|
822
848
|
emitModel(value);
|
|
823
849
|
if (value !== props.modelValue) {
|
|
824
850
|
dispatchEvent('change', { value, node, option: node }, evnt);
|
|
@@ -929,9 +955,10 @@ export default defineVxeComponent({
|
|
|
929
955
|
reactData.currentNode = node;
|
|
930
956
|
dispatchEvent('current-change', { node, checked: isChecked }, evnt);
|
|
931
957
|
};
|
|
932
|
-
const changeRadioEvent = (evnt, node) => {
|
|
958
|
+
const changeRadioEvent = (evnt, node, chunks, chunkIndex) => {
|
|
933
959
|
evnt.preventDefault();
|
|
934
960
|
evnt.stopPropagation();
|
|
961
|
+
const { currentItems } = reactData;
|
|
935
962
|
const { nodeMaps } = internalData;
|
|
936
963
|
const radioOpts = computeRadioOpts.value;
|
|
937
964
|
const childrenField = computeChildrenField.value;
|
|
@@ -951,6 +978,10 @@ export default defineVxeComponent({
|
|
|
951
978
|
const value = nodeid;
|
|
952
979
|
reactData.selectRadioKey = value;
|
|
953
980
|
changeEvent(evnt, value, node);
|
|
981
|
+
if (!currentItems.includes(nodeid)) {
|
|
982
|
+
changeCurrentEvent(evnt, node);
|
|
983
|
+
toggleExpandEvent(evnt, node, chunks, chunkIndex);
|
|
984
|
+
}
|
|
954
985
|
hideOptionPanel(evnt);
|
|
955
986
|
};
|
|
956
987
|
const handleAsyncTreeExpandChilds = (node) => {
|
|
@@ -1084,7 +1115,6 @@ export default defineVxeComponent({
|
|
|
1084
1115
|
handleBaseTreeExpand([node], expanded);
|
|
1085
1116
|
}
|
|
1086
1117
|
setCurrentNode(node);
|
|
1087
|
-
updateCurrentChunk();
|
|
1088
1118
|
dispatchEvent('node-expand', { node, expanded }, evnt);
|
|
1089
1119
|
};
|
|
1090
1120
|
const updateCheckboxStatus = () => {
|
|
@@ -1193,9 +1223,11 @@ export default defineVxeComponent({
|
|
|
1193
1223
|
reactData.updateCheckboxFlag++;
|
|
1194
1224
|
}
|
|
1195
1225
|
};
|
|
1196
|
-
const changeCheckboxEvent = (evnt, node) => {
|
|
1226
|
+
const changeCheckboxEvent = (evnt, node, chunks, chunkIndex) => {
|
|
1197
1227
|
evnt.preventDefault();
|
|
1198
1228
|
evnt.stopPropagation();
|
|
1229
|
+
// const { filterable } = props
|
|
1230
|
+
const { currentItems } = reactData;
|
|
1199
1231
|
const { selectCheckboxMaps, nodeMaps } = internalData;
|
|
1200
1232
|
const childrenField = computeChildrenField.value;
|
|
1201
1233
|
const mapChildrenField = computeMapChildrenField.value;
|
|
@@ -1221,11 +1253,11 @@ export default defineVxeComponent({
|
|
|
1221
1253
|
selectCheckboxMaps[nodeid] = node;
|
|
1222
1254
|
}
|
|
1223
1255
|
if (!checkStrictly) {
|
|
1224
|
-
XEUtils.eachTree(
|
|
1256
|
+
XEUtils.eachTree(childList, (childNode) => {
|
|
1225
1257
|
const childNodeid = getNodeId(childNode);
|
|
1226
1258
|
if (isChecked) {
|
|
1227
1259
|
if (!selectCheckboxMaps[childNodeid]) {
|
|
1228
|
-
selectCheckboxMaps[childNodeid] =
|
|
1260
|
+
selectCheckboxMaps[childNodeid] = childNode;
|
|
1229
1261
|
}
|
|
1230
1262
|
}
|
|
1231
1263
|
else {
|
|
@@ -1235,11 +1267,16 @@ export default defineVxeComponent({
|
|
|
1235
1267
|
}
|
|
1236
1268
|
}, { children: transform ? mapChildrenField : childrenField });
|
|
1237
1269
|
}
|
|
1270
|
+
selectCheckboxMaps[nodeid] = node;
|
|
1238
1271
|
reactData.updateCheckboxFlag++;
|
|
1239
1272
|
updateCheckboxStatus();
|
|
1240
1273
|
const nodeids = XEUtils.keys(selectCheckboxMaps);
|
|
1241
1274
|
const value = nodeids;
|
|
1242
1275
|
changeEvent(evnt, value, node);
|
|
1276
|
+
if (!currentItems.includes(nodeid)) {
|
|
1277
|
+
changeCurrentEvent(evnt, node);
|
|
1278
|
+
toggleExpandEvent(evnt, node, chunks, chunkIndex);
|
|
1279
|
+
}
|
|
1243
1280
|
};
|
|
1244
1281
|
const handleNodeClickEvent = (evnt, node, chunks, chunkIndex) => {
|
|
1245
1282
|
const { multiple, showCheckbox, showRadio } = props;
|
|
@@ -1263,13 +1300,13 @@ export default defineVxeComponent({
|
|
|
1263
1300
|
if (multiple) {
|
|
1264
1301
|
if (checkboxOpts.trigger === 'node' || (!showCheckbox && (!childList || !childList.length))) {
|
|
1265
1302
|
triggerCheckbox = true;
|
|
1266
|
-
changeCheckboxEvent(evnt, node);
|
|
1303
|
+
changeCheckboxEvent(evnt, node, chunks, chunkIndex);
|
|
1267
1304
|
}
|
|
1268
1305
|
}
|
|
1269
1306
|
else {
|
|
1270
1307
|
if (radioOpts.trigger === 'node' || (!showRadio && (!childList || !childList.length))) {
|
|
1271
1308
|
triggerRadio = true;
|
|
1272
|
-
changeRadioEvent(evnt, node);
|
|
1309
|
+
changeRadioEvent(evnt, node, chunks, chunkIndex);
|
|
1273
1310
|
}
|
|
1274
1311
|
}
|
|
1275
1312
|
dispatchEvent('node-click', { node, triggerCurrent, triggerRadio, triggerCheckbox, triggerExpand }, evnt);
|
|
@@ -1394,7 +1431,7 @@ export default defineVxeComponent({
|
|
|
1394
1431
|
}
|
|
1395
1432
|
return true;
|
|
1396
1433
|
};
|
|
1397
|
-
const renderRadio = (node, isExistChild, nLevel, isChecked) => {
|
|
1434
|
+
const renderRadio = (node, isExistChild, nLevel, isChecked, chunks, chunkIndex) => {
|
|
1398
1435
|
const { showRadio } = props;
|
|
1399
1436
|
const radioOpts = computeRadioOpts.value;
|
|
1400
1437
|
const { checkMode, checkMethod, visibleMode, visibleMethod } = radioOpts;
|
|
@@ -1408,7 +1445,7 @@ export default defineVxeComponent({
|
|
|
1408
1445
|
}],
|
|
1409
1446
|
onClick: (evnt) => {
|
|
1410
1447
|
if (!isDisabled) {
|
|
1411
|
-
changeRadioEvent(evnt, node);
|
|
1448
|
+
changeRadioEvent(evnt, node, chunks, chunkIndex);
|
|
1412
1449
|
}
|
|
1413
1450
|
}
|
|
1414
1451
|
}, [
|
|
@@ -1419,7 +1456,7 @@ export default defineVxeComponent({
|
|
|
1419
1456
|
}
|
|
1420
1457
|
return renderEmptyElement($xeCascader);
|
|
1421
1458
|
};
|
|
1422
|
-
const renderCheckbox = (node, isExistChild, nLevel, isChecked, isIndeterminate) => {
|
|
1459
|
+
const renderCheckbox = (node, isExistChild, nLevel, isChecked, isIndeterminate, chunks, chunkIndex) => {
|
|
1423
1460
|
const { showCheckbox } = props;
|
|
1424
1461
|
const checkboxOpts = computeCheckboxOpts.value;
|
|
1425
1462
|
const { checkMode, checkMethod, visibleMode, visibleMethod } = checkboxOpts;
|
|
@@ -1434,7 +1471,7 @@ export default defineVxeComponent({
|
|
|
1434
1471
|
}],
|
|
1435
1472
|
onClick: (evnt) => {
|
|
1436
1473
|
if (!isDisabled) {
|
|
1437
|
-
changeCheckboxEvent(evnt, node);
|
|
1474
|
+
changeCheckboxEvent(evnt, node, chunks, chunkIndex);
|
|
1438
1475
|
}
|
|
1439
1476
|
}
|
|
1440
1477
|
}, [
|
|
@@ -1502,7 +1539,7 @@ export default defineVxeComponent({
|
|
|
1502
1539
|
handleNodeClickEvent(evnt, node, chunks, chunkIndex);
|
|
1503
1540
|
}
|
|
1504
1541
|
}, [
|
|
1505
|
-
multiple ? renderCheckbox(node, isExistChild, nLevel, isCheckboxChecked, isIndeterminate) : renderRadio(node, isExistChild, nLevel, isRadioChecked),
|
|
1542
|
+
multiple ? renderCheckbox(node, isExistChild, nLevel, isCheckboxChecked, isIndeterminate, chunks, chunkIndex) : renderRadio(node, isExistChild, nLevel, isRadioChecked, chunks, chunkIndex),
|
|
1506
1543
|
h('div', {
|
|
1507
1544
|
class: 'vxe-cascader-chunk--node-item-inner'
|
|
1508
1545
|
}, [
|
|
@@ -1723,9 +1760,12 @@ export default defineVxeComponent({
|
|
|
1723
1760
|
]);
|
|
1724
1761
|
};
|
|
1725
1762
|
watch(() => props.modelValue, () => {
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1763
|
+
if (!internalData.isUpdateMode) {
|
|
1764
|
+
updateModelChecked();
|
|
1765
|
+
handleCurrentItems();
|
|
1766
|
+
updateCurrentChunk();
|
|
1767
|
+
}
|
|
1768
|
+
internalData.isUpdateMode = false;
|
|
1729
1769
|
});
|
|
1730
1770
|
watch(() => props.options, () => {
|
|
1731
1771
|
cacheNodeMap();
|
package/es/cascader/style.css
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
.vxe-cascader,
|
|
2
2
|
.vxe-cascader--panel {
|
|
3
3
|
--vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-default);
|
|
4
|
-
--vxe-ui-cascader-current-
|
|
4
|
+
--vxe-ui-cascader-current-padding: var(--vxe-ui-layout-padding-default);
|
|
5
5
|
}
|
|
6
6
|
.vxe-cascader.size--medium,
|
|
7
7
|
.vxe-cascader--panel.size--medium {
|
|
8
8
|
--vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-medium);
|
|
9
|
-
--vxe-ui-cascader-current-
|
|
9
|
+
--vxe-ui-cascader-current-padding: var(--vxe-ui-layout-padding-medium);
|
|
10
10
|
}
|
|
11
11
|
.vxe-cascader.size--small,
|
|
12
12
|
.vxe-cascader--panel.size--small {
|
|
13
13
|
--vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-small);
|
|
14
|
-
--vxe-ui-cascader-current-
|
|
14
|
+
--vxe-ui-cascader-current-padding: var(--vxe-ui-layout-padding-small);
|
|
15
15
|
}
|
|
16
16
|
.vxe-cascader.size--mini,
|
|
17
17
|
.vxe-cascader--panel.size--mini {
|
|
18
18
|
--vxe-ui-cascader-current-font-size: var(--vxe-ui-font-size-mini);
|
|
19
|
-
--vxe-ui-cascader-current-
|
|
19
|
+
--vxe-ui-cascader-current-padding: var(--vxe-ui-layout-padding-mini);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.vxe-cascader {
|
|
@@ -108,8 +108,8 @@
|
|
|
108
108
|
|
|
109
109
|
.vxe-cascader--panel-search {
|
|
110
110
|
display: block;
|
|
111
|
-
padding: var(--vxe-ui-cascader-current-
|
|
112
|
-
width:
|
|
111
|
+
padding: var(--vxe-ui-cascader-current-padding);
|
|
112
|
+
width: 100%;
|
|
113
113
|
}
|
|
114
114
|
.vxe-cascader--panel-search .vxe-cascader-search--input {
|
|
115
115
|
width: 100%;
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
.vxe-cascader--total-btns {
|
|
128
|
-
padding-left: var(--vxe-ui-cascader-current-
|
|
128
|
+
padding-left: var(--vxe-ui-cascader-current-padding);
|
|
129
129
|
flex-grow: 1;
|
|
130
130
|
}
|
|
131
131
|
|
|
@@ -272,7 +272,7 @@
|
|
|
272
272
|
.vxe-cascader-chunk--item-wrapper {
|
|
273
273
|
flex-shrink: 0;
|
|
274
274
|
border-left: 1px solid var(--vxe-ui-base-popup-border-color);
|
|
275
|
-
padding: var(--vxe-ui-cascader-current-
|
|
275
|
+
padding: var(--vxe-ui-cascader-current-padding) 0;
|
|
276
276
|
}
|
|
277
277
|
.vxe-cascader-chunk--item-wrapper:first-child {
|
|
278
278
|
border-left: 0;
|
|
@@ -295,7 +295,7 @@
|
|
|
295
295
|
flex-direction: row;
|
|
296
296
|
height: var(--vxe-ui-cascader-node-height);
|
|
297
297
|
line-height: var(--vxe-ui-cascader-node-height);
|
|
298
|
-
padding: 0 calc(var(--vxe-ui-cascader-current-
|
|
298
|
+
padding: 0 calc(var(--vxe-ui-cascader-current-padding) + 18px) 0 var(--vxe-ui-cascader-current-padding);
|
|
299
299
|
cursor: pointer;
|
|
300
300
|
}
|
|
301
301
|
.vxe-cascader-chunk--node-item:hover {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-cascader,.vxe-cascader--panel{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-cascader-current-
|
|
1
|
+
.vxe-cascader,.vxe-cascader--panel{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-default)}.vxe-cascader--panel.size--medium,.vxe-cascader.size--medium{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-medium)}.vxe-cascader--panel.size--small,.vxe-cascader.size--small{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-small)}.vxe-cascader--panel.size--mini,.vxe-cascader.size--mini{--vxe-ui-cascader-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-cascader-current-padding:var(--vxe-ui-layout-padding-mini)}.vxe-cascader{position:relative;display:inline-block;width:180px;font-size:var(--vxe-ui-cascader-current-font-size);color:var(--vxe-ui-font-color);text-align:left;--vxe-ui-cascader-chunk-size:1}.vxe-cascader>.vxe-input .vxe-input--inner{cursor:pointer}.vxe-cascader.is--filterable .vxe-cascader-chunk--wrapper{padding-top:0}.vxe-cascader.is--filterable .vxe-cascader--panel-header{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader.is--disabled>.vxe-input .vxe-input--inner{cursor:no-drop}.vxe-cascader.is--loading>.vxe-input .vxe-input--inner{cursor:progress}.vxe-cascader>.vxe-input{width:100%}.vxe-cascader>.vxe-input .vxe-input--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-cascader.is--active:not(.is--filter)>.vxe-input{border-color:var(--vxe-ui-font-primary-color)}.vxe-cascader--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-cascader--panel{font-size:var(--vxe-ui-cascader-current-font-size);pointer-events:none;display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-cascader--panel:not(.is--transfer){min-width:var(--vxe-ui-cascader-node-width)}.vxe-cascader--panel.is--transfer{position:fixed}.vxe-cascader--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-cascader--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-cascader--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-cascader--panel.ani--enter>div::after{display:none}.vxe-cascader--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--panel-search{display:block;padding:var(--vxe-ui-cascader-current-padding);width:100%}.vxe-cascader--panel-search .vxe-cascader-search--input{width:100%}.vxe-cascader--footer-button,.vxe-cascader--header-button{display:flex;flex-direction:row;white-space:nowrap;align-items:center;min-height:2em}.vxe-cascader--total-btns{padding-left:var(--vxe-ui-cascader-current-padding);flex-grow:1}.vxe-cascader--oper-btns,.vxe-cascader--total-btns{display:flex;flex-direction:row;align-items:center}.vxe-cascader--oper-btns{flex-shrink:0}.vxe-cascader--expand-btns,.vxe-cascader--footer-button,.vxe-cascader--selected-btns{display:flex;flex-direction:row;flex-grow:1}.vxe-cascader--selected-btns+.vxe-cascader--expand-btns{padding-left:2.2em}.vxe-cascader--panel-wrapper{display:flex;flex-direction:column;position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color);pointer-events:auto}.vxe-cascader--panel-header{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-cascader--panel-footer,.vxe-cascader--panel-header{padding:4px 0}.vxe-cascader--checkbox-option{padding-right:.4em}.vxe-cascader--checkbox-option{cursor:pointer}.vxe-cascader--checkbox-option .vxe-checkbox--icon{font-size:1.22em}.vxe-cascader--checkbox-option .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--checkbox-option.is--checked,.vxe-cascader--checkbox-option.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-cascader--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--checkbox-option.is--hidden{cursor:default}.vxe-cascader--checkbox-option.is--readonly{cursor:auto}.vxe-cascader--checkbox-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--checkbox-option .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-cascader--radio-option{padding-right:.4em}.vxe-cascader--radio-option{cursor:pointer}.vxe-cascader--radio-option .vxe-radio--icon{font-size:1.26em}.vxe-cascader--radio-option .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-cascader--radio-option.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-cascader--radio-option.is--readonly{cursor:auto}.vxe-cascader--radio-option.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-cascader--radio-option.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-cascader--radio-option .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-cascader-chunk--wrapper{position:relative;display:flex;flex-direction:row;outline:0}.vxe-cascader-chunk--item-wrapper{flex-shrink:0;border-left:1px solid var(--vxe-ui-base-popup-border-color);padding:var(--vxe-ui-cascader-current-padding) 0}.vxe-cascader-chunk--item-wrapper:first-child{border-left:0}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper{height:var(--vxe-ui-cascader-chunk-height);width:var(--vxe-ui-cascader-node-width);overflow-x:hidden;overflow-y:hidden}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--virtual-wrapper:hover{overflow-y:auto}.vxe-cascader-chunk--item-wrapper .vxe-list .vxe-list--body{width:var(--vxe-ui-cascader-node-width)}.vxe-cascader-chunk--node-item{display:flex;flex-direction:row;height:var(--vxe-ui-cascader-node-height);line-height:var(--vxe-ui-cascader-node-height);padding:0 calc(var(--vxe-ui-cascader-current-padding) + 18px) 0 var(--vxe-ui-cascader-current-padding);cursor:pointer}.vxe-cascader-chunk--node-item:hover{background-color:var(--vxe-ui-cascader-node-hover-background-color)}.vxe-cascader-chunk--node-item.is--current,.vxe-cascader-chunk--node-item.is--expand{font-weight:700}.vxe-cascader-chunk--node-item.is--current{background-color:var(--vxe-ui-cascader-node-current-background-color)}.vxe-cascader-chunk--node-item.is-checkbox--indeterminate{color:var(--vxe-ui-cascader-node-checkbox-indeterminate-color)}.vxe-cascader-chunk--node-item.is-checkbox--checked,.vxe-cascader-chunk--node-item.is-radio--checked{color:var(--vxe-ui-cascader-node-checkbox-checked-color)}.vxe-cascader-chunk--node-item-inner{display:flex;flex-direction:row;overflow:hidden;flex-grow:1}.vxe-cascader-chunk--node-item-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-cascader-chunk--node-item-switcher{-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;width:1em;position:relative}.vxe-cascader-chunk--node-item-switcher .vxe-cascader--node-item-icon>i{display:inline-block;transition:transform .2s ease-in-out}
|
package/es/checkbox/src/group.js
CHANGED
|
@@ -2,7 +2,8 @@ import { h, provide, computed, inject, reactive, onUnmounted, watch, onMounted,
|
|
|
2
2
|
import { defineVxeComponent } from '../../ui/src/comp';
|
|
3
3
|
import { getConfig, createEvent, useSize } from '../../ui';
|
|
4
4
|
import XEUtils from 'xe-utils';
|
|
5
|
-
import VxeCheckboxComponent from '
|
|
5
|
+
import VxeCheckboxComponent from '../../checkbox';
|
|
6
|
+
import VxeCheckboxButtonComponent from '../../checkbox-button';
|
|
6
7
|
function createReactData() {
|
|
7
8
|
return {};
|
|
8
9
|
}
|
|
@@ -21,6 +22,7 @@ export default defineVxeComponent({
|
|
|
21
22
|
type: Boolean,
|
|
22
23
|
default: null
|
|
23
24
|
},
|
|
25
|
+
type: String,
|
|
24
26
|
disabled: {
|
|
25
27
|
type: Boolean,
|
|
26
28
|
default: null
|
|
@@ -180,7 +182,7 @@ export default defineVxeComponent({
|
|
|
180
182
|
};
|
|
181
183
|
Object.assign($xeCheckboxGroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
|
|
182
184
|
const renderVN = () => {
|
|
183
|
-
const { status, options } = props;
|
|
185
|
+
const { status, options, type } = props;
|
|
184
186
|
const defaultSlot = slots.default;
|
|
185
187
|
const valueField = computeValueField.value;
|
|
186
188
|
const labelField = computeLabelField.value;
|
|
@@ -189,8 +191,9 @@ export default defineVxeComponent({
|
|
|
189
191
|
const titleField = computeTitleField.value;
|
|
190
192
|
const isReadonly = computeIsReadonly.value;
|
|
191
193
|
const isDisabled = computeIsDisabled.value;
|
|
194
|
+
const btnComp = type === 'button' ? VxeCheckboxButtonComponent : VxeCheckboxComponent;
|
|
192
195
|
return h('div', {
|
|
193
|
-
class: ['vxe-checkbox-group', {
|
|
196
|
+
class: ['vxe-checkbox-group', `type--${type === 'button' ? type : ''}`, {
|
|
194
197
|
[`theme--${status}`]: status,
|
|
195
198
|
'is--readonly': isReadonly,
|
|
196
199
|
'is--disabled': isDisabled
|
|
@@ -199,7 +202,7 @@ export default defineVxeComponent({
|
|
|
199
202
|
? defaultSlot({})
|
|
200
203
|
: (options
|
|
201
204
|
? options.map(item => {
|
|
202
|
-
return h(
|
|
205
|
+
return h(btnComp, {
|
|
203
206
|
key: item[valueField],
|
|
204
207
|
checkedValue: item[valueField],
|
|
205
208
|
content: item[labelField],
|
package/es/checkbox/style.css
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
--vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-default);
|
|
3
3
|
--vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-default);
|
|
4
4
|
}
|
|
5
|
+
.vxe-checkbox.size--xlarge {
|
|
6
|
+
--vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-xlarge);
|
|
7
|
+
--vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-xlarge);
|
|
8
|
+
}
|
|
9
|
+
.vxe-checkbox.size--large {
|
|
10
|
+
--vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-large);
|
|
11
|
+
--vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-large);
|
|
12
|
+
}
|
|
5
13
|
.vxe-checkbox.size--medium {
|
|
6
14
|
--vxe-ui-checkbox-current-font-size: var(--vxe-ui-font-size-medium);
|
|
7
15
|
--vxe-ui-checkbox-current-margin-right: var(--vxe-ui-base-margin-gap-medium);
|
|
@@ -21,6 +29,9 @@
|
|
|
21
29
|
vertical-align: middle;
|
|
22
30
|
line-height: 1;
|
|
23
31
|
}
|
|
32
|
+
.vxe-checkbox-group.type--button {
|
|
33
|
+
border-radius: var(--vxe-ui-base-border-radius);
|
|
34
|
+
}
|
|
24
35
|
|
|
25
36
|
.vxe-checkbox-slots {
|
|
26
37
|
display: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-checkbox{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox.size--medium{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox.size--small{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox.size--mini{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox-group{display:inline-flex;vertical-align:middle;line-height:1}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-flex;flex-direction:row;align-items:center;vertical-align:middle;white-space:nowrap;line-height:1;font-size:var(--vxe-ui-checkbox-current-font-size)}.vxe-checkbox{cursor:pointer}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--readonly{cursor:auto}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox .vxe-checkbox--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-checkbox-current-margin-right)}.vxe-checkbox--default:last-of-type,.vxe-checkbox-group:last-of-type{margin-right:0}
|
|
1
|
+
.vxe-checkbox{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox.size--xlarge{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-xlarge)}.vxe-checkbox.size--large{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-large)}.vxe-checkbox.size--medium{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox.size--small{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox.size--mini{--vxe-ui-checkbox-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-checkbox-current-margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox-group{display:inline-flex;vertical-align:middle;line-height:1}.vxe-checkbox-group.type--button{border-radius:var(--vxe-ui-base-border-radius)}.vxe-checkbox-slots{display:none}.vxe-checkbox--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-checkbox{display:inline-flex;flex-direction:row;align-items:center;vertical-align:middle;white-space:nowrap;line-height:1;font-size:var(--vxe-ui-checkbox-current-font-size)}.vxe-checkbox{cursor:pointer}.vxe-checkbox .vxe-checkbox--icon{font-size:1.22em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--readonly{cursor:auto}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.4em;vertical-align:middle}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox .vxe-checkbox--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--default,.vxe-checkbox-group{margin-right:var(--vxe-ui-checkbox-current-margin-right)}.vxe-checkbox--default:last-of-type,.vxe-checkbox-group:last-of-type{margin-right:0}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
.vxe-checkbox--button {
|
|
2
2
|
--vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-default);
|
|
3
3
|
}
|
|
4
|
+
.vxe-checkbox--button.size--xlarge {
|
|
5
|
+
--vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-xlarge);
|
|
6
|
+
}
|
|
7
|
+
.vxe-checkbox--button.size--large {
|
|
8
|
+
--vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-large);
|
|
9
|
+
}
|
|
4
10
|
.vxe-checkbox--button.size--medium {
|
|
5
11
|
--vxe-ui-checkbox--button-current-margin-left: var(--vxe-ui-base-margin-gap-medium);
|
|
6
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-checkbox--button{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--button.size--medium{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--button.size--small{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--button.size--mini{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--button:first-child .vxe-checkbox--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-checkbox--button:last-child .vxe-checkbox--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-checkbox--button .vxe-checkbox--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox--button-icon+.vxe-checkbox--button-content{margin-left:var(--vxe-ui-checkbox--button-current-margin-left)}.vxe-checkbox--button.size--medium .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-checkbox--button.size--small .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-checkbox--button.size--mini .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}
|
|
1
|
+
.vxe-checkbox--button{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-default)}.vxe-checkbox--button.size--xlarge{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-xlarge)}.vxe-checkbox--button.size--large{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-large)}.vxe-checkbox--button.size--medium{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-medium)}.vxe-checkbox--button.size--small{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-small)}.vxe-checkbox--button.size--mini{--vxe-ui-checkbox--button-current-margin-left:var(--vxe-ui-base-margin-gap-mini)}.vxe-checkbox--button:first-child .vxe-checkbox--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-checkbox--button:last-child .vxe-checkbox--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-checkbox--button .vxe-checkbox--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-checkbox-group.theme--primary .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-checkbox-group.theme--success .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-checkbox-group.theme--info .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-checkbox-group.theme--warning .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-checkbox-group.theme--danger .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-checkbox-group.theme--error .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox-group.theme--perfect .vxe-checkbox--button>input:checked+.vxe-checkbox--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-checkbox--button-icon+.vxe-checkbox--button-content{margin-left:var(--vxe-ui-checkbox--button-current-margin-left)}.vxe-checkbox--button.size--medium .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-checkbox--button.size--small .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-checkbox--button.size--mini .vxe-checkbox--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}
|