@fewangsit/wangsvue 1.5.216-alpha.0 → 1.5.217-alpha.0

package/plugins/WangsVue.d.ts

@@ -1,249 +1,311 @@
 import { Plugin } from 'vue';
-import { FieldWrapperLocaleConfig, FieldWrapperProps } from '../components/fieldwrapper/FieldWrapper.vue.d';
-import { InputTextLocaleConfig, InputTextProps } from '../components/inputtext/InputText.vue.d';
-import { TreeProps } from '../components/tree/Tree.vue.d';
-import { DialogConfirmLocaleConfig } from '../components/dialogconfirm/DialogConfirm.vue.d';
-import { CustomColumnLocaleConfig } from '../components/customcolumn/CustomColumn.vue.d';
+import { InputOtpRawPreset } from '@wangs-ui/core/dist/types/components/inputotp/inputotp.type';
+import { TabMenuRawPreset } from '@wangs-ui/core/dist/types/components/tabmenu/tabmenu.type';
+import { AnimationDefaultConfig } from '../components/animation/Animation.vue.d';
+import { BadgeComponentConfigs } from '../components/badge/Badge.vue.d';
+import {
+  ButtonBulkActionLocaleConfig,
+  ButtonBulkActionProps,
+} from '../components/buttonbulkaction/ButtonBulkAction.vue.d';
+import {
+  ButtonDownloadLocaleConfig,
+  ButtonDownloadProps,
+} from '../components/buttondownload/ButtonDownload.vue.d';
 import { ButtonSearchLocaleConfig } from '../components/buttonsearch/ButtonSearch.vue.d';
+import {
+  CalendarLocaleConfig,
+  CalendarPresetOptions,
+} from '../components/calendar/Calendar.vue.d';
+import { CustomColumnLocaleConfig } from '../components/customcolumn/CustomColumn.vue.d';
+import {
+  DataTableLocaleConfig,
+  DataTableProps,
+} from '../components/datatable/DataTable.vue.d';
+import { DialogConfirmLocaleConfig } from '../components/dialogconfirm/DialogConfirm.vue.d';
+import { DialogFormLocaleConfig } from '../components/dialogform/DialogForm.vue.d';
+import {
+  DropdownLocaleConfig,
+  DropdownProps,
+} from '../components/dropdown/Dropdown.vue.d';
+import {
+  FieldWrapperLocaleConfig,
+  FieldWrapperProps,
+} from '../components/fieldwrapper/FieldWrapper.vue.d';
 import { FilterContainerLocaleConfig } from '../components/filtercontainer/FilterContainer.vue.d';
-import { MultiSelectLocaleConfig } from '../components/multiselect/MultiSelect.vue.d';
-import { DropdownLocaleConfig, DropdownProps } from '../components/dropdown/Dropdown.vue.d';
+import { ImageProps } from '../components/image/Image.vue.d';
+import { ImageCompressorLocaleConfig } from '../components/imagecompressor/ImageCompressor.vue.d';
 import { InputCurrencyLocaleConfig } from '../components/inputcurrency/InputCurrency.vue.d';
-import { TextareaLocaleConfig } from '../components/textarea/Textarea.vue.d';
-import { InputrangeNumberLocaleConfig } from '../components/inputrangenumber/InputRangeNumber.vue.d';
-import { DialogFormLocaleConfig } from '../components/dialogform/DialogForm.vue.d';
-import { InputPhoneNumberLocaleConfig } from '../components/inputphonenumber/InputPhoneNumber.vue.d';
+import { InputEmailProps } from '../components/inputemail/InputEmail.vue.d';
 import { InputNumberLocaleConfig } from '../components/inputnumber/InputNumber.vue.d';
-import { CalendarLocaleConfig, CalendarPresetOptions } from '../components/calendar/Calendar.vue.d';
-import { OverlayPanelPassThroughOptions } from '../components/overlaypanel/OverlayPanel.vue.d';
+import { InputPhoneNumberLocaleConfig } from '../components/inputphonenumber/InputPhoneNumber.vue.d';
+import { InputrangeNumberLocaleConfig } from '../components/inputrangenumber/InputRangeNumber.vue.d';
+import {
+  InputTextLocaleConfig,
+  InputTextProps,
+} from '../components/inputtext/InputText.vue.d';
 import { InputURLProps } from '../components/inputurl/InputURL.vue.d';
