@fewangsit/wangsvue-fats 1.0.0-alpha.7 → 1.0.0-alpha.70

package/components/buttonsplit/ButtonSplit.vue.d.ts

@@ -1,34 +1,352 @@
-import { ButtonSplitProps } from './ButtonSplit.d';
-declare function __VLS_template(): {
-    menuitemicon?(_: {
-        item: any;
-        class: any;
-    }): any;
-    item?(_: {
-        hasSubmenu: any;
-        item: any;
-        label: any;
-        props: any;
-    }): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<ButtonSplitProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (event: Event) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<ButtonSplitProps>>> & {
-    onClick?: (event: Event) => any;
-}, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
+/**
+ *
+ * ButtonSplit groups a set of commands in an overlay with a default command.
+ *
+ * [Live Demo](https://www.primevue.org/splitbutton/)
+ *
+ * @module splitbutton
+ *
+ */
+import { ButtonPassThroughOptions } from 'primevue/button';
+import {
+  TieredMenuPassThroughOptions,
+  TieredMenuRouterBindProps,
+} from 'primevue/tieredmenu';
+import { ButtonHTMLAttributes, VNode } from 'vue';
+
+import { ComponentHooks } from '../basecomponent';
+import { MenuItem } from '../menuitem';
+import { PassThroughOptions } from '../passthrough';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+  HintedString,
+  PassThrough,
+} from '../ts-helpers';
+
+import { WangsIcons } from '../icon/Icon.vue';
+
+export declare type ButtonSplitPassThroughOptionType =
+  | ButtonSplitPassThroughAttributes
+  | ((
+      options: ButtonSplitPassThroughMethodOptions,
+    ) => ButtonSplitPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ButtonSplitPassThroughMethodOptions {
+  /**
+   * Defines instance.
+   */
+  instance: any;
+  /**
+   * Defines valid properties.
+   */
+  props: ButtonSplitProps;
+  /**
+   * Defines current inline state.
+   */
+  state: ButtonSplitState;
+  /**
+   * Defines valid attributes.
+   */
+  attrs: any;
+  /**
+   * Defines parent options.
+   */
+  parent: any;
+  /**
+   * Defines passthrough(pt) options in global config.
+   */
+  global: object | undefined;
+}
+
+/**
+ * Custom shared passthrough(pt) option method.
+ */
+export interface ButtonSplitSharedPassThroughMethodOptions {
+  /**
+   * Defines valid properties.
+   */
+  props: ButtonSplitProps;
+  /**
+   * Defines current inline state.
+   */
+  state: ButtonSplitState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ButtonSplitProps.pt}
+ */
+export interface ButtonSplitPassThroughOptions {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: ButtonSplitPassThroughOptionType;
+  /**
+   * Used to pass attributes to the button's DOM element.
+   */
+  button?: ButtonSplitPassThroughOptionType;
+  /**
+   * Used to pass attributes to the Button component.
+   * @see {@link ButtonPassThroughOptions}
+   */
+  menuButton?: ButtonPassThroughOptions<ButtonSplitSharedPassThroughMethodOptions>;
+  /**
+   * Used to pass attributes to the TieredMenu component.
+   * @see {@link TieredMenuPassThroughOptions}
+   */
+  menu?: TieredMenuPassThroughOptions<ButtonSplitSharedPassThroughMethodOptions>;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface ButtonSplitPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines current inline state in ButtonSplit component.
+ */
+export interface ButtonSplitState {
+  /**
+   * Current blocked state as a boolean.
+   * @defaultValue false
+   */
+  isBlocked: boolean;
+}
+
+/**
+ * Defines valid properties in ButtonSplit component.
+ */
+export interface ButtonSplitProps {
+  /**
+   * Text of the button.
+   */
+  label?: string | undefined;
+  /**
+   * Name of the icon of main button.
+   */
+  icon?: WangsIcons | undefined;
+  /**
+   * MenuModel instance to define the overlay items.
+   */
+  model?: MenuItem[] | undefined;
+  /**
+   * Whether to automatically manage layering.
+   * @defaultValue true
+   */
+  autoZIndex?: boolean | undefined;
+  /**
+   * Base zIndex value to use in layering.
+   * @defaultValue 0
+   */
+  baseZIndex?: number | undefined;
+  /**
+   * A valid query selector or an HTMLElement to specify where the overlay gets attached.
+   * Special keywords are 'body' for document body and 'self' for the element itself.
+   * @defaultValue body
+   */
+  appendTo?: HintedString<'body' | 'self'> | undefined | HTMLElement;
+  /**
+   * When present, it specifies that the element should be disabled.
+   * @defaultValue false
+   */
+  disabled?: boolean | undefined;
+  /**
+   * Style class of the component.
+   */
+  class?: any | undefined;
+  /**
+   * Inline style of the component.
+   */
+  style?: any | undefined;
+  /**
+   * Used to pass all properties of the HTMLButtonElement to the default button.
+   */
+  buttonProps?: ButtonHTMLAttributes | undefined;
+  /**
+   * Used to pass all properties of the HTMLButtonElement to the menu button.
+   */
+  menuButtonProps?: ButtonHTMLAttributes | undefined;
+  /**
+   * Name of the menu button icon.
+   */
+  menuButtonIcon?: WangsIcons | undefined;
+  /**
+   * Defines the style of the button.
+   */
+  severity?:
+    | HintedString<
+        | 'secondary'
+        | 'success'
+        | 'info'
+        | 'warning'
+        | 'help'
+        | 'danger'
+        | 'contrast'
+      >
+    | undefined;
+  /**
+   * Add a shadow to indicate elevation.
+   * @defaultValue false
+   */
+  raised?: boolean | undefined;
+  /**
+   * Add a circular border radius to the button.
+   * @defaultValue false
+   */
+  rounded?: boolean | undefined;
+  /**
+   * Add a textual class to the button without a background initially.
+   * @defaultValue false
+   */
+  text?: boolean | undefined;
+  /**
+   * Add a border class without a background initially.
+   * @defaultValue false
+   */
+  outlined?: boolean | undefined;
+  /**
+   * Defines the size of the button.
+   */
+  size?: 'small' | 'large' | undefined;
+  /**
+   * Add a plain textual class to the button without a background initially.
+   * @defaultValue false
+   */
+  plain?: boolean | undefined;
+  /**
+   * Used to pass attributes to DOM elements inside the component.
+   * @type {ButtonSplitPassThroughOptions}
+   */
+  pt?: PassThrough<ButtonSplitPassThroughOptions>;
+  /**
+   * Used to configure passthrough(pt) options of the component.
+   * @type {PassThroughOptions}
+   */
+  ptOptions?: PassThroughOptions;
+  /**
+   * When enabled, it removes component related styles in the core.
+   * @defaultValue false
+   */
+  unstyled?: boolean;
+}
+
+/**
+ * Defines valid slots in ButtonSplit component.
+ */
+export interface ButtonSplitSlots {
+  /**
+   * Button part of the content can easily be customized with the default slot instead of using the built-in modes.
+   */
+  default(): VNode[];
+  /**
+   * Command button part of the content can easily be customized with the button content slot.
+   */
+  buttoncontent(): VNode[];
+  /**
+   * Custom button icon template.
+   * @param {Object} scope - icon slot's params.
+   */
+  icon(scope: {
+    /**
+     * Style class of the icon.
+     */
+    class: string;
+  }): VNode[];
+  /**
+   * Custom menu button icon template.
+   * @param {Object} scope - menubuttonicon slot's params.
+   */
+  menubuttonicon(scope: {
+    /**
+     * Style class of the icon.
+     */
+    class: string;
+  }): VNode[];
+  /**
+   * Custom menu item icon template.
+   * @param {Object} scope - menuitemicon slot's params.
+   */
+  menuitemicon(scope: {
+    /**
+     * Menuitem instance
+     */
+    item: MenuItem;
+    /**
+     * Style class of the item icon element.
+     */
+    class: any;
+  }): VNode[];
+  /**
+   * Custom content for each menu item.
+   * @param {Object} scope - item slot's params.
+   */
+  item(scope: {
+    /**
+     * Menuitem instance
+     */
+    item: MenuItem;
+    /**
+     * Label property of the menuitem
+     */
+    label: string | ((...args: any) => string) | undefined;
+    /**
+     * Binding properties of the menuitem
+     */
+    props: TieredMenuRouterBindProps;
+    /**
+     * Whether or not there is a submenu
+     */
+    hasSubmenu: boolean;
+  }): VNode[];
+}
+
+/**
+ * Defines valid emits in ButtonSplit component.
+ */
+export interface ButtonSplitEmits {
+  /**
+   * Callback to invoke when main button is clicked.
+   * @param {Event} event - Browser event.
+   */
+  click(event: Event): void;
+}
+
+/**
+ * **PrimeVue - ButtonSplit**
+ *
+ * _ButtonSplit groups a set of commands in an overlay with a default command._
+ *
+ * [Live Demo](https://www.primevue.org/splitbutton/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare class ButtonSplit extends ClassComponent<
+  ButtonSplitProps,
+  ButtonSplitSlots,
+  ButtonSplitEmits
+> {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ButtonSplit: GlobalComponentConstructor<ButtonSplit>;
+  }
+}
+
+export default ButtonSplit;

package/components/buttonsync/ButtonSync.vue.d.ts

@@ -0,0 +1,22 @@
+import { ClassComponent } from '../ts-helpers';
+
+export interface ButtonSyncProps {
+  /**
+   * Defines no scan buttons in hardware sync dialog footer.
+   */
+  withoutScanBtn?: boolean;
+}
+
+declare class ButtonSync extends ClassComponent<
+  ButtonSyncProps,
+  unknown,
+  unknown
+> {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ButtonSync: typeof ButtonSync;
+  }
+}
+
+export default ButtonSync;

