splitpane typescript declaration

[JenuelDev]

it seems their is not typescript support for this one.

[VIEWVIEWVIEW]

If you want a hacky solution to disable type errors you can create splitpanes.d.ts anywhere in your project with the following content:

declare module 'splitpanes' {
    let Splitpanes : any;
    let Pane : any;

    export { Splitpanes, Pane }
}

[tho-dan]

A more complete type definition would be something like the following: (edit: for vue 3. Vue 2 can use the @types/splitpanes package)

splitpanes.d.ts

import { DefineComponent } from 'vue';

declare module 'splitpanes' {
  export interface PaneProps {
    size?: number | string;
    minSize?: number | string;
    maxSize?: number | string;
  }

  export interface SplitpanesProps {
    horizontal?: boolean;
    pushOtherPanes?: boolean;
    dblClickSplitter?: boolean;
    rtl?: boolean;
    firstSplitter?: boolean;
  }

  export interface SplitpanesEmits {
    (
      e:
        | 'ready'
        | 'resize'
        | 'resized'
        | 'pane-click'
        | 'pane-maximize'
        | 'pane-add'
        | 'pane-remove'
        | 'splitter-click'
    ): void;
  }

  export const Splitpanes: DefineComponent<
    SplitpanesProps,
    {},
    SplitpanesEmits
  >;
  export const Pane: DefineComponent<PaneProps>;
}

@antoniandre would you be interested in assistance for providing this kind of support out of the box?

[276562578]

A more complete type definition would be something like the following: (edit: for vue 3. Vue 2 can use the @types/splitpanes package)更完整的类型定义可能是以下内容：（编辑：对于 vue 3。Vue 2 可以使用 @types/splitpanes 包）

splitpanes.d.ts

import { DefineComponent } from 'vue';

declare module 'splitpanes' {
export interface PaneProps {
size?: number | string;
minSize?: number | string;
maxSize?: number | string;
}

export interface SplitpanesProps {
horizontal?: boolean;
pushOtherPanes?: boolean;
dblClickSplitter?: boolean;
rtl?: boolean;
firstSplitter?: boolean;
}

export interface SplitpanesEmits {
(
e:
| 'ready'
| 'resize'
| 'resized'
| 'pane-click'
| 'pane-maximize'
| 'pane-add'
| 'pane-remove'
| 'splitter-click'
): void;
}

export const Splitpanes: DefineComponent<
SplitpanesProps,
{},
SplitpanesEmits

;
export const Pane: DefineComponent;
}
@antoniandre would you be interested in assistance for providing this kind of support out of the box?您对提供这种即插即用支持的协助感兴趣吗？

in my situation the first two line should be below

declare module 'splitpanes' {
  import { DefineComponent } from 'vue';

[pot-mot]

I recently tried to modify this project with typescript and use them inline in my own project.

Source code can be seen in the link below:

#247 (comment)

Maybe this can help.