@yh-ui/components 1.0.25 → 1.0.30

package/dist/notification/index.cjs

@@ -7,7 +7,8 @@ var _exportNames = {
   YhNotification: true
 };
 module.exports = exports.YhNotification = void 0;
-var _method = _interopRequireDefault(require("./src/method.cjs"));
+var _utils = require("@yh-ui/utils");
+var _method = _interopRequireWildcard(require("./src/method.cjs"));
 var _notification = require("./src/notification.cjs");
 Object.keys(_notification).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -20,6 +21,11 @@ Object.keys(_notification).forEach(function (key) {
     }
   });
 });
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const YhNotification = exports.YhNotification = _method.default;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const YhNotification = exports.YhNotification = (0, _utils.withInstallFunction)(_method.default, "$notify");
+YhNotification.install = app => {
+  (0, _method.setNotificationDefaultAppContext)(app._context);
+  app.config.globalProperties.$notify = YhNotification;
+};
 module.exports = YhNotification;

package/dist/notification/index.d.ts

@@ -1,4 +1,4 @@
-export declare const YhNotification: import(".").NotificationFn;
+export declare const YhNotification: import("@yh-ui/utils").SFCWithInstall<import(".").NotificationFn>;
 export default YhNotification;
 export * from './src/notification';
 export type YhNotificationProps = import('./src/notification').NotificationProps;

package/dist/notification/index.mjs

@@ -1,4 +1,9 @@
-import Notification from "./src/method.mjs";
-export const YhNotification = Notification;
+import { withInstallFunction } from "@yh-ui/utils";
+import Notification, { setNotificationDefaultAppContext } from "./src/method.mjs";
+export const YhNotification = withInstallFunction(Notification, "$notify");
+YhNotification.install = (app) => {
+  setNotificationDefaultAppContext(app._context);
+  app.config.globalProperties.$notify = YhNotification;
+};
 export default YhNotification;
 export * from "./src/notification.mjs";

package/dist/notification/src/method.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
+exports.setNotificationDefaultAppContext = exports.default = void 0;
 var _vue = require("vue");
 var _notification = _interopRequireDefault(require("./notification.vue"));
 require("./notification.css");
@@ -17,6 +17,20 @@ const instances = {
   "bottom-center": []
 };
 let seed = 1;
