@whitesev/pops/src/components/rightClickMenu/config.ts

弹窗库

import { PopsIcon } from "../../PopsIcon";
import type { PopsRightClickMenuDetails } from "./indexType";

export const rightClickMenuConfig =
	(): DeepRequired<PopsRightClickMenuDetails> => {
		return {
			target: document.documentElement,
			targetSelector: null,
			data: [
				{
					icon: PopsIcon.getIcon("search")!,
					iconIsLoading: false,
					text: "搜索",
					item: [],
					callback(clickEvent, contextMenuEvent, liElement) {
						console.log("点击：" + this.text, [
							clickEvent,
							contextMenuEvent,
							liElement,
						]);
					},
				},
				{
					icon: PopsIcon.getIcon("documentCopy")!,
					iconIsLoading: false,
					text: "复制",
					item: [],
					callback(clickEvent, contextMenuEvent, liElement) {
						console.log("点击：" + this.text, [
							clickEvent,
							contextMenuEvent,
							liElement,
						]);
					},
				},
				{
					icon: PopsIcon.getIcon("delete")!,
					text: "删除",
					iconIsLoading: false,
					item: [],
					callback(clickEvent, contextMenuEvent, liElement) {
						console.log("点击：" + this.text, [
							clickEvent,
							contextMenuEvent,
							liElement,
						]);
					},
				},
				{
					icon: PopsIcon.getIcon("loading")!,
					iconIsLoading: true,
					text: "加载",
					item: [],
					callback(clickEvent, contextMenuEvent, liElement) {
						console.log("点击：" + this.text, [
							clickEvent,
							contextMenuEvent,
							liElement,
						]);
						return false;
					},
				},
				{
					icon: PopsIcon.getIcon("elemePlus")!,
					iconIsLoading: true,
					text: "饿了么",
					callback(clickEvent, contextMenuEvent, liElement) {
						console.log("点击：" + this.text, [
							clickEvent,
							contextMenuEvent,
							liElement,
						]);
						return false;
					},
					item: [
						{
							icon: "",
							iconIsLoading: false,
							text: "处理文件",
							item: [],
							callback(clickEvent, contextMenuEvent, liElement) {
								console.log("点击：" + this.text, [
									clickEvent,
									contextMenuEvent,
									liElement,
								]);
							},
						},
						{
							icon: "",
							iconIsLoading: false,
							text: "其它处理",
							callback(clickEvent, contextMenuEvent, liElement) {
								console.log("点击：" + this.text, [
									clickEvent,
									contextMenuEvent,
									liElement,
								]);
							},
							item: [
								{
									icon: PopsIcon.getIcon("view")!,
									iconIsLoading: false,
									text: "查看",
									item: [],
									callback(clickEvent, contextMenuEvent, liElement) {
										console.log("点击：" + this.text, [
											clickEvent,
											contextMenuEvent,
											liElement,
										]);
									},
								},
							],
						},
					],
				},
			],
			chileMenuLeftOrRightDistance: 0,
			childMenuTopOrBottomDistance: 0,
			useShadowRoot: true,
			className: "",
			isAnimation: true,
			only: false,
			zIndex: 10000,
			preventDefault: true,
			style: null,
			beforeAppendToPageCallBack() {},
		};
	};