first commit
This commit is contained in:
53
node_modules/vant/es/back-top/BackTop.d.ts
generated
vendored
Normal file
53
node_modules/vant/es/back-top/BackTop.d.ts
generated
vendored
Normal file
@@ -0,0 +1,53 @@
|
||||
import { type PropType, type TeleportProps, type ExtractPropTypes } from 'vue';
|
||||
export declare const backTopProps: {
|
||||
right: (NumberConstructor | StringConstructor)[];
|
||||
bottom: (NumberConstructor | StringConstructor)[];
|
||||
zIndex: (NumberConstructor | StringConstructor)[];
|
||||
target: PropType<TeleportProps["to"]>;
|
||||
offset: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
immediate: BooleanConstructor;
|
||||
teleport: {
|
||||
type: PropType<TeleportProps["to"]>;
|
||||
default: string;
|
||||
};
|
||||
};
|
||||
export type BackTopProps = ExtractPropTypes<typeof backTopProps>;
|
||||
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
||||
right: (NumberConstructor | StringConstructor)[];
|
||||
bottom: (NumberConstructor | StringConstructor)[];
|
||||
zIndex: (NumberConstructor | StringConstructor)[];
|
||||
target: PropType<TeleportProps["to"]>;
|
||||
offset: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
immediate: BooleanConstructor;
|
||||
teleport: {
|
||||
type: PropType<TeleportProps["to"]>;
|
||||
default: string;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element | import("vue/jsx-runtime").JSX.Element[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
||||
right: (NumberConstructor | StringConstructor)[];
|
||||
bottom: (NumberConstructor | StringConstructor)[];
|
||||
zIndex: (NumberConstructor | StringConstructor)[];
|
||||
target: PropType<TeleportProps["to"]>;
|
||||
offset: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
immediate: BooleanConstructor;
|
||||
teleport: {
|
||||
type: PropType<TeleportProps["to"]>;
|
||||
default: string;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
onClick?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
offset: string | number;
|
||||
immediate: boolean;
|
||||
teleport: string | import("vue").RendererElement | null | undefined;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
118
node_modules/vant/es/back-top/BackTop.mjs
generated
vendored
Normal file
118
node_modules/vant/es/back-top/BackTop.mjs
generated
vendored
Normal file
@@ -0,0 +1,118 @@
|
||||
import { ref, watch, computed, Teleport, nextTick, onMounted, defineComponent, onDeactivated, onActivated, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
|
||||
import { extend, addUnit, inBrowser, numericProp, getScrollTop, getZIndexStyle, createNamespace, makeNumericProp } from "../utils/index.mjs";
|
||||
import { throttle } from "../lazyload/vue-lazyload/util.mjs";
|
||||
import { useEventListener, getScrollParent } from "@vant/use";
|
||||
import { Icon } from "../icon/index.mjs";
|
||||
const [name, bem] = createNamespace("back-top");
|
||||
const backTopProps = {
|
||||
right: numericProp,
|
||||
bottom: numericProp,
|
||||
zIndex: numericProp,
|
||||
target: [String, Object],
|
||||
offset: makeNumericProp(200),
|
||||
immediate: Boolean,
|
||||
teleport: {
|
||||
type: [String, Object],
|
||||
default: "body"
|
||||
}
|
||||
};
|
||||
var stdin_default = defineComponent({
|
||||
name,
|
||||
inheritAttrs: false,
|
||||
props: backTopProps,
|
||||
emits: ["click"],
|
||||
setup(props, {
|
||||
emit,
|
||||
slots,
|
||||
attrs
|
||||
}) {
|
||||
let shouldReshow = false;
|
||||
const show = ref(false);
|
||||
const root = ref();
|
||||
const scrollParent = ref();
|
||||
const style = computed(() => extend(getZIndexStyle(props.zIndex), {
|
||||
right: addUnit(props.right),
|
||||
bottom: addUnit(props.bottom)
|
||||
}));
|
||||
const onClick = (event) => {
|
||||
var _a;
|
||||
emit("click", event);
|
||||
(_a = scrollParent.value) == null ? void 0 : _a.scrollTo({
|
||||
top: 0,
|
||||
behavior: props.immediate ? "auto" : "smooth"
|
||||
});
|
||||
};
|
||||
const scroll = () => {
|
||||
show.value = scrollParent.value ? getScrollTop(scrollParent.value) >= +props.offset : false;
|
||||
};
|
||||
const getTarget = () => {
|
||||
const {
|
||||
target
|
||||
} = props;
|
||||
if (typeof target === "string") {
|
||||
const el = document.querySelector(target);
|
||||
if (el) {
|
||||
return el;
|
||||
}
|
||||
if (process.env.NODE_ENV !== "production") {
|
||||
console.error(`[Vant] BackTop: target element "${target}" was not found, the BackTop component will not be rendered.`);
|
||||
}
|
||||
} else {
|
||||
return target;
|
||||
}
|
||||
};
|
||||
const updateTarget = () => {
|
||||
if (inBrowser) {
|
||||
nextTick(() => {
|
||||
scrollParent.value = props.target ? getTarget() : getScrollParent(root.value);
|
||||
scroll();
|
||||
});
|
||||
}
|
||||
};
|
||||
useEventListener("scroll", throttle(scroll, 100), {
|
||||
target: scrollParent
|
||||
});
|
||||
onMounted(updateTarget);
|
||||
onActivated(() => {
|
||||
if (shouldReshow) {
|
||||
show.value = true;
|
||||
shouldReshow = false;
|
||||
}
|
||||
});
|
||||
onDeactivated(() => {
|
||||
if (show.value && props.teleport) {
|
||||
show.value = false;
|
||||
shouldReshow = true;
|
||||
}
|
||||
});
|
||||
watch(() => props.target, updateTarget);
|
||||
return () => {
|
||||
const Content = _createVNode("div", _mergeProps({
|
||||
"ref": !props.teleport ? root : void 0,
|
||||
"class": bem({
|
||||
active: show.value
|
||||
}),
|
||||
"style": style.value,
|
||||
"onClick": onClick
|
||||
}, attrs), [slots.default ? slots.default() : _createVNode(Icon, {
|
||||
"name": "back-top",
|
||||
"class": bem("icon")
|
||||
}, null)]);
|
||||
if (props.teleport) {
|
||||
return [_createVNode("div", {
|
||||
"ref": root,
|
||||
"class": bem("placeholder")
|
||||
}, null), _createVNode(Teleport, {
|
||||
"to": props.teleport
|
||||
}, {
|
||||
default: () => [Content]
|
||||
})];
|
||||
}
|
||||
return Content;
|
||||
};
|
||||
}
|
||||
});
|
||||
export {
|
||||
backTopProps,
|
||||
stdin_default as default
|
||||
};
|
||||
1
node_modules/vant/es/back-top/index.css
generated
vendored
Normal file
1
node_modules/vant/es/back-top/index.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
:root,:host{--van-back-top-size: 40px;--van-back-top-right: 30px;--van-back-top-bottom: 40px;--van-back-top-z-index: 100;--van-back-top-icon-size: 20px;--van-back-top-text-color: #fff;--van-back-top-background: var(--van-blue)}.van-back-top{position:fixed;display:flex;align-items:center;justify-content:center;width:var(--van-back-top-size);height:var(--van-back-top-size);right:var(--van-back-top-right);bottom:var(--van-back-top-bottom);z-index:var(--van-back-top-z-index);cursor:pointer;color:var(--van-back-top-text-color);border-radius:var(--van-radius-max);box-shadow:0 2px 8px rgba(0,0,0,.12);transform:scale(0);transition:var(--van-duration-base) cubic-bezier(.25,.8,.5,1);background-color:var(--van-back-top-background)}.van-back-top:active{opacity:var(--van-active-opacity)}.van-back-top__placeholder{display:none}.van-back-top--active{transform:scale(1)}.van-back-top__icon{font-size:var(--van-back-top-icon-size);font-weight:var(--van-font-bold)}
|
||||
44
node_modules/vant/es/back-top/index.d.ts
generated
vendored
Normal file
44
node_modules/vant/es/back-top/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
export declare const BackTop: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
right: (NumberConstructor | StringConstructor)[];
|
||||
bottom: (NumberConstructor | StringConstructor)[];
|
||||
zIndex: (NumberConstructor | StringConstructor)[];
|
||||
target: import("vue").PropType<import("vue").TeleportProps["to"]>;
|
||||
offset: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
immediate: BooleanConstructor;
|
||||
teleport: {
|
||||
type: import("vue").PropType<import("vue").TeleportProps["to"]>;
|
||||
default: string;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element | import("vue/jsx-runtime").JSX.Element[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
right: (NumberConstructor | StringConstructor)[];
|
||||
bottom: (NumberConstructor | StringConstructor)[];
|
||||
zIndex: (NumberConstructor | StringConstructor)[];
|
||||
target: import("vue").PropType<import("vue").TeleportProps["to"]>;
|
||||
offset: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
immediate: BooleanConstructor;
|
||||
teleport: {
|
||||
type: import("vue").PropType<import("vue").TeleportProps["to"]>;
|
||||
default: string;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
onClick?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
offset: string | number;
|
||||
immediate: boolean;
|
||||
teleport: string | import("vue").RendererElement | null | undefined;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
||||
export default BackTop;
|
||||
export { backTopProps } from './BackTop';
|
||||
export type { BackTopProps } from './BackTop';
|
||||
export type { BackTopThemeVars } from './types';
|
||||
declare module 'vue' {
|
||||
interface GlobalComponents {
|
||||
VanBackTop: typeof BackTop;
|
||||
}
|
||||
}
|
||||
10
node_modules/vant/es/back-top/index.mjs
generated
vendored
Normal file
10
node_modules/vant/es/back-top/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { withInstall } from "../utils/index.mjs";
|
||||
import _BackTop from "./BackTop.mjs";
|
||||
const BackTop = withInstall(_BackTop);
|
||||
var stdin_default = BackTop;
|
||||
import { backTopProps } from "./BackTop.mjs";
|
||||
export {
|
||||
BackTop,
|
||||
backTopProps,
|
||||
stdin_default as default
|
||||
};
|
||||
1
node_modules/vant/es/back-top/style/index.d.ts
generated
vendored
Normal file
1
node_modules/vant/es/back-top/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
4
node_modules/vant/es/back-top/style/index.mjs
generated
vendored
Normal file
4
node_modules/vant/es/back-top/style/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import "../../style/base.css";
|
||||
import "../../badge/index.css";
|
||||
import "../../icon/index.css";
|
||||
import "../index.css";
|
||||
9
node_modules/vant/es/back-top/types.d.ts
generated
vendored
Normal file
9
node_modules/vant/es/back-top/types.d.ts
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
export type BackTopThemeVars = {
|
||||
backTopSize?: string;
|
||||
backTopRight?: string;
|
||||
backTopBottom?: string;
|
||||
backTopZIndex?: number | string;
|
||||
backTopIconSize?: string;
|
||||
backTopTextColor?: string;
|
||||
backTopBackground?: string;
|
||||
};
|
||||
0
node_modules/vant/es/back-top/types.mjs
generated
vendored
Normal file
0
node_modules/vant/es/back-top/types.mjs
generated
vendored
Normal file
Reference in New Issue
Block a user