@g1cloud/open-bluesea-core 1.0.0-alpha.6 → 1.0.0-alpha.8

package/dist/index.d.ts

@@ -694,6 +694,7 @@ export declare class BSContextMenuPlugin {
     options: Ref<ContextMenuOptions | undefined, ContextMenuOptions | undefined>;
     showContextMenu(event: MousePosition, menus: MenuItem[], options?: ContextMenuOptions): void;
     hideContextMenu(): void;
+    install(app: App): void;
     private markComponentRaw;
 }
 
@@ -702,9 +703,9 @@ export declare const BSDateInput: DefineComponent<__VLS_Props_11, {}, {}, {}, {}
 }, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{
 "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
 }>, {
+width: string;
 tabindex: number;
 resolution: DateResolution;
-width: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 root: HTMLDivElement;
 field: HTMLInputElement;
@@ -728,9 +729,9 @@ export declare const BSDateRange: DefineComponent<__VLS_Props_13, {}, {}, {}, {}
 "onUpdate:fromValue"?: ((value?: string | undefined) => any) | undefined;
 "onUpdate:toValue"?: ((value?: string | undefined) => any) | undefined;
 }>, {
+width: string;
 tabindex: number;
 resolution: DateResolution;
-width: string;
 validateDateOrder: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 root: HTMLDivElement;
@@ -831,8 +832,8 @@ export declare const BSNumberInput: DefineComponent<__VLS_Props_8, {}, {}, {}, {
 }, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{
 "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
 }>, {
-tabindex: number;
 width: string;
+tabindex: number;
 format: boolean;
 formatInViewMode: boolean;
 formatOnBlur: boolean;
@@ -950,8 +951,8 @@ export declare const BSTextArea: DefineComponent<__VLS_Props_9, {}, {}, {}, {},
 }, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-tabindex: number;
 width: string;
+tabindex: number;
 trimValue: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 field: HTMLTextAreaElement;
@@ -963,8 +964,8 @@ export declare const BSTextInput: DefineComponent<__VLS_Props_7, {}, {}, {}, {},
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
 name: string;
-tabindex: number;
 width: string;
+tabindex: number;
 inputType: "text" | "password";
 trimValue: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {

package/dist/open-bluesea-core.css

@@ -1676,6 +1676,7 @@
 .bs-date-range .input-area input {
   width: calc(var(--spacing) * 16);
   border-style: var(--tw-border-style);
+  padding-inline: calc(var(--spacing) * 1.5);
   padding-right: calc(var(--spacing) * 0);
   --tw-outline-style: none;
   color: var(--body-text);

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

@@ -1,4 +1,4 @@
-import { inject, ref, markRaw, reactive, defineComponent, withDirectives, createBlock, openBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, createCommentVNode, createElementVNode, toDisplayString, unref, computed, withModifiers, Fragment, renderList, onMounted, onBeforeUnmount, Teleport, createVNode, Transition, normalizeStyle, renderSlot, watch, nextTick, withKeys, provide, shallowRef, useTemplateRef, mergeProps, isRef, toHandlers, vModelDynamic, vModelText, useSlots, vShow, defineAsyncComponent, TransitionGroup, resolveComponent } from "vue";
+import { inject, ref, markRaw, provide, reactive, defineAsyncComponent, defineComponent, withDirectives, createBlock, openBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, createCommentVNode, createElementVNode, toDisplayString, unref, computed, withModifiers, Fragment, renderList, onMounted, onBeforeUnmount, Teleport, createVNode, Transition, normalizeStyle, renderSlot, watch, nextTick, withKeys, shallowRef, useTemplateRef, mergeProps, isRef, toHandlers, vModelDynamic, vModelText, useSlots, vShow, TransitionGroup, resolveComponent } from "vue";
 import dayjs from "dayjs";
 const ContextMenuPluginKey = Symbol("BlueseaContextMenuPlugin");
 class BSContextMenuPlugin {
@@ -19,9 +19,9 @@ class BSContextMenuPlugin {
     this.position.value = void 0;
     this.options.value = void 0;
   }
-  // install(app: AbstractApp) {
-  //   app.provide(contextMenuPluginKey, this)
-  // }
+  install(app) {
+    app.provide(ContextMenuPluginKey, this);
+  }
   markComponentRaw(menus) {
     menus.forEach((menu) => {
       if (menu.component) menu.component = markRaw(menu.component);
@@ -40,6 +40,110 @@ const useContextMenuOptional = () => {
 const createContextMenuPlugin = () => {
   return new BSContextMenuPlugin();
 };
+const modalPluginKey = "BlueseaModalPlugin";
+const modalHandleKey = "BlueseaModalHandle";
+class ModalHandleImpl {
+  constructor(modal, modalId) {
+    this.modal = modal;
+    this.modalId = modalId;
+  }
+  maximized = false;
+  defaultStyleListener;
+  defaultPositionListener;
+  close() {
+    this.modal.closeModal(this.modalId);
+  }
+  setDefaultStyle(modalStyle) {
+    this.defaultStyleListener?.(modalStyle);
+  }
+  setDefaultPosition(modalPosition) {
+    this.defaultPositionListener?.(modalPosition);
+  }
+  setDefaultStyleListener(listener) {
+    this.defaultStyleListener = listener;
+  }
+  setDefaultPositionListener(listener) {
+    this.defaultPositionListener = listener;
+  }
+}
+class BSModal {
+  modalItems = reactive([]);
+  openModal(modalItem) {
+    const modalId = Math.random().toString(36);
+    const handle = new ModalHandleImpl(this, modalId);
+    const registered = {
+      modalId,
+      pageId: modalItem.pageId,
+      component: markRaw(modalItem.component),
+      style: modalItem.style,
+      position: modalItem.position,
+      bind: modalItem.bind,
+      on: modalItem.on,
+      slots: modalItem.slots,
+      modalHandle: handle
+    };
+    this.modalItems.push(registered);
+    return registered;
+  }
+  closeModal(modalItem) {
+    let index = -1;
+    if (typeof modalItem === "string") {
+      index = this.modalItems.findIndex((item) => item.modalId === modalItem);
+    } else {
+      index = this.modalItems.findIndex((item) => item === modalItem);
+    }
+    if (index >= 0) this.modalItems.splice(index, 1);
+  }
+  closeAllModals() {
+    this.modalItems.splice(0, this.modalItems.length);
+  }
+  openAlert(title, message, clickHandler) {
+    const option = {
+      component: defineAsyncComponent(() => import("./BSAlertModal-ZEIUM0ut.js")),
+      bind: {
+        title,
+        message
+      },
+      on: {
+        click: async () => await clickHandler?.()
+      }
+    };
+    return this.openModal(option);
+  }
+  openYesNo(title, message, yesHandler, noHandler) {
+    const option = {
+      component: defineAsyncComponent(() => import("./BSYesNoModal-Cs6mgXcP.js")),
+      bind: {
+        title,
+        message
+      },
+      on: {
+        clickYes: async () => await yesHandler?.(),
+        clickNo: async () => await noHandler?.()
+      }
+    };
+    return this.openModal(option);
+  }
+  install(app) {
+    app.provide(modalPluginKey, this);
+  }
+}
+const useModal = () => {
+  const modal = inject(modalPluginKey);
+  if (!modal) throw new Error("BSModal is not initialized.");
+  return modal;
+};
+const provideModalHandle = (modalHandle) => {
+  provide(modalHandleKey, modalHandle);
+};
+const useModalHandle = () => {
+  const modalHandle = inject(modalHandleKey);
+  if (!modalHandle) throw new Error("ModalHandle not found. Maybe not inside modal component.");
+  return modalHandle;
+};
+const createModalPlugin = () => {
+  return new BSModal();
+};
 class BlueseaConfig {
   dateFormat = "YYYY-MM-DD HH:mm";
   dateFormatDay = "YYYY-MM-DD";
@@ -78,8 +182,10 @@ const BlueseaPlugin = {
   install(app, options) {
     const config = new BlueseaConfig(options);
     app.provide(BlueseaConfigKey, config);
-    const contextMenu = new BSContextMenuPlugin();
+    const contextMenu = createContextMenuPlugin();
     app.provide(ContextMenuPluginKey, contextMenu);
+    const modal = createModalPlugin();
+    app.use(modal);
   }
 };
 const notificationEntries = reactive([]);
@@ -4352,110 +4458,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const modalPluginKey = "BlueseaModalPlugin";
-const modalHandleKey = "BlueseaModalHandle";
-class ModalHandleImpl {
-  constructor(modal, modalId) {
-    this.modal = modal;
-    this.modalId = modalId;
-  }
-  maximized = false;
-  defaultStyleListener;
-  defaultPositionListener;
-  close() {
-    this.modal.closeModal(this.modalId);
-  }
-  setDefaultStyle(modalStyle) {
-    this.defaultStyleListener?.(modalStyle);
-  }
-  setDefaultPosition(modalPosition) {
-    this.defaultPositionListener?.(modalPosition);
-  }
-  setDefaultStyleListener(listener) {
-    this.defaultStyleListener = listener;
-  }
-  setDefaultPositionListener(listener) {
-    this.defaultPositionListener = listener;
-  }
-}
-class BSModal {
-  modalItems = reactive([]);
-  openModal(modalItem) {
-    const modalId = Math.random().toString(36);
-    const handle = new ModalHandleImpl(this, modalId);
-    const registered = {
-      modalId,
-      pageId: modalItem.pageId,
-      component: markRaw(modalItem.component),
-      style: modalItem.style,
-      position: modalItem.position,
-      bind: modalItem.bind,
-      on: modalItem.on,
-      slots: modalItem.slots,
-      modalHandle: handle
-    };
-    this.modalItems.push(registered);
-    return registered;
-  }
-  closeModal(modalItem) {
-    let index = -1;
-    if (typeof modalItem === "string") {
-      index = this.modalItems.findIndex((item) => item.modalId === modalItem);
-    } else {
-      index = this.modalItems.findIndex((item) => item === modalItem);
-    }
-    if (index >= 0) this.modalItems.splice(index, 1);
-  }
-  closeAllModals() {
-    this.modalItems.splice(0, this.modalItems.length);
-  }
-  openAlert(title, message, clickHandler) {
-    const option = {
-      component: defineAsyncComponent(() => import("./BSAlertModal-ZEIUM0ut.js")),
-      bind: {
-        title,
-        message
-      },
-      on: {
-        click: async () => await clickHandler?.()
-      }
-    };
-    return this.openModal(option);
-  }
-  openYesNo(title, message, yesHandler, noHandler) {
-    const option = {
-      component: defineAsyncComponent(() => import("./BSYesNoModal-Cs6mgXcP.js")),
-      bind: {
-        title,
-        message
-      },
-      on: {
-        clickYes: async () => await yesHandler?.(),
-        clickNo: async () => await noHandler?.()
-      }
-    };
-    return this.openModal(option);
-  }
-  install(app) {
-    app.provide(modalPluginKey, this);
-  }
-}
-const useModal = () => {
-  const modal = inject(modalPluginKey);
-  if (!modal) throw new Error("BSModal is not initialized.");
-  return modal;
-};
-const provideModalHandle = (modalHandle) => {
-  provide(modalHandleKey, modalHandle);
-};
-const useModalHandle = () => {
-  const modalHandle = inject(modalHandleKey);
-  if (!modalHandle) throw new Error("ModalHandle not found. Maybe not inside modal component.");
-  return modalHandle;
-};
-const createModalPlugin = () => {
-  return new BSModal();
-};
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "BSModalWrapper",
   props: {

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

@@ -21,9 +21,9 @@
       this.position.value = void 0;
       this.options.value = void 0;
     }
-    // install(app: AbstractApp) {
-    //   app.provide(contextMenuPluginKey, this)
-    // }
+    install(app) {
+      app.provide(ContextMenuPluginKey, this);
+    }
     markComponentRaw(menus) {
       menus.forEach((menu) => {
         if (menu.component) menu.component = vue.markRaw(menu.component);
@@ -42,6 +42,110 @@
   const createContextMenuPlugin = () => {
     return new BSContextMenuPlugin();
   };
+  const modalPluginKey = "BlueseaModalPlugin";
+  const modalHandleKey = "BlueseaModalHandle";
+  class ModalHandleImpl {
+    constructor(modal, modalId) {
+      this.modal = modal;
+      this.modalId = modalId;
+    }
+    maximized = false;
+    defaultStyleListener;
+    defaultPositionListener;
+    close() {
+      this.modal.closeModal(this.modalId);
+    }
+    setDefaultStyle(modalStyle) {
+      this.defaultStyleListener?.(modalStyle);
+    }
+    setDefaultPosition(modalPosition) {
+      this.defaultPositionListener?.(modalPosition);
+    }
+    setDefaultStyleListener(listener) {
+      this.defaultStyleListener = listener;
+    }
+    setDefaultPositionListener(listener) {
+      this.defaultPositionListener = listener;
+    }
+  }
+  class BSModal {
+    modalItems = vue.reactive([]);
+    openModal(modalItem) {
+      const modalId = Math.random().toString(36);
+      const handle = new ModalHandleImpl(this, modalId);
+      const registered = {
+        modalId,
+        pageId: modalItem.pageId,
+        component: vue.markRaw(modalItem.component),
+        style: modalItem.style,
+        position: modalItem.position,
+        bind: modalItem.bind,
+        on: modalItem.on,
+        slots: modalItem.slots,
+        modalHandle: handle
+      };
+      this.modalItems.push(registered);
+      return registered;
+    }
+    closeModal(modalItem) {
+      let index = -1;
+      if (typeof modalItem === "string") {
+        index = this.modalItems.findIndex((item) => item.modalId === modalItem);
+      } else {
+        index = this.modalItems.findIndex((item) => item === modalItem);
+      }
+      if (index >= 0) this.modalItems.splice(index, 1);
+    }
+    closeAllModals() {
+      this.modalItems.splice(0, this.modalItems.length);
+    }
+    openAlert(title, message, clickHandler) {
+      const option = {
+        component: vue.defineAsyncComponent(() => Promise.resolve().then(() => BSAlertModal)),
+        bind: {
+          title,
+          message
+        },
+        on: {
+          click: async () => await clickHandler?.()
+        }
+      };
+      return this.openModal(option);
+    }
+    openYesNo(title, message, yesHandler, noHandler) {
+      const option = {
+        component: vue.defineAsyncComponent(() => Promise.resolve().then(() => BSYesNoModal)),
+        bind: {
+          title,
+          message
+        },
+        on: {
+          clickYes: async () => await yesHandler?.(),
+          clickNo: async () => await noHandler?.()
+        }
+      };
+      return this.openModal(option);
+    }
+    install(app) {
+      app.provide(modalPluginKey, this);
+    }
+  }
+  const useModal = () => {
+    const modal = vue.inject(modalPluginKey);
+    if (!modal) throw new Error("BSModal is not initialized.");
+    return modal;
+  };
+  const provideModalHandle = (modalHandle) => {
+    vue.provide(modalHandleKey, modalHandle);
+  };
+  const useModalHandle = () => {
+    const modalHandle = vue.inject(modalHandleKey);
+    if (!modalHandle) throw new Error("ModalHandle not found. Maybe not inside modal component.");
+    return modalHandle;
+  };
+  const createModalPlugin = () => {
+    return new BSModal();
+  };
   class BlueseaConfig {
     dateFormat = "YYYY-MM-DD HH:mm";
     dateFormatDay = "YYYY-MM-DD";
@@ -80,8 +184,10 @@
     install(app, options) {
       const config = new BlueseaConfig(options);
       app.provide(BlueseaConfigKey, config);
-      const contextMenu = new BSContextMenuPlugin();
+      const contextMenu = createContextMenuPlugin();
       app.provide(ContextMenuPluginKey, contextMenu);
+      const modal = createModalPlugin();
+      app.use(modal);
     }
   };
   const notificationEntries = vue.reactive([]);
@@ -4354,110 +4460,6 @@
       };
     }
   });
-  const modalPluginKey = "BlueseaModalPlugin";
-  const modalHandleKey = "BlueseaModalHandle";
-  class ModalHandleImpl {
-    constructor(modal, modalId) {
-      this.modal = modal;
-      this.modalId = modalId;
-    }
-    maximized = false;
-    defaultStyleListener;
-    defaultPositionListener;
-    close() {
-      this.modal.closeModal(this.modalId);
-    }
-    setDefaultStyle(modalStyle) {
-      this.defaultStyleListener?.(modalStyle);
-    }
-    setDefaultPosition(modalPosition) {
-      this.defaultPositionListener?.(modalPosition);
-    }
-    setDefaultStyleListener(listener) {
-      this.defaultStyleListener = listener;
-    }
-    setDefaultPositionListener(listener) {
-      this.defaultPositionListener = listener;
-    }
-  }
-  class BSModal {
-    modalItems = vue.reactive([]);
-    openModal(modalItem) {
-      const modalId = Math.random().toString(36);
-      const handle = new ModalHandleImpl(this, modalId);
-      const registered = {
-        modalId,
-        pageId: modalItem.pageId,
-        component: vue.markRaw(modalItem.component),
-        style: modalItem.style,
-        position: modalItem.position,
-        bind: modalItem.bind,
-        on: modalItem.on,
-        slots: modalItem.slots,
-        modalHandle: handle
-      };
-      this.modalItems.push(registered);
-      return registered;
-    }
-    closeModal(modalItem) {
-      let index = -1;
-      if (typeof modalItem === "string") {
-        index = this.modalItems.findIndex((item) => item.modalId === modalItem);
-      } else {
-        index = this.modalItems.findIndex((item) => item === modalItem);
-      }
-      if (index >= 0) this.modalItems.splice(index, 1);
-    }
-    closeAllModals() {
-      this.modalItems.splice(0, this.modalItems.length);
-    }
-    openAlert(title, message, clickHandler) {
-      const option = {
-        component: vue.defineAsyncComponent(() => Promise.resolve().then(() => BSAlertModal)),
-        bind: {
-          title,
-          message
-        },
-        on: {
-          click: async () => await clickHandler?.()
-        }
-      };
-      return this.openModal(option);
-    }
-    openYesNo(title, message, yesHandler, noHandler) {
-      const option = {
-        component: vue.defineAsyncComponent(() => Promise.resolve().then(() => BSYesNoModal)),
-        bind: {
-          title,
-          message
-        },
-        on: {
-          clickYes: async () => await yesHandler?.(),
-          clickNo: async () => await noHandler?.()
-        }
-      };
-      return this.openModal(option);
-    }
-    install(app) {
-      app.provide(modalPluginKey, this);
-    }
-  }
-  const useModal = () => {
-    const modal = vue.inject(modalPluginKey);
-    if (!modal) throw new Error("BSModal is not initialized.");
-    return modal;
-  };
-  const provideModalHandle = (modalHandle) => {
-    vue.provide(modalHandleKey, modalHandle);
-  };
-  const useModalHandle = () => {
-    const modalHandle = vue.inject(modalHandleKey);
-    if (!modalHandle) throw new Error("ModalHandle not found. Maybe not inside modal component.");
-    return modalHandle;
-  };
-  const createModalPlugin = () => {
-    return new BSModal();
-  };
   const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     __name: "BSModalWrapper",
     props: {

package/package.json

@@ -3,7 +3,7 @@
   "description": "Vue UI Library for Management Console.",
   "license": "Proprietary",
   "private": false,
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.8",
   "type": "module",
   "engines": {
     "node": ">= 24.3.0"