使用VUE重构项目

frontend/admin/node_modules/element-plus/lib/components/infinite-scroll/index.d.ts

@@ -0,0 +1,21 @@
+import { SFCWithInstall } from "../../utils/vue/typescript.js";
+import "../../utils/index.js";
+import InfiniteScroll from "./src/index.js";
+import * as vue from "vue";
+
+//#region ../../packages/components/infinite-scroll/index.d.ts
+declare const _InfiniteScroll: SFCWithInstall<typeof InfiniteScroll>;
+declare const ElInfiniteScroll: SFCWithInstall<vue.ObjectDirective<HTMLElement & {
+  ElInfiniteScroll: {
+    container: HTMLElement | Window;
+    containerEl: HTMLElement;
+    instance: vue.ComponentPublicInstance;
+    delay: number;
+    lastScrollTop: number;
+    cb: () => void;
+    onScroll: () => void;
+    observer?: MutationObserver;
+  };
+}, () => void, string, any>>;
+//#endregion
+export { ElInfiniteScroll, _InfiniteScroll as default };

frontend/admin/node_modules/element-plus/lib/components/infinite-scroll/index.js

@@ -0,0 +1,14 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_index = require('./src/index.js');
+
+//#region ../../packages/components/infinite-scroll/index.ts
+const _InfiniteScroll = require_index.default;
+_InfiniteScroll.install = (app) => {
+	app.directive("InfiniteScroll", _InfiniteScroll);
+};
+const ElInfiniteScroll = _InfiniteScroll;
+
+//#endregion
+exports.ElInfiniteScroll = ElInfiniteScroll;
+exports.default = _InfiniteScroll;
+//# sourceMappingURL=index.js.map

frontend/admin/node_modules/element-plus/lib/components/infinite-scroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["InfiniteScroll"],"sources":["../../../../../packages/components/infinite-scroll/index.ts"],"sourcesContent":["// TODO: remove the directive in 3.0\nimport InfiniteScroll from './src'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nconst _InfiniteScroll = InfiniteScroll as SFCWithInstall<typeof InfiniteScroll>\n\n_InfiniteScroll.install = (app: App) => {\n  app.directive('InfiniteScroll', _InfiniteScroll)\n}\n\nexport default _InfiniteScroll\nexport const ElInfiniteScroll = _InfiniteScroll\n"],"mappings":";;;;AAMA,MAAM,kBAAkBA;AAExB,gBAAgB,WAAW,QAAa;AACtC,KAAI,UAAU,kBAAkB,gBAAgB;;AAIlD,MAAa,mBAAmB"}

frontend/admin/node_modules/element-plus/lib/components/infinite-scroll/src/index.d.ts

@@ -0,0 +1,23 @@
+import { ComponentPublicInstance, ObjectDirective } from "vue";
+
+//#region ../../packages/components/infinite-scroll/src/index.d.ts
+declare const SCOPE = "ElInfiniteScroll";
+declare const CHECK_INTERVAL = 50;
+declare const DEFAULT_DELAY = 200;
+declare const DEFAULT_DISTANCE = 0;
+type InfiniteScrollCallback = () => void;
+type InfiniteScrollEl = HTMLElement & {
+  [SCOPE]: {
+    container: HTMLElement | Window;
+    containerEl: HTMLElement;
+    instance: ComponentPublicInstance;
+    delay: number;
+    lastScrollTop: number;
+    cb: InfiniteScrollCallback;
+    onScroll: () => void;
+    observer?: MutationObserver;
+  };
+};
+declare const InfiniteScroll: ObjectDirective<InfiniteScrollEl, InfiniteScrollCallback>;
+//#endregion
+export { CHECK_INTERVAL, DEFAULT_DELAY, DEFAULT_DISTANCE, SCOPE, InfiniteScroll as default };

frontend/admin/node_modules/element-plus/lib/components/infinite-scroll/src/index.js

