@varlet/ui 2.20.4 → 2.20.5-alpha.1703836585426
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/collapse-item/CollapseItem.mjs +1 -1
- package/es/date-picker/DatePicker.mjs +1 -1
- package/es/floating-panel/FloatingPanel.mjs +1 -1
- package/es/form/Form.mjs +1 -1
- package/es/icon/icon.css +1 -1
- package/es/index.bundle.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/input/Input.mjs +1 -1
- package/es/loading/Loading.mjs +1 -1
- package/es/menu/Menu.mjs +2 -2
- package/es/menu/menu.css +1 -1
- package/es/pull-refresh/PullRefresh.mjs +1 -1
- package/es/result/Empty.mjs +1 -1
- package/es/result/Error.mjs +1 -1
- package/es/result/Info.mjs +1 -1
- package/es/result/Question.mjs +1 -1
- package/es/result/Warning.mjs +1 -1
- package/es/snackbar/style/index.mjs +1 -1
- package/es/style.css +1 -1
- package/es/swipe/Swipe.mjs +1 -1
- package/es/switch/Switch.mjs +1 -1
- package/es/themes/dark/select.mjs +1 -1
- package/es/time-picker/TimePicker.mjs +15 -3
- package/es/time-picker/timePicker.css +1 -1
- package/es/tooltip/Tooltip.mjs +2 -2
- package/es/uploader/style/index.mjs +2 -0
- package/es/varlet.esm.js +2020 -2008
- package/highlight/web-types.en-US.json +1 -1
- package/highlight/web-types.zh-CN.json +7 -2
- package/lib/style.css +1 -1
- package/lib/varlet.cjs.js +360 -501
- package/package.json +11 -11
- package/types/imagePreview.d.ts +2 -0
- package/types/styleVars.d.ts +6 -2
- package/types/timePicker.d.ts +5 -0
- package/umd/varlet.js +5 -5
package/es/swipe/Swipe.mjs
CHANGED
|
@@ -63,7 +63,7 @@ function __render__(_ctx, _cache) {
|
|
|
63
63
|
_renderSlot(_ctx.$slots, "default")
|
|
64
64
|
],
|
|
65
65
|
38
|
|
66
|
-
/* CLASS, STYLE,
|
|
66
|
+
/* CLASS, STYLE, NEED_HYDRATION */
|
|
67
67
|
),
|
|
68
68
|
_ctx.navigation ? _renderSlot(_ctx.$slots, "prev", _normalizeProps(_mergeProps({ key: 0 }, {
|
|
69
69
|
index: _ctx.index,
|
package/es/switch/Switch.mjs
CHANGED
|
@@ -8,7 +8,7 @@ import { padStart } from "../utils/shared.mjs";
|
|
|
8
8
|
import { getNumberTime, getIsDisableMinute, getIsDisableSecond } from "./utils.mjs";
|
|
9
9
|
import { pack } from "../locale/index.mjs";
|
|
10
10
|
const { name, n, classes } = createNamespace("time-picker");
|
|
11
|
-
import { toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveComponent as _resolveComponent, createBlock as _createBlock, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
11
|
+
import { toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveComponent as _resolveComponent, createBlock as _createBlock, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, renderSlot as _renderSlot, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
12
12
|
const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
|
|
13
13
|
const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
|
|
14
14
|
"span",
|
|
@@ -176,12 +176,24 @@ function __render__(_ctx, _cache) {
|
|
|
176
176
|
}, 8, ["name"])
|
|
177
177
|
],
|
|
178
178
|
34
|
|
179
|
-
/* CLASS,
|
|
179
|
+
/* CLASS, NEED_HYDRATION */
|
|
180
180
|
)
|
|
181
181
|
],
|
|
182
182
|
2
|
|
183
183
|
/* CLASS */
|
|
184
|
-
)
|
|
184
|
+
),
|
|
185
|
+
_ctx.$slots.actions ? (_openBlock(), _createElementBlock(
|
|
186
|
+
"div",
|
|
187
|
+
{
|
|
188
|
+
key: 0,
|
|
189
|
+
class: _normalizeClass(_ctx.n("actions"))
|
|
190
|
+
},
|
|
191
|
+
[
|
|
192
|
+
_renderSlot(_ctx.$slots, "actions")
|
|
193
|
+
],
|
|
194
|
+
2
|
|
195
|
+
/* CLASS */
|
|
196
|
+
)) : _createCommentVNode("v-if", true)
|
|
185
197
|
],
|
|
186
198
|
2
|
|
187
199
|
/* CLASS */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root { --time-picker-border-radius: 4px; --time-picker-font-size: var(--font-size-md); --time-picker-min-width: 290px; --time-picker-
|
|
1
|
+
:root { --time-picker-border-radius: 4px; --time-picker-font-size: var(--font-size-md); --time-picker-min-width: 290px; --time-picker-title-height: 105px; --time-picker-title-padding: 16px; --time-picker-title-margin-bottom: 8px; --time-picker-title-color: #fff; --time-picker-title-background: var(--color-primary); --time-picker-title-hint-font-size: 14px; --time-picker-title-time-font-size: 50px; --time-picker-title-time-margin: 0 5px; --time-picker-title-ampm-margin-left: 5px; --time-picker-clock-left: 27px; --time-picker-clock-right: 27px; --time-picker-clock-top: 27px; --time-picker-clock-bottom: 27px; --time-picker-clock-container-width: 256px; --time-picker-clock-container-height: 256px; --time-picker-clock-container-background: #e0e0e0; --time-picker-clock-hand-height: calc(50% - 4px); --time-picker-clock-hand-width: 2px; --time-picker-clock-hand-bottom: 50%; --time-picker-clock-hand-left: calc(50% - 1px); --time-picker-clock-hand-background: var(--color-primary); --time-picker-clock-hand-border-color: var(--color-primary); --time-picker-clock-hand-before-width: 10px; --time-picker-clock-hand-before-height: 10px; --time-picker-clock-hand-before-border-width: 2px; --time-picker-clock-hand-after-width: 4px; --time-picker-clock-hand-after-height: 4px; --time-picker-clock-item-height: 32px; --time-picker-clock-item-width: 32px; --time-picker-clock-item-active-background: var(--color-primary); --time-picker-clock-item-active-color: #fff; --time-picker-clock-item-disable-color: rgba(0, 0, 0, 0.26); --time-picker-clock-item-text-color: #555; --time-picker-inner-left: 36px; --time-picker-inner-right: 36px; --time-picker-inner-top: 36px; --time-picker-inner-bottom: 36px; --time-picker-body-background: #fff; --time-picker-body-height: calc(var(--time-picker-clock-container-height) + 32px); --time-picker-actions-padding: 0 8px 12px 8px;}.after-before-basic { content: ''; position: absolute; border-radius: 100%; left: 50%; transform: translate(-50%, -50%);}.var-time-picker { border-radius: var(--time-picker-border-radius); contain: layout style; display: flex; width: 100%; flex-direction: column; font-size: var(--time-picker-font-size); position: relative; min-width: var(--time-picker-min-width); overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-time-picker__title { min-height: var(--time-picker-title-height); padding: var(--time-picker-title-padding); color: var(--time-picker-title-color); background: var(--time-picker-title-background); display: block;}.var-time-picker__title-hint { font-size: var(--time-picker-title-hint-font-size); margin-bottom: var(--time-picker-title-margin-bottom);}.var-time-picker__title-time-container { display: flex; align-items: flex-end; justify-content: flex-end;}.var-time-picker__title-btn { opacity: 0.6; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: 0.3s var(--cubic-bezier); white-space: nowrap;}.var-time-picker__title-btn--active { opacity: 1;}.var-time-picker__title-time { display: flex; justify-content: flex-end; font-size: var(--time-picker-title-time-font-size);}.var-time-picker__title-time .var-time-picker__title-btn { align-items: center; margin: var(--time-picker-title-time-margin);}.var-time-picker__title-ampm { margin-left: var(--time-picker-title-ampm-margin-left);}.var-time-picker__body { display: flex; align-items: center; justify-content: center; height: var(--time-picker-body-height); background-color: var(--time-picker-body-background);}.var-time-picker__clock { position: absolute; bottom: var(--time-picker-clock-bottom); left: var(--time-picker-clock-left); right: var(--time-picker-clock-right); top: var(--time-picker-clock-top);}.var-time-picker__clock-container { width: var(--time-picker-clock-container-width); height: var(--time-picker-clock-container-height); background: var(--time-picker-clock-container-background); border-radius: 50%; position: relative;}.var-time-picker__clock-hand { height: var(--time-picker-clock-hand-height); width: var(--time-picker-clock-hand-width); bottom: var(--time-picker-clock-hand-bottom); left: var(--time-picker-clock-hand-left); transform-origin: center bottom; position: absolute; will-change: transform; z-index: 1; background-color: var(--time-picker-clock-hand-background); border-color: var(--time-picker-clock-hand-border-color);}.var-time-picker__clock-hand::before { content: ''; position: absolute; border-radius: 100%; left: 50%; transform: translate(-50%, -50%); background: transparent; border: var(--time-picker-clock-hand-before-border-width) solid; width: var(--time-picker-clock-hand-before-width); height: var(--time-picker-clock-hand-before-height); top: -5px; border-color: inherit;}.var-time-picker__clock-hand::after { content: ''; position: absolute; border-radius: 100%; left: 50%; transform: translate(-50%, -50%); border-color: inherit; height: var(--time-picker-clock-hand-after-height); width: var(--time-picker-clock-hand-after-width); top: 100%; border-style: solid; background-color: inherit;}.var-time-picker__clock-item { align-items: center; border-radius: 100%; display: flex; justify-content: center; height: var(--time-picker-clock-item-height); position: absolute; width: var(--time-picker-clock-item-width); user-select: none; transform: translate(-50%, -50%); color: var(--time-picker-clock-item-text-color);}.var-time-picker__clock-item--active { background: var(--time-picker-clock-item-active-background); z-index: 2; color: var(--time-picker-clock-item-active-color);}.var-time-picker__clock-item--disable { color: var(--time-picker-clock-item-disable-color);}.var-time-picker__clock-inner { position: absolute; bottom: var(--time-picker-inner-bottom); left: var(--time-picker-inner-left); right: var(--time-picker-inner-right); top: var(--time-picker-inner-top);}.var-time-picker__actions { display: flex; justify-content: flex-end; align-items: center; background-color: var(--time-picker-body-background); padding: var(--time-picker-actions-padding);}.var-time-picker-panel-fade-enter-from,.var-time-picker-panel-fade-leave-to { transition: 0.3s var(--cubic-bezier); opacity: 0;}.var-time-picker-panel-fade-leave-active { position: absolute;}
|
package/es/tooltip/Tooltip.mjs
CHANGED
|
@@ -60,7 +60,7 @@ function __render__(_ctx, _cache) {
|
|
|
60
60
|
)
|
|
61
61
|
],
|
|
62
62
|
38
|
|
63
|
-
/* CLASS, STYLE,
|
|
63
|
+
/* CLASS, STYLE, NEED_HYDRATION */
|
|
64
64
|
), [
|
|
65
65
|
[_vShow, _ctx.show]
|
|
66
66
|
])
|
|
@@ -71,7 +71,7 @@ function __render__(_ctx, _cache) {
|
|
|
71
71
|
], 8, ["to", "disabled"]))
|
|
72
72
|
],
|
|
73
73
|
34
|
|
74
|
-
/* CLASS,
|
|
74
|
+
/* CLASS, NEED_HYDRATION */
|
|
75
75
|
);
|
|
76
76
|
}
|
|
77
77
|
const __sfc__ = defineComponent({
|
|
@@ -3,6 +3,8 @@ import '../../styles/elevation.css'
|
|
|
3
3
|
import '../../form-details/formDetails.css'
|
|
4
4
|
import '../../icon/icon.css'
|
|
5
5
|
import '../../popup/popup.css'
|
|
6
|
+
import '../../swipe/swipe.css'
|
|
7
|
+
import '../../swipe-item/swipeItem.css'
|
|
6
8
|
import '../../image-preview/imagePreview.css'
|
|
7
9
|
import '../../hover-overlay/hoverOverlay.css'
|
|
8
10
|
import '../uploader.css'
|