+let defaultAppContext = null;
+const setNotificationDefaultAppContext = appContext => {
+  defaultAppContext = appContext ?? null;
+};
+exports.setNotificationDefaultAppContext = setNotificationDefaultAppContext;
+const resolveMountTarget = appendTo => {
+  if (appendTo) {
+    if (typeof appendTo === "string") {
+      return document.querySelector(appendTo) ?? document.body;
+    }
+    return appendTo;
+  }
+  return document.querySelector(".yh-config-provider") ?? document.body;
+};
 const getOffset = (position, offset) => {
   const list = instances[position];
   return list.reduce((acc, ctx) => {
@@ -27,11 +41,18 @@ const getOffset = (position, offset) => {
     return acc;
   }, offset);
 };
-const createNotification = options => {
+const createNotification = (options, appContext) => {
   const id = `notification_${seed++}`;
   const position = options.position || "top-right";
   const userOnClose = options.onClose;
   const max = options.max;
+  const resolvedAppContext = appContext ?? options.appContext ?? defaultAppContext;
+  const mountTarget = resolveMountTarget(options.appendTo);
+  const {
+    appContext: _appContext,
+    appendTo: _appendTo,
+    ...restOptions
+  } = options;
   if (max !== void 0 && max > 0) {
     const list = instances[position];
     const toCloseCount = list.length + 1 - max;
@@ -43,7 +64,7 @@ const createNotification = options => {
     }
   }
   const props = (0, _vue.shallowReactive)({
-    ...options,
+    ...restOptions,
     id,
     position,
     offset: getOffset(position, options.offset || 16),
@@ -56,8 +77,8 @@ const createNotification = options => {
   container.className = `yh-notification-container_${id}`;
   const onDestroy = () => {
     (0, _vue.render)(null, container);
-    if (document.body.contains(container)) {
-      document.body.removeChild(container);
+    if (mountTarget.contains(container)) {
+      mountTarget.removeChild(container);
     }
   };
   const vnodeProps = {
@@ -65,8 +86,11 @@ const createNotification = options => {
     onDestroy
   };
   const vnode = (0, _vue.createVNode)(_notification.default, vnodeProps, null);
+  if (resolvedAppContext) {
+    vnode.appContext = resolvedAppContext;
+  }
   (0, _vue.render)(vnode, container);
-  document.body.appendChild(container);
+  mountTarget.appendChild(container);
   const vm = vnode.component;
   const handler = {
     close: () => {
@@ -117,15 +141,15 @@ const closeAll = () => {
     });
   });
 };
-const Notification = options => {
+const Notification = (options, appContext) => {
   if (typeof options === "string") {
     options = {
       message: options
     };
   }
-  return createNotification(options);
+  return createNotification(options, appContext);
 };
-Notification.success = (title, message) => {
+Notification.success = (title, message, appContext) => {
   const options = typeof message === "string" ? {
     title,
     message
@@ -136,9 +160,9 @@ Notification.success = (title, message) => {
   return createNotification({
     ...options,
     type: "success"
-  });
+  }, appContext);
 };
-Notification.warning = (title, message) => {
+Notification.warning = (title, message, appContext) => {
   const options = typeof message === "string" ? {
     title,
     message
@@ -149,9 +173,9 @@ Notification.warning = (title, message) => {
   return createNotification({
     ...options,
     type: "warning"
-  });
+  }, appContext);
 };
-Notification.info = (title, message) => {
+Notification.info = (title, message, appContext) => {
   const options = typeof message === "string" ? {
     title,
     message
@@ -162,9 +186,9 @@ Notification.info = (title, message) => {
   return createNotification({
     ...options,
     type: "info"
-  });
+  }, appContext);
 };
-Notification.error = (title, message) => {
+Notification.error = (title, message, appContext) => {
   const options = typeof message === "string" ? {
     title,
     message
@@ -175,7 +199,7 @@ Notification.error = (title, message) => {
   return createNotification({
     ...options,
     type: "error"
-  });
+  }, appContext);
 };
 Notification.closeAll = closeAll;
 module.exports = Notification;

package/dist/notification/src/method.d.ts

@@ -2,7 +2,9 @@
  * Notification 方法
  * @description 函数式调用通知
  */
+import { type AppContext } from 'vue';
 import type { NotificationFn } from './notification';
 import './notification.css';
+export declare const setNotificationDefaultAppContext: (appContext?: AppContext | null) => void;
 declare const Notification: NotificationFn;
 export default Notification;

package/dist/notification/src/method.mjs

@@ -10,6 +10,19 @@ const instances = {
   "bottom-center": []
 };
 let seed = 1;
+let defaultAppContext = null;
+export const setNotificationDefaultAppContext = (appContext) => {
+  defaultAppContext = appContext ?? null;
+};
+const resolveMountTarget = (appendTo) => {
+  if (appendTo) {
+    if (typeof appendTo === "string") {
+      return document.querySelector(appendTo) ?? document.body;
+    }
+    return appendTo;
+  }
+  return document.querySelector(".yh-config-provider") ?? document.body;
+};
 const getOffset = (position, offset) => {
   const list = instances[position];
   return list.reduce((acc, ctx) => {
@@ -20,11 +33,14 @@ const getOffset = (position, offset) => {
     return acc;
   }, offset);
 };
-const createNotification = (options) => {
+const createNotification = (options, appContext) => {
   const id = `notification_${seed++}`;
   const position = options.position || "top-right";
   const userOnClose = options.onClose;
   const max = options.max;
+  const resolvedAppContext = appContext ?? options.appContext ?? defaultAppContext;
+  const mountTarget = resolveMountTarget(options.appendTo);
+  const { appContext: _appContext, appendTo: _appendTo, ...restOptions } = options;
   if (max !== void 0 && max > 0) {
     const list = instances[position];
     const toCloseCount = list.length + 1 - max;
@@ -36,7 +52,7 @@ const createNotification = (options) => {
     }
   }
   const props = shallowReactive({
-    ...options,
+    ...restOptions,
     id,
     position,
     offset: getOffset(position, options.offset || 16),
@@ -49,8 +65,8 @@ const createNotification = (options) => {
   container.className = `yh-notification-container_${id}`;
   const onDestroy = () => {
     render(null, container);
-    if (document.body.contains(container)) {
-      document.body.removeChild(container);
+    if (mountTarget.contains(container)) {
+      mountTarget.removeChild(container);
     }
   };
   const vnodeProps = {
@@ -58,8 +74,11 @@ const createNotification = (options) => {
     onDestroy
   };
   const vnode = createVNode(NotificationConstructor, vnodeProps, null);
+  if (resolvedAppContext) {
+    vnode.appContext = resolvedAppContext;
+  }
   render(vnode, container);
-  document.body.appendChild(container);
+  mountTarget.appendChild(container);
   const vm = vnode.component;
   const handler = {
     close: () => {
@@ -110,27 +129,27 @@ const closeAll = () => {
     });
   });
 };
-const Notification = ((options) => {
+const Notification = ((options, appContext) => {
   if (typeof options === "string") {
     options = { message: options };
   }
-  return createNotification(options);
+  return createNotification(options, appContext);
 });
-Notification.success = (title, message) => {
+Notification.success = (title, message, appContext) => {
   const options = typeof message === "string" ? { title, message } : { title, ...message || {} };
-  return createNotification({ ...options, type: "success" });
+  return createNotification({ ...options, type: "success" }, appContext);
 };
-Notification.warning = (title, message) => {
+Notification.warning = (title, message, appContext) => {
   const options = typeof message === "string" ? { title, message } : { title, ...message || {} };
-  return createNotification({ ...options, type: "warning" });
+  return createNotification({ ...options, type: "warning" }, appContext);
 };
-Notification.info = (title, message) => {
+Notification.info = (title, message, appContext) => {
   const options = typeof message === "string" ? { title, message } : { title, ...message || {} };
-  return createNotification({ ...options, type: "info" });
+  return createNotification({ ...options, type: "info" }, appContext);
 };
-Notification.error = (title, message) => {
+Notification.error = (title, message, appContext) => {
   const options = typeof message === "string" ? { title, message } : { title, ...message || {} };
-  return createNotification({ ...options, type: "error" });
+  return createNotification({ ...options, type: "error" }, appContext);
 };
 Notification.closeAll = closeAll;
 export default Notification;