ch3chi-commons-vue 0.1.14 → 1.2.0

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

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

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

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

@@ -0,0 +1,22 @@
+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/CFTurnstileDirective.d.ts

@@ -3,7 +3,13 @@ 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/PermissionDirective.d.ts

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