ch3chi-commons-vue 1.2.0 → 1.8.1

package/dist/components/CTableDefine.d.ts

@@ -1,201 +0,0 @@
-import { VNode } from 'vue';
-/**
- * CTableColumnType 定義了表格欄位的類型
- * - RowNumber: 行號類型
- * - Text: 文字類型
- * - Date: 日期類型
- * - DateTime: 日期時間類型
- * - Action: 操作類型
- */
-export declare enum CTableColumnType {
-    RowNumber = "rowNumber",// 行號類型
-    Text = "text",// 文字類型
-    TextInput = "textInput",// 文字輸入類型(可手動切換?)
-    Date = "date",// 日期類型
-    DateRange = "dateRange",// 日期範圍類型
-    DateTime = "datetime",// 日期時間類型
-    Action = "action",// 操作類型
-    Checkbox = "checkbox"
-}
-/**
- * CTableColumnActionType 定義了表格欄位的操作類型
- */
-export declare enum CTableColumnActionType {
-    Edit = "edit",// 編輯操作
-    Delete = "delete",// 刪除操作
-    Review = "review",// 審核操作
-    Vote = "vote",// 投票操作
-    Check = "check"
-}
-/**
- * CTableColumnActionParam 定義了表格欄位操作的參數
- */
-export interface CTableColumnActionParam {
-    actionType: CTableColumnActionType;
-    rowData: Record<string, any>;
-    event?: Event;
-}
-export interface CTableColumnActionMeta {
-    actionType: CTableColumnActionType;
-    text?: string;
-    cls?: string;
-    icon?: string;
-    onClick?: (p: CTableColumnActionParam) => void;
-    emit?: (event: string, ...args: any[]) => void;
-}
-/**
- * CTableColumnDefine 定義了表格欄位的屬性和行為
- */
-export interface CTableColumnDefine {
-    id?: string;
-    type: CTableColumnType;
-    idName?: string;
-    dataName?: string;
-    dataNameList?: string[];
-    text: string;
-    defaultText?: string;
-    sortConfig?: {
-        sortable?: boolean;
-        key?: string | string[];
-        direction?: 'asc' | 'desc';
-    } | undefined;
-    width?: string;
-    align?: 'left' | 'center' | 'right';
-    dataAlign?: 'left' | 'center' | 'right';
-    formatPattern?: string;
-    actionList?: CTableColumnActionMeta[];
-    customRender?: (rowData: Record<string, any>) => string | HTMLElement | VNode;
-    useHtml?: boolean;
-    useVNode?: boolean;
-    vNodeAttrs?: Record<string, any>;
-}
-/**
- * CTableColumn 類別定義了表格欄位的屬性和行為
- */
-export declare class CTableColumn implements CTableColumnDefine {
-    id?: string;
-    type: CTableColumnType;
-    idName?: string;
-    dataName?: string;
-    dataNameList?: string[];
-    text: string;
-    defaultText?: string;
-    sortConfig?: {
-        sortable?: boolean;
-        key?: string | string[];
-        direction?: 'asc' | 'desc';
-    };
-    width?: string;
-    align?: 'left' | 'center' | 'right';
-    dataAlign?: 'left' | 'center' | 'right';
-    formatPattern?: string;
-    actionList?: CTableColumnActionMeta[];
-    defaultRender?: (rowData: Record<string, any>) => string | HTMLElement | VNode;
-    customRender?: (rowData: Record<string, any>) => string | HTMLElement | VNode;
-    useHtml: boolean;
-    useVNode: boolean;
-    vNodeAttrs?: Record<string, any>;
-    constructor(define: CTableColumnDefine);
-    static defaultIconMap: Record<CTableColumnActionType, string>;
-    static defaultBtnClassMap: Record<CTableColumnActionType, string>;
-    static configure(config: {
-        iconMap?: Partial<Record<CTableColumnActionType, string>>;
-        btnClassMap?: Partial<Record<CTableColumnActionType, string>>;
-    }): void;
-    /**
-     * 渲染欄位內容
-     * @param rowData 當前行的數據
-     */
-    render(rowData: Record<string, any>): string | HTMLElement | VNode;
-    /**
-     * 生成 th 的 class 名稱
-     */
-    thClass(): string;
-    /**
-     * 生成 td 的 class 名稱
-     */
-    tdClass(): string;
-    /**
-     * 處理欄位操作
-     * @private
-     */
-    private handleAction;
-    /**
-     * 生成默認渲染函數
-     * @private
-     */
-    private makeDefaultRender;
-    /**
-     * 根據操作類型生成按鈕的樣式和文字
-     * @param actionType 操作類型
-     * @returns {cls: string, text: string} 按鈕的樣式和文字
-     * @private
-     */
-    private buildActionButtonMeta;
-}
-/**
- * 分頁樣式配置介面
- */
-export interface PaginationStyleConfig {
-    backgroundColor: string;
-    textColor: string;
-    borderColor: string;
-    hoverBackgroundColor: string;
-    hoverTextColor: string;
-    hoverBorderColor: string;
-    activeBackgroundColor: string;
-    activeTextColor: string;
-    activeBorderColor: string;
-    previousIcon: string;
-    nextIcon: string;
-    firstIcon: string;
-    lastIcon: string;
-    ellipsisIcon: string;
-}
-export interface TableStyleConfig {
-    sortIconNone?: string;
-    sortIconAsc?: string;
-    sortIconDesc?: string;
-    scrollbarThumbColor?: string;
-    scrollbarTrackColor?: string;
-    scrollbarThumbHoverColor?: string;
-    scrollbarHeight?: string;
-}
-/**
- * CTableConfig 類別用於配置表格的全域設定 包含以下
- * - 分頁樣式設定
- * - 每頁顯示選項
- */
-export declare class CTableConfig {
-    private static tableStyleConfig;
-    static getTableStyleConfig(): TableStyleConfig;
-    static setTableStyleConfig(config: Partial<TableStyleConfig>): void;
-    private static defaultPaginationStyle;
-    private static currentPaginationStyle;
-    /**
-     * 設定全域分頁樣式
-     * @param config 分頁樣式配置
-     */
-    static setPaginationStyle(config: Partial<PaginationStyleConfig>): void;
-    /**
-     * 取得當前分頁樣式
-     */
-    static getPaginationStyle(): PaginationStyleConfig;
-    /**
-     * 重置分頁樣式為預設值
-     */
-    static resetPaginationStyle(): void;
-    /**
-     * 產生分頁樣式的 CSS 變數物件
-     */
-    static getPaginationStyleVars(): Record<string, string>;
-    /**
-     * 產生表格樣式的 CSS 變數物件
-     */
-    static getTableStyleVars(): Record<string, string>;
-    /**
-     * 預設每頁顯示選項
-     */
-    static pageSizeOptions: number[];
-}
-export declare const __CTableDefine__: CTableColumnType & CTableColumnActionType & CTableColumnActionParam & CTableColumnActionMeta & CTableColumnDefine & PaginationStyleConfig;

