sync style

Author: Wesley-0808

db/TDesign.db

@@ -70,6 +70,7 @@ name | type | default | description | required
 -- | -- | -- | -- | --
 attach | String / Function | 'body' | Typescript：`AttachNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 className | String | - | \- | N
+style | String / Object | - | Typescript：`string \\| Styles`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 `Omit<DialogProps, 'attach'>` | \- | - | extends `Omit<DialogProps, 'attach'>` | N
 
 ### DialogInstance

packages/products/tdesign-vue-next/src/dialog/dialog.en-US.md

@@ -70,6 +70,7 @@ overlay-click | `(context: { e: MouseEvent })` | 如果蒙层存在，点击蒙
 -- | -- | -- | -- | --
 attach | String / Function | 'body' | 对话框挂载的节点。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body。TS 类型：`AttachNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 className | String | - | 弹框类名，示例：'t-class-dialog-first t-class-dialog-second' | N
+style | String / Object | - | 弹框 style 属性，输入 [CSSStyleDeclaration.cssText](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/cssText)。TS 类型：`string \\| Styles`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 `Omit<DialogProps, 'attach'>` | \- | - | 继承 `Omit<DialogProps, 'attach'>` 中的全部属性 | N
 
 ### DialogInstance

packages/products/tdesign-vue-next/src/dialog/dialog.md

@@ -4,229 +4,4 @@
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
  * */
 