-import { InputEmailProps } from '../components/inputemail/InputEmail.vue.d';
-import { ImageProps } from '../components/image/Image.vue.d';
-import { MenuLocaleConfig } from '../components/menu/Menu.vue.d';
-import { ButtonBulkActionLocaleConfig, ButtonBulkActionProps } from '../components/buttonbulkaction/ButtonBulkAction.vue.d';
-import { AnimationDefaultConfig } from '../components/animation/Animation.vue.d';
 import { LoadingPresetOptions } from '../components/loading/Loading.vue.d';
-import { DataTableLocaleConfig, DataTableProps } from '../components/datatable/DataTable.vue.d';
-import { BadgeComponentConfigs } from '../components/badge/Badge.vue.d';
-import { UserNameComponentConfigs, UserNameLocaleConfig, UserNamePresetOptions } from '../components/username/UserName.vue.d';
-import { ImageCompressorLocaleConfig } from '../components/imagecompressor/ImageCompressor.vue.d';
-import { UseToastConfig } from '../utils';
+import { MenuLocaleConfig } from '../components/menu/Menu.vue.d';
+import { MultiSelectLocaleConfig } from '../components/multiselect/MultiSelect.vue.d';
+import { OverlayPanelPassThroughOptions } from '../components/overlaypanel/OverlayPanel.vue.d';
+import { TagTypeProps } from '../components/tagtype/TagType.vue.d';
+import { TextareaLocaleConfig } from '../components/textarea/Textarea.vue.d';
+import { TreeProps } from '../components/tree/Tree.vue.d';
+import {
+  UserNameComponentConfigs,
+  UserNameLocaleConfig,
+  UserNamePresetOptions,
+} from '../components/username/UserName.vue.d';
+import { type UseToastConfig } from '../utils/toast.util';
 /**
  * A Record of component names with theirs props interface
  */
 export interface ComponentDefaultPropsConfig {
-    FieldWrapper?: FieldWrapperProps;
-    InputText?: InputTextProps;
-    InputURL?: InputURLProps;
-    InputEmail?: InputEmailProps;
-    Tree?: TreeProps;
-    Image?: ImageProps;
-    ButtonBulkAction?: Omit<ButtonBulkActionProps, 'selectedData' | 'options'>;
-    Animation?: AnimationDefaultConfig;
-    DataTable?: Partial<DataTableProps>;
-    Badge?: Partial<BadgeComponentConfigs>;
-    UserName?: UserNameComponentConfigs;
-    Dropdown?: DropdownProps;
+  FieldWrapper?: FieldWrapperProps;
+  InputText?: InputTextProps;
+  InputURL?: InputURLProps;
+  InputEmail?: InputEmailProps;
+  Tree?: TreeProps;
+  Image?: ImageProps;
+  ButtonBulkAction?: Omit<ButtonBulkActionProps, 'selectedData' | 'options'>;
+  Animation?: AnimationDefaultConfig;
+  DataTable?: Partial<DataTableProps>;
+  Badge?: Partial<BadgeComponentConfigs>;
+  UserName?: UserNameComponentConfigs;
+  Dropdown?: DropdownProps;
+  TagType?: Partial<TagTypeProps>;
+  ButtonDownload?: Partial<ButtonDownloadProps>;
 }
 interface ComponentLocaleConfig {
-    FieldWrapper?: FieldWrapperLocaleConfig;
-    InputText?: InputTextLocaleConfig;
-    DialogConfirm?: DialogConfirmLocaleConfig;
-    CustomColumn?: CustomColumnLocaleConfig;
-    ButtonSearch?: ButtonSearchLocaleConfig;
-    FilterContainer?: FilterContainerLocaleConfig;
-    MultiSelect?: MultiSelectLocaleConfig;
-    Dropdown?: DropdownLocaleConfig;
-    InputCurrency?: InputCurrencyLocaleConfig;
-    TextArea?: TextareaLocaleConfig;
-    InputRangeNumber?: InputrangeNumberLocaleConfig;
-    DialogForm?: DialogFormLocaleConfig;
-    InputPhoneNumber?: InputPhoneNumberLocaleConfig;
-    InputNumber?: InputNumberLocaleConfig;
-    Calendar?: CalendarLocaleConfig;
-    Menu?: MenuLocaleConfig;
-    ButtonBulkAction?: ButtonBulkActionLocaleConfig;
-    UserName?: UserNameLocaleConfig;
-    DataTable?: DataTableLocaleConfig;
-    ImageCompressor?: ImageCompressorLocaleConfig;
+  FieldWrapper?: FieldWrapperLocaleConfig;
+  InputText?: InputTextLocaleConfig;
+  DialogConfirm?: DialogConfirmLocaleConfig;
+  CustomColumn?: CustomColumnLocaleConfig;
+  ButtonSearch?: ButtonSearchLocaleConfig;
+  FilterContainer?: FilterContainerLocaleConfig;
+  MultiSelect?: MultiSelectLocaleConfig;
+  Dropdown?: DropdownLocaleConfig;
+  InputCurrency?: InputCurrencyLocaleConfig;
+  TextArea?: TextareaLocaleConfig;
+  InputRangeNumber?: InputrangeNumberLocaleConfig;
+  DialogForm?: DialogFormLocaleConfig;
+  InputPhoneNumber?: InputPhoneNumberLocaleConfig;
+  InputNumber?: InputNumberLocaleConfig;
+  Calendar?: CalendarLocaleConfig;
+  Menu?: MenuLocaleConfig;
+  ButtonBulkAction?: ButtonBulkActionLocaleConfig;
+  UserName?: UserNameLocaleConfig;
+  DataTable?: DataTableLocaleConfig;
+  ImageCompressor?: ImageCompressorLocaleConfig;
+  ButtonDownload?: ButtonDownloadLocaleConfig;
 }
 export interface LocaleConfig {
-    global: typeof DEFAULT_GLOBAL_LOCALE_CONFIG;
-    components: ComponentLocaleConfig;
+  global: Partial<typeof DEFAULT_GLOBAL_LOCALE_CONFIG>;
+  components: ComponentLocaleConfig;
 }
 export interface ComponentPresetOptions {
-    calendar: CalendarPresetOptions;
-    overlaypanel: OverlayPanelPassThroughOptions;
-    loading: LoadingPresetOptions;
-    username: UserNamePresetOptions;
-    [key: string]: any;
+  calendar: CalendarPresetOptions;
+  overlaypanel: OverlayPanelPassThroughOptions;
+  loading: LoadingPresetOptions;
+  username: UserNamePresetOptions;
+  inputotp: InputOtpRawPreset;
+  tabmenu: TabMenuRawPreset;
+  [key: string]: any;
 }
