xdesign-vue-next/es/drawer/props.mjs.map

XDesign Component for vue-next

{"version":3,"file":"props.mjs","sources":["../../src/drawer/props.ts"],"sourcesContent":["/* eslint-disable */\n\n/**\n * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC\n * */\n\nimport { TdDrawerProps } from './type';\nimport { PropType } from 'vue';\n\nexport default {\n  /** 抽屉挂载的节点，默认挂在组件本身的位置。数据类型为 String 时，会被当作选择器处理，进行节点查询。示例：'body' 或 () => document.body */\n  attach: {\n    type: [String, Function] as PropType<TdDrawerProps['attach']>,\n    default: '',\n  },\n  /** 抽屉内容 */\n  body: {\n    type: [String, Function] as PropType<TdDrawerProps['body']>,\n  },\n  /** 取消按钮，可自定义。值为 null 则不显示取消按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时，需自行控制取消事件 */\n  cancelBtn: {\n    type: [String, Object, Function] as PropType<TdDrawerProps['cancelBtn']>,\n    default: '' as TdDrawerProps['cancelBtn'],\n  },\n  /** 关闭按钮，可以自定义。值为 true 显示默认关闭按钮，值为 false 不显示关闭按钮。值类型为 string 则直接显示值，如：“关闭”。值类型为 TNode，则表示呈现自定义按钮示例 */\n  closeBtn: {\n    type: [String, Boolean, Function] as PropType<TdDrawerProps['closeBtn']>,\n  },\n  /** 按下 ESC 时是否触发抽屉关闭事件 */\n  closeOnEscKeydown: {\n    type: Boolean,\n    default: undefined,\n  },\n  /** 点击蒙层时是否触发抽屉关闭事件 */\n  closeOnOverlayClick: {\n    type: Boolean,\n    default: undefined,\n  },\n  /** 确认按钮。值类型为字符串，则表示自定义按钮文本，值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时，需自行控制确认事件 */\n  confirmBtn: {\n    type: [String, Object, Function] as PropType<TdDrawerProps['confirmBtn']>,\n    default: '' as TdDrawerProps['confirmBtn'],\n  },\n  /** 抽屉内容，同 body */\n  default: {\n    type: [String, Function] as PropType<TdDrawerProps['default']>,\n  },\n  /** 抽屉关闭时是否销毁节点 */\n  destroyOnClose: Boolean,\n  /** 底部操作栏，默认会有“确认”和“取消”两个按钮。值为 true 显示默认操作按钮，值为 false 或 null 不显示任何内容，值类型为 TNode 表示自定义底部内容 */\n  footer: {\n    type: [Boolean, Function] as PropType<TdDrawerProps['footer']>,\n    default: true,\n  },\n  /** 头部内容。值为 true 显示空白头部，值为 false 不显示头部，值类型为 string 则直接显示值，值类型为 TNode 表示自定义头部内容 */\n  header: {\n    type: [String, Boolean, Function] as PropType<TdDrawerProps['header']>,\n    default: true,\n  },\n  /** 展开方式，有两种：直接展示在内容上方 和 推开内容区域 */\n  mode: {\n    type: String as PropType<TdDrawerProps['mode']>,\n    default: 'overlay' as TdDrawerProps['mode'],\n    validator(val: TdDrawerProps['mode']): boolean {\n      if (!val) return true;\n      return ['overlay', 'push'].includes(val);\n    },\n  },\n  /** 抽屉方向 */\n  placement: {\n    type: String as PropType<TdDrawerProps['placement']>,\n    default: 'right' as TdDrawerProps['placement'],\n    validator(val: TdDrawerProps['placement']): boolean {\n      if (!val) return true;\n      return ['left', 'right', 'top', 'bottom'].includes(val);\n    },\n  },\n  /** 防止滚动穿透 */\n  preventScrollThrough: {\n    type: Boolean,\n    default: true,\n  },\n  /** 仅在挂载元素中显示抽屉，默认在浏览器可视区域显示。父元素需要有定位属性，如：position: relative */\n  showInAttachedElement: Boolean,\n  /** 是否显示遮罩层 */\n  showOverlay: {\n    type: Boolean,\n    default: true,\n  },\n  /** 尺寸，支持 'small', 'medium', 'large'，'35px', '30%',  '3em' 等。纵向抽屉调整的是抽屉宽度，横向抽屉调整的是抽屉高度 */\n  size: {\n    type: String,\n    default: undefined,\n  },\n  /** 抽屉大小可拖拽调整，横向抽屉调整宽度，纵向抽屉调整高度 */\n  sizeDraggable: Boolean,\n  /** 组件是否可见 */\n  visible: Boolean,\n  /** 抽屉层级，样式默认为 1500 */\n  zIndex: {\n    type: Number,\n  },\n  /** 如果“取消”按钮存在，点击“取消”按钮时触发，同时触发关闭事件 */\n  onCancel: Function as PropType<TdDrawerProps['onCancel']>,\n  /** 关闭事件，取消按钮点击时、关闭按钮点击时、ESC 按下时、点击蒙层时均会触发 */\n  onClose: Function as PropType<TdDrawerProps['onClose']>,\n  /** 如果关闭按钮存在，点击关闭按钮时触发该事件，同时触发关闭事件 */\n  onCloseBtnClick: Function as PropType<TdDrawerProps['onCloseBtnClick']>,\n  /** 如果“确认”按钮存在，则点击“确认”按钮时触发 */\n  onConfirm: Function as PropType<TdDrawerProps['onConfirm']>,\n  /** 按下 ESC 键时触发 */\n  onEscKeydown: Function as PropType<TdDrawerProps['onEscKeydown']>,\n  /** 如果蒙层存在，点击蒙层时触发 */\n  onOverlayClick: Function as PropType<TdDrawerProps['onOverlayClick']>,\n};\n"],"names":["attach","type","body","cancelBtn","closeBtn","closeOnEscKeydown","closeOnOverlayClick","confirmBtn","destroyOnClose","footer","header","mode","placement","preventScrollThrough","showInAttachedElement","showOverlay","size","sizeDraggable","visible","zIndex","onCancel","onClose","onCloseBtnClick","onConfirm","onEscKeydown","onOverlayClick"],"mappings":";;;;;;AASA,sCAAA,YAAA;AAEEA,EAAAA,MAAAA,EAAAA;AACEC,IAAAA,IAAAA,EAAAA,CAAAA,MAAAA,EAAAA,QAAAA,CAAAA;;;AAIFC,EAAAA,IAAAA,EAAAA;AACED,IAAAA,IAAAA,EAAAA,CAAAA,MAAAA,EAAAA,QAAAA,CAAAA;;AAGFE,EAAAA,SAAAA,EAAAA;AACEF,IAAAA,IAAAA,EAAAA,CAAAA,MAAAA,EAAAA,MAAAA,EAAAA,QAAAA,CAAAA;;;AAIFG,EAAAA,QAAAA,EAAAA;AACEH,IAAAA,IAAAA,EAAAA,CAAAA,MAAAA,EAAAA,OAAAA,EAAAA,QAAAA,CAAAA;;AAGFI,EAAAA,iBAAAA,EAAAA;AACEJ,IAAAA,IAAAA,EAAAA,OAAAA;AACA,IAAA,SAAA,EAAA,KAAA,CAAA;;AAGFK,EAAAA,mBAAAA,EAAAA;AACEL,IAAAA,IAAAA,EAAAA,OAAAA;AACA,IAAA,SAAA,EAAA,KAAA,CAAA;;AAGFM,EAAAA,UAAAA,EAAAA;AACEN,IAAAA,IAAAA,EAAAA,CAAAA,MAAAA,EAAAA,MAAAA,EAAAA,QAAAA,CAAAA;;;;AAKAA,IAAAA,IAAAA,EAAAA,CAAAA,MAAAA,EAAAA,QAAAA,CAAAA;;AAGFO,EAAAA,cAAAA,EAAAA,OAAAA;AAEAC,EAAAA,MAAAA,EAAAA;AACER,IAAAA,IAAAA,EAAAA,CAAAA,OAAAA,EAAAA,QAAAA,CAAAA;;;AAIFS,EAAAA,MAAAA,EAAAA;AACET,IAAAA,IAAAA,EAAAA,CAAAA,MAAAA,EAAAA,OAAAA,EAAAA,QAAAA,CAAAA;;;AAIFU,EAAAA,IAAAA,EAAAA;AACEV,IAAAA,IAAAA,EAAAA,MAAAA;AACA,IAAA,SAAA,EAAA,SAAA;;AAEE,MAAA,IAAA,CAAA,GAAA,EAAA,OAAA,IAAA,CAAA;;AAEF,KAAA;;AAGFW,EAAAA,SAAAA,EAAAA;AACEX,IAAAA,IAAAA,EAAAA,MAAAA;AACA,IAAA,SAAA,EAAA,OAAA;;AAEE,MAAA,IAAA,CAAA,GAAA,EAAA,OAAA,IAAA,CAAA;AACA,MAAA,OAAA,CAAA,MAAA,EAAA,OAAA,EAAA,KAAA,EAAA,QAAA,CAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA;AACF,KAAA;;AAGFY,EAAAA,oBAAAA,EAAAA;AACEZ,IAAAA,IAAAA,EAAAA,OAAAA;;;AAIFa,EAAAA,qBAAAA,EAAAA,OAAAA;AAEAC,EAAAA,WAAAA,EAAAA;AACEd,IAAAA,IAAAA,EAAAA,OAAAA;;;AAIFe,EAAAA,IAAAA,EAAAA;AACEf,IAAAA,IAAAA,EAAAA,MAAAA;AACA,IAAA,SAAA,EAAA,KAAA,CAAA;;AAGFgB,EAAAA,aAAAA,EAAAA,OAAAA;AAEAC,EAAAA,OAAAA,EAAAA,OAAAA;AAEAC,EAAAA,MAAAA,EAAAA;AACElB,IAAAA,IAAAA,EAAAA,MAAAA;;AAGFmB,EAAAA,QAAAA,EAAAA,QAAAA;AAEAC,EAAAA,OAAAA,EAAAA,QAAAA;AAEAC,EAAAA,eAAAA,EAAAA,QAAAA;AAEAC,EAAAA,SAAAA,EAAAA,QAAAA;AAEAC,EAAAA,YAAAA,EAAAA,QAAAA;AAEAC,EAAAA,cAAAA,EAAAA,QAAAA;AACF,CAAA;;;;"}