Fixed #957 - Improve TypeScript definitions

src/components/skeleton/Skeleton.d.ts

@@ -1,6 +1,4 @@
-import Vue from 'vue';
+interface SkeletonProps {
-
-declare class Skeleton extends Vue {
     shape?: string;
     size?: string;
     width?: string;
@@ -9,4 +7,8 @@ declare class Skeleton extends Vue {
     animation?: string;
 }
 
+declare class Skeleton {
+    $props: SkeletonProps;
+}
+
 export default Skeleton;

src/components/slider/Slider.d.ts

@@ -1,6 +1,4 @@
-import Vue from 'vue';
+interface SliderProps {
-
-declare class Slider extends Vue {
     modelValue?: number | any[];
     min?: number;
     max?: number;
@@ -9,6 +7,10 @@ declare class Slider extends Vue {
     range?: boolean;
     disabled?: boolean;
     ariaLabelledBy?: string;
+}
+
+declare class Slider {
+    $props: SliderProps;
     $emit(eventName: 'change', value: any): this;
     $emit(eventName: 'slideend', e: {originalEvent: Event, values: any}): this;
 }

src/components/splitbutton/SplitButton.d.ts

@@ -1,6 +1,4 @@
-import Vue from 'vue';
+interface SplitButtonProps {
-
-declare class SplitButton extends Vue {
     label?: string;
     icon?: string;
     model?: any[];
@@ -9,6 +7,10 @@ declare class SplitButton extends Vue {
     autoZIndex?: boolean;
     baseZIndex?: number;
     appendTo?: string;
+}
+
+declare class SplitButton {
+    $props: SplitButtonProps;
     $emit(eventName: 'click', event: Event): this;
 }
 

src/components/splitter/Splitter.d.ts

@@ -1,10 +1,12 @@
-import Vue from 'vue';
+interface SplitterProps {
-
-declare class Splitter extends Vue {
     layout?: string;
     gutterSize?: number;
     stateKey?: string;
     stateStorage?: string;
 }
 
+declare class Splitter {
+    $props: SplitterProps;
+}
+
 export default Splitter;

src/components/splitterpanel/SplitterPanel.d.ts

@@ -1,8 +1,10 @@
-import Vue from 'vue';
+interface SplitterPanelProps {
-
-declare class SplitterPanel extends Vue {
     size?: number;
     minSize?: number;
 }
 
+declare class SplitterPanel {
+    $props: SplitterPanelProps;
+}
+
 export default SplitterPanel;

src/components/steps/Steps.d.ts

@@ -1,8 +1,10 @@
-import Vue from 'vue';
+interface StepsProps {
-
-declare class Steps extends Vue {
     model?: any[];
     readonly?: boolean;
 }
 
+declare class Steps {
+    $props: StepsProps;
+}
+
 export default Steps;

src/components/tabmenu/TabMenu.d.ts

@@ -1,7 +1,9 @@
-import Vue from 'vue';
+interface TabMenuProps {
-
-declare class TabMenu extends Vue {
     model?: any[];
 }
 
+declare class TabMenu {
+    $props: TabMenuProps;
+}
+
 export default TabMenu;

src/components/tabpanel/TabPanel.d.ts

@@ -1,8 +1,12 @@
-import Vue, { VNode } from 'vue';
+import { VNode } from 'vue';
 
-declare class TabPanel extends Vue {
+interface TabPanelProps {
     header?: any;
     disabled?: boolean;
+}
+
+declare class TabPanel {
+    $props: TabPanelProps;
     $slots: {
         '': VNode[];
     }

src/components/tabview/TabView.d.ts

@@ -1,7 +1,11 @@
-import Vue, { VNode } from 'vue';
+import { VNode } from 'vue';
 
-declare class TabView extends Vue {
+interface TabViewProps {
     activeIndex?: number;
+}
+
+declare class TabView {
+    $props: TabViewProps;
     $emit(eventName: 'tab-change', e: { originalEvent: Event, tab: any }): this;
     $slots: {
         '': VNode[];

src/components/tag/Tag.d.ts

@@ -1,10 +1,12 @@
-import Vue from 'vue';
+interface TagProps {
-
-declare class Tag extends Vue {
     value?: any;
     severity?: string;
     rounded?: boolean;
     icon?: string;
 }
 
+declare class Tag {
+    $props: TagProps;
+}
+
 export default Tag;

src/components/terminal/Terminal.d.ts

@@ -1,8 +1,10 @@
-import Vue from 'vue';
+interface TerminalProps {
-
-declare class Terminal extends Vue {
     welcomeMessage?: string;
     prompt?: string;
 }
 
+declare class Terminal {
+    $props: TerminalProps;
+}
+
 export default Terminal;

src/components/textarea/Textarea.d.ts

@@ -1,8 +1,10 @@
-import Vue from 'vue';
+interface TextareaProps {
-
-declare class Textarea extends Vue {
     value?: string;
     autoResize?: boolean;
+}
+
+declare class Textarea {
+    $props: TextareaProps;
     $emit(eventName: 'input', value: string): this;
 }
 

src/components/tieredmenu/TieredMenu.d.ts

@@ -1,11 +1,13 @@
-import Vue from 'vue';
+interface TieredMenuProps {
-
-declare class TieredMenu extends Vue {
     popup?: boolean;
     model?: any[];
     appendTo?: string;
     autoZIndex?: boolean;
     baseZIndex?: number;
+}
+
+declare class TieredMenu {
+    $props: TieredMenuProps;
     toggle(event: Event): void;
     show(event: Event, target?: any): void;
     hide(): void;

src/components/timeline/Timeline.d.ts

@@ -1,10 +1,14 @@
-import Vue, { VNode } from 'vue';
+import { VNode } from 'vue';
 
-declare class Timeline extends Vue {
+interface TimelineProps {
     value?: any[];
     align?: string;
     layout?: string;
     dataKey?: string;
+}
+
+declare class Timeline {
+    $props: TimelineProps;
     $slots: {
         content: VNode[];
         opposite: VNode[];

src/components/toast/Toast.d.ts

@@ -1,8 +1,10 @@
-import Vue from 'vue';
+interface ToastProps {
-
-declare class Toast extends Vue {
     group?: string;
     position?: string;
 }
 
+declare class Toast {
+    $props: ToastProps;
+}
+
 export default Toast;

src/components/togglebutton/ToggleButton.d.ts

@@ -1,12 +1,14 @@
-import Vue from 'vue';
+interface ToggleButtonProps {
-
-declare class ToggleButton extends Vue {
     value?: boolean;
     onIcon?: string;
     offIcon?: string;
     onLabel?: string;
     offLabel?: string;
     iconPos?: string;
+}
+
+declare class ToggleButton {
+    $props: ToggleButtonProps;
     $emit(eventName: string, event: Event): this;
 }
 

src/components/toolbar/Toolbar.d.ts

@@ -1,6 +1,9 @@
-import Vue, { VNode } from 'vue';
+import { VNode } from 'vue';
 
-declare class Toolbar extends Vue {
+interface ToolbarProps {}
+
+declare class Toolbar {
+    $props: ToolbarProps;
     $slots: {
         left: VNode[];
         right: VNode[];

src/components/tree/Tree.d.ts

@@ -1,6 +1,6 @@
-import Vue, {VNode} from 'vue';
+import { VNode } from 'vue';
 
-declare class Tree extends Vue {
+interface TreeProps {
     value?: any;
     expandedKeys?: any;
     selectionKeys?: any;
@@ -13,6 +13,10 @@ declare class Tree extends Vue {
     filterMode?: string;
     filterPlaceholder?: string;
     filterLocale?: string;
+}
+
+declare class Tree {
+    $props: TreeProps;
     $emit(eventName: 'node-select', node: any): this;
     $emit(eventName: 'node-unselect', node: any): this;
     $emit(eventName: 'node-expand', node: any): this;

src/components/treetable/TreeTable.d.ts

@@ -1,6 +1,6 @@
-import Vue, {VNode} from 'vue';
+import { VNode } from 'vue';
 
-declare class TreeTable extends Vue {
+interface TreeTableProps {
     value?: any;
     expandedKeys?: any;
     selectionKeys?: any;
@@ -35,6 +35,10 @@ declare class TreeTable extends Vue {
     resizableColumns?: boolean;
     columnResizeMode?: string;
     indentation?: number;
+}
+
+declare class TreeTable {
+    $props: TreeTableProps;
     $emit(eventName: 'page', event: Event): this;
     $emit(eventName: 'sort', event: Event): this;
     $emit(eventName: 'filter', event: Event): this;

src/components/tristatecheckbox/TriStateCheckbox.d.ts

@@ -1,7 +1,9 @@
-import Vue from 'vue';
+interface TriStateCheckboxProps {
-
-declare class TriStateCheckbox extends Vue {
     modelValue?: any;
+}
+
+declare class TriStateCheckbox {
+    $props: TriStateCheckboxProps;
     $emit(eventName: string, event: Event): this;
 }