@fewangsit/wangsvue 1.5.205 → 1.5.206-alpha.0

package/components/animation/Animation.vue.d.ts

@@ -1,7 +1,11 @@
 import { ClassComponent } from 'lib/components/ts-helpers.d';
 
+export interface AnimationDefaultConfig {
+  libPath: 'supplyasset' | 'workspace' | 'admin';
+}
+
 export interface AnimationProps {
-  animation: 'no-data' | 'loading-plane' | 'loading-table';
+  animation: 'no-data' | 'loading-plane' | 'loading-page' | 'loading-table';
 }
 
 /**

package/components/badge/Badge.vue.d.ts

@@ -1,9 +1,19 @@
 import { ClassComponent } from '../ts-helpers';
 
+export interface BadgeComponentConfigs {
+  /**
+   * The component configurasion to set the severity based on given label. If provided, props.severity might be omitted.
+   *
+   * @param label The badge label
+   * @returns The matched severity of given label
+   */
+  getSeverity?: (label?: string) => BadgeProps['severity'];
+}
+
 /**
  * Props for Badge component
  */
-export interface BadgeProps {
+export interface BadgeProps extends BadgeComponentConfigs {
   /**
    * The text to be displayed.
    */
@@ -13,9 +23,9 @@ export interface BadgeProps {
    */
   editable?: boolean;
   /**
-   * Sets the severity level for styling purposes.
+   * Sets the severity level for styling purposes. This prop might be omitted if getSeverity is provided.
    */
-  severity?: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
+  severity?: 'success' | 'info' | 'danger' | 'warning' | 'dark' | 'primary';
   /**
    * Specifies the format for text truncation rules based on the usage context.
    */

package/components/badgegroup/BadgeGroup.vue.d.ts

@@ -1,9 +1,26 @@
+import { Slot } from 'vue';
 import { BadgeProps } from 'lib/components/badge/Badge.vue.d';
-import { ClassComponent } from '../ts-helpers.d';
+import { ClassComponent, HintedString } from '../ts-helpers.d';
+
+export type ObjectBadge = {
+  text: string;
+  severity: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
+};
 
 export interface BadgeGroupProps
   extends Omit<BadgeProps, 'label' | 'disabled' | 'removable'> {
-  labels: string[];
+  /**
+   * Support data type object to determine severity for specific text
+   */
+  labels: string[] | ObjectBadge[];
+  /**
+   * Determine whether severity of text "more" is customizable
+   *
+   * @default undefined
+   */
+  textMoreSeverity?: HintedString<
+    'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast'
+  >;
   /**
    * The text shown on the more button
    *
@@ -25,8 +42,15 @@ export interface BadgeGroupProps
   emptyable?: boolean;
 }
 
+export interface BadgeGroupSlots {
+  /**
+   * Slot for custom more dialog content
+   */
+  dialogcontent: Slot<{ labels: string[] }>;
+}
+
 export default class Badge extends ClassComponent<
   BadgeGroupProps,
-  unknown,
+  BadgeGroupSlots,
   unknown
 > {}

package/components/basetree/BaseTree.vue.d.ts

@@ -34,7 +34,7 @@ export interface TreeNode {
   /**
    * Mandatory unique key of the node.
    */
-  key: string;
+  key: string | number;
   /**
    * Label of the node.
    */
@@ -300,6 +300,8 @@ export interface TreeContext {
  */
 export interface BaseTreeProps {
   disableKeys?: number[];
+  disableNodeAll?: boolean;
+  exactDisableKeys?: number[];
   level?: number;
   /**
    * List of labels that has no menu option

package/components/buttonbulkaction/ButtonBulkAction.vue.d.ts

@@ -1,6 +1,25 @@
 import { DefineComponent } from 'vue';
 import { MenuItem } from '../menuitem';
 
+export interface ButtonBulkActionLocaleConfig {
+  /**
+   * @example `{length} data selected`
+   */
+  currentSelectionMessage?: string;
+
+  /**
+   * @description Label for when all records have been selected.
+   * @example 'Select all ({totalRecords} data)' - totalRecords - The total number of records available to select.
+   */
+  allRecordSelected?: string;
+
+  /**
+   * @description Label for the "Select All" option in a bulk action button.
+   * @example `Select all ({totalRecords} items)` - totalRecords - The total number of records available to select.
+   */
+  selectAllRecords?: string;
+}
+
 export interface ButtonBulkActionProps {
   /**
    * Disable the button.

package/components/buttondownload/ButtonDownload.vue.d.ts

@@ -2,6 +2,10 @@ import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export interface ButtonDownloadProps {
   fileName: string;
+  /**
+   * Text of the button.
+   */
+  label?: string;
   /**
    * Specify which table to be exported.
    * When it is not specified, the default name of data table will be used.

package/components/buttonselecttree/ButtonSelectTree.vue.d.ts

@@ -80,7 +80,14 @@ export interface ButtonSelectTreeProps {
    * @default false
    */
   autoSelectAll?: boolean;
+  /**
+   * A list of node keys that should be disabled along with their children.
+   */
   disableKeys?: number[];
+  /**
+   * A list of node keys that should be disabled, affecting only the specified nodes and not their children.
+   */
+  exactDisableKeys?: number[];
   /**
    * Disable the Select button
    */

package/components/buttonsplit/ButtonSplit.d.ts

@@ -0,0 +1,350 @@
+/**
+ *
+ * ButtonSplit groups a set of commands in an overlay with a default command.
+ *
+ * [Live Demo](https://www.primevue.org/splitbutton/)
+ *
+ * @module splitbutton
+ *
+ */
+import { ButtonHTMLAttributes, VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
+import { ButtonPassThroughOptions } from 'primevue/button';
+import { MenuItem } from '../menuitem';
+import { PassThroughOptions } from '../passthrough';
+import {
+  TieredMenuPassThroughOptions,
+  TieredMenuRouterBindProps,
+} from 'primevue/tieredmenu';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+  PassThrough,
+  HintedString,
+} from '../ts-helpers';
+import { WangsIcons } from '../icon/Icon.vue.d';
+
+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/buttonsplit/ButtonSplit.vue.d.ts

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

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

@@ -45,9 +45,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     onDateSelect?: (date: Date | Date[]) => any;
 }, {
     dateFormat: string | undefined;
+    showOptionalText: boolean;
     mode: "range" | "single";
     view: "date" | "month" | "year" | undefined;
-    showOptionalText: boolean;
     valueFormat: "date" | "millis";
     selectionMode: "range" | "single";
     hideOnRangeSelection: boolean | undefined;