Typography

@teamix/typography

文本的基本格式，Fork By Ant-Design

API

Typography.Text

| 参数 | 说明 | 类型 | 默认值 | 版本 | | --------- | ------------------------------------ | ------------------------------------------------- | ------ | --------------------- | | code | 添加代码样式 | boolean | false | | | copyable | 是否可拷贝，为对象时可进行各种自定义 | boolean | copyable | false | copyable | | delete | 添加删除线样式 | boolean | false | | | disabled | 禁用文本 | boolean | false | | | editable | 是否可编辑，为对象时可对编辑进行控制 | boolean | editable | false | editable | | ellipsis | 自动溢出省略 | boolean | false | | | keyboard | 添加键盘样式 | boolean | false | | | mark | 添加标记样式 | boolean | false | | | onClick | 点击 Text 时的回调 | (event) => void | - | | | strong | 是否加粗 | boolean | false | | | type | 文本类型 | secondary | success | warning | danger | - | | | underline | 添加下划线样式 | boolean | false | |

Typography.Title

| 参数 | 说明 | 类型 | 默认值 | 版本 | | --------- | ------------------------------------------------------------ | ------------------------------------------------- | ------ | --------------------- | | code | 添加代码样式 | boolean | false | | | copyable | 是否可拷贝，为对象时可进行各种自定义 | boolean | copyable | false | copyable | | delete | 添加删除线样式 | boolean | false | | | disabled | 禁用文本 | boolean | false | | | editable | 是否可编辑，为对象时可对编辑进行控制 | boolean | editable | false | editable | | ellipsis | 自动溢出省略，为对象时可设置省略行数、是否可展开、添加后缀等 | boolean | ellipsis | false | ellipsis | | level | 重要程度，相当于 h1、h2、h3、h4、h5 | number: 1, 2, 3, 4, 5 | 1 | | | mark | 添加标记样式 | boolean | false | | | onClick | 点击 Title 时的回调 | (event) => void | - | | | type | 文本类型 | secondary | success | warning | danger | - | | | underline | 添加下划线样式 | boolean | false | |

Typography.Paragraph

| 参数 | 说明 | 类型 | 默认值 | 版本 | | --------- | ------------------------------------------------------------ | ------------------------------------------------- | ------ | --------------------- | | code | 添加代码样式 | boolean | false | | | copyable | 是否可拷贝，为对象时可进行各种自定义 | boolean | copyable | false | copyable | | delete | 添加删除线样式 | boolean | false | | | disabled | 禁用文本 | boolean | false | | | editable | 是否可编辑，为对象时可对编辑进行控制 | boolean | editable | false | editable | | ellipsis | 自动溢出省略，为对象时可设置省略行数、是否可展开、添加后缀等 | boolean | ellipsis | false | ellipsis | | mark | 添加标记样式 | boolean | false | | | onClick | 点击 Paragraph 时的回调 | (event) => void | - | | | strong | 是否加粗 | boolean | false | | | type | 文本类型 | secondary | success | warning | danger | - | | | underline | 添加下划线样式 | boolean | false | |

copyable

{
  text: string,
  onCopy: function,
  icon: ReactNode,
  tooltips: false | [ReactNode, ReactNode],
}

| 参数 | 说明 | 类型 | 默认值 | 版本 | | ------------ | ----------------------------------------- | ----------------------- | --------------------- | ---- | | icon | 自定义拷贝图标：[默认图标, 拷贝后的图标] | [ReactNode, ReactNode] | - | | | text | 拷贝到剪切板里的文本 | string | - | | | tooltips | 自定义提示文案，为 false 时隐藏文案 | [ReactNode, ReactNode] | [复制, 复制成功] | | | tooltipProps | Tooltip 组件的透传属性 | | - | | | onCopy | 拷贝成功的回调函数 | function | - | |

editable

{
  icon: ReactNode,
  tooltip: boolean | ReactNode,
  editing: boolean,
  maxLength: number,
  autoHeight: boolean | { minRows: number, maxRows: number },
  onStart: function,
  onChange: function(string),
  onCancel: function,
  onEnd: function,
}

| 参数 | 说明 | 类型 | 默认值 | 版本 | | ------------ | ------------------------------- | ----------------------------------------------- | ------------------- | ---- | | autoHeight | 自动 resize 文本域 | boolean | { minRows: number, maxRows: number } | - | | | editing | 控制是否是编辑中状态 | boolean | false | | | icon | 自定义编辑图标 | ReactNode | <EditOutlined /> | | | maxLength | 编辑中文本域最大长度 | number | - | | | tooltip | 自定义提示文本，为 false 时关闭 | boolean | ReactNode | 编辑 | | | tooltipProps | Tooltip 组件的透传属性 | | - | | | onCancel | 按 ESC 退出编辑状态时触发 | function | - | | | onChange | 文本域编辑时触发 | function(event) | - | | | onEnd | 按 ENTER 结束编辑状态时触发 | function | - | | | onStart | 进入编辑中状态时触发 | function | - | | | onCancel | 按 ESC 退出编辑状态时触发 | function | - | | | onEnd | 按 ENTER 结束编辑状态时触发 | function | - | |

ellipsis

{
  rows: number,
  expandable: boolean,
  suffix: string,
  symbol: ReactNode,
  tooltip: boolean | ReactNode,
  onExpand: function(event),
  onEllipsis: function(ellipsis),
}

| 参数 | 说明 | 类型 | 默认值 | 版本 | | ------------ | ---------------------- | -------------------- | ------ | ---- | | expandable | 是否可展开 | boolean | - | | | rows | 最多显示的行数 | number | - | | | suffix | 自定义省略内容后缀 | string | - | | | symbol | 自定义展开描述文案 | ReactNode | 展开 | | | tooltip | 省略时，展示提示信息 | boolean | ReactNode | - | | | tooltipProps | Tooltip 组件的透传属性 | | - | | | onEllipsis | 触发省略时的回调 | function(ellipsis) | - | | | onExpand | 点击展开时的回调 | function(event) | - | |