ch3chi-commons-vue 0.1.4 → 0.1.7

package/dist/directive/CBootstrapDirective.d.ts

@@ -0,0 +1,17 @@
+import { Directive } from 'vue';
+/**
+ * v-tooltip 指令
+ * 初始化 Bootstrap 的 Tooltip
+ * 使用方式：<button v-tooltip>Hover me</button>
+ */
+export declare const vdTooltip: Directive;
+/**
+ * v-cbs-modal 指令
+ * binding.value 必須是 CBSModalViewModel 的實例
+ */
+export declare const vdCBSModal: Directive;
+/**
+ * v-cbs-dropdown 指令
+ * 初始化 Bootstrap 的 Dropdown
+ */
+export declare const vdCBSDropdown: Directive;

package/dist/directive/CDateFormatterDirective.d.ts

@@ -0,0 +1,6 @@
+import { Directive } from 'vue';
+/**
+ * v-date-formatter 指令
+ * 解析 ref<Date> 並格式化為文字，根據元素型態輸出
+ */
+export declare const vdDateFormatter: Directive;

package/dist/directive/CFTurnstileDirective.d.ts

@@ -0,0 +1,2 @@
+import { Directive } from 'vue';
+export declare const CFTurnstileDirective: Directive;

package/dist/directive/CFormDirective.d.ts

@@ -0,0 +1,9 @@
+import { Directive } from 'vue';
+/**
+ * 此指令用於當 FormField 有錯誤時，顯示錯誤樣式 'is-invalid'。
+ */
+export declare const CFormFieldErrorStyleDirective: Directive;
+/**
+ * 此指令用於當 Yup Schema 驗證失敗時，顯示錯誤樣式 'is-invalid'。
+ */
+export declare const CFormFieldErrorOnYupDirective: Directive;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { vdTooltip } from './directive/CBootstrapDirective';
+export { vdDateFormatter } from './directive/CDateFormatterDirective';
+export { vdCBSDropdown } from './directive/CBootstrapDirective';
+export { vdCBSModal } from './directive/CBootstrapDirective';
+export { CFTurnstileDirective } from './directive/CFTurnstileDirective';
+export { CFormFieldErrorOnYupDirective, CFormFieldErrorStyleDirective } from './directive/CFormDirective';
+export { CBSModalViewModel, ICBSModalViewType } from './model/CBSModalViewModel';

package/dist/model/CBSModalViewModel.d.ts

@@ -0,0 +1,44 @@
+import { Modal } from 'bootstrap';
+export declare enum ICBSModalViewType {
+    Info = "infoModal",
+    Form = "formModal",
+    Table = "tableModal"
+}
+export interface ICBSModalViewModel {
+    type: ICBSModalViewType;
+    title?: string;
+    config?: Record<string, any>;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export declare class CBSModalViewModel {
+    modalInstance: import('vue').Ref<{
+        toggle: (relatedTarget?: HTMLElement) => void;
+        show: (relatedTarget?: HTMLElement) => void;
+        hide: () => void;
+        handleUpdate: () => void;
+        dispose: () => void;
+    } | null, Modal | {
+        toggle: (relatedTarget?: HTMLElement) => void;
+        show: (relatedTarget?: HTMLElement) => void;
+        hide: () => void;
+        handleUpdate: () => void;
+        dispose: () => void;
+    } | null>;
+    elt: HTMLElement | null;
+    type: ICBSModalViewType;
+    modalId: string;
+    labelId: string;
+    title?: string;
+    config?: Record<string, any>;
+    onOpen?: () => void;
+    onClose?: () => void;
+    constructor(data?: Partial<ICBSModalViewModel>);
+    defaultTitle(): string;
+    show(): void;
+    hide(): void;
+    init({ elt }: {
+        elt: HTMLElement;
+    }): void;
+    unmount(): void;
+}

package/package.json

@@ -1,9 +1,15 @@
 {
   "name": "ch3chi-commons-vue",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "description": "",
-  "main": "dist/index.js",
+  "main": "dist/index.es.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    }
+  },
   "files": [
     "dist",
     "package.json",
@@ -34,6 +40,7 @@
     "uuid": "^11.1.0",
     "vee-validate": "^4.15.1",
     "vite": "^7.2.1",
+    "vite-plugin-dts": "^4.5.4",
     "vue": "^3.5.23",
     "yup": "^1.7.1"
   },