first commit
This commit is contained in:
81
node_modules/vant/es/floating-panel/FloatingPanel.d.ts
generated
vendored
Normal file
81
node_modules/vant/es/floating-panel/FloatingPanel.d.ts
generated
vendored
Normal file
@@ -0,0 +1,81 @@
|
||||
import { type ExtractPropTypes } from 'vue';
|
||||
export declare const floatingPanelProps: {
|
||||
height: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
anchors: {
|
||||
type: import("vue").PropType<number[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
duration: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
contentDraggable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
lockScroll: BooleanConstructor;
|
||||
safeAreaInsetBottom: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
};
|
||||
export type FloatingPanelProps = ExtractPropTypes<typeof floatingPanelProps>;
|
||||
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
||||
height: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
anchors: {
|
||||
type: import("vue").PropType<number[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
duration: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
contentDraggable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
lockScroll: BooleanConstructor;
|
||||
safeAreaInsetBottom: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("heightChange" | "update:height")[], "heightChange" | "update:height", import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
||||
height: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
anchors: {
|
||||
type: import("vue").PropType<number[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
duration: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
contentDraggable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
lockScroll: BooleanConstructor;
|
||||
safeAreaInsetBottom: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
onHeightChange?: ((...args: any[]) => any) | undefined;
|
||||
"onUpdate:height"?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
height: string | number;
|
||||
safeAreaInsetBottom: boolean;
|
||||
duration: string | number;
|
||||
lockScroll: boolean;
|
||||
anchors: number[];
|
||||
contentDraggable: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
134
node_modules/vant/es/floating-panel/FloatingPanel.mjs
generated
vendored
Normal file
134
node_modules/vant/es/floating-panel/FloatingPanel.mjs
generated
vendored
Normal file
@@ -0,0 +1,134 @@
|
||||
import { ref, watch, computed, defineComponent, createVNode as _createVNode } from "vue";
|
||||
import { addUnit, closest, createNamespace, makeArrayProp, makeNumericProp, preventDefault, truthProp, windowHeight } from "../utils/index.mjs";
|
||||
import { useEventListener } from "@vant/use";
|
||||
import { useLockScroll } from "../composables/use-lock-scroll.mjs";
|
||||
import { useTouch } from "../composables/use-touch.mjs";
|
||||
import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
|
||||
const floatingPanelProps = {
|
||||
height: makeNumericProp(0),
|
||||
anchors: makeArrayProp(),
|
||||
duration: makeNumericProp(0.3),
|
||||
contentDraggable: truthProp,
|
||||
lockScroll: Boolean,
|
||||
safeAreaInsetBottom: truthProp
|
||||
};
|
||||
const [name, bem] = createNamespace("floating-panel");
|
||||
var stdin_default = defineComponent({
|
||||
name,
|
||||
props: floatingPanelProps,
|
||||
emits: ["heightChange", "update:height"],
|
||||
setup(props, {
|
||||
emit,
|
||||
slots
|
||||
}) {
|
||||
const DAMP = 0.2;
|
||||
const rootRef = ref();
|
||||
const contentRef = ref();
|
||||
const height = useSyncPropRef(() => +props.height, (value) => emit("update:height", value));
|
||||
const boundary = computed(() => {
|
||||
var _a, _b;
|
||||
return {
|
||||
min: (_a = props.anchors[0]) != null ? _a : 100,
|
||||
max: (_b = props.anchors[props.anchors.length - 1]) != null ? _b : Math.round(windowHeight.value * 0.6)
|
||||
};
|
||||
});
|
||||
const anchors = computed(() => props.anchors.length >= 2 ? props.anchors : [boundary.value.min, boundary.value.max]);
|
||||
const dragging = ref(false);
|
||||
const rootStyle = computed(() => ({
|
||||
height: addUnit(boundary.value.max),
|
||||
transform: `translateY(calc(100% + ${addUnit(-height.value)}))`,
|
||||
transition: !dragging.value ? `transform ${props.duration}s cubic-bezier(0.18, 0.89, 0.32, 1.28)` : "none"
|
||||
}));
|
||||
const ease = (moveY) => {
|
||||
const absDistance = Math.abs(moveY);
|
||||
const {
|
||||
min,
|
||||
max
|
||||
} = boundary.value;
|
||||
if (absDistance > max) {
|
||||
return -(max + (absDistance - max) * DAMP);
|
||||
}
|
||||
if (absDistance < min) {
|
||||
return -(min - (min - absDistance) * DAMP);
|
||||
}
|
||||
return moveY;
|
||||
};
|
||||
let startY;
|
||||
let maxScroll = -1;
|
||||
const touch = useTouch();
|
||||
const onTouchstart = (e) => {
|
||||
touch.start(e);
|
||||
dragging.value = true;
|
||||
startY = -height.value;
|
||||
maxScroll = -1;
|
||||
};
|
||||
const onTouchmove = (e) => {
|
||||
var _a;
|
||||
touch.move(e);
|
||||
const target = e.target;
|
||||
if (contentRef.value === target || ((_a = contentRef.value) == null ? void 0 : _a.contains(target))) {
|
||||
const {
|
||||
scrollTop
|
||||
} = contentRef.value;
|
||||
maxScroll = Math.max(maxScroll, scrollTop);
|
||||
if (!props.contentDraggable) return;
|
||||
if (-startY < boundary.value.max) {
|
||||
preventDefault(e, true);
|
||||
} else if (!(scrollTop <= 0 && touch.deltaY.value > 0) || maxScroll > 0) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
const moveY = touch.deltaY.value + startY;
|
||||
height.value = -ease(moveY);
|
||||
};
|
||||
const onTouchend = () => {
|
||||
maxScroll = -1;
|
||||
dragging.value = false;
|
||||
height.value = closest(anchors.value, height.value);
|
||||
if (height.value !== -startY) {
|
||||
emit("heightChange", {
|
||||
height: height.value
|
||||
});
|
||||
}
|
||||
};
|
||||
watch(boundary, () => {
|
||||
height.value = closest(anchors.value, height.value);
|
||||
}, {
|
||||
immediate: true
|
||||
});
|
||||
useLockScroll(rootRef, () => props.lockScroll || dragging.value);
|
||||
useEventListener("touchmove", onTouchmove, {
|
||||
target: rootRef
|
||||
});
|
||||
const renderHeader = () => {
|
||||
if (slots.header) {
|
||||
return slots.header();
|
||||
}
|
||||
return _createVNode("div", {
|
||||
"class": bem("header")
|
||||
}, [_createVNode("div", {
|
||||
"class": bem("header-bar")
|
||||
}, null)]);
|
||||
};
|
||||
return () => {
|
||||
var _a;
|
||||
return _createVNode("div", {
|
||||
"class": [bem(), {
|
||||
"van-safe-area-bottom": props.safeAreaInsetBottom
|
||||
}],
|
||||
"ref": rootRef,
|
||||
"style": rootStyle.value,
|
||||
"onTouchstartPassive": onTouchstart,
|
||||
"onTouchend": onTouchend,
|
||||
"onTouchcancel": onTouchend
|
||||
}, [renderHeader(), _createVNode("div", {
|
||||
"class": bem("content"),
|
||||
"ref": contentRef
|
||||
}, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
|
||||
};
|
||||
}
|
||||
});
|
||||
export {
|
||||
stdin_default as default,
|
||||
floatingPanelProps
|
||||
};
|
||||
1
node_modules/vant/es/floating-panel/index.css
generated
vendored
Normal file
1
node_modules/vant/es/floating-panel/index.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
:root,:host{--van-floating-panel-border-radius: 16px;--van-floating-panel-header-height: 30px;--van-floating-panel-z-index: 999;--van-floating-panel-background: var(--van-background-2);--van-floating-panel-bar-width: 20px;--van-floating-panel-bar-height: 3px;--van-floating-panel-bar-color: var(--van-gray-5)}.van-floating-panel{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--van-floating-panel-z-index);display:flex;flex-direction:column;touch-action:none;border-top-left-radius:var(--van-floating-panel-border-radius);border-top-right-radius:var(--van-floating-panel-border-radius);background:var(--van-floating-panel-background);will-change:transform}.van-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background-color:inherit}.van-floating-panel__header{height:var(--van-floating-panel-header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.van-floating-panel__header-bar{height:var(--van-floating-panel-bar-height);width:var(--van-floating-panel-bar-width);border-radius:var(--van-radius-md);background:var(--van-floating-panel-bar-color)}.van-floating-panel__content{flex:1;overflow-y:auto;background-color:var(--van-floating-panel-background)}
|
||||
64
node_modules/vant/es/floating-panel/index.d.ts
generated
vendored
Normal file
64
node_modules/vant/es/floating-panel/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,64 @@
|
||||
export declare const FloatingPanel: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
height: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
anchors: {
|
||||
type: import("vue").PropType<number[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
duration: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
contentDraggable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
lockScroll: BooleanConstructor;
|
||||
safeAreaInsetBottom: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("heightChange" | "update:height")[], "heightChange" | "update:height", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
height: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
anchors: {
|
||||
type: import("vue").PropType<number[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
duration: {
|
||||
type: (NumberConstructor | StringConstructor)[];
|
||||
default: number;
|
||||
};
|
||||
contentDraggable: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
lockScroll: BooleanConstructor;
|
||||
safeAreaInsetBottom: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
onHeightChange?: ((...args: any[]) => any) | undefined;
|
||||
"onUpdate:height"?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
height: string | number;
|
||||
safeAreaInsetBottom: boolean;
|
||||
duration: string | number;
|
||||
lockScroll: boolean;
|
||||
anchors: number[];
|
||||
contentDraggable: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
||||
export default FloatingPanel;
|
||||
export { floatingPanelProps } from './FloatingPanel';
|
||||
export type { FloatingPanelProps } from './FloatingPanel';
|
||||
export type { FloatingPanelThemeVars } from './types';
|
||||
declare module 'vue' {
|
||||
interface GlobalComponents {
|
||||
VanFloatingPanel: typeof FloatingPanel;
|
||||
}
|
||||
}
|
||||
10
node_modules/vant/es/floating-panel/index.mjs
generated
vendored
Normal file
10
node_modules/vant/es/floating-panel/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { withInstall } from "../utils/index.mjs";
|
||||
import _FloatingPanel from "./FloatingPanel.mjs";
|
||||
const FloatingPanel = withInstall(_FloatingPanel);
|
||||
var stdin_default = FloatingPanel;
|
||||
import { floatingPanelProps } from "./FloatingPanel.mjs";
|
||||
export {
|
||||
FloatingPanel,
|
||||
stdin_default as default,
|
||||
floatingPanelProps
|
||||
};
|
||||
1
node_modules/vant/es/floating-panel/style/index.d.ts
generated
vendored
Normal file
1
node_modules/vant/es/floating-panel/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
2
node_modules/vant/es/floating-panel/style/index.mjs
generated
vendored
Normal file
2
node_modules/vant/es/floating-panel/style/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import "../../style/base.css";
|
||||
import "../index.css";
|
||||
9
node_modules/vant/es/floating-panel/types.d.ts
generated
vendored
Normal file
9
node_modules/vant/es/floating-panel/types.d.ts
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
export type FloatingPanelThemeVars = {
|
||||
floatingPanelBorderRadius?: string;
|
||||
floatingPanelHeaderHeight?: string;
|
||||
floatingPanelZIndex?: number | string;
|
||||
floatingPanelBackground?: string;
|
||||
floatingPanelBarWidth?: string;
|
||||
floatingPanelBarHeight?: string;
|
||||
floatingPanelBarColor?: string;
|
||||
};
|
||||
0
node_modules/vant/es/floating-panel/types.mjs
generated
vendored
Normal file
0
node_modules/vant/es/floating-panel/types.mjs
generated
vendored
Normal file
Reference in New Issue
Block a user