@varlet/ui 2.20.5 → 3.0.0-alpha.1704352780759
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/es/back-top/BackTop.mjs +0 -1
- package/es/back-top/backTop.css +1 -1
- package/es/badge/badge.css +1 -1
- package/es/bottom-navigation/BottomNavigation.mjs +1 -1
- package/es/bottom-navigation/bottomNavigation.css +1 -1
- package/es/button/button.css +1 -1
- package/es/card/Card.mjs +2 -1
- package/es/card/card.css +1 -1
- package/es/cell/cell.css +1 -1
- package/es/chip/Chip.mjs +1 -1
- package/es/chip/chip.css +1 -1
- package/es/chip/props.mjs +0 -2
- package/es/date-picker/DatePicker.mjs +1 -1
- package/es/date-picker/date-picker.css +1 -1
- package/es/date-picker/props.mjs +0 -2
- package/es/date-picker/src/panel-header.mjs +8 -6
- package/es/fab/Fab.mjs +1 -2
- package/es/fab/fab.css +1 -1
- package/es/field-decorator/FieldDecorator.mjs +9 -8
- package/es/hover-overlay/hoverOverlay.css +1 -1
- package/es/icon/icon.css +1 -1
- package/es/image-preview/ImagePreview.mjs +2 -10
- package/es/image-preview/props.mjs +0 -2
- package/es/index-bar/IndexBar.mjs +1 -1
- package/es/index-bar/props.mjs +0 -2
- package/es/index.bundle.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/input/Input.mjs +3 -0
- package/es/loading-bar/index.mjs +0 -5
- package/es/progress/Progress.mjs +1 -1
- package/es/progress/progress.css +1 -1
- package/es/progress/props.mjs +0 -1
- package/es/select/Select.mjs +3 -0
- package/es/snackbar/core.mjs +4 -3
- package/es/step/step.css +1 -1
- package/es/style.css +1 -1
- package/es/switch/Switch.mjs +1 -1
- package/es/themes/dark/badge.mjs +2 -1
- package/es/themes/dark/bottomNavigationItem.mjs +2 -1
- package/es/themes/dark/datePicker.mjs +1 -1
- package/es/themes/dark/timePicker.mjs +2 -1
- package/es/themes/index.mjs +3 -1
- package/es/themes/md3-dark/actionSheet.mjs +9 -0
- package/es/themes/md3-dark/appBar.mjs +7 -0
- package/es/themes/md3-dark/avatar.mjs +7 -0
- package/es/themes/md3-dark/backTop.mjs +6 -0
- package/es/themes/md3-dark/badge.mjs +12 -0
- package/es/themes/md3-dark/bottomNavigation.mjs +7 -0
- package/es/themes/md3-dark/bottomNavigationItem.mjs +8 -0
- package/es/themes/md3-dark/breadcrumb.mjs +6 -0
- package/es/themes/md3-dark/button.mjs +13 -0
- package/es/themes/md3-dark/card.mjs +28 -0
- package/es/themes/md3-dark/cell.mjs +7 -0
- package/es/themes/md3-dark/checkbox.mjs +7 -0
- package/es/themes/md3-dark/chip.mjs +18 -0
- package/es/themes/md3-dark/collapse.mjs +8 -0
- package/es/themes/md3-dark/countdown.mjs +6 -0
- package/es/themes/md3-dark/counter.mjs +7 -0
- package/es/themes/md3-dark/datePicker.mjs +19 -0
- package/es/themes/md3-dark/dialog.mjs +15 -0
- package/es/themes/md3-dark/divider.mjs +7 -0
- package/es/themes/md3-dark/fab.mjs +8 -0
- package/es/themes/md3-dark/fieldDecorator.mjs +7 -0
- package/es/themes/md3-dark/floatingPanel.mjs +10 -0
- package/es/themes/md3-dark/hoverOverlay.mjs +6 -0
- package/es/themes/md3-dark/index.d.ts +5 -0
- package/es/themes/md3-dark/index.mjs +79 -0
- package/es/themes/md3-dark/link.mjs +6 -0
- package/es/themes/md3-dark/menu.mjs +7 -0
- package/es/themes/md3-dark/menuOption.mjs +6 -0
- package/es/themes/md3-dark/menuSelect.mjs +7 -0
- package/es/themes/md3-dark/option.mjs +6 -0
- package/es/themes/md3-dark/pagination.mjs +11 -0
- package/es/themes/md3-dark/paper.mjs +6 -0
- package/es/themes/md3-dark/picker.mjs +11 -0
- package/es/themes/md3-dark/popup.mjs +6 -0
- package/es/themes/md3-dark/progress.mjs +6 -0
- package/es/themes/md3-dark/pullRefresh.mjs +6 -0
- package/es/themes/md3-dark/radio.mjs +7 -0
- package/es/themes/md3-dark/result.mjs +16 -0
- package/es/themes/md3-dark/select.mjs +7 -0
- package/es/themes/md3-dark/slider.mjs +11 -0
- package/es/themes/md3-dark/snackbar.mjs +7 -0
- package/es/themes/md3-dark/steps.mjs +9 -0
- package/es/themes/md3-dark/switch.mjs +6 -0
- package/es/themes/md3-dark/tab.mjs +6 -0
- package/es/themes/md3-dark/table.mjs +12 -0
- package/es/themes/md3-dark/tabs.mjs +6 -0
- package/es/themes/md3-dark/timePicker.mjs +17 -0
- package/es/themes/md3-dark/tooltip.mjs +13 -0
- package/es/themes/md3-dark/uploader.mjs +11 -0
- package/es/themes/md3-dark/watermark.mjs +6 -0
- package/es/themes/md3-light/actionSheet.mjs +9 -0
- package/es/themes/md3-light/avatar.mjs +7 -0
- package/es/themes/md3-light/backTop.mjs +6 -0
- package/es/themes/md3-light/badge.mjs +10 -0
- package/es/themes/md3-light/bottomNavigation.mjs +8 -0
- package/es/themes/md3-light/bottomNavigationItem.mjs +7 -0
- package/es/themes/md3-light/breadcrumb.mjs +6 -0
- package/es/themes/md3-light/button.mjs +8 -0
- package/es/themes/md3-light/card.mjs +27 -0
- package/es/themes/md3-light/cell.mjs +7 -0
- package/es/themes/md3-light/checkbox.mjs +7 -0
- package/es/themes/md3-light/chip.mjs +18 -0
- package/es/themes/md3-light/collapse.mjs +8 -0
- package/es/themes/md3-light/countdown.mjs +6 -0
- package/es/themes/md3-light/datePicker.mjs +19 -0
- package/es/themes/md3-light/dialog.mjs +15 -0
- package/es/themes/md3-light/divider.mjs +6 -0
- package/es/themes/md3-light/fab.mjs +8 -0
- package/es/themes/md3-light/fieldDecorator.mjs +7 -0
- package/es/themes/md3-light/floatingPanel.mjs +10 -0
- package/es/themes/md3-light/hoverOverlay.mjs +6 -0
- package/es/themes/md3-light/index.d.ts +5 -0
- package/es/themes/md3-light/index.mjs +71 -0
- package/es/themes/md3-light/link.mjs +6 -0
- package/es/themes/md3-light/menu.mjs +7 -0
- package/es/themes/md3-light/menuOption.mjs +6 -0
- package/es/themes/md3-light/menuSelect.mjs +7 -0
- package/es/themes/md3-light/option.mjs +6 -0
- package/es/themes/md3-light/pagination.mjs +6 -0
- package/es/themes/md3-light/paper.mjs +6 -0
- package/es/themes/md3-light/picker.mjs +8 -0
- package/es/themes/md3-light/popup.mjs +6 -0
- package/es/themes/md3-light/pullRefresh.mjs +6 -0
- package/es/themes/md3-light/radio.mjs +7 -0
- package/es/themes/md3-light/result.mjs +12 -0
- package/es/themes/md3-light/select.mjs +7 -0
- package/es/themes/md3-light/slider.mjs +10 -0
- package/es/themes/md3-light/snackbar.mjs +7 -0
- package/es/themes/md3-light/tab.mjs +6 -0
- package/es/themes/md3-light/table.mjs +7 -0
- package/es/themes/md3-light/tabs.mjs +6 -0
- package/es/themes/md3-light/timePicker.mjs +15 -0
- package/es/themes/md3-light/tooltip.mjs +7 -0
- package/es/themes/md3-light/uploader.mjs +11 -0
- package/es/time-picker/TimePicker.mjs +1 -1
- package/es/time-picker/clock.mjs +4 -4
- package/es/time-picker/props.mjs +0 -2
- package/es/time-picker/timePicker.css +1 -1
- package/es/tooltip/tooltip.css +1 -1
- package/es/uploader/uploader.css +1 -1
- package/es/varlet.esm.js +6884 -6415
- package/highlight/web-types.en-US.json +14 -6
- package/highlight/web-types.zh-CN.json +14 -6
- package/lib/style.css +1 -1
- package/lib/varlet.cjs.js +1873 -1297
- package/package.json +9 -9
- package/types/chip.d.ts +0 -2
- package/types/datePicker.d.ts +0 -2
- package/types/imagePreview.d.ts +0 -6
- package/types/indexBar.d.ts +0 -3
- package/types/input.d.ts +1 -0
- package/types/loadingBar.d.ts +0 -3
- package/types/progress.d.ts +0 -3
- package/types/select.d.ts +1 -0
- package/types/styleVars.d.ts +88 -16
- package/types/themes.d.ts +2 -0
- package/types/timePicker.d.ts +0 -2
- package/types/uploader.d.ts +1 -0
- package/umd/varlet.js +5 -5
package/es/tooltip/tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root { --tooltip-opacity: 0.9; --tooltip-border-radius: 4px; --tooltip-font-size: 14px; --tooltip-padding: 8px 16px; --tooltip-
|
|
1
|
+
:root { --tooltip-opacity: 0.9; --tooltip-border-radius: 4px; --tooltip-font-size: 14px; --tooltip-padding: 8px 16px; --tooltip-offset: 10px; --tooltip-default-color: #616161; --tooltip-primary-color: var(--color-primary); --tooltip-info-color: var(--color-info); --tooltip-success-color: var(--color-success); --tooltip-warning-color: var(--color-warning); --tooltip-danger-color: var(--color-danger); --tooltip-default-text-color: #fff; --tooltip-primary-text-color: #fff; --tooltip-info-text-color: #fff; --tooltip-success-text-color: #fff; --tooltip-warning-text-color: #fff; --tooltip-danger-text-color: #fff;}.var-tooltip { display: inline-block;}.var-tooltip-enter-from,.var-tooltip-leave-to { opacity: 0; transform: scale(0.8);}.var-tooltip-enter-active,.var-tooltip-leave-active { transition-property: opacity, transform; transition-duration: 0.2s;}.var-tooltip__content-container { display: inline-block; text-align: center; border-radius: var(--tooltip-border-radius); font-size: var(--tooltip-font-size); padding: var(--tooltip-padding); opacity: var(--tooltip-opacity); transition: opacity 0.25s, background-color 0.25s;}.var-tooltip--default { color: var(--tooltip-default-text-color); background: var(--tooltip-default-color);}.var-tooltip--primary { color: var(--tooltip-primary-text-color); background-color: var(--tooltip-primary-color);}.var-tooltip--info { color: var(--tooltip-info-text-color); background-color: var(--tooltip-info-color);}.var-tooltip--success { color: var(--tooltip-success-text-color); background-color: var(--tooltip-success-color);}.var-tooltip--warning { color: var(--tooltip-warning-text-color); background-color: var(--tooltip-warning-color);}.var-tooltip--danger { color: var(--tooltip-danger-text-color); background-color: var(--tooltip-danger-color);}.var-tooltip__tooltip[data-popper-placement='top'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='top-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='top-end'] .var-tooltip__content-container { transform: translateY(calc(-1 * var(--tooltip-offset)));}.var-tooltip__tooltip[data-popper-placement='bottom'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='bottom-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='bottom-end'] .var-tooltip__content-container { transform: translateY(var(--tooltip-offset));}.var-tooltip__tooltip[data-popper-placement='right'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='right-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='right-end'] .var-tooltip__content-container { transform: translateX(var(--tooltip-offset));}.var-tooltip__tooltip[data-popper-placement='left'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='left-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='left-end'] .var-tooltip__content-container { transform: translateX(calc(-1 * var(--tooltip-offset)));}
|
package/es/uploader/uploader.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root { --uploader-action-background: #f7f8fa; --uploader-action-icon-color: #888; --uploader-action-icon-size: 24px; --uploader-action-margin: 0 10px 10px 0; --uploader-file-size: 80px; --uploader-file-margin: 0 10px 10px 0; --uploader-file-name-background: #f7f8fa; --uploader-file-name-color: #888; --uploader-file-name-font-size: 12px; --uploader-file-name-padding: 10px; --uploader-file-text-align: center; --uploader-file-close-background: rgba(0, 0, 0, 0.3); --uploader-file-close-size: 24px; --uploader-file-close-icon-font-size: 14px; --uploader-file-close-icon-color: #fff; --uploader-file-cover-fit: cover; --uploader-file-cover-background: #f7f8fa; --uploader-preview-video-width: 100vw; --uploader-preview-video-height: 100vw; --uploader-file-indicator-height: 4px; --uploader-file-indicator-normal-color: var(--color-disabled); --uploader-file-indicator-success-color: var(--color-success); --uploader-file-indicator-error-color: var(--color-danger); --uploader-file-progress-color: var(--color-primary); --uploader-disabled-color: var(--color-disabled); --uploader-disabled-text-color: var(--color-text-disabled); --uploader-loading-background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0));}@keyframes var-uploader-loading-animation { from { transform: translateX(-100%); } to { transform: translateX(100%); }}.var-uploader { width: 100%;}.var-uploader__file-list { width: 100%; display: flex; flex-wrap: wrap;}.var-uploader__file { position: relative; width: var(--uploader-file-size); height: var(--uploader-file-size); margin: var(--uploader-file-margin); overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-uploader__file-name { position: absolute; width: 100%; height: 100%; line-height: calc(var(--uploader-file-size) - var(--uploader-file-name-padding) * 2); font-size: var(--uploader-file-name-font-size); z-index: 0; background: var(--uploader-file-name-background); padding: var(--uploader-file-name-padding); color: var(--uploader-file-name-color); text-align: var(--uploader-file-text-align); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; user-select: none; transition: background-color 0.25s;}.var-uploader__file-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: var(--uploader-file-cover-background); object-fit: var(--uploader-file-cover-fit); pointer-events: none; transition: background-color 0.25s;}.var-uploader__file-close { position: absolute; top: 0; right: 0; z-index: 2; border-top: var(--uploader-file-close-size) solid var(--uploader-file-close-background); border-left: var(--uploader-file-close-size) solid transparent;}.var-uploader__file-close-icon[var-uploader-cover] { position: absolute; top: calc(-1 * var(--uploader-file-close-size)); right: 0; font-size: var(--uploader-file-close-icon-font-size); color: var(--uploader-file-close-icon-color);}.var-uploader__file-indicator { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: var(--uploader-file-indicator-height); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: var(--uploader-file-indicator-normal-color);}.var-uploader__action { position: relative; display: flex; justify-content: center; align-items: center; color: var(--uploader-action-icon-color); width: var(--uploader-file-size); height: var(--uploader-file-size); background: var(--uploader-action-background); margin: var(--uploader-action-margin); transition: background-color 0.25s; cursor: pointer;}.var-uploader__action-icon[var-uploader-cover] { font-size: var(--uploader-action-icon-size);}.var-uploader__action-input { display: block; width: 0; height: 0; visibility: hidden;}.var-uploader__preview[var-uploader-cover] { background: #000; box-shadow: none;}.var-uploader__preview-video { width: var(--uploader-preview-video-width); height: var(--uploader-preview-video-height);}.var-uploader__progress { width: 0%; height: 100%; background-color: var(--uploader-file-progress-color); transition: all 0.25s ease-in-out;}.var-uploader--loading::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; animation: var-uploader-loading-animation 0.6s infinite; background: var(--uploader-loading-background); transition: background-color 0.25s;}.var-uploader--success { background: var(--uploader-file-indicator-success-color);}.var-uploader--error { background: var(--uploader-file-indicator-error-color);}.var-uploader--disabled { background: var(--uploader-disabled-color); color: var(--uploader-disabled-text-color); cursor: not-allowed;}
|
|
1
|
+
:root { --uploader-action-background: #f7f8fa; --uploader-action-icon-color: #888; --uploader-action-icon-size: 24px; --uploader-action-margin: 0 10px 10px 0; --uploader-file-size: 80px; --uploader-file-margin: 0 10px 10px 0; --uploader-file-name-background: #f7f8fa; --uploader-file-name-color: #888; --uploader-file-name-font-size: 12px; --uploader-file-name-padding: 10px; --uploader-file-text-align: center; --uploader-file-border-radius: 0; --uploader-file-close-background: rgba(0, 0, 0, 0.3); --uploader-file-close-size: 24px; --uploader-file-close-icon-font-size: 14px; --uploader-file-close-icon-color: #fff; --uploader-file-cover-fit: cover; --uploader-file-cover-background: #f7f8fa; --uploader-preview-video-width: 100vw; --uploader-preview-video-height: 100vw; --uploader-file-indicator-height: 4px; --uploader-file-indicator-normal-color: var(--color-disabled); --uploader-file-indicator-success-color: var(--color-success); --uploader-file-indicator-error-color: var(--color-danger); --uploader-file-progress-color: var(--color-primary); --uploader-disabled-color: var(--color-disabled); --uploader-disabled-text-color: var(--color-text-disabled); --uploader-loading-background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0));}@keyframes var-uploader-loading-animation { from { transform: translateX(-100%); } to { transform: translateX(100%); }}.var-uploader { width: 100%;}.var-uploader__file-list { width: 100%; display: flex; flex-wrap: wrap;}.var-uploader__file { position: relative; width: var(--uploader-file-size); height: var(--uploader-file-size); margin: var(--uploader-file-margin); border-radius: var(--uploader-file-border-radius); overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-uploader__file-name { position: absolute; width: 100%; height: 100%; line-height: calc(var(--uploader-file-size) - var(--uploader-file-name-padding) * 2); font-size: var(--uploader-file-name-font-size); z-index: 0; background: var(--uploader-file-name-background); padding: var(--uploader-file-name-padding); color: var(--uploader-file-name-color); text-align: var(--uploader-file-text-align); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; user-select: none; transition: background-color 0.25s;}.var-uploader__file-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: var(--uploader-file-cover-background); object-fit: var(--uploader-file-cover-fit); pointer-events: none; transition: background-color 0.25s;}.var-uploader__file-close { position: absolute; top: 0; right: 0; z-index: 2; border-top: var(--uploader-file-close-size) solid var(--uploader-file-close-background); border-left: var(--uploader-file-close-size) solid transparent;}.var-uploader__file-close-icon[var-uploader-cover] { position: absolute; top: calc(-1 * var(--uploader-file-close-size)); right: 0; font-size: var(--uploader-file-close-icon-font-size); color: var(--uploader-file-close-icon-color);}.var-uploader__file-indicator { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: var(--uploader-file-indicator-height); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: var(--uploader-file-indicator-normal-color);}.var-uploader__action { position: relative; display: flex; justify-content: center; align-items: center; color: var(--uploader-action-icon-color); width: var(--uploader-file-size); height: var(--uploader-file-size); background: var(--uploader-action-background); margin: var(--uploader-action-margin); border-radius: var(--uploader-file-border-radius); transition: background-color 0.25s; cursor: pointer;}.var-uploader__action-icon[var-uploader-cover] { font-size: var(--uploader-action-icon-size);}.var-uploader__action-input { display: block; width: 0; height: 0; visibility: hidden;}.var-uploader__preview[var-uploader-cover] { background: #000; box-shadow: none;}.var-uploader__preview-video { width: var(--uploader-preview-video-width); height: var(--uploader-preview-video-height);}.var-uploader__progress { width: 0%; height: 100%; background-color: var(--uploader-file-progress-color); transition: all 0.25s ease-in-out;}.var-uploader--loading::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; animation: var-uploader-loading-animation 0.6s infinite; background: var(--uploader-loading-background); transition: background-color 0.25s;}.var-uploader--success { background: var(--uploader-file-indicator-success-color);}.var-uploader--error { background: var(--uploader-file-indicator-error-color);}.var-uploader--disabled { background: var(--uploader-disabled-color); color: var(--uploader-disabled-text-color); cursor: not-allowed;}
|