@varlet/ui 3.20.4 → 3.20.5
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/action-sheet/style/index.mjs +1 -1
- package/es/image-preview/ImagePreview.mjs +16 -3
- package/es/image-preview/imagePreview.css +1 -1
- package/es/image-preview/style/index.mjs +5 -0
- package/es/index.bundle.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/themes/dark/imagePreview.mjs +1 -1
- package/es/themes/md3-dark/imagePreview.mjs +1 -1
- package/es/themes/md3-light/imagePreview.mjs +1 -1
- package/es/varlet.css +1 -1
- package/es/varlet.esm.js +160 -152
- package/highlight/web-types.en-US.json +1 -1
- package/highlight/web-types.zh-CN.json +1 -1
- package/lib/varlet.cjs.js +16 -7
- package/lib/varlet.css +1 -1
- package/package.json +7 -7
- package/umd/varlet.js +6 -6
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { call, clamp, preventDefault, toNumber } from "@varlet/shared";
|
|
2
2
|
import { useEventListener, useTouch, useVModel } from "@varlet/use";
|
|
3
3
|
import { computed, defineComponent, ref } from "vue";
|
|
4
|
+
import VarButton from "../button/index.mjs";
|
|
4
5
|
import VarIcon from "../icon/index.mjs";
|
|
5
6
|
import VarPopup from "../popup/index.mjs";
|
|
6
7
|
import VarSwipe from "../swipe/index.mjs";
|
|
@@ -21,6 +22,7 @@ function __render__(_ctx, _cache) {
|
|
|
21
22
|
const _component_var_swipe_item = _resolveComponent("var-swipe-item");
|
|
22
23
|
const _component_var_swipe = _resolveComponent("var-swipe");
|
|
23
24
|
const _component_var_icon = _resolveComponent("var-icon");
|
|
25
|
+
const _component_var_button = _resolveComponent("var-button");
|
|
24
26
|
const _component_var_popup = _resolveComponent("var-popup");
|
|
25
27
|
return _openBlock(), _createBlock(_component_var_popup, {
|
|
26
28
|
show: _ctx.show,
|
|
@@ -110,13 +112,23 @@ function __render__(_ctx, _cache) {
|
|
|
110
112
|
/* FORWARDED */
|
|
111
113
|
}, 16, ["class", "touchable", "indicator", "initial-index", "loop", "onChange"]),
|
|
112
114
|
_renderSlot(_ctx.$slots, "close-icon", {}, () => [
|
|
113
|
-
_ctx.closeable ? (_openBlock(), _createBlock(
|
|
115
|
+
_ctx.closeable ? (_openBlock(), _createBlock(_component_var_button, {
|
|
114
116
|
key: 0,
|
|
115
117
|
class: _normalizeClass(_ctx.n("close-icon")),
|
|
116
|
-
|
|
118
|
+
text: "",
|
|
119
|
+
round: "",
|
|
117
120
|
"var-image-preview-cover": "",
|
|
118
121
|
onClick: _ctx.close
|
|
119
|
-
},
|
|
122
|
+
}, {
|
|
123
|
+
default: _withCtx(() => [
|
|
124
|
+
_createVNode(_component_var_icon, {
|
|
125
|
+
class: _normalizeClass(_ctx.n("close-icon-image")),
|
|
126
|
+
name: "window-close"
|
|
127
|
+
}, null, 8, ["class"])
|
|
128
|
+
]),
|
|
129
|
+
_: 1
|
|
130
|
+
/* STABLE */
|
|
131
|
+
}, 8, ["class", "onClick"])) : _createCommentVNode("v-if", true)
|
|
120
132
|
]),
|
|
121
133
|
_ctx.$slots.extra ? (_openBlock(), _createElementBlock(
|
|
122
134
|
"div",
|
|
@@ -138,6 +150,7 @@ function __render__(_ctx, _cache) {
|
|
|
138
150
|
const __sfc__ = defineComponent({
|
|
139
151
|
name,
|
|
140
152
|
components: {
|
|
153
|
+
VarButton,
|
|
141
154
|
VarSwipe,
|
|
142
155
|
VarSwipeItem,
|
|
143
156
|
VarPopup,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root { --image-preview-swipe-indicators-text-color: #ddd; --image-preview-swipe-indicators-padding: 16px 0; --image-preview-zoom-container-background: #000; --image-preview-close-icon-top:
|
|
1
|
+
:root { --image-preview-swipe-indicators-text-color: #ddd; --image-preview-swipe-indicators-padding: 16px 0; --image-preview-zoom-container-background: #000; --image-preview-close-icon-top: 8px; --image-preview-close-icon-right: 14px; --image-preview-extra-top: 14px; --image-preview-extra-left: 14px; --image-preview-close-icon-size: 22px; --image-preview-close-icon-color: #fff;}.var-image-preview__popup[var-image-preview-cover] { height: 100%; background: var(--image-preview-zoom-container-background);}.var-image-preview__swipe[var-image-preview-cover] { width: 100vw; height: 100%;}.var-image-preview__swipe-item[var-image-preview-cover] { overflow: hidden;}.var-image-preview__close-icon[var-image-preview-cover] { position: absolute; top: var(--image-preview-close-icon-top); right: var(--image-preview-close-icon-right); color: var(--image-preview-close-icon-color);}.var-image-preview__close-icon-image { font-size: var(--image-preview-close-icon-size);}.var-image-preview__extra { position: absolute; top: var(--image-preview-extra-top); left: var(--image-preview-extra-left);}.var-image-preview__indicators { position: absolute; top: 0; width: 100%; padding: var(--image-preview-swipe-indicators-padding); color: var(--image-preview-swipe-indicators-text-color); text-align: center;}.var-image-preview__image { width: 100%; height: 100%; object-fit: contain; -webkit-user-drag: none;}.var-image-preview--prevent { -webkit-touch-callout: none; pointer-events: none;}.var-image-preview__zoom-container { display: flex; justify-content: center; align-items: center; width: 100vw; height: 100%; transition: transform 0.2s;}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import '../../styles/common.css'
|
|
2
|
+
import '../../styles/elevation.css'
|
|
3
|
+
import '../../hover-overlay/hoverOverlay.css'
|
|
4
|
+
import '../../ripple/ripple.css'
|
|
5
|
+
import '../../loading/loading.css'
|
|
6
|
+
import '../../button/button.css'
|
|
2
7
|
import '../../icon/icon.css'
|
|
3
8
|
import '../../swipe/swipe.css'
|
|
4
9
|
import '../../swipe-item/swipeItem.css'
|
package/es/index.bundle.mjs
CHANGED
|
@@ -310,7 +310,7 @@ import './tree-menu/style/index.mjs'
|
|
|
310
310
|
import './uploader/style/index.mjs'
|
|
311
311
|
import './watermark/style/index.mjs'
|
|
312
312
|
|
|
313
|
-
const version = '3.20.
|
|
313
|
+
const version = '3.20.5'
|
|
314
314
|
|
|
315
315
|
function install(app) {
|
|
316
316
|
ActionSheet.install && app.use(ActionSheet)
|
package/es/index.mjs
CHANGED
|
@@ -206,7 +206,7 @@ export * from './tree-menu/index.mjs'
|
|
|
206
206
|
export * from './uploader/index.mjs'
|
|
207
207
|
export * from './watermark/index.mjs'
|
|
208
208
|
|
|
209
|
-
const version = '3.20.
|
|
209
|
+
const version = '3.20.5'
|
|
210
210
|
|
|
211
211
|
function install(app) {
|
|
212
212
|
ActionSheet.install && app.use(ActionSheet)
|
|
@@ -2,7 +2,7 @@ var stdin_default = {
|
|
|
2
2
|
"--image-preview-swipe-indicators-text-color": "#ddd",
|
|
3
3
|
"--image-preview-swipe-indicators-padding": "16px 0",
|
|
4
4
|
"--image-preview-zoom-container-background": "#000",
|
|
5
|
-
"--image-preview-close-icon-top": "
|
|
5
|
+
"--image-preview-close-icon-top": "8px",
|
|
6
6
|
"--image-preview-close-icon-right": "14px",
|
|
7
7
|
"--image-preview-extra-top": "14px",
|
|
8
8
|
"--image-preview-extra-left": "14px",
|
|
@@ -2,7 +2,7 @@ var stdin_default = {
|
|
|
2
2
|
"--image-preview-swipe-indicators-text-color": "#ddd",
|
|
3
3
|
"--image-preview-swipe-indicators-padding": "16px 0",
|
|
4
4
|
"--image-preview-zoom-container-background": "#000",
|
|
5
|
-
"--image-preview-close-icon-top": "
|
|
5
|
+
"--image-preview-close-icon-top": "8px",
|
|
6
6
|
"--image-preview-close-icon-right": "14px",
|
|
7
7
|
"--image-preview-extra-top": "14px",
|
|
8
8
|
"--image-preview-extra-left": "14px",
|
|
@@ -2,7 +2,7 @@ var stdin_default = {
|
|
|
2
2
|
"--image-preview-swipe-indicators-text-color": "#ddd",
|
|
3
3
|
"--image-preview-swipe-indicators-padding": "16px 0",
|
|
4
4
|
"--image-preview-zoom-container-background": "#000",
|
|
5
|
-
"--image-preview-close-icon-top": "
|
|
5
|
+
"--image-preview-close-icon-top": "8px",
|
|
6
6
|
"--image-preview-close-icon-right": "14px",
|
|
7
7
|
"--image-preview-extra-top": "14px",
|
|
8
8
|
"--image-preview-extra-left": "14px",
|