first commit
This commit is contained in:
177
node_modules/vant/es/popover/Popover.d.ts
generated
vendored
Normal file
177
node_modules/vant/es/popover/Popover.d.ts
generated
vendored
Normal file
@@ -0,0 +1,177 @@
|
||||
import { type PropType, type CSSProperties, type TeleportProps, type ExtractPropTypes } from 'vue';
|
||||
import { PopoverTheme, PopoverAction, PopoverActionsDirection, PopoverTrigger, PopoverPlacement } from './types';
|
||||
export declare const popoverProps: {
|
||||
show: BooleanConstructor;
|
||||
theme: {
|
||||
type: PropType<PopoverTheme>;
|
||||
default: PopoverTheme;
|
||||
};
|
||||
overlay: BooleanConstructor;
|
||||
actions: {
|
||||
type: PropType<PopoverAction[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
actionsDirection: {
|
||||
type: PropType<PopoverActionsDirection>;
|
||||
default: PopoverActionsDirection;
|
||||
};
|
||||
trigger: {
|
||||
type: PropType<PopoverTrigger>;
|
||||
default: PopoverTrigger;
|
||||
};
|
||||
duration: (NumberConstructor | StringConstructor)[];
|
||||
showArrow: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
placement: {
|
||||
type: PropType<PopoverPlacement>;
|
||||
default: PopoverPlacement;
|
||||
};
|
||||
iconPrefix: StringConstructor;
|
||||
overlayClass: PropType<unknown>;
|
||||
overlayStyle: PropType<CSSProperties>;
|
||||
closeOnClickAction: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeOnClickOverlay: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeOnClickOutside: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
offset: {
|
||||
type: PropType<[number, number]>;
|
||||
default: () => number[];
|
||||
};
|
||||
teleport: {
|
||||
type: PropType<TeleportProps["to"]>;
|
||||
default: string;
|
||||
};
|
||||
};
|
||||
export type PopoverProps = ExtractPropTypes<typeof popoverProps>;
|
||||
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
||||
show: BooleanConstructor;
|
||||
theme: {
|
||||
type: PropType<PopoverTheme>;
|
||||
default: PopoverTheme;
|
||||
};
|
||||
overlay: BooleanConstructor;
|
||||
actions: {
|
||||
type: PropType<PopoverAction[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
actionsDirection: {
|
||||
type: PropType<PopoverActionsDirection>;
|
||||
default: PopoverActionsDirection;
|
||||
};
|
||||
trigger: {
|
||||
type: PropType<PopoverTrigger>;
|
||||
default: PopoverTrigger;
|
||||
};
|
||||
duration: (NumberConstructor | StringConstructor)[];
|
||||
showArrow: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
placement: {
|
||||
type: PropType<PopoverPlacement>;
|
||||
default: PopoverPlacement;
|
||||
};
|
||||
iconPrefix: StringConstructor;
|
||||
overlayClass: PropType<unknown>;
|
||||
overlayStyle: PropType<CSSProperties>;
|
||||
closeOnClickAction: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeOnClickOverlay: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeOnClickOutside: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
offset: {
|
||||
type: PropType<[number, number]>;
|
||||
default: () => number[];
|
||||
};
|
||||
teleport: {
|
||||
type: PropType<TeleportProps["to"]>;
|
||||
default: string;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
||||
show: BooleanConstructor;
|
||||
theme: {
|
||||
type: PropType<PopoverTheme>;
|
||||
default: PopoverTheme;
|
||||
};
|
||||
overlay: BooleanConstructor;
|
||||
actions: {
|
||||
type: PropType<PopoverAction[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
actionsDirection: {
|
||||
type: PropType<PopoverActionsDirection>;
|
||||
default: PopoverActionsDirection;
|
||||
};
|
||||
trigger: {
|
||||
type: PropType<PopoverTrigger>;
|
||||
default: PopoverTrigger;
|
||||
};
|
||||
duration: (NumberConstructor | StringConstructor)[];
|
||||
showArrow: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
placement: {
|
||||
type: PropType<PopoverPlacement>;
|
||||
default: PopoverPlacement;
|
||||
};
|
||||
iconPrefix: StringConstructor;
|
||||
overlayClass: PropType<unknown>;
|
||||
overlayStyle: PropType<CSSProperties>;
|
||||
closeOnClickAction: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeOnClickOverlay: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeOnClickOutside: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
offset: {
|
||||
type: PropType<[number, number]>;
|
||||
default: () => number[];
|
||||
};
|
||||
teleport: {
|
||||
type: PropType<TeleportProps["to"]>;
|
||||
default: string;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
onSelect?: ((...args: any[]) => any) | undefined;
|
||||
onTouchstart?: ((...args: any[]) => any) | undefined;
|
||||
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
offset: [number, number];
|
||||
theme: PopoverTheme;
|
||||
overlay: boolean;
|
||||
show: boolean;
|
||||
teleport: string | import("vue").RendererElement | null | undefined;
|
||||
closeOnClickOverlay: boolean;
|
||||
actions: PopoverAction[];
|
||||
closeOnClickAction: boolean;
|
||||
closeOnClickOutside: boolean;
|
||||
actionsDirection: PopoverActionsDirection;
|
||||
trigger: PopoverTrigger;
|
||||
showArrow: boolean;
|
||||
placement: PopoverPlacement;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export default _default;
|
||||
197
node_modules/vant/es/popover/Popover.mjs
generated
vendored
Normal file
197
node_modules/vant/es/popover/Popover.mjs
generated
vendored
Normal file
@@ -0,0 +1,197 @@
|
||||
import { ref, watch, nextTick, onMounted, watchEffect, onBeforeUnmount, defineComponent, createVNode as _createVNode, Fragment as _Fragment, mergeProps as _mergeProps } from "vue";
|
||||
import { createPopper, offsetModifier } from "@vant/popperjs";
|
||||
import { pick, extend, inBrowser, truthProp, numericProp, unknownProp, BORDER_RIGHT, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
|
||||
import { useClickAway } from "@vant/use";
|
||||
import { useScopeId } from "../composables/use-scope-id.mjs";
|
||||
import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
|
||||
import { Icon } from "../icon/index.mjs";
|
||||
import { Popup } from "../popup/index.mjs";
|
||||
const [name, bem] = createNamespace("popover");
|
||||
const popupProps = ["overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
|
||||
const popoverProps = {
|
||||
show: Boolean,
|
||||
theme: makeStringProp("light"),
|
||||
overlay: Boolean,
|
||||
actions: makeArrayProp(),
|
||||
actionsDirection: makeStringProp("vertical"),
|
||||
trigger: makeStringProp("click"),
|
||||
duration: numericProp,
|
||||
showArrow: truthProp,
|
||||
placement: makeStringProp("bottom"),
|
||||
iconPrefix: String,
|
||||
overlayClass: unknownProp,
|
||||
overlayStyle: Object,
|
||||
closeOnClickAction: truthProp,
|
||||
closeOnClickOverlay: truthProp,
|
||||
closeOnClickOutside: truthProp,
|
||||
offset: {
|
||||
type: Array,
|
||||
default: () => [0, 8]
|
||||
},
|
||||
teleport: {
|
||||
type: [String, Object],
|
||||
default: "body"
|
||||
}
|
||||
};
|
||||
var stdin_default = defineComponent({
|
||||
name,
|
||||
props: popoverProps,
|
||||
emits: ["select", "touchstart", "update:show"],
|
||||
setup(props, {
|
||||
emit,
|
||||
slots,
|
||||
attrs
|
||||
}) {
|
||||
let popper;
|
||||
const popupRef = ref();
|
||||
const wrapperRef = ref();
|
||||
const popoverRef = ref();
|
||||
const show = useSyncPropRef(() => props.show, (value) => emit("update:show", value));
|
||||
const getPopoverOptions = () => ({
|
||||
placement: props.placement,
|
||||
modifiers: [{
|
||||
name: "computeStyles",
|
||||
options: {
|
||||
adaptive: false,
|
||||
gpuAcceleration: false
|
||||
}
|
||||
}, extend({}, offsetModifier, {
|
||||
options: {
|
||||
offset: props.offset
|
||||
}
|
||||
})]
|
||||
});
|
||||
const createPopperInstance = () => {
|
||||
if (wrapperRef.value && popoverRef.value) {
|
||||
return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
|
||||
}
|
||||
return null;
|
||||
};
|
||||
const updateLocation = () => {
|
||||
nextTick(() => {
|
||||
if (!show.value) {
|
||||
return;
|
||||
}
|
||||
if (!popper) {
|
||||
popper = createPopperInstance();
|
||||
if (inBrowser) {
|
||||
window.addEventListener("animationend", updateLocation);
|
||||
window.addEventListener("transitionend", updateLocation);
|
||||
}
|
||||
} else {
|
||||
popper.setOptions(getPopoverOptions());
|
||||
}
|
||||
});
|
||||
};
|
||||
const updateShow = (value) => {
|
||||
show.value = value;
|
||||
};
|
||||
const onClickWrapper = () => {
|
||||
if (props.trigger === "click") {
|
||||
show.value = !show.value;
|
||||
}
|
||||
};
|
||||
const onClickAction = (action, index) => {
|
||||
if (action.disabled) {
|
||||
return;
|
||||
}
|
||||
emit("select", action, index);
|
||||
if (props.closeOnClickAction) {
|
||||
show.value = false;
|
||||
}
|
||||
};
|
||||
const onClickAway = () => {
|
||||
if (show.value && props.closeOnClickOutside && (!props.overlay || props.closeOnClickOverlay)) {
|
||||
show.value = false;
|
||||
}
|
||||
};
|
||||
const renderActionContent = (action, index) => {
|
||||
if (slots.action) {
|
||||
return slots.action({
|
||||
action,
|
||||
index
|
||||
});
|
||||
}
|
||||
return [action.icon && _createVNode(Icon, {
|
||||
"name": action.icon,
|
||||
"classPrefix": props.iconPrefix,
|
||||
"class": bem("action-icon")
|
||||
}, null), _createVNode("div", {
|
||||
"class": [bem("action-text"), {
|
||||
[BORDER_BOTTOM]: props.actionsDirection === "vertical"
|
||||
}]
|
||||
}, [action.text])];
|
||||
};
|
||||
const renderAction = (action, index) => {
|
||||
const {
|
||||
icon,
|
||||
color,
|
||||
disabled,
|
||||
className
|
||||
} = action;
|
||||
return _createVNode("div", {
|
||||
"role": "menuitem",
|
||||
"class": [bem("action", {
|
||||
disabled,
|
||||
"with-icon": icon
|
||||
}), {
|
||||
[BORDER_RIGHT]: props.actionsDirection === "horizontal"
|
||||
}, className],
|
||||
"style": {
|
||||
color
|
||||
},
|
||||
"tabindex": disabled ? void 0 : 0,
|
||||
"aria-disabled": disabled || void 0,
|
||||
"onClick": () => onClickAction(action, index)
|
||||
}, [renderActionContent(action, index)]);
|
||||
};
|
||||
onMounted(() => {
|
||||
updateLocation();
|
||||
watchEffect(() => {
|
||||
var _a;
|
||||
popupRef.value = (_a = popoverRef.value) == null ? void 0 : _a.popupRef.value;
|
||||
});
|
||||
});
|
||||
onBeforeUnmount(() => {
|
||||
if (popper) {
|
||||
if (inBrowser) {
|
||||
window.removeEventListener("animationend", updateLocation);
|
||||
window.removeEventListener("transitionend", updateLocation);
|
||||
}
|
||||
popper.destroy();
|
||||
popper = null;
|
||||
}
|
||||
});
|
||||
watch(() => [show.value, props.offset, props.placement], updateLocation);
|
||||
useClickAway([wrapperRef, popupRef], onClickAway, {
|
||||
eventName: "touchstart"
|
||||
});
|
||||
return () => {
|
||||
var _a;
|
||||
return _createVNode(_Fragment, null, [_createVNode("span", {
|
||||
"ref": wrapperRef,
|
||||
"class": bem("wrapper"),
|
||||
"onClick": onClickWrapper
|
||||
}, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), _createVNode(Popup, _mergeProps({
|
||||
"ref": popoverRef,
|
||||
"show": show.value,
|
||||
"class": bem([props.theme]),
|
||||
"position": "",
|
||||
"transition": "van-popover-zoom",
|
||||
"lockScroll": false,
|
||||
"onUpdate:show": updateShow
|
||||
}, attrs, useScopeId(), pick(props, popupProps)), {
|
||||
default: () => [props.showArrow && _createVNode("div", {
|
||||
"class": bem("arrow")
|
||||
}, null), _createVNode("div", {
|
||||
"role": "menu",
|
||||
"class": bem("content", props.actionsDirection)
|
||||
}, [slots.default ? slots.default() : props.actions.map(renderAction)])]
|
||||
})]);
|
||||
};
|
||||
}
|
||||
});
|
||||
export {
|
||||
stdin_default as default,
|
||||
popoverProps
|
||||
};
|
||||
1
node_modules/vant/es/popover/index.css
generated
vendored
Normal file
1
node_modules/vant/es/popover/index.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
130
node_modules/vant/es/popover/index.d.ts
generated
vendored
Normal file
130
node_modules/vant/es/popover/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,130 @@
|
||||
export declare const Popover: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
show: BooleanConstructor;
|
||||
theme: {
|
||||
type: import("vue").PropType<import("./types").PopoverTheme>;
|
||||
default: import("./types").PopoverTheme;
|
||||
};
|
||||
overlay: BooleanConstructor;
|
||||
actions: {
|
||||
type: import("vue").PropType<import("./types").PopoverAction[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
actionsDirection: {
|
||||
type: import("vue").PropType<import("./types").PopoverActionsDirection>;
|
||||
default: import("./types").PopoverActionsDirection;
|
||||
};
|
||||
trigger: {
|
||||
type: import("vue").PropType<import("./types").PopoverTrigger>;
|
||||
default: import("./types").PopoverTrigger;
|
||||
};
|
||||
duration: (NumberConstructor | StringConstructor)[];
|
||||
showArrow: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
placement: {
|
||||
type: import("vue").PropType<import("./types").PopoverPlacement>;
|
||||
default: import("./types").PopoverPlacement;
|
||||
};
|
||||
iconPrefix: StringConstructor;
|
||||
overlayClass: import("vue").PropType<unknown>;
|
||||
overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
|
||||
closeOnClickAction: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeOnClickOverlay: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeOnClickOutside: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
offset: {
|
||||
type: import("vue").PropType<[number, number]>;
|
||||
default: () => number[];
|
||||
};
|
||||
teleport: {
|
||||
type: import("vue").PropType<import("vue").TeleportProps["to"]>;
|
||||
default: string;
|
||||
};
|
||||
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
show: BooleanConstructor;
|
||||
theme: {
|
||||
type: import("vue").PropType<import("./types").PopoverTheme>;
|
||||
default: import("./types").PopoverTheme;
|
||||
};
|
||||
overlay: BooleanConstructor;
|
||||
actions: {
|
||||
type: import("vue").PropType<import("./types").PopoverAction[]>;
|
||||
default: () => never[];
|
||||
};
|
||||
actionsDirection: {
|
||||
type: import("vue").PropType<import("./types").PopoverActionsDirection>;
|
||||
default: import("./types").PopoverActionsDirection;
|
||||
};
|
||||
trigger: {
|
||||
type: import("vue").PropType<import("./types").PopoverTrigger>;
|
||||
default: import("./types").PopoverTrigger;
|
||||
};
|
||||
duration: (NumberConstructor | StringConstructor)[];
|
||||
showArrow: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
placement: {
|
||||
type: import("vue").PropType<import("./types").PopoverPlacement>;
|
||||
default: import("./types").PopoverPlacement;
|
||||
};
|
||||
iconPrefix: StringConstructor;
|
||||
overlayClass: import("vue").PropType<unknown>;
|
||||
overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
|
||||
closeOnClickAction: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeOnClickOverlay: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
closeOnClickOutside: {
|
||||
type: BooleanConstructor;
|
||||
default: true;
|
||||
};
|
||||
offset: {
|
||||
type: import("vue").PropType<[number, number]>;
|
||||
default: () => number[];
|
||||
};
|
||||
teleport: {
|
||||
type: import("vue").PropType<import("vue").TeleportProps["to"]>;
|
||||
default: string;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
onSelect?: ((...args: any[]) => any) | undefined;
|
||||
onTouchstart?: ((...args: any[]) => any) | undefined;
|
||||
"onUpdate:show"?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
offset: [number, number];
|
||||
theme: import("./types").PopoverTheme;
|
||||
overlay: boolean;
|
||||
show: boolean;
|
||||
teleport: string | import("vue").RendererElement | null | undefined;
|
||||
closeOnClickOverlay: boolean;
|
||||
actions: import("./types").PopoverAction[];
|
||||
closeOnClickAction: boolean;
|
||||
closeOnClickOutside: boolean;
|
||||
actionsDirection: import("./types").PopoverActionsDirection;
|
||||
trigger: import("./types").PopoverTrigger;
|
||||
showArrow: boolean;
|
||||
placement: import("./types").PopoverPlacement;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
|
||||
export default Popover;
|
||||
export { popoverProps } from './Popover';
|
||||
export type { PopoverProps } from './Popover';
|
||||
export type { PopoverTheme, PopoverAction, PopoverTrigger, PopoverThemeVars, PopoverPlacement, } from './types';
|
||||
declare module 'vue' {
|
||||
interface GlobalComponents {
|
||||
VanPopover: typeof Popover;
|
||||
}
|
||||
}
|
||||
10
node_modules/vant/es/popover/index.mjs
generated
vendored
Normal file
10
node_modules/vant/es/popover/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
import { withInstall } from "../utils/index.mjs";
|
||||
import _Popover from "./Popover.mjs";
|
||||
const Popover = withInstall(_Popover);
|
||||
var stdin_default = Popover;
|
||||
import { popoverProps } from "./Popover.mjs";
|
||||
export {
|
||||
Popover,
|
||||
stdin_default as default,
|
||||
popoverProps
|
||||
};
|
||||
1
node_modules/vant/es/popover/style/index.d.ts
generated
vendored
Normal file
1
node_modules/vant/es/popover/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
||||
6
node_modules/vant/es/popover/style/index.mjs
generated
vendored
Normal file
6
node_modules/vant/es/popover/style/index.mjs
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
import "../../style/base.css";
|
||||
import "../../badge/index.css";
|
||||
import "../../icon/index.css";
|
||||
import "../../overlay/index.css";
|
||||
import "../../popup/index.css";
|
||||
import "../index.css";
|
||||
27
node_modules/vant/es/popover/types.d.ts
generated
vendored
Normal file
27
node_modules/vant/es/popover/types.d.ts
generated
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
export type PopoverTheme = 'light' | 'dark';
|
||||
export type PopoverActionsDirection = 'horizontal' | 'vertical';
|
||||
export type PopoverTrigger = 'manual' | 'click';
|
||||
export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end';
|
||||
export type PopoverAction = {
|
||||
text: string;
|
||||
icon?: string;
|
||||
color?: string;
|
||||
disabled?: boolean;
|
||||
className?: string;
|
||||
[key: PropertyKey]: any;
|
||||
};
|
||||
export type PopoverThemeVars = {
|
||||
popoverArrowSize?: string;
|
||||
popoverRadius?: string;
|
||||
popoverActionWidth?: string;
|
||||
popoverActionHeight?: string;
|
||||
popoverActionFontSize?: string;
|
||||
popoverActionLineHeight?: number | string;
|
||||
popoverActionIconSize?: string;
|
||||
popoverLightTextColor?: string;
|
||||
popoverLightBackground?: string;
|
||||
popoverLightActionDisabledTextColor?: string;
|
||||
popoverDarkTextColor?: string;
|
||||
popoverDarkBackground?: string;
|
||||
popoverDarkActionDisabledTextColor?: string;
|
||||
};
|
||||
0
node_modules/vant/es/popover/types.mjs
generated
vendored
Normal file
0
node_modules/vant/es/popover/types.mjs
generated
vendored
Normal file
Reference in New Issue
Block a user