@wyfex/ivue 0.8.0 → 0.9.0

package/src/components/UseElDialog/props.ts

@@ -0,0 +1,144 @@
+import type { PropType } from 'vue'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * el-dialog的标题
+   */
+  title: {
+    type: String,
+    default: '欢迎使用wyfex-ivue对话框组件'
+  },
+  /**
+   * el-dialog自身是否插入至body元素上。嵌套的el-dialog必须指定该属性并赋值为 true 默认是
+   */
+  appendToBody: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * el-dialog头部区域样式配置
+   */
+  headerStyleConfig: {
+    type: Object as PropType<Record<string, any>>,
+    default: () => ({ bgColor: 'var(--theme-color)', color: '#fff' })
+  },
+  /**
+   * el-dialog内容区域最大高度
+   */
+  maxHeight: {
+    type: [String, Number],
+    default: ''
+  },
+  /**
+   * el-scrollbar不响应容器尺寸变化，如果容器尺寸不会发生变化，最好设置它可以优化性能
+   */
+  noresize: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否可以通过点击modal关闭el-dialog 默认否
+   */
+  closeOnClickModal: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 控制是否在关闭el-dialog后将子元素全部销毁 默认是
+   */
+  destroyOnClose: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否显示全屏图标 默认是
+   */
+  showFullScreenIcon: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否显示footer 默认显示，可通过<template #footer></template>插槽自定义footer内容
+   */
+  showFooter: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否显示footer顶部border
+   */
+  showFooterBorder: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 底部定位 默认right
+   */
+  footerPosition: {
+    type: String,
+    default: 'right',
+    validator: (val: string) => ['left', 'center', 'right'].includes(val)
+  },
+  /**
+   * 是否严格区分close事件 默认否 和onClose事件二选一设置一个即可
+   */
+  strictCloseEvent: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 抽屉关闭图标事件 若未设置且未开启strictCloseEvent则默认执行onCancel事件
+   */
+  onClose: {
+    type: Function,
+    default: () => {}
+  },
+  /**
+   * 确定按钮文本
+   */
+  confirmBtnText: {
+    type: String,
+    default: '保存'
+  },
+  /**
+   * 取消按钮文本
+   */
+  cancelBtnText: {
+    type: String,
+    default: '取消'
+  },
+  /**
+   * 取消按钮类型
+   */
+  cancelBtnType: {
+    type: String,
+    default: '',
+    validator: (val: string) =>
+      [
+        '',
+        'default',
+        'primary',
+        'success',
+        'warning',
+        'danger',
+        'info'
+      ].includes(val)
+  },
+  /**
+   * 确定按钮事件
+   */
+  onConfirm: {
+    type: Function,
+    default: () => {}
+  },
+  /**
+   * 取消按钮事件
+   */
+  onCancel: {
+    type: Function,
+    default: () => {}
+  }
+}

package/src/components/UseElDialog/types.ts

@@ -0,0 +1,7 @@
+import type { ExtractPropTypes } from 'vue'
+import componentProps from './props'
+
+/**
+ * props类型
+ */
+export type Props = ExtractPropTypes<typeof componentProps>