-export type WangsVueComponentConfig<ComponentName extends keyof ComponentDefaultPropsConfig | keyof ComponentLocaleConfig> = {
-    defaultProps: ComponentName extends keyof ComponentDefaultPropsConfig ? ComponentDefaultPropsConfig[ComponentName] : undefined;
-    locale: (ComponentName extends keyof ComponentLocaleConfig ? ComponentLocaleConfig[ComponentName] : undefined) & {
-        global: LocaleConfig['global'];
-    };
+export type WangsVueComponentConfig<
+  ComponentName extends
+    | keyof ComponentDefaultPropsConfig
+    | keyof ComponentLocaleConfig,
+> = {
+  defaultProps: ComponentName extends keyof ComponentDefaultPropsConfig
+    ? ComponentDefaultPropsConfig[ComponentName]
+    : undefined;
+  locale: (ComponentName extends keyof ComponentLocaleConfig
+    ? ComponentLocaleConfig[ComponentName]
+    : undefined) & {
+    global: LocaleConfig['global'];
+  };
 };
 export interface WangsVueOptions {
-    defaultProps: ComponentDefaultPropsConfig;
-    locale: LocaleConfig;
-    useToastConfig?: UseToastConfig;
-    zIndex?: Record<string, number>;
-    filterMatchModeOptions?: Record<string, string[]>;
-    /**
-     * @deprecated - partially replaced with {@link preset}
-     */
-    pt?: ComponentPresetOptions;
-    preset?: ComponentPresetOptions;
-    ptOptions?: {
-        mergeSections: boolean;
-        mergeProps: boolean;
-    };
-    /**
-     * @deprecated - Will always be unstyled
-     */
-    unstyled?: boolean;
-    csp?: {
-        nonce?: string;
-    };
+  defaultProps: ComponentDefaultPropsConfig;
+  locale: LocaleConfig;
+  useToastConfig?: UseToastConfig;
+  zIndex?: Record<string, number>;
+  filterMatchModeOptions?: Record<string, string[]>;
+  /**
+   * @deprecated - partially replaced with {@link preset}
+   */
+  pt?: ComponentPresetOptions;
+  preset?: ComponentPresetOptions;
+  ptOptions?: {
+    mergeSections: boolean;
+    mergeProps: boolean;
+  };
+  /**
+   * @deprecated - Will always be unstyled
+   */
+  unstyled?: boolean;
+  csp?: {
+    nonce?: string;
+  };
 }
 export interface WangsVueInstance {
-    config: WangsVueOptions;
-    getComponentConfig<ComponentName extends keyof ComponentDefaultPropsConfig | keyof ComponentLocaleConfig>(componentName: ComponentName): WangsVueComponentConfig<ComponentName>;
+  config: WangsVueOptions;
+  getComponentConfig<
+    ComponentName extends
+      | keyof ComponentDefaultPropsConfig
+      | keyof ComponentLocaleConfig,
+  >(
+    componentName: ComponentName,
+  ): WangsVueComponentConfig<ComponentName>;
 }
 declare const DEFAULT_GLOBAL_LOCALE_CONFIG: {
-    startsWith: string;
-    contains: string;
-    notContains: string;
-    endsWith: string;
-    equals: string;
-    notEquals: string;
-    noFilter: string;
-    lt: string;
-    lte: string;
-    gt: string;
-    gte: string;
-    dateIs: string;
-    dateIsNot: string;
-    dateBefore: string;
-    dateAfter: string;
-    clear: string;
-    apply: string;
-    matchAll: string;
-    matchAny: string;
-    addRule: string;
-    removeRule: string;
-    accept: string;
-    reject: string;
-    choose: string;
-    upload: string;
-    cancel: string;
-    completed: string;
-    pending: string;
-    fileSizeTypes: string[];
-    monthNames: string[];
-    monthNamesShort: string[];
-    dayNames: string[];
-    dayNamesShort: string[];
-    dayNamesMin: string[];
-    chooseYear: string;
-    chooseMonth: string;
-    chooseDate: string;
-    prevDecade: string;
-    nextDecade: string;
-    prevYear: string;
-    nextYear: string;
-    prevMonth: string;
-    nextMonth: string;
-    prevHour: string;
-    nextHour: string;
-    prevMinute: string;
-    nextMinute: string;
-    prevSecond: string;
-    nextSecond: string;
-    pm: string;
-    am: string;
-    today: string;
-    weekHeader: string;
-    firstDayOfWeek: number;
-    showMonthAfterYear: boolean;
-    dateFormat: string;
-    weak: string;
-    medium: string;
-    strong: string;
-    passwordPrompt: string;
-    emptyFilterMessage: string;
-    searchMessage: string;
-    selectionMessage: string;
-    emptySelectionMessage: string;
-    emptySearchMessage: string;
-    emptyMessage: string;
-    aria: {
-        trueLabel: string;
-        falseLabel: string;
-        nullLabel: string;
-        star: string;
-        stars: string;
-        selectAll: string;
-        unselectAll: string;
-        close: string;
-        previous: string;
-        next: string;
-        navigation: string;
-        scrollTop: string;
-        moveTop: string;
-        moveUp: string;
-        moveDown: string;
-        moveBottom: string;
-        moveToTarget: string;
-        moveToSource: string;
-        moveAllToTarget: string;
-        moveAllToSource: string;
-        pageLabel: string;
-        firstPageLabel: string;
-        lastPageLabel: string;
-        nextPageLabel: string;
-        prevPageLabel: string;
-        rowsPerPageLabel: string;
-        jumpToPageDropdownLabel: string;
-        jumpToPageInputLabel: string;
-        selectRow: string;
-        unselectRow: string;
-        expandRow: string;
-        collapseRow: string;
-        showFilterMenu: string;
-        hideFilterMenu: string;
-        filterOperator: string;
-        filterConstraint: string;
-        editRow: string;
-        saveEdit: string;
-        cancelEdit: string;
-        listView: string;
-        gridView: string;
-        slide: string;
-        slideNumber: string;
-        zoomImage: string;
-        zoomIn: string;
-        zoomOut: string;
-        rotateRight: string;
-        rotateLeft: string;
-        listLabel: string;
-    };
+  startsWith: string;
+  contains: string;
+  notContains: string;
+  endsWith: string;
+  equals: string;
+  notEquals: string;
+  noFilter: string;
+  lt: string;
+  lte: string;
+  gt: string;
+  gte: string;
+  dateIs: string;
+  dateIsNot: string;
+  dateBefore: string;
+  dateAfter: string;
+  clear: string;
+  apply: string;
+  matchAll: string;
+  matchAny: string;
+  addRule: string;
+  removeRule: string;
+  accept: string;
+  reject: string;
+  choose: string;
+  upload: string;
+  cancel: string;
+  completed: string;
+  pending: string;
+  fileSizeTypes: string[];
+  monthNames: string[];
+  monthNamesShort: string[];
+  dayNames: string[];
+  dayNamesShort: string[];
+  dayNamesMin: string[];
+  chooseYear: string;
+  chooseMonth: string;
+  chooseDate: string;
+  prevDecade: string;
+  nextDecade: string;
+  prevYear: string;
+  nextYear: string;
+  prevMonth: string;
+  nextMonth: string;
+  prevHour: string;
+  nextHour: string;
+  prevMinute: string;
+  nextMinute: string;
+  prevSecond: string;
+  nextSecond: string;
+  pm: string;
+  am: string;
+  today: string;
+  weekHeader: string;
+  firstDayOfWeek: number;
+  showMonthAfterYear: boolean;
+  dateFormat: string;
+  weak: string;
+  medium: string;
+  strong: string;
+  passwordPrompt: string;
+  emptyFilterMessage: string;
+  searchMessage: string;
+  selectionMessage: string;
+  emptySelectionMessage: string;
+  emptySearchMessage: string;
+  emptyMessage: string;
+  aria: {
+    trueLabel: string;
+    falseLabel: string;
+    nullLabel: string;
+    star: string;
+    stars: string;
+    selectAll: string;
+    unselectAll: string;
+    close: string;
+    previous: string;
+    next: string;
+    navigation: string;
+    scrollTop: string;
+    moveTop: string;
+    moveUp: string;
+    moveDown: string;
+    moveBottom: string;
+    moveToTarget: string;
+    moveToSource: string;
+    moveAllToTarget: string;
+    moveAllToSource: string;
+    pageLabel: string;
+    firstPageLabel: string;
+    lastPageLabel: string;
+    nextPageLabel: string;
+    prevPageLabel: string;
+    rowsPerPageLabel: string;
+    jumpToPageDropdownLabel: string;
+    jumpToPageInputLabel: string;
+    selectRow: string;
+    unselectRow: string;
+    expandRow: string;
+    collapseRow: string;
+    showFilterMenu: string;
+    hideFilterMenu: string;
+    filterOperator: string;
+    filterConstraint: string;
+    editRow: string;
+    saveEdit: string;
+    cancelEdit: string;
+    listView: string;
+    gridView: string;
+    slide: string;
+    slideNumber: string;
+    zoomImage: string;
+    zoomIn: string;
+    zoomOut: string;
+    rotateRight: string;
+    rotateLeft: string;
+    listLabel: string;
+  };
 };
 export declare const defaultOptions: WangsVueOptions;
-export declare const useWangsVueConfig: <T extends (keyof ComponentDefaultPropsConfig | keyof ComponentLocaleConfig) | undefined>(componentName?: T) => T extends keyof ComponentDefaultPropsConfig | keyof ComponentLocaleConfig ? WangsVueComponentConfig<T> : WangsVueOptions;
-export declare const mergeWangsVueConfig: (baseConfig: WangsVueOptions, overrideConfig: Partial<WangsVueOptions>) => WangsVueOptions;
+export declare const useWangsVueConfig: <
+  T extends
+    | (keyof ComponentDefaultPropsConfig | keyof ComponentLocaleConfig)
+    | undefined,
+>(
+  componentName?: T,
+) => T extends keyof ComponentDefaultPropsConfig | keyof ComponentLocaleConfig
+  ? WangsVueComponentConfig<T>
+  : WangsVueOptions;
+export declare const mergeWangsVueConfig: (
+  baseConfig: WangsVueOptions,
+  overrideConfig: Partial<WangsVueOptions>,
+) => WangsVueOptions;
 /**
  *
  * @param predefinedOptions
  * @param mergeConfig Wether merge predefined config with defualt config @default true
  * @returns
  */
-declare const createWangsVuePlugin: (predefinedOptions?: Partial<WangsVueOptions>, mergeConfig?: boolean) => Plugin<Partial<WangsVueOptions>>;
+declare const createWangsVuePlugin: (
+  predefinedOptions?: Partial<WangsVueOptions>,
+  mergeConfig?: boolean,
+) => Plugin<Partial<WangsVueOptions>>;
 export default createWangsVuePlugin;
 declare module 'vue' {
-    interface ComponentCustomProperties {
-        $wangsvue: WangsVueInstance;
-        $preset: ComponentPresetOptions;
-    }
+  interface ComponentCustomProperties {
+    $wangsvue: WangsVueInstance;
+    $preset: ComponentPresetOptions;
+  }
 }

package/plugins/formValidation.d.ts

@@ -1,10 +1,20 @@
+import {
+  FieldContext,
+  FieldOptions,
+  FormContext as VeeFormContext,
+  RuleExpression,
+} from 'vee-validate';
 import { MaybeRef, MaybeRefOrGetter } from 'vue';
-import { FormContext as VeeFormContext, FieldContext, RuleExpression, FieldOptions } from 'vee-validate';
 export interface FormContext<T> {
-    values: T;
-    handleSubmit: VeeFormContext['handleSubmit'];
-    setValues: VeeFormContext['setValues'];
-    setFieldValue: VeeFormContext['setFieldValue'];
+  values: T;
+  handleSubmit: VeeFormContext['handleSubmit'];
+  setValues: VeeFormContext['setValues'];
+  setFieldValue: VeeFormContext['setFieldValue'];
+  errors: VeeFormContext['errors'];
 }
 export declare const useForm: <T>() => FormContext<T>;
-export declare const useField: <T>(path: MaybeRefOrGetter<string>, rules?: MaybeRef<RuleExpression<T>>, opts?: Partial<FieldOptions<T>>) => FieldContext<T>;
+export declare const useField: <T>(
+  path: MaybeRefOrGetter<string>,
+  rules?: MaybeRef<RuleExpression<T>>,
+  opts?: Partial<FieldOptions<T>>,
+) => FieldContext<T>;

package/services/calendar.service.d.ts

@@ -1,9 +1,9 @@
 export interface Holiday {
-    date: string;
-    eventName: string;
-    description: string;
+  date: string;
+  eventName: string;
+  description: string;
 }
 declare const CalendarServices: {
-    getHolidays: (year: number) => Promise<Holiday[]>;
+  getHolidays: (year: number) => Promise<Holiday[]>;
 };
 export default CalendarServices;