package/dist/components/CTableTD.vue.d.ts

@@ -1,7 +0,0 @@
-import { CTableColumn } from '../components/CTableDefine';
-export interface CTableTDProps {
-    columnItem: CTableColumn;
-    dataItem: Record<string, any>;
-}
-declare const _default: import('vue').DefineComponent<CTableTDProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CTableTDProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/form/CChangePasswordFormField.vue.d.ts

@@ -1,14 +0,0 @@
-import { PasswordDataModel } from '../../model/PasswordDataModel';
-import { ApiResponse } from '../../api/ApiService';
-import { IBSFieldStyleConfig } from '../../model/BSFieldStyleConfig';
-type __VLS_Props = {
-    userUid: string;
-    requireOldPassword?: boolean;
-    dataModelConstructor?: new () => PasswordDataModel;
-    callApi: (dataModel: PasswordDataModel) => Promise<ApiResponse>;
-    styleConfig?: IBSFieldStyleConfig;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    requireOldPassword: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/components/form/CCheckBoxFormField.vue.d.ts

@@ -1,30 +0,0 @@
-import { COptionItem } from '../../model/FormOptions';
-import { IBSFieldStyleConfig } from '../../model/BSFieldStyleConfig';
-type __VLS_Props = {
-    /**
-     * Radio 欄位的標籤文字
-     */
-    label?: string;
-    /**
-     * Radio 欄位是否為必填
-     */
-    required?: boolean;
-    /**
-     * Radio 欄位的名稱，為 form field 的 name 屬性
-     */
-    name: string;
-    /**
-     * Radio 選項集
-     */
-    optionList: COptionItem[];
-    /**
-     * 是否為閱讀模式，若為 true 則只顯示選項文字，不顯示 Radio 按鈕
-     */
-    readMode?: boolean;
-    /**
-     * BS 欄位樣式設定
-     */
-    styleConfig?: IBSFieldStyleConfig;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/form/CDateFormField.vue.d.ts

@@ -1,17 +0,0 @@
-import { IBSFieldStyleConfig } from '../../model/BSFieldStyleConfig';
-type __VLS_Props = {
-    id?: string;
-    label?: string;
-    name: string;
-    required?: boolean;
-    placeholder?: string;
-    readMode?: boolean;
-    timeType?: 'startOfDay' | 'endOfDay';
-    styleConfig?: IBSFieldStyleConfig;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    dateBtn: HTMLButtonElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/components/form/CDateQueryField.vue.d.ts

@@ -1,16 +0,0 @@
-import { IBSFieldStyleConfig } from '../../model/BSFieldStyleConfig';
-type __VLS_Props = {
-    id?: string;
-    label?: string;
-    model: any;
-    name: string;
-    placeholder?: string;
-    timeType?: 'startOfDay' | 'endOfDay';
-    styleConfig?: IBSFieldStyleConfig;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    dateBtn: HTMLButtonElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/components/form/CDateRangeFormField.vue.d.ts

@@ -1,17 +0,0 @@
-import { IBSFieldStyleConfig } from '../../model/BSFieldStyleConfig';
-type __VLS_Props = {
-    id?: string;
-    label?: string;
-    required?: boolean;
-    startDateFieldName?: string;
-    endDateFieldName?: string;
-    styleConfig?: IBSFieldStyleConfig;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    startDateFieldName: string;
-    endDateFieldName: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    dateBtn: HTMLButtonElement;
-}, HTMLDivElement>;
-export default _default;

package/dist/components/form/CFilePickerFormField.vue.d.ts

@@ -1,28 +0,0 @@
-import { CFileDataModel } from '../../model/CFileDataModel';
-import { IBSFieldStyleConfig } from '../../model/BSFieldStyleConfig';
-type __VLS_Props = {
-    id?: string;
-    label?: string;
-    name?: string;
-    dataModel?: any;
-    validationDataKey?: string;
-    placeholder?: string;
-    tip?: string;
-    accept?: string;
-    required?: boolean;
-    multiple?: boolean;
-    fileCountLimit?: number;
-    fileSizeLimit?: number;
-    styleConfig?: IBSFieldStyleConfig;
-};
-declare function addSavedFiles(files: CFileDataModel[]): void;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {
-    addSavedFiles: typeof addSavedFiles;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    placeholder: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    fileInputRef: HTMLInputElement;
-    textInputRef: HTMLInputElement;
-}, any>;
-export default _default;

package/dist/components/form/CRadioFormField.vue.d.ts

@@ -1,30 +0,0 @@
-import { COptionItem } from '../../model/FormOptions';
-import { IBSFieldStyleConfig } from '../../model/BSFieldStyleConfig';
-type __VLS_Props = {
-    /**
-     * Radio 欄位的標籤文字
-     */
-    label?: string;
-    /**
-     * Radio 欄位是否為必填
-     */
-    required?: boolean;
-    /**
-     * Radio 欄位的名稱，為 form field 的 name 屬性
-     */
-    name: string;
-    /**
-     * Radio 選項集
-     */
-    optionList: COptionItem[];
-    /**
-     * 是否為閱讀模式，若為 true 則只顯示選項文字，不顯示 Radio 按鈕
-     */
-    readMode?: boolean;
-    /**
-     * BS 欄位樣式設定
-     */
-    styleConfig?: IBSFieldStyleConfig;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/form/CSelectFormField.vue.d.ts

@@ -1,18 +0,0 @@
-import { COptionItem } from '../../model/FormOptions';
-import { IBSFieldStyleConfig } from '../../model/BSFieldStyleConfig';
-type __VLS_Props = {
-    id?: string;
-    label?: string;
-    required?: boolean;
-    placeholder?: string;
-    name: string;
-    optionList?: COptionItem[] | Promise<COptionItem[]>;
-    readMode?: boolean;
-    dependentField?: string;
-    fetchOptions?: (linkedValue: any) => Promise<COptionItem[]>;
-    styleConfig?: IBSFieldStyleConfig;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    placeholder: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/form/CTextAreaFormField.vue.d.ts

@@ -1,16 +0,0 @@
-import { ComputedRef } from 'vue';
-import { IBSFieldStyleConfig } from '../../model/BSFieldStyleConfig';
-type __VLS_Props = {
-    id?: string;
-    label?: string;
-    name: string;
-    required?: boolean;
-    placeholder?: string;
-    rows?: number;
-    maxlength?: number;
-    disabledState?: ComputedRef<boolean>;
-    readMode?: boolean;
-    styleConfig?: IBSFieldStyleConfig;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/form/CTextInputFormField.vue.d.ts

@@ -1,22 +0,0 @@
-import { InputHTMLAttributes } from '@vue/runtime-dom';
-import { ComputedRef } from 'vue';
-import { IBSFieldStyleConfig } from '../../model/BSFieldStyleConfig';
-type __VLS_Props = Partial</* @vue-ignore */ InputHTMLAttributes> & {
-    id?: string;
-    label?: string;
-    name: string;
-    type?: string;
-    required?: boolean;
-    placeholder?: string;
-    autocomplete?: string;
-    disabledState?: ComputedRef<boolean>;
-    readMode?: boolean;
-    min?: number;
-    max?: number;
-    styleConfig?: IBSFieldStyleConfig;
-};
-declare function setIsRequired(value: boolean): void;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {
-    setIsRequired: typeof setIsRequired;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/directive/CBootstrapDirective.d.ts

@@ -1,17 +0,0 @@
-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

@@ -1,10 +0,0 @@
-import { Directive } from 'vue';
-/**
- * v-date-formatter 指令
- * 解析 ref<Date> 並格式化為文字，根據元素型態輸出
- * 可以透過 attribute data-date-format 指定日期格式，預設為 'YYYY-MM-DD'
- * 使用方式：
- * <input type="text" v-date-formatter="dateRef" data-date-format="YYYY/MM/DD" />
- * <span v-date-formatter="dateRef" data-date-format="DD-MM-YYYY"></span>
- */
-export declare const vdDateFormatter: Directive;

package/dist/directive/CFTurnstileDirective.d.ts

@@ -1,15 +0,0 @@
-import { Directive } from 'vue';
-/**
- * v-cf-turnstile 指令
- * 用於在表單中嵌入 Cloudflare Turnstile 驗證碼
- * 使用方式：
- * <pre>
- * <div v-cf-turnstile="fieldContext"></div>
- * 其中 fieldContext 為 vee-validate 的 FieldContext，用於接收驗證碼 token
- * </pre>
- * 需要在全域變數中定義 Cloudflare Turnstile 的 site key：
- * <pre>
- * (window as any).__CLOUDFLARE_TURNSTILE_SITE_KEY__ = 'your-site-key-here';
- * </pre>
- */
-export declare const CFTurnstileDirective: Directive;

package/dist/directive/CFormDirective.d.ts

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

package/dist/directive/PermissionDirective.d.ts

@@ -1,15 +0,0 @@
-import { Directive } from 'vue';
-/**
- * 此指令用於根據使用者權限來控制元素的顯示與否。
- * 使用方式：v-permission="{need: ['PERMISSION_1', 'PERMISSION_2'], granted: userPermissionsArray, enableVisible: true}"
- * 當使用者擁有其中一個權限時，元素將會顯示，否則隱藏。
- * 根據 enableVisible 參數決定是隱藏元素還是移除元素，true 為隱藏 (使用 d-none)，false 為移除元素。
- */
-export declare const PermissionDirective: Directive;
-/**
- * 此指令用於根據使用者權限來控制元素的顯示與否，使用 UserSessionActions 來檢查權限。
- * 使用方式：v-store-permission="{sessionStore: userSessionStore, need: ['PERMISSION_1', 'PERMISSION_2'], enableVisible: true}"
- * 當使用者擁有其中一個權限時，元素將會顯示，否則隱藏。
- * 根據 enableVisible 參數決定是隱藏元素還是移除元素，true 為隱藏 (使用 d-none)，false 為移除元素。
- */
-export declare const StorePermissionDirective: Directive;