UNPKG

view-ui-plus

Version:

A high quality UI components Library with Vue.js 3

731 lines (583 loc) 13.4 kB
import type { DefineComponent } from 'vue'; export declare const Title: DefineComponent<{ /** * 重要程度,相当于 `h1`、`h2`、`h3`、`h4`、`h5` */ level?: 1 | 2 | 3 | 4 | 5; /** * 绑定的值,可使用 v-model 双向绑定 */ 'model-value'?: string; /** * 文本类型,可选值为 `secondary`、`success`、`warning`、`danger` */ type?: '' | 'secondary' | 'success' | 'warning' | 'danger'; /** * 是否可以拷贝 */ copyable?: boolean; /** * 自定义拷贝内容 */ 'copy-text'?: string; /** * 拷贝配置项,支持全局配置 */ 'copy-config'?: object; /** * 是否可以编辑 */ editable?: boolean; /** * 编辑配置项,支持全局配置 */ 'edit-config'?: object; /** * 自动溢出省略 */ ellipsis?: boolean; /** * 自动溢出省略配置项,支持全局配置 */ 'ellipsis-config'?: object; /** * 禁用文本 */ disabled?: boolean; /** * 添加代码样式 */ code?: boolean; /** * 添加删除线样式 */ delete?: boolean; /** * 添加键盘样式 */ keyboard?: boolean; /** * 添加标记样式 */ mark?: boolean; /** * 添加下划线样式 */ underline?: boolean; /** * 是否加粗 */ strong?: boolean; /** * 是否斜体 */ italic?: boolean; /** * 是否开启 Tooltip 的 transfer 属性,仅适用于 ellipsis 模式 */ transfer?: boolean; /** * Tooltip 的 theme 属性,仅适用于 ellipsis 模式 */ theme?: 'dark' | 'light'; /** * Tooltip 的 max-width 属性,仅适用于 ellipsis 模式 */ 'max-width'?: number | string; /** * Tooltip 的 placement 属性,仅适用于 ellipsis 模式 */ placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'; /** * 拷贝成功时触发 */ onOnCopySuccess?: (event?: any) => any; /** * 拷贝失败时触发 */ onOnCopyError?: (event?: any) => any; /** * 进入编辑状态时触发 */ onOnEditStart?: (event?: any) => any; /** * 结束编辑状态时触发,即保存 */ onOnEditEnd?: (event?: any) => any; /** * 编辑内容时触发 */ onOnEditChange?: (event?: any) => any; /** * 退出编辑时触发 */ onOnEditCancel?: (event?: any) => any; 'v-slots'?: { /** * 文本内容,优先级低于 model-value */ default?: () => any; /** * 自定义拷贝图标,可选参数 copied */ copyIcon?: () => any; /** * 自定义编辑图标 */ editIcon?: () => any; /** * 自定义回车图标 */ enterIcon?: () => any; }; }> export declare const Text: DefineComponent<{ /** * 绑定的值,可使用 v-model 双向绑定 */ 'model-value'?: string; /** * 文本类型,可选值为 `secondary`、`success`、`warning`、`danger` */ type?: '' | 'secondary' | 'success' | 'warning' | 'danger'; /** * 是否可以拷贝 */ copyable?: boolean; /** * 自定义拷贝内容 */ 'copy-text'?: string; /** * 拷贝配置项,支持全局配置 */ 'copy-config'?: object; /** * 是否可以编辑 */ editable?: boolean; /** * 编辑配置项,支持全局配置 */ 'edit-config'?: object; /** * 自动溢出省略 */ ellipsis?: boolean; /** * 自动溢出省略配置项,支持全局配置 */ 'ellipsis-config'?: object; /** * 禁用文本 */ disabled?: boolean; /** * 添加代码样式 */ code?: boolean; /** * 添加删除线样式 */ delete?: boolean; /** * 添加键盘样式 */ keyboard?: boolean; /** * 添加标记样式 */ mark?: boolean; /** * 添加下划线样式 */ underline?: boolean; /** * 是否加粗 */ strong?: boolean; /** * 是否斜体 */ italic?: boolean; /** * 是否开启 Tooltip 的 transfer 属性,仅适用于 ellipsis 模式 */ transfer?: boolean; /** * Tooltip 的 theme 属性,仅适用于 ellipsis 模式 */ theme?: 'dark' | 'light'; /** * Tooltip 的 max-width 属性,仅适用于 ellipsis 模式 */ 'max-width'?: number | string; /** * Tooltip 的 placement 属性,仅适用于 ellipsis 模式 */ placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'; /** * 拷贝成功时触发 */ onOnCopySuccess?: (event?: any) => any; /** * 拷贝失败时触发 */ onOnCopyError?: (event?: any) => any; /** * 进入编辑状态时触发 */ onOnEditStart?: (event?: any) => any; /** * 结束编辑状态时触发,即保存 */ onOnEditEnd?: (event?: any) => any; /** * 编辑内容时触发 */ onOnEditChange?: (event?: any) => any; /** * 退出编辑时触发 */ onOnEditCancel?: (event?: any) => any; 'v-slots'?: { /** * 文本内容,优先级低于 model-value */ default?: () => any; /** * 自定义拷贝图标,可选参数 copied */ copyIcon?: () => any; /** * 自定义编辑图标 */ editIcon?: () => any; /** * 自定义回车图标 */ enterIcon?: () => any; }; }> export declare const Paragraph: DefineComponent<{ /** * 绑定的值,可使用 v-model 双向绑定 */ 'model-value'?: string; /** * 文本类型,可选值为 `secondary`、`success`、`warning`、`danger` */ type?: '' | 'secondary' | 'success' | 'warning' | 'danger'; /** * 是否可以拷贝 */ copyable?: boolean; /** * 自定义拷贝内容 */ 'copy-text'?: string; /** * 拷贝配置项,支持全局配置 */ 'copy-config'?: object; /** * 是否可以编辑 */ editable?: boolean; /** * 编辑配置项,支持全局配置 */ 'edit-config'?: object; /** * 自动溢出省略 */ ellipsis?: boolean; /** * 自动溢出省略配置项,支持全局配置 */ 'ellipsis-config'?: object; /** * 禁用文本 */ disabled?: boolean; /** * 添加代码样式 */ code?: boolean; /** * 添加删除线样式 */ delete?: boolean; /** * 添加键盘样式 */ keyboard?: boolean; /** * 添加标记样式 */ mark?: boolean; /** * 添加下划线样式 */ underline?: boolean; /** * 是否加粗 */ strong?: boolean; /** * 是否斜体 */ italic?: boolean; /** * 是否开启 Tooltip 的 transfer 属性,仅适用于 ellipsis 模式 */ transfer?: boolean; /** * Tooltip 的 theme 属性,仅适用于 ellipsis 模式 */ theme?: 'dark' | 'light'; /** * Tooltip 的 max-width 属性,仅适用于 ellipsis 模式 */ 'max-width'?: number | string; /** * Tooltip 的 placement 属性,仅适用于 ellipsis 模式 */ placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'; /** * 拷贝成功时触发 */ onOnCopySuccess?: (event?: any) => any; /** * 拷贝失败时触发 */ onOnCopyError?: (event?: any) => any; /** * 进入编辑状态时触发 */ onOnEditStart?: (event?: any) => any; /** * 结束编辑状态时触发,即保存 */ onOnEditEnd?: (event?: any) => any; /** * 编辑内容时触发 */ onOnEditChange?: (event?: any) => any; /** * 退出编辑时触发 */ onOnEditCancel?: (event?: any) => any; 'v-slots'?: { /** * 文本内容,优先级低于 model-value */ default?: () => any; /** * 自定义拷贝图标,可选参数 copied */ copyIcon?: () => any; /** * 自定义编辑图标 */ editIcon?: () => any; /** * 自定义回车图标 */ enterIcon?: () => any; }; }> export declare const Link: DefineComponent<{ /** * 绑定的值,可使用 v-model 双向绑定 */ 'model-value'?: string; /** * 跳转的链接,支持 vue-router 对象 */ to?: string | object; /** * 路由跳转时,开启 replace 将不会向 history 添加新记录 */ replace?: boolean; /** * 相当于 a 链接的 target 属性 */ target?: string; /** * 同 vue-router append */ append?: boolean; /** * 文本类型,可选值为 `secondary`、`success`、`warning`、`danger` */ type?: '' | 'secondary' | 'success' | 'warning' | 'danger'; /** * 是否可以拷贝 */ copyable?: boolean; /** * 自定义拷贝内容 */ 'copy-text'?: string; /** * 拷贝配置项,支持全局配置 */ 'copy-config'?: object; /** * 是否可以编辑 */ editable?: boolean; /** * 编辑配置项,支持全局配置 */ 'edit-config'?: object; /** * 自动溢出省略 */ ellipsis?: boolean; /** * 自动溢出省略配置项,支持全局配置 */ 'ellipsis-config'?: object; /** * 禁用文本 */ disabled?: boolean; /** * 添加代码样式 */ code?: boolean; /** * 添加删除线样式 */ delete?: boolean; /** * 添加键盘样式 */ keyboard?: boolean; /** * 添加标记样式 */ mark?: boolean; /** * 添加下划线样式 */ underline?: boolean; /** * 是否加粗 */ strong?: boolean; /** * 是否斜体 */ italic?: boolean; /** * 是否开启 Tooltip 的 transfer 属性,仅适用于 ellipsis 模式 */ transfer?: boolean; /** * Tooltip 的 theme 属性,仅适用于 ellipsis 模式 */ theme?: 'dark' | 'light'; /** * Tooltip 的 max-width 属性,仅适用于 ellipsis 模式 */ 'max-width'?: number | string; /** * Tooltip 的 placement 属性,仅适用于 ellipsis 模式 */ placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end'; /** * 拷贝成功时触发 */ onOnCopySuccess?: (event?: any) => any; /** * 拷贝失败时触发 */ onOnCopyError?: (event?: any) => any; /** * 进入编辑状态时触发 */ onOnEditStart?: (event?: any) => any; /** * 结束编辑状态时触发,即保存 */ onOnEditEnd?: (event?: any) => any; /** * 编辑内容时触发 */ onOnEditChange?: (event?: any) => any; /** * 退出编辑时触发 */ onOnEditCancel?: (event?: any) => any; 'v-slots'?: { /** * 文本内容,优先级低于 model-value */ default?: () => any; /** * 自定义拷贝图标,可选参数 copied */ copyIcon?: () => any; /** * 自定义编辑图标 */ editIcon?: () => any; /** * 自定义回车图标 */ enterIcon?: () => any; }; }> export declare const CopyConfig: { /** * Tooltip 显示内容,为 false 则不显示 */ tooltips?: boolean | any[]; /** * 是否显示复制成功的通知 */ showTip?: boolean; /** * 复制成功时的通知 */ successTip?: string; /** * 复制失败时的通知 */ errorTip?: string; } export declare const EditConfig: { /** * Tooltip 显示内容,为 false 则不显示 */ tooltip?: boolean | string; /** * 是否默认进入编辑状态 */ editing?: boolean; /** * 最大输入长度 */ maxlength?: number; /** * 自适应内容高度 */ autosize?: object; /** * 触发方式,可选值为 `icon`、`text`、`both` */ triggerType?: 'icon' | 'text' | 'both'; } export declare const EllipsisConfig: { /** * 最多显示的行数 */ rows?: number; /** * 是否以 Tooltip 显示完整内容或自定义内容 */ tooltip?: boolean | string; }