package/components/buttontoggle/ButtonToggle.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import {
   ToggleSwitchEmits,
   ToggleSwitchProps,

package/components/buttonviewlog/ButtonViewLog.vue.d.ts

@@ -0,0 +1,17 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+export interface ButtonViewLogProps {
+  showLog?: boolean;
+}
+
+export type ButtonViewLogEmits = {
+  'update:showLog': [state: boolean];
+};
+
+declare class ButtonViewLog extends ClassComponent<
+  ButtonViewLogProps,
+  unknown,
+  ButtonViewLogEmits
+> {}
+
+export default ButtonViewLog;

package/components/calendar/Calendar.vue.d.ts

@@ -1,4 +1,5 @@
-import { TransitionProps } from 'vue';
+import { Slot, TransitionProps } from 'vue';
+
 import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent } from '../ts-helpers';
 
@@ -321,6 +322,11 @@ export interface CalendarProps {
    */
   readonly?: boolean;
 
+  /**
+   * The class name of the overlay element.
+   */
+  overlayClass?: string;
+
   /**
    * Identifier of the underlying input element.
    */
@@ -337,14 +343,14 @@ export interface CalendarProps {
    * @default 'single'
    * @deprecated use selectionMode
    */
-  mode?: 'range' | 'single';
+  mode?: 'range' | 'single' | 'multiple';
 
   /**
    * Whether single date or date range model value.
    *
    * @default 'single'
    */
-  selectionMode?: 'range' | 'single';
+  selectionMode?: 'range' | 'single' | 'multiple';
 
   /**
    * Whether to hide the overlay on date selection when showTime is enabled.
@@ -469,6 +475,16 @@ export interface CalendarProps {
    */
   useTimeFormat?: boolean;
 
+  /**
+   * Only allow weekdays to be selected.
+   */
+  onlyWeekdays?: boolean;
+
+  /**
+   * Exclude certain dates from selection.
+   */
+  excludeDates?: Date[];
+
   /**
    * The minimum selectable date.
    */
@@ -551,6 +567,18 @@ export type CalendarEmits = {
   'dateSelect': [date: Date | Date[]];
 };
 
+export interface CalendarSlots {
+  /**
+   * Slot for custom root input element
+   */
+  'default': Slot<{ onClick: (event: Event) => void }>;
+
+  /**
+   * Slot for additional content in overlay
+   */
+  'addon-overlay': Slot;
+}
+
 /**
  * **WangsVue - Calendar**
  *
@@ -563,7 +591,7 @@ export type CalendarEmits = {
  */
 declare class Calendar extends ClassComponent<
   CalendarProps,
-  unknown,
+  CalendarSlots,
   CalendarEmits
 > {}
 

package/components/card/Card.vue.d.ts

@@ -7,6 +7,7 @@
  *
  */
 import { VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {

package/components/checkbox/Checkbox.vue.d.ts

@@ -6,6 +6,7 @@
  *
  */
 import { VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {

package/components/datatable/DataTable.vue.d.ts

@@ -1,8 +1,10 @@
-import { DialogConfirmProps } from 'lib/components/dialogconfirm/DialogConfirm.vue.d';
-import { MenuItem } from 'lib/components/menuitem';
-import { ClassComponent, HintedString } from '../ts-helpers.d';
 import { Component } from 'vue';
-import { DateOptions } from 'lib/utils/date.util';
+
+import { DialogConfirmProps } from '../../components/dialogconfirm/DialogConfirm.vue.d';
+import { MenuItem } from '../../components/menuitem';
+import { DateOptions } from '../../utils/date.util';
+
+import { ClassComponent, HintedString } from '../ts-helpers.d';
 
 export interface DataTableLocaleConfig {
   /**
@@ -153,6 +155,12 @@ export type TableCellComponent = {
   events?: any;
   onChange?: (itemData: any) => void;
   disabled?: boolean;
+  /**
+   * To tell DataTable component whether this component should stop propagation or not
+   *
+   * @default true - since old logic was automatically stop event click from bodyComponent
+   */
+  stop?: boolean;
 };
 
 export type TogglePresetConfirmDialogProps = Omit<

package/components/dialog/Dialog.vue.d.ts

@@ -9,6 +9,7 @@
  *
  */
 import { HTMLAttributes, TransitionProps, VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {
@@ -318,7 +319,7 @@ export interface DialogProps {
   /**
    * A string or string array class to append to the root section.
    */
-  class?: string | string[];
+  class?: string | string[] | object[];
   /**
    * A string or string array class to append to the dialog header section.
    */
@@ -326,11 +327,11 @@ export interface DialogProps {
   /**
    * A string or string array class to append to the dialog content section.
    */
-  contentClass?: string | string[];
+  contentClass?: string | string[] | object[];
   /**
    * A string or string array class to append to the dialog footer section.
    */
-  footerClass?: string | string[];
+  footerClass?: string | string[] | object[];
 }
 
 /**

package/components/dialogassetnamedetail/DialogAssetNameDetail.vue.d.ts

@@ -0,0 +1,46 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * Props for DialogAssetNameDetail component
+ */
+export interface DialogAssetNameDetailProps {
+  /**
+   * The header of the dialog.
+   *
+   * @defaultValue "Asset Name Detail"
+   */
+  header?: string;
+
+  /**
+   * The ID of the asset.
+   */
+  id: string;
+
+  /**
+   * The query params for fetching assets.
+   */
+  params?: { [key: string]: string };
+
+  /**
+   * Specifies the visibility of the dialog.
+   * @defaultValue false
+   */
+  visible?: boolean | undefined;
+}
+
+/**
+ * Emits for DialogAssetNameDetail component
+ */
+export type DialogAssetNameDetailEmits = {
+  /**
+   * Emits when the dialog is closed. Wether from cancel button, close button, or ESC button pressed.
+   */
+  'update:visible': [state: boolean];
+};
+
+declare const DialogAssetNameDetail: DefineComponent<
+  DialogAssetNameDetailProps,
+  DialogAssetNameDetailEmits
+>;
+
+export default DialogAssetNameDetail;

package/components/dialogassetnamedetail/options/columns.d.ts

@@ -0,0 +1,2 @@
+import { TableColumn } from '../../../components/datatable/DataTable.vue.d';
+export declare const assetNameDetailColumns: () => TableColumn[];

package/components/dialogassetnamedetail/options/filter.d.ts

@@ -0,0 +1,2 @@
+import { FilterField } from 'components/filtercontainer/FilterContainer.vue.d';
+export declare const filterFields: FilterField[];

package/components/dialogconfirm/DialogConfirm.vue.d.ts

@@ -1,4 +1,5 @@
 import { Slot } from 'vue';
+
 import { WangsIcons } from '../icon/Icon.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 

package/components/dialogform/DialogForm.vue.d.ts

@@ -1,5 +1,6 @@
 import { GenericObject } from 'vee-validate';
 import { Slot } from 'vue';
+
 import FormInstance, { FormPayload, FormProps } from '../form/Form.vue.d';
 import { WangsIcons } from '../icon/Icon.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
@@ -85,7 +86,7 @@ export interface DialogFormProps extends FormProps {
    * @default 260
    */
   asideRightWidth?: number;
-  class?: string | string[];
+  class?: string | string[] | object[];
 
   /**
    * Custom button cancel label.
@@ -117,7 +118,7 @@ export interface DialogFormProps extends FormProps {
   /**
    * @deprecated
    */
-  contentClass?: string | string[];
+  contentClass?: string | string[] | object[];
 
   /**
    * Show Date time on header.

package/components/dialogprintqr/DialogPrintQR.vue.d.ts

@@ -0,0 +1,18 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+export interface DialogPrintQRProps {
+  visible?: boolean;
+}
+
+export type DialogPrintQREmits = {
+  'printed': [];
+  'update:visible': [state: boolean];
+};
+
+declare class DialogPrintQR extends ClassComponent<
+  DialogPrintQRProps,
+  unknown,
+  DialogPrintQREmits
+> {}
+
+export default DialogPrintQR;