测试
This commit is contained in:
3
frontend/node_modules/element-plus/lib/components/notification/index.d.ts
generated
vendored
Normal file
3
frontend/node_modules/element-plus/lib/components/notification/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
export declare const ElNotification: import("element-plus/es/utils").SFCInstallWithContext<import("./src/notification").Notify>;
|
||||
export default ElNotification;
|
||||
export * from './src/notification';
|
||||
16
frontend/node_modules/element-plus/lib/components/notification/index.js
generated
vendored
Normal file
16
frontend/node_modules/element-plus/lib/components/notification/index.js
generated
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var notify = require('./src/notify.js');
|
||||
var notification = require('./src/notification.js');
|
||||
var install = require('../../utils/vue/install.js');
|
||||
|
||||
const ElNotification = install.withInstallFunction(notify["default"], "$notify");
|
||||
|
||||
exports.notificationEmits = notification.notificationEmits;
|
||||
exports.notificationProps = notification.notificationProps;
|
||||
exports.notificationTypes = notification.notificationTypes;
|
||||
exports.ElNotification = ElNotification;
|
||||
exports["default"] = ElNotification;
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
frontend/node_modules/element-plus/lib/components/notification/index.js.map
generated
vendored
Normal file
1
frontend/node_modules/element-plus/lib/components/notification/index.js.map
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["../../../../../packages/components/notification/index.ts"],"sourcesContent":["import { withInstallFunction } from '@element-plus/utils'\nimport Notify from './src/notify'\n\nexport const ElNotification = withInstallFunction(Notify, '$notify')\nexport default ElNotification\n\nexport * from './src/notification'\n"],"names":["withInstallFunction","Notify"],"mappings":";;;;;;;;AAEY,MAAC,cAAc,GAAGA,2BAAmB,CAACC,iBAAM,EAAE,SAAS;;;;;;;;"}
|
||||
92
frontend/node_modules/element-plus/lib/components/notification/src/notification.d.ts
generated
vendored
Normal file
92
frontend/node_modules/element-plus/lib/components/notification/src/notification.d.ts
generated
vendored
Normal file
@@ -0,0 +1,92 @@
|
||||
import type { AppContext, ExtractPropTypes, VNode, __ExtractPublicPropTypes } from 'vue';
|
||||
import type Notification from './notification.vue';
|
||||
export declare const notificationTypes: readonly ["primary", "success", "info", "warning", "error"];
|
||||
export declare const notificationProps: {
|
||||
readonly customClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly dangerouslyUseHTMLString: BooleanConstructor;
|
||||
readonly duration: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4500, boolean>;
|
||||
readonly icon: {
|
||||
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly message: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => VNode)) | (() => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => VNode)) | ((new (...args: any[]) => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => VNode)) | (() => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => VNode)))[], unknown, unknown, "", boolean>;
|
||||
readonly offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
|
||||
readonly onClick: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => () => void) | (() => () => void) | {
|
||||
(): () => void;
|
||||
new (): any;
|
||||
readonly prototype: any;
|
||||
} | ((new (...args: any[]) => () => void) | (() => () => void) | {
|
||||
(): () => void;
|
||||
new (): any;
|
||||
readonly prototype: any;
|
||||
})[], unknown, unknown, () => undefined, boolean>;
|
||||
readonly onClose: {
|
||||
readonly type: import("vue").PropType<() => void>;
|
||||
readonly required: true;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly position: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
|
||||
readonly showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
||||
readonly title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "error" | "primary" | "success" | "warning" | "info", unknown, "", boolean>;
|
||||
readonly zIndex: NumberConstructor;
|
||||
readonly closeIcon: {
|
||||
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
};
|
||||
export type NotificationProps = ExtractPropTypes<typeof notificationProps>;
|
||||
export type NotificationPropsPublic = __ExtractPublicPropTypes<typeof notificationProps>;
|
||||
export declare const notificationEmits: {
|
||||
destroy: () => boolean;
|
||||
};
|
||||
export type NotificationEmits = typeof notificationEmits;
|
||||
export type NotificationInstance = InstanceType<typeof Notification> & unknown;
|
||||
export type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {
|
||||
/**
|
||||
* @description set the root element for the notification, default to `document.body`
|
||||
*/
|
||||
appendTo?: HTMLElement | string;
|
||||
/**
|
||||
* @description callback function when closed
|
||||
*/
|
||||
onClose?(vm: VNode): void;
|
||||
};
|
||||
export type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>;
|
||||
export interface NotificationHandle {
|
||||
close: () => void;
|
||||
}
|
||||
export type NotificationParams = Partial<NotificationOptions> | string | VNode;
|
||||
export type NotificationParamsTyped = Partial<NotificationOptionsTyped> | string | VNode;
|
||||
export interface NotifyFn {
|
||||
(options?: NotificationParams, appContext?: null | AppContext): NotificationHandle;
|
||||
closeAll(): void;
|
||||
updateOffsets(position?: NotificationOptions['position']): void;
|
||||
_context: AppContext | null;
|
||||
}
|
||||
export type NotifyTypedFn = (options?: NotificationParamsTyped, appContext?: null | AppContext) => NotificationHandle;
|
||||
export interface Notify extends NotifyFn {
|
||||
primary: NotifyTypedFn;
|
||||
success: NotifyTypedFn;
|
||||
warning: NotifyTypedFn;
|
||||
error: NotifyTypedFn;
|
||||
info: NotifyTypedFn;
|
||||
}
|
||||
export interface NotificationQueueItem {
|
||||
vm: VNode;
|
||||
}
|
||||
export type NotificationQueue = NotificationQueueItem[];
|
||||
84
frontend/node_modules/element-plus/lib/components/notification/src/notification.js
generated
vendored
Normal file
84
frontend/node_modules/element-plus/lib/components/notification/src/notification.js
generated
vendored
Normal file
@@ -0,0 +1,84 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var iconsVue = require('@element-plus/icons-vue');
|
||||
var runtime = require('../../../utils/vue/props/runtime.js');
|
||||
var icon = require('../../../utils/vue/icon.js');
|
||||
|
||||
const notificationTypes = [
|
||||
"primary",
|
||||
"success",
|
||||
"info",
|
||||
"warning",
|
||||
"error"
|
||||
];
|
||||
const notificationProps = runtime.buildProps({
|
||||
customClass: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
dangerouslyUseHTMLString: Boolean,
|
||||
duration: {
|
||||
type: Number,
|
||||
default: 4500
|
||||
},
|
||||
icon: {
|
||||
type: icon.iconPropType
|
||||
},
|
||||
id: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
message: {
|
||||
type: runtime.definePropType([
|
||||
String,
|
||||
Object,
|
||||
Function
|
||||
]),
|
||||
default: ""
|
||||
},
|
||||
offset: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
onClick: {
|
||||
type: runtime.definePropType(Function),
|
||||
default: () => void 0
|
||||
},
|
||||
onClose: {
|
||||
type: runtime.definePropType(Function),
|
||||
required: true
|
||||
},
|
||||
position: {
|
||||
type: String,
|
||||
values: ["top-right", "top-left", "bottom-right", "bottom-left"],
|
||||
default: "top-right"
|
||||
},
|
||||
showClose: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
values: [...notificationTypes, ""],
|
||||
default: ""
|
||||
},
|
||||
zIndex: Number,
|
||||
closeIcon: {
|
||||
type: icon.iconPropType,
|
||||
default: iconsVue.Close
|
||||
}
|
||||
});
|
||||
const notificationEmits = {
|
||||
destroy: () => true
|
||||
};
|
||||
|
||||
exports.notificationEmits = notificationEmits;
|
||||
exports.notificationProps = notificationProps;
|
||||
exports.notificationTypes = notificationTypes;
|
||||
//# sourceMappingURL=notification.js.map
|
||||
1
frontend/node_modules/element-plus/lib/components/notification/src/notification.js.map
generated
vendored
Normal file
1
frontend/node_modules/element-plus/lib/components/notification/src/notification.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
134
frontend/node_modules/element-plus/lib/components/notification/src/notification.vue.d.ts
generated
vendored
Normal file
134
frontend/node_modules/element-plus/lib/components/notification/src/notification.vue.d.ts
generated
vendored
Normal file
@@ -0,0 +1,134 @@
|
||||
declare function close(): void;
|
||||
declare function __VLS_template(): {
|
||||
default?(_: {}): any;
|
||||
};
|
||||
declare const __VLS_component: import("vue").DefineComponent<{
|
||||
readonly customClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly dangerouslyUseHTMLString: BooleanConstructor;
|
||||
readonly duration: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4500, boolean>;
|
||||
readonly icon: {
|
||||
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly message: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)) | (() => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)) | ((new (...args: any[]) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)) | (() => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)))[], unknown, unknown, "", boolean>;
|
||||
readonly offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
|
||||
readonly onClick: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => () => void) | (() => () => void) | {
|
||||
(): () => void;
|
||||
new (): any;
|
||||
readonly prototype: any;
|
||||
} | ((new (...args: any[]) => () => void) | (() => () => void) | {
|
||||
(): () => void;
|
||||
new (): any;
|
||||
readonly prototype: any;
|
||||
})[], unknown, unknown, () => undefined, boolean>;
|
||||
readonly onClose: {
|
||||
readonly type: import("vue").PropType<() => void>;
|
||||
readonly required: true;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly position: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
|
||||
readonly showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
||||
readonly title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "error" | "primary" | "success" | "warning" | "info", unknown, "", boolean>;
|
||||
readonly zIndex: NumberConstructor;
|
||||
readonly closeIcon: {
|
||||
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
}, {
|
||||
visible: import("vue").Ref<boolean>;
|
||||
/** @description close notification */
|
||||
close: typeof close;
|
||||
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
||||
destroy: () => void;
|
||||
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
readonly customClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly dangerouslyUseHTMLString: BooleanConstructor;
|
||||
readonly duration: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4500, boolean>;
|
||||
readonly icon: {
|
||||
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly message: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)) | (() => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)) | ((new (...args: any[]) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)) | (() => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)))[], unknown, unknown, "", boolean>;
|
||||
readonly offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
|
||||
readonly onClick: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => () => void) | (() => () => void) | {
|
||||
(): () => void;
|
||||
new (): any;
|
||||
readonly prototype: any;
|
||||
} | ((new (...args: any[]) => () => void) | (() => () => void) | {
|
||||
(): () => void;
|
||||
new (): any;
|
||||
readonly prototype: any;
|
||||
})[], unknown, unknown, () => undefined, boolean>;
|
||||
readonly onClose: {
|
||||
readonly type: import("vue").PropType<() => void>;
|
||||
readonly required: true;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly position: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
|
||||
readonly showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
||||
readonly title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "error" | "primary" | "success" | "warning" | "info", unknown, "", boolean>;
|
||||
readonly zIndex: NumberConstructor;
|
||||
readonly closeIcon: {
|
||||
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
}>> & {
|
||||
onDestroy?: (() => any) | undefined;
|
||||
}, {
|
||||
readonly title: string;
|
||||
readonly position: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown>;
|
||||
readonly offset: number;
|
||||
readonly id: string;
|
||||
readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "primary" | "success" | "warning" | "info", unknown>;
|
||||
readonly message: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)) | (() => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)) | ((new (...args: any[]) => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)) | (() => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}> | (() => import("vue").VNode)))[], unknown, unknown>;
|
||||
readonly onClick: () => void;
|
||||
readonly duration: number;
|
||||
readonly showClose: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
||||
readonly customClass: string;
|
||||
readonly dangerouslyUseHTMLString: boolean;
|
||||
}>;
|
||||
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
||||
export default _default;
|
||||
type __VLS_WithTemplateSlots<T, S> = T & {
|
||||
new (): {
|
||||
$slots: S;
|
||||
};
|
||||
};
|
||||
156
frontend/node_modules/element-plus/lib/components/notification/src/notification2.js
generated
vendored
Normal file
156
frontend/node_modules/element-plus/lib/components/notification/src/notification2.js
generated
vendored
Normal file
@@ -0,0 +1,156 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var vue = require('vue');
|
||||
var core = require('@vueuse/core');
|
||||
var index = require('../../icon/index.js');
|
||||
var notification = require('./notification.js');
|
||||
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
||||
var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
|
||||
var icon = require('../../../utils/vue/icon.js');
|
||||
var event = require('../../../utils/dom/event.js');
|
||||
var aria = require('../../../constants/aria.js');
|
||||
|
||||
const __default__ = vue.defineComponent({
|
||||
name: "ElNotification"
|
||||
});
|
||||
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
||||
...__default__,
|
||||
props: notification.notificationProps,
|
||||
emits: notification.notificationEmits,
|
||||
setup(__props, { expose }) {
|
||||
const props = __props;
|
||||
const { ns, zIndex } = useGlobalConfig.useGlobalComponentSettings("notification");
|
||||
const { nextZIndex, currentZIndex } = zIndex;
|
||||
const visible = vue.ref(false);
|
||||
let timer = void 0;
|
||||
const typeClass = vue.computed(() => {
|
||||
const type = props.type;
|
||||
return type && icon.TypeComponentsMap[props.type] ? ns.m(type) : "";
|
||||
});
|
||||
const iconComponent = vue.computed(() => {
|
||||
if (!props.type)
|
||||
return props.icon;
|
||||
return icon.TypeComponentsMap[props.type] || props.icon;
|
||||
});
|
||||
const horizontalClass = vue.computed(() => props.position.endsWith("right") ? "right" : "left");
|
||||
const verticalProperty = vue.computed(() => props.position.startsWith("top") ? "top" : "bottom");
|
||||
const positionStyle = vue.computed(() => {
|
||||
var _a;
|
||||
return {
|
||||
[verticalProperty.value]: `${props.offset}px`,
|
||||
zIndex: (_a = props.zIndex) != null ? _a : currentZIndex.value
|
||||
};
|
||||
});
|
||||
function startTimer() {
|
||||
if (props.duration > 0) {
|
||||
({ stop: timer } = core.useTimeoutFn(() => {
|
||||
if (visible.value)
|
||||
close();
|
||||
}, props.duration));
|
||||
}
|
||||
}
|
||||
function clearTimer() {
|
||||
timer == null ? void 0 : timer();
|
||||
}
|
||||
function close() {
|
||||
visible.value = false;
|
||||
}
|
||||
function onKeydown(event$1) {
|
||||
const code = event.getEventCode(event$1);
|
||||
switch (code) {
|
||||
case aria.EVENT_CODE.delete:
|
||||
case aria.EVENT_CODE.backspace:
|
||||
clearTimer();
|
||||
break;
|
||||
case aria.EVENT_CODE.esc:
|
||||
if (visible.value) {
|
||||
close();
|
||||
}
|
||||
break;
|
||||
default:
|
||||
startTimer();
|
||||
break;
|
||||
}
|
||||
}
|
||||
vue.onMounted(() => {
|
||||
startTimer();
|
||||
nextZIndex();
|
||||
visible.value = true;
|
||||
});
|
||||
core.useEventListener(document, "keydown", onKeydown);
|
||||
expose({
|
||||
visible,
|
||||
close
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return vue.openBlock(), vue.createBlock(vue.Transition, {
|
||||
name: vue.unref(ns).b("fade"),
|
||||
onBeforeLeave: _ctx.onClose,
|
||||
onAfterLeave: ($event) => _ctx.$emit("destroy"),
|
||||
persisted: ""
|
||||
}, {
|
||||
default: vue.withCtx(() => [
|
||||
vue.withDirectives(vue.createElementVNode("div", {
|
||||
id: _ctx.id,
|
||||
class: vue.normalizeClass([vue.unref(ns).b(), _ctx.customClass, vue.unref(horizontalClass)]),
|
||||
style: vue.normalizeStyle(vue.unref(positionStyle)),
|
||||
role: "alert",
|
||||
onMouseenter: clearTimer,
|
||||
onMouseleave: startTimer,
|
||||
onClick: _ctx.onClick
|
||||
}, [
|
||||
vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(index.ElIcon), {
|
||||
key: 0,
|
||||
class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(typeClass)])
|
||||
}, {
|
||||
default: vue.withCtx(() => [
|
||||
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
|
||||
]),
|
||||
_: 1
|
||||
}, 8, ["class"])) : vue.createCommentVNode("v-if", true),
|
||||
vue.createElementVNode("div", {
|
||||
class: vue.normalizeClass(vue.unref(ns).e("group"))
|
||||
}, [
|
||||
vue.createElementVNode("h2", {
|
||||
class: vue.normalizeClass(vue.unref(ns).e("title")),
|
||||
textContent: vue.toDisplayString(_ctx.title)
|
||||
}, null, 10, ["textContent"]),
|
||||
vue.withDirectives(vue.createElementVNode("div", {
|
||||
class: vue.normalizeClass(vue.unref(ns).e("content")),
|
||||
style: vue.normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
|
||||
}, [
|
||||
vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
||||
!_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", { key: 0 }, vue.toDisplayString(_ctx.message), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
|
||||
vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
|
||||
vue.createElementVNode("p", { innerHTML: _ctx.message }, null, 8, ["innerHTML"])
|
||||
], 2112))
|
||||
])
|
||||
], 6), [
|
||||
[vue.vShow, _ctx.message]
|
||||
]),
|
||||
_ctx.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(index.ElIcon), {
|
||||
key: 0,
|
||||
class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
|
||||
onClick: vue.withModifiers(close, ["stop"])
|
||||
}, {
|
||||
default: vue.withCtx(() => [
|
||||
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon)))
|
||||
]),
|
||||
_: 1
|
||||
}, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
|
||||
], 2)
|
||||
], 46, ["id", "onClick"]), [
|
||||
[vue.vShow, visible.value]
|
||||
])
|
||||
]),
|
||||
_: 3
|
||||
}, 8, ["name", "onBeforeLeave", "onAfterLeave"]);
|
||||
};
|
||||
}
|
||||
});
|
||||
var NotificationConstructor = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "notification.vue"]]);
|
||||
|
||||
exports["default"] = NotificationConstructor;
|
||||
//# sourceMappingURL=notification2.js.map
|
||||
1
frontend/node_modules/element-plus/lib/components/notification/src/notification2.js.map
generated
vendored
Normal file
1
frontend/node_modules/element-plus/lib/components/notification/src/notification2.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
15
frontend/node_modules/element-plus/lib/components/notification/src/notify.d.ts
generated
vendored
Normal file
15
frontend/node_modules/element-plus/lib/components/notification/src/notify.d.ts
generated
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
import type { VNode } from 'vue';
|
||||
import type { NotificationOptions, Notify } from './notification';
|
||||
/**
|
||||
* This function gets called when user click `x` button or press `esc` or the time reached its limitation.
|
||||
* Emitted by transition@before-leave event so that we can fetch the current notification.offsetHeight, if this was called
|
||||
* by @after-leave the DOM element will be removed from the page thus we can no longer fetch the offsetHeight.
|
||||
* @param {String} id notification id to be closed
|
||||
* @param {Position} position the positioning strategy
|
||||
* @param {Function} userOnClose the callback called when close passed by user
|
||||
*/
|
||||
export declare function close(id: string, position: NotificationOptions['position'], userOnClose?: (vm: VNode) => void): void;
|
||||
export declare function closeAll(): void;
|
||||
export declare function updateOffsets(position?: NotificationOptions['position']): void;
|
||||
declare const _default: Notify;
|
||||
export default _default;
|
||||
124
frontend/node_modules/element-plus/lib/components/notification/src/notify.js
generated
vendored
Normal file
124
frontend/node_modules/element-plus/lib/components/notification/src/notify.js
generated
vendored
Normal file
@@ -0,0 +1,124 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var vue = require('vue');
|
||||
var notification = require('./notification2.js');
|
||||
var notification$1 = require('./notification.js');
|
||||
var core = require('@vueuse/core');
|
||||
var shared = require('@vue/shared');
|
||||
var types = require('../../../utils/types.js');
|
||||
|
||||
const notifications = {
|
||||
"top-left": [],
|
||||
"top-right": [],
|
||||
"bottom-left": [],
|
||||
"bottom-right": []
|
||||
};
|
||||
const GAP_SIZE = 16;
|
||||
let seed = 1;
|
||||
const notify = function(options = {}, context) {
|
||||
if (!core.isClient)
|
||||
return { close: () => void 0 };
|
||||
if (shared.isString(options) || vue.isVNode(options)) {
|
||||
options = { message: options };
|
||||
}
|
||||
const position = options.position || "top-right";
|
||||
let verticalOffset = options.offset || 0;
|
||||
notifications[position].forEach(({ vm: vm2 }) => {
|
||||
var _a;
|
||||
verticalOffset += (((_a = vm2.el) == null ? void 0 : _a.offsetHeight) || 0) + GAP_SIZE;
|
||||
});
|
||||
verticalOffset += GAP_SIZE;
|
||||
const id = `notification_${seed++}`;
|
||||
const userOnClose = options.onClose;
|
||||
const props = {
|
||||
...options,
|
||||
offset: verticalOffset,
|
||||
id,
|
||||
onClose: () => {
|
||||
close(id, position, userOnClose);
|
||||
}
|
||||
};
|
||||
let appendTo = document.body;
|
||||
if (types.isElement(options.appendTo)) {
|
||||
appendTo = options.appendTo;
|
||||
} else if (shared.isString(options.appendTo)) {
|
||||
appendTo = document.querySelector(options.appendTo);
|
||||
}
|
||||
if (!types.isElement(appendTo)) {
|
||||
appendTo = document.body;
|
||||
}
|
||||
const container = document.createElement("div");
|
||||
const vm = vue.createVNode(notification["default"], props, shared.isFunction(props.message) ? props.message : vue.isVNode(props.message) ? () => props.message : null);
|
||||
vm.appContext = types.isUndefined(context) ? notify._context : context;
|
||||
vm.props.onDestroy = () => {
|
||||
vue.render(null, container);
|
||||
};
|
||||
vue.render(vm, container);
|
||||
notifications[position].push({ vm });
|
||||
appendTo.appendChild(container.firstElementChild);
|
||||
return {
|
||||
close: () => {
|
||||
vm.component.exposed.visible.value = false;
|
||||
}
|
||||
};
|
||||
};
|
||||
notification$1.notificationTypes.forEach((type) => {
|
||||
notify[type] = (options = {}, appContext) => {
|
||||
if (shared.isString(options) || vue.isVNode(options)) {
|
||||
options = {
|
||||
message: options
|
||||
};
|
||||
}
|
||||
return notify({ ...options, type }, appContext);
|
||||
};
|
||||
});
|
||||
function close(id, position, userOnClose) {
|
||||
const orientedNotifications = notifications[position];
|
||||
const idx = orientedNotifications.findIndex(({ vm: vm2 }) => {
|
||||
var _a;
|
||||
return ((_a = vm2.component) == null ? void 0 : _a.props.id) === id;
|
||||
});
|
||||
if (idx === -1)
|
||||
return;
|
||||
const { vm } = orientedNotifications[idx];
|
||||
if (!vm)
|
||||
return;
|
||||
userOnClose == null ? void 0 : userOnClose(vm);
|
||||
const removedHeight = vm.el.offsetHeight;
|
||||
const verticalPos = position.split("-")[0];
|
||||
orientedNotifications.splice(idx, 1);
|
||||
const len = orientedNotifications.length;
|
||||
if (len < 1)
|
||||
return;
|
||||
for (let i = idx; i < len; i++) {
|
||||
const { el, component } = orientedNotifications[i].vm;
|
||||
const pos = Number.parseInt(el.style[verticalPos], 10) - removedHeight - GAP_SIZE;
|
||||
component.props.offset = pos;
|
||||
}
|
||||
}
|
||||
function closeAll() {
|
||||
for (const orientedNotifications of Object.values(notifications)) {
|
||||
orientedNotifications.forEach(({ vm }) => {
|
||||
vm.component.exposed.visible.value = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
function updateOffsets(position = "top-right") {
|
||||
var _a, _b, _c, _d;
|
||||
let verticalOffset = ((_c = (_b = (_a = notifications[position][0]) == null ? void 0 : _a.vm.component) == null ? void 0 : _b.props) == null ? void 0 : _c.offset) || 0;
|
||||
for (const { vm } of notifications[position]) {
|
||||
vm.component.props.offset = verticalOffset;
|
||||
verticalOffset += (((_d = vm.el) == null ? void 0 : _d.offsetHeight) || 0) + GAP_SIZE;
|
||||
}
|
||||
}
|
||||
notify.closeAll = closeAll;
|
||||
notify.updateOffsets = updateOffsets;
|
||||
notify._context = null;
|
||||
|
||||
exports.close = close;
|
||||
exports.closeAll = closeAll;
|
||||
exports["default"] = notify;
|
||||
exports.updateOffsets = updateOffsets;
|
||||
//# sourceMappingURL=notify.js.map
|
||||
1
frontend/node_modules/element-plus/lib/components/notification/src/notify.js.map
generated
vendored
Normal file
1
frontend/node_modules/element-plus/lib/components/notification/src/notify.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
2
frontend/node_modules/element-plus/lib/components/notification/style/css.d.ts
generated
vendored
Normal file
2
frontend/node_modules/element-plus/lib/components/notification/style/css.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import 'element-plus/es/components/base/style/css';
|
||||
import 'element-plus/theme-chalk/el-notification.css';
|
||||
6
frontend/node_modules/element-plus/lib/components/notification/style/css.js
generated
vendored
Normal file
6
frontend/node_modules/element-plus/lib/components/notification/style/css.js
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
'use strict';
|
||||
|
||||
require('../../base/style/css.js');
|
||||
require('element-plus/theme-chalk/el-notification.css');
|
||||
|
||||
//# sourceMappingURL=css.js.map
|
||||
1
frontend/node_modules/element-plus/lib/components/notification/style/css.js.map
generated
vendored
Normal file
1
frontend/node_modules/element-plus/lib/components/notification/style/css.js.map
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
||||
2
frontend/node_modules/element-plus/lib/components/notification/style/index.d.ts
generated
vendored
Normal file
2
frontend/node_modules/element-plus/lib/components/notification/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import 'element-plus/es/components/base/style';
|
||||
import 'element-plus/theme-chalk/src/notification.scss';
|
||||
6
frontend/node_modules/element-plus/lib/components/notification/style/index.js
generated
vendored
Normal file
6
frontend/node_modules/element-plus/lib/components/notification/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
'use strict';
|
||||
|
||||
require('../../base/style/index.js');
|
||||
require('element-plus/theme-chalk/src/notification.scss');
|
||||
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
frontend/node_modules/element-plus/lib/components/notification/style/index.js.map
generated
vendored
Normal file
1
frontend/node_modules/element-plus/lib/components/notification/style/index.js.map
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
||||
Reference in New Issue
Block a user