@@ -0,0 +1,133 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
+const require_position = require('../../../utils/dom/position.js');
+const require_error = require('../../../utils/error.js');
+const require_scroll = require('../../../utils/dom/scroll.js');
+const require_index = require('../../../hooks/use-deprecated/index.js');
+let lodash_unified = require("lodash-unified");
+let vue = require("vue");
+let _vue_shared = require("@vue/shared");
+
+//#region ../../packages/components/infinite-scroll/src/index.ts
+const SCOPE = "ElInfiniteScroll";
+const CHECK_INTERVAL = 50;
+const DEFAULT_DELAY = 200;
+const DEFAULT_DISTANCE = 0;
+const attributes = {
+	delay: {
+		type: Number,
+		default: DEFAULT_DELAY
+	},
+	distance: {
+		type: Number,
+		default: DEFAULT_DISTANCE
+	},
+	disabled: {
+		type: Boolean,
+		default: false
+	},
+	immediate: {
+		type: Boolean,
+		default: true
+	}
+};
+const getScrollOptions = (el, instance) => {
+	return Object.entries(attributes).reduce((acm, [name, option]) => {
+		const { type, default: defaultValue } = option;
+		const attrVal = el.getAttribute(`infinite-scroll-${name}`);
+		let value = instance[attrVal] ?? attrVal ?? defaultValue;
+		value = value === "false" ? false : value;
+		value = type(value);
+		acm[name] = Number.isNaN(value) ? defaultValue : value;
+		return acm;
+	}, {});
+};
+const destroyObserver = (el) => {
+	const { observer } = el[SCOPE];
+	if (observer) {
+		observer.disconnect();
+		delete el[SCOPE].observer;
+	}
+};
+const handleScroll = (el, cb) => {
+	const { container, containerEl, instance, observer, lastScrollTop } = el[SCOPE];
+	const { disabled, distance } = getScrollOptions(el, instance);
+	const { clientHeight, scrollHeight, scrollTop } = containerEl;
+	const delta = scrollTop - lastScrollTop;
+	el[SCOPE].lastScrollTop = scrollTop;
+	if (observer || disabled || delta < 0) return;
+	let shouldTrigger = false;
+	if (container === el) shouldTrigger = scrollHeight - (clientHeight + scrollTop) <= distance;
+	else {
+		const { clientTop, scrollHeight: height } = el;
+		const offsetTop = require_position.getOffsetTopDistance(el, containerEl);
+		shouldTrigger = scrollTop + clientHeight >= offsetTop + clientTop + height - distance;
+	}
+	if (shouldTrigger) cb.call(instance);
+};
+function checkFull(el, cb) {
+	const { containerEl, instance } = el[SCOPE];
+	const { disabled } = getScrollOptions(el, instance);
+	if (disabled || containerEl.clientHeight === 0) return;
+	if (containerEl.scrollHeight <= containerEl.clientHeight) cb.call(instance);
+	else destroyObserver(el);
+}
+const InfiniteScroll = {
+	async mounted(el, binding) {
+		const { instance, value: cb } = binding;
+		require_index.useDeprecated({
+			scope: SCOPE,
+			from: "the directive v-infinite-scroll",
+			replacement: "the el-scrollbar infinite scroll",
+			version: "3.0.0",
+			ref: "https://element-plus.org/en-US/component/scrollbar#infinite-scroll"
+		}, true);
+		if (!(0, _vue_shared.isFunction)(cb)) require_error.throwError(SCOPE, "'v-infinite-scroll' binding value must be a function");
+		await (0, vue.nextTick)();
+		const { delay, immediate } = getScrollOptions(el, instance);
+		const container = require_scroll.getScrollContainer(el, true);
+		const containerEl = container === window ? document.documentElement : container;
+		const onScroll = (0, lodash_unified.throttle)(handleScroll.bind(null, el, cb), delay);
+		if (!container) return;
+		el[SCOPE] = {
+			instance,
+			container,
+			containerEl,
+			delay,
+			cb,
+			onScroll,
+			lastScrollTop: containerEl.scrollTop
+		};
+		if (immediate) {
+			const observer = new MutationObserver((0, lodash_unified.throttle)(checkFull.bind(null, el, cb), CHECK_INTERVAL));
+			el[SCOPE].observer = observer;
+			observer.observe(el, {
+				childList: true,
+				subtree: true
+			});
+			checkFull(el, cb);
+		}
+		container.addEventListener("scroll", onScroll);
+	},
+	unmounted(el) {
+		if (!el[SCOPE]) return;
+		const { container, onScroll } = el[SCOPE];
+		container?.removeEventListener("scroll", onScroll);
+		destroyObserver(el);
+	},
+	async updated(el) {
+		if (!el[SCOPE]) await (0, vue.nextTick)();
+		else {
+			const { containerEl, cb, observer } = el[SCOPE];
+			if (containerEl.clientHeight && observer) checkFull(el, cb);
+		}
+	}
+};
+
+//#endregion
+exports.CHECK_INTERVAL = CHECK_INTERVAL;
+exports.DEFAULT_DELAY = DEFAULT_DELAY;
+exports.DEFAULT_DISTANCE = DEFAULT_DISTANCE;
+exports.SCOPE = SCOPE;
+exports.default = InfiniteScroll;
+//# sourceMappingURL=index.js.map

frontend/admin/node_modules/element-plus/lib/components/infinite-scroll/style/css.js

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+require('../../base/style/css.js');
+require("element-plus/theme-chalk/el-infinite-scroll.css");

frontend/admin/node_modules/element-plus/lib/components/infinite-scroll/style/index.js

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+require('../../base/style/index.js');
+require("element-plus/theme-chalk/src/infinite-scroll.scss");