@g1cloud/open-bluesea-core 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist/index.d.ts

@@ -27,6 +27,8 @@ export { default as BSContextMenuContainer } from '@/contextmenu/BSContextMenuCo
 export { default as BSContextMenu } from '@/contextmenu/BSContextMenu.vue';
 export * from '@/contextmenu/contextMenuPlugin';
 export type * from '@/contextmenu/contextMenuPlugin';
+export * from '@/notification/notificationPlugin';
+export type * from '@/notification/notificationPlugin';
 export type { PageInfo } from '@/component/basic/PageNavigation.model';
 export { default as vTooltip } from '@/directive/vTooltip';
 export { default as vFocusOnLoad } from '@/directive/vFocusOnLoad';

package/dist/open-bluesea-core.es.js

@@ -91,7 +91,36 @@ const BlueseaPlugin = {
   }
 };
 const notificationEntries = reactive([]);
+let nextEntryId = 0;
+const showNotification = (message, style = "info", durationInMilliSeconds = 3e3) => {
+  const entryId = ++nextEntryId;
+  notificationEntries.unshift({
+    entryId,
+    message,
+    style,
+    duration: durationInMilliSeconds
+  });
+  setTimeout(() => {
+    const index = notificationEntries.findIndex((entry) => entry.entryId === entryId);
+    notificationEntries.splice(index, 1);
+  }, durationInMilliSeconds);
+};
 const alarmEntries = reactive([]);