-import { ButtonProps } from '../button';
-import { TNode, Styles, AttachNode } from '../common';
-
-export interface TdDialogProps {
-  /**
-   * 对话框挂载的节点。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body
-   */
-  attach?: AttachNode;
-  /**
-   * 对话框内容
-   */
-  body?: string | TNode;
-  /**
-   * 取消按钮，可自定义。值为 null 则不显示取消按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时，需自行控制取消事件
-   */
-  cancelBtn?: string | ButtonProps | TNode | null;
-  /**
-   * 关闭按钮，可以自定义。值为 true 显示默认关闭按钮，值为 false 不显示关闭按钮。值类型为 string 则直接显示值，如：“关闭”。值类型为 TNode，则表示呈现自定义按钮示例
-   * @default true
-   */
-  closeBtn?: string | boolean | TNode;
-  /**
-   * 按下 ESC 时是否触发对话框关闭事件
-   */
-  closeOnEscKeydown?: boolean;
-  /**
-   * 点击蒙层时是否触发关闭事件
-   * @default false
-   */
-  closeOnOverlayClick?: boolean;
-  /**
-   * 确认按钮。值为 null 则不显示确认按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时，需自行控制确认事件
-   */
-  confirmBtn?: string | ButtonProps | TNode | null;
-  /**
-   * 确认按钮加载状态
-   */
-  confirmLoading?: boolean;
-  /**
-   * 是否在按下回车键时，触发确认事件
-   */
-  confirmOnEnter?: boolean;
-  /**
-   * 对话框内容，同 body
-   */
-  default?: string | TNode;
-  /**
-   * 是否在关闭弹框的时候销毁子元素
-   * @default false
-   */
-  destroyOnClose?: boolean;
-  /**
-   * 弹框元素类名，示例：'t-class-dialog-first t-class-dialog-second'
-   * @default ''
-   */
-  dialogClassName?: string;
-  /**
-   * 作用于对话框本身的样式
-   */
-  dialogStyle?: Styles;
-  /**
-   * 对话框是否可以拖拽（仅在非模态对话框时有效）
-   * @default false
-   */
-  draggable?: boolean;
-  /**
-   * 底部操作栏，默认会有“确认”和“取消”两个按钮。值为 true 显示默认操作按钮，值为 false 不显示任何内容，值类型为 Function 表示自定义底部内容
-   * @default true
-   */
-  footer?: boolean | TNode;
-  /**
-   * 头部内容。值为 true 显示空白头部，值为 false 不显示任何内容，值类型为 string 则直接显示值，值类型为 Function 表示自定义头部内容
-   * @default true
-   */
-  header?: string | boolean | TNode;
-  /**
-   * 对话框类型，有 3 种：模态对话框、非模态对话框、全屏对话框。弹出「模态对话框」时，只能操作对话框里面的内容，不能操作其他内容。弹出「非模态对话框」时，则可以操作页面内所有内容。「普通对话框」是指没有脱离文档流的对话框，可以在这个基础上开发更多的插件
-   * @default modal
-   */
-  mode?: 'modal' | 'modeless' | 'full-screen';
-  /**
-   * 对话框位置，内置两种：垂直水平居中显示 和 靠近顶部（top:20%）显示。默认情况，为避免贴顶或贴底，顶部和底部距离最小为 `48px`，可通过调整 `top` 覆盖默认大小
-   * @default top
-   */
-  placement?: 'top' | 'center';
-  /**
-   * 防止滚动穿透
-   * @default true
-   */
-  preventScrollThrough?: boolean;
-  /**
-   * 仅在挂载元素中显示抽屉，默认在浏览器可视区域显示。父元素需要有定位属性，如：position: relative
-   * @default false
-   */
-  showInAttachedElement?: boolean;
-  /**
-   * 是否显示遮罩层
-   * @default true
-   */
-  showOverlay?: boolean;
-  /**
-   * 对话框风格
-   * @default default
-   */
-  theme?: 'default' | 'info' | 'warning' | 'danger' | 'success';
-  /**
-   * 用于弹框具体窗口顶部的距离，优先级大于 placement
-   */
-  top?: string | number;
-  /**
-   * 控制对话框是否显示
-   */
-  visible?: boolean;
-  /**
-   * 对话框宽度，示例：320, '500px', '80%'
-   */
-  width?: string | number;
-  /**
-   * 对话框层级，Web 侧样式默认为 2500，移动端和小程序样式默认为 1500
-   */
-  zIndex?: number;
-  /**
-   * 对话框执行消失动画效果前触发
-   */
-  onBeforeClose?: () => void;
-  /**
-   * 对话框执行弹出动画效果前触发
-   */
-  onBeforeOpen?: () => void;
-  /**
-   * 如果“取消”按钮存在，则点击“取消”按钮时触发，同时触发关闭事件
-   */
-  onCancel?: (context: { e: MouseEvent }) => void;
-  /**
-   * 关闭事件，点击取消按钮、点击关闭按钮、点击蒙层、按下 ESC 等场景下触发
-   */
-  onClose?: (context: DialogCloseContext) => void;
-  /**
-   * 点击右上角关闭按钮时触发
-   */
-  onCloseBtnClick?: (context: { e: MouseEvent }) => void;
-  /**
-   * 对话框消失动画效果结束后触发
-   */
-  onClosed?: () => void;
-  /**
-   * 如果“确认”按钮存在，则点击“确认”按钮时触发，或者键盘按下回车键时触发
-   */
-  onConfirm?: (context: { e: MouseEvent | KeyboardEvent }) => void;
-  /**
-   * 按下 ESC 时触发事件
-   */
-  onEscKeydown?: (context: { e: KeyboardEvent }) => void;
-  /**
-   * 对话框弹出动画效果结束后触发
-   */
-  onOpened?: () => void;
-  /**
-   * 如果蒙层存在，点击蒙层时触发
-   */
-  onOverlayClick?: (context: { e: MouseEvent }) => void;
-}
-
-export interface TdDialogCardProps
-  extends Pick<
-    TdDialogProps,
-    | 'body'
-    | 'cancelBtn'
-    | 'closeBtn'
-    | 'confirmBtn'
-    | 'footer'
-    | 'header'
-    | 'theme'
-    | 'onCancel'
-    | 'onCloseBtnClick'
-    | 'onConfirm'
-  > {}
-
-export interface DialogOptions extends Omit<TdDialogProps, 'attach'> {
-  /**
-   * 对话框挂载的节点。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body
-   * @default 'body'
-   */
-  attach?: AttachNode;
-  /**
-   * 弹框类名，示例：'t-class-dialog-first t-class-dialog-second'
-   * @default ''
-   */
-  className?: string;
-}
-
-export interface DialogInstance {
-  /**
-   * 销毁弹框
-   */
-  destroy: () => void;
-  /**
-   * 隐藏弹框
-   */
-  hide: () => void;
-  /**
-   * 设置确认按钮加载状态
-   */
-  setConfirmLoading: (loading: boolean) => void;
-  /**
-   * 显示弹框
-   */
-  show: () => void;
-  /**
-   * 更新弹框内容
-   */
-  update: (props: DialogOptions) => void;
-}
-
-export type DialogEventSource = 'esc' | 'close-btn' | 'cancel' | 'overlay';
-
-export interface DialogCloseContext {
-  trigger: DialogEventSource;
-  e: MouseEvent | KeyboardEvent;
-}
-
-export type DialogMethod = (options?: DialogOptions) => DialogInstance;
-
-export type DialogConfirmMethod = (options?: DialogOptions) => DialogInstance;
-
-export type DialogAlertMethod = (options?: Omit<DialogOptions, 'cancelBtn'>) => DialogInstance;
+[object Object]

packages/products/tdesign-vue-next/src/dialog/type.ts

@@ -70,6 +70,7 @@ name | type | default | description | required
 -- | -- | -- | -- | --
 attach | String / Function | 'body' | Typescript：`AttachNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 className | String | - | \- | N
+style | String / Object | - | Typescript：`string \\| Styles`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 `Omit<DialogProps, 'attach'>` | \- | - | extends `Omit<DialogProps, 'attach'>` | N
 
 ### DialogInstance

packages/products/tdesign-vue/src/dialog/dialog.en-US.md

@@ -70,6 +70,7 @@ overlay-click | `(context: { e: MouseEvent })` | 如果蒙层存在，点击蒙
 -- | -- | -- | -- | --
 attach | String / Function | 'body' | 对话框挂载的节点。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body。TS 类型：`AttachNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 className | String | - | 弹框类名，示例：'t-class-dialog-first t-class-dialog-second' | N
+style | String / Object | - | 弹框 style 属性，输入 [CSSStyleDeclaration.cssText](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/cssText)。TS 类型：`string \\| Styles`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 `Omit<DialogProps, 'attach'>` | \- | - | 继承 `Omit<DialogProps, 'attach'>` 中的全部属性 | N
 
 ### DialogInstance