+let nextAlarmEntryId = 0;
+const showAlarm = (component, durationInMilliSeconds = 3e3) => {
+  const entryId = ++nextAlarmEntryId;
+  alarmEntries.push({
+    entryId,
+    component: markRaw(component),
+    duration: durationInMilliSeconds
+  });
+};
+const closeAlarm = (entryId) => {
+  const index = alarmEntries.findIndex((entry) => entry.entryId === entryId);
+  if (index >= 0) {
+    alarmEntries.splice(index, 1);
+  }
+};
 const tooltipEntry = ref();
 const showTooltip = (content, target) => {
   tooltipEntry.value = {
@@ -109,6 +138,30 @@ const isTooltipDisplayed = () => {
   return !!tooltipEntry.value;
 };
 const showLoadingIcon = ref(false);
+let showLoadingCount = 0;
+const showLoading = () => {
+  showLoadingCount++;
+  showLoadingIcon.value = showLoadingCount > 0;
+};
+const hideLoading = () => {
+  showLoadingCount = Math.max(0, showLoadingCount - 1);
+  showLoadingIcon.value = showLoadingCount > 0;
+};
+const withLoading = async (func) => {
+  let shown = false;
+  const timeoutId = window.setTimeout(() => {
+    showLoading();
+    shown = true;
+  }, 300);
+  try {
+    return await func();
+  } finally {
+    if (shown)
+      hideLoading();
+    if (timeoutId)
+      window.clearTimeout(timeoutId);
+  }
+};
 const DEFAULT_TOOLTIP_SHOW_DELAY = 800;
 const DEFAULT_TOOLTIP_HIDE_DELAY = 0;
 const setTooltipParam = (el, param) => {
@@ -4559,12 +4612,24 @@ export {
   BlueseaPlugin,
   ContextMenuPluginKey,
   SavePointImpl,
+  alarmEntries,
   cancelProvidedSavePoint,
+  closeAlarm,
   createContextMenuPlugin,
   debounce,
+  hideLoading,
+  hideTooltip,
+  isTooltipDisplayed,
   notNull,
+  notificationEntries,
   provideFieldContext,
   provideSavePoint,
+  showAlarm,
+  showLoading,
+  showLoadingIcon,
+  showNotification,
+  showTooltip,
+  tooltipEntry,
   tryUntil,
   useContextMenu,
   useContextMenuOptional,
@@ -4574,5 +4639,6 @@ export {
   vFocusOnLoad,
   vTooltip,
   waitDuring,
-  waitUntil
+  waitUntil,
+  withLoading
 };

package/dist/open-bluesea-core.umd.js

@@ -93,7 +93,36 @@
     }
   };
   const notificationEntries = vue.reactive([]);
+  let nextEntryId = 0;
+  const showNotification = (message, style = "info", durationInMilliSeconds = 3e3) => {
+    const entryId = ++nextEntryId;
+    notificationEntries.unshift({
+      entryId,
+      message,
+      style,
+      duration: durationInMilliSeconds
+    });
+    setTimeout(() => {
+      const index = notificationEntries.findIndex((entry) => entry.entryId === entryId);
+      notificationEntries.splice(index, 1);
+    }, durationInMilliSeconds);
+  };
   const alarmEntries = vue.reactive([]);
+  let nextAlarmEntryId = 0;
+  const showAlarm = (component, durationInMilliSeconds = 3e3) => {
+    const entryId = ++nextAlarmEntryId;
+    alarmEntries.push({
+      entryId,
+      component: vue.markRaw(component),
+      duration: durationInMilliSeconds
+    });
+  };
+  const closeAlarm = (entryId) => {
+    const index = alarmEntries.findIndex((entry) => entry.entryId === entryId);
+    if (index >= 0) {
+      alarmEntries.splice(index, 1);
+    }
+  };
   const tooltipEntry = vue.ref();
   const showTooltip = (content, target) => {
     tooltipEntry.value = {
@@ -111,6 +140,30 @@
     return !!tooltipEntry.value;
   };
   const showLoadingIcon = vue.ref(false);
+  let showLoadingCount = 0;
+  const showLoading = () => {
+    showLoadingCount++;
+    showLoadingIcon.value = showLoadingCount > 0;
+  };
+  const hideLoading = () => {
+    showLoadingCount = Math.max(0, showLoadingCount - 1);
+    showLoadingIcon.value = showLoadingCount > 0;
+  };
+  const withLoading = async (func) => {
+    let shown = false;
+    const timeoutId = window.setTimeout(() => {
+      showLoading();
+      shown = true;
+    }, 300);
+    try {
+      return await func();
+    } finally {
+      if (shown)
+        hideLoading();
+      if (timeoutId)
+        window.clearTimeout(timeoutId);
+    }
+  };
   const DEFAULT_TOOLTIP_SHOW_DELAY = 800;
   const DEFAULT_TOOLTIP_HIDE_DELAY = 0;
   const setTooltipParam = (el, param) => {
@@ -4560,12 +4613,24 @@
   exports2.BlueseaPlugin = BlueseaPlugin;
   exports2.ContextMenuPluginKey = ContextMenuPluginKey;
   exports2.SavePointImpl = SavePointImpl;
+  exports2.alarmEntries = alarmEntries;
   exports2.cancelProvidedSavePoint = cancelProvidedSavePoint;
+  exports2.closeAlarm = closeAlarm;
   exports2.createContextMenuPlugin = createContextMenuPlugin;
   exports2.debounce = debounce;
+  exports2.hideLoading = hideLoading;
+  exports2.hideTooltip = hideTooltip;
+  exports2.isTooltipDisplayed = isTooltipDisplayed;
   exports2.notNull = notNull;
+  exports2.notificationEntries = notificationEntries;
   exports2.provideFieldContext = provideFieldContext;
   exports2.provideSavePoint = provideSavePoint;
+  exports2.showAlarm = showAlarm;
+  exports2.showLoading = showLoading;
+  exports2.showLoadingIcon = showLoadingIcon;
+  exports2.showNotification = showNotification;
+  exports2.showTooltip = showTooltip;
+  exports2.tooltipEntry = tooltipEntry;
   exports2.tryUntil = tryUntil;
   exports2.useContextMenu = useContextMenu;
   exports2.useContextMenuOptional = useContextMenuOptional;
@@ -4576,5 +4641,6 @@
   exports2.vTooltip = vTooltip;
   exports2.waitDuring = waitDuring;
   exports2.waitUntil = waitUntil;
+  exports2.withLoading = withLoading;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 }));

package/package.json

@@ -3,7 +3,7 @@
   "description": "Vue UI Library for Management Console.",
   "license": "Proprietary",
   "private": false,
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.5",
   "type": "module",
   "engines": {
     "node": ">= 24.3.0"
@@ -12,6 +12,15 @@
   "main": "./dist/open-bluesea-core.umd.js",
   "module": "./dist/open-bluesea-core.es.js",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/open-bluesea-core.es.js",
+      "require": "./dist/open-bluesea-core.umd.js"
+    },
+    "./css/*": "./css/*",
+    "./dist/*": "./dist/*"
+  },
   "files": [
     "dist",
     "css",