@wyfex/ivue 0.20.0 → 0.21.1

package/src/components/UseEcharts/props.ts

@@ -0,0 +1,77 @@
+import type { PropType } from 'vue'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * Echarts实例(即import * as echarts from 'echarts') 可通过provide传入
+   */
+  echarts: {
+    type: Object as PropType<{ init: (...args: any[]) => any }>,
+    default: null
+  },
+  /**
+   * 配置项
+   */
+  options: {
+    type: Object as PropType<Record<string, any>>,
+    default: () => ({})
+  },
+  /**
+   * 容器宽度
+   */
+  width: {
+    type: String,
+    default: '100%'
+  },
+  /**
+   * 容器高度
+   */
+  height: {
+    type: String,
+    default: '100%'
+  },
+  /**
+   * 主题
+   */
+  theme: {
+    type: [String, Object] as PropType<string | Record<string, any>>,
+    default: ''
+  },
+  /**
+   * 是否不和options合并
+   */
+  notMerge: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * resize 防抖毫秒
+   */
+  resizeDelay: {
+    type: Number,
+    default: 100
+  },
+  /**
+   * 是否开启窗口自动resize
+   */
+  autoResize: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否显示loading加载动画
+   */
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * loading自定义样式配置，对应echarts showLoading参数
+   */
+  loadingConfig: {
+    type: Object as PropType<Record<string, any>>,
+    default: () => ({})
+  }
+}

package/src/components/UseEcharts/types.ts

@@ -0,0 +1,14 @@
+import type { ExtractPropTypes } from 'vue'
+import componentProps from './props'
+
+/**
+ * props类型
+ */
+export type Props = ExtractPropTypes<typeof componentProps>
+
+/**
+ * inject的echarts类型
+ */
+export type InjectedEcharts = {
+  init: (dom: HTMLElement | null, theme?: string | object) => any
+}

package/src/components/UseElButton/props.ts

@@ -6,11 +6,11 @@ import type { ExtConfig } from './types'
  */
 export default {
   /**
-   * 按钮文本 必传
+   * 按钮文本 未传时可使用自定义slot
    */
   btnText: {
-    type: String,
-    required: true
+    type: [String, Number, Boolean],
+    default: ''
   },
   /**
    * 按钮类型 同ElButton类型，默认为primary

package/src/components/UseElCheckbox/props.ts

@@ -1,3 +1,5 @@
+import type { PropType } from 'vue'
+
 /**
  * 组件props
  */
@@ -6,16 +8,16 @@ export default {
    * 双向绑定数据源
    */
   modelValue: {
-    type: [Array, String],
+    type: [Array, String, Number, Boolean],
     default: () => []
   },
   /**
-   * 选项数据源
+   * 选项数据源 如不传则默认为单个复选框
    */
   data: {
-    type: Array,
-    required: true
-  } as any,
+    type: Array as PropType<Record<string, any>[] | string[] | number[]>,
+    default: undefined
+  },
   /**
    * 选项默认配置
    */

package/src/components/UseElCheckbox/types.ts

@@ -11,5 +11,8 @@ export type Props = ExtractPropTypes<typeof componentProps>
  */
 export type Emits = {
   /** 更新value值 */
-  (e: 'update:modelValue', value: string | number | (string | number)[]): void
+  (
+    e: 'update:modelValue',
+    value: string | number | boolean | (string | number)[]
+  ): void
 }

package/src/components/UseElDescriptions/props.ts

@@ -29,7 +29,7 @@ export default {
     default: false
   },
   /**
-   * 字典映射 数据结构为{ configs[][label | useDict | useDict.data]: Array<{ label: string, value: any }> }
+   * 字典映射 数据结构为{ configs[][label | useDict | useDict.key]: Array<{ label: string, value: any }> }
    */
   dictMap: {
     type: Object as PropType<DictMap>,

package/src/components/UseElDescriptions/types.ts

@@ -8,9 +8,9 @@ import componentProps from './props'
 export type Props = ExtractPropTypes<typeof componentProps>
 
 /**
- * emits接口
+ * emits类型
  */
-export interface Emits {
+export type Emits = {
   // dictKeys事件
   (e: 'onDictKeys', value?: string[]): void
 }

package/src/components/UseElDialog/props.ts

@@ -7,7 +7,7 @@ export default {
    */
   title: {
     type: String,
-    default: '欢迎使用wyfex-ivue对话框组件'
+    default: ''
   },
   /**
    * el-dialog自身是否插入至body元素上。嵌套的el-dialog必须指定该属性并赋值为 true 默认是

package/src/components/UseElDrawer/props.ts

@@ -7,7 +7,7 @@ export default {
    */
   title: {
     type: String,
-    default: '欢迎使用wyfex-ivue抽屉组件'
+    default: ''
   },
   /**
    * el-drawer的窗体的大小, 当使用number类型时, 以像素为单位, 当使用string类型时, 请传入'xx%'、'xxxpx'等,否则便会以number类型解释 默认1100px

package/src/components/UseElForm/props.ts

@@ -28,7 +28,7 @@ export default {
     default: false
   },
   /**
-   * 字典映射 数据结构为{ formColumns[][label | useDict | useDict.data]: Array<{ label: string, value: any }> }
+   * 字典映射 数据结构为{ formColumns[][label | useDict | useDict.key]: Array<{ label: string, value: any }> }
    */
   dictMap: {
     type: Object as PropType<DictMap>,

package/src/components/UseElForm/types.ts

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes } from 'vue'
+import type { FormInstance } from 'element-plus'
 import componentProps from './props'
 import type { RenderConfig, UseDict } from '@/types'
 
@@ -74,45 +75,25 @@ export interface InputConfig {
   resize?: string
   showPassword?: boolean
   placeholder?: string
-  /**
-   * 默认el-input的width为100% 可设置width为''或具体宽度值，为''则使用默认的el-input宽度
-   */
+  /** 默认el-input的width为100% 可设置width为''或具体宽度值，为''则使用默认的el-input宽度 */
   width?: string
-  /**
-   * 为true则对el-input使用v-focus聚焦指令
-   */
+  /** 为true则对el-input使用v-focus聚焦指令 */
   autoFocus?: boolean
-  /**
-   * el-input头部插槽内容
-   */
+  /** el-input头部插槽内容 */
   prefixContent?: string | object
-  /**
-   * el-input尾部插槽内容
-   */
+  /** el-input尾部插槽内容 */
   suffixContent?: string | object
-  /**
-   * el-input前置插槽内容
-   */
+  /** el-input前置插槽内容 */
   prependContent?: string | object
-  /**
-   * el-input后置插槽内容
-   */
+  /** el-input后置插槽内容 */
   appendContent?: string | object
-  /**
-   * 在el-input右外部显示单位
-   */
+  /** 在el-input右外部显示单位 */
   unit?: string | object
-  /**
-   * el-input的clear事件
-   */
+  /** el-input的clear事件 */
   onClear?: Function
-  /**
-   * el-input的input事件
-   */
+  /** el-input的input事件 */
   inputEvent?: Function
-  /**
-   * el-input的keyup.enter事件
-   */
+  /** el-input的keyup.enter事件 */
   onKeyupEnter?: Function
 }
 
@@ -127,9 +108,7 @@ export interface InputNumberConfig {
   precision?: number
   placeholder?: string
   disabledScientific?: boolean
-  /**
-   * 在el-input-number右外部显示单位
-   */
+  /** 在el-input-number右外部显示单位 */
   unit?: string | object
 }
 
@@ -138,21 +117,13 @@ export interface InputNumberConfig {
  */
 export interface RadioConfig {
   useRender?: boolean | RenderConfig
-  /**
-   * el-radio的选项集
-   */
+  /** el-radio的选项集 */
   options?: Array<{ label: string; value: string | number }>
-  /**
-   * el-radio的props配置项
-   */
+  /** el-radio的props配置项 */
   props?: { value: string; label?: string }
-  /**
-   * 是否反转单选框和标签的位置
-   */
+  /** 是否反转单选框和标签的位置 */
   reverse?: boolean
-  /**
-   * el-radio的change事件
-   */
+  /** el-radio的change事件 */
   onChange?: Function
 }
 
@@ -167,25 +138,15 @@ export interface SelectConfig {
   placeholder?: string
   options?: Array<{ label: string; value: string | number }>
   props?: { value: string; label?: string }
-  /**
-   * 是否使用v2版本
-   */
+  /** 是否使用v2版本 */
   useV2: boolean
-  /**
-   * 是否反转
-   */
+  /** 是否反转 */
   reverse?: boolean
-  /**
-   * 是否将值为数组转为以逗号分隔的字符串
-   */
+  /** 是否将值为数组转为以逗号分隔的字符串 */
   toJoin?: boolean
-  /**
-   * 默认el-select的width为100% 可设置width为''或具体宽度值，为''则使用默认的el-select宽度
-   */
+  /** 默认el-select的width为100% 可设置width为''或具体宽度值，为''则使用默认的el-select宽度 */
   width?: string
-  /**
-   * el-select的change事件
-   */
+  /** el-select的change事件 */
   onChange?: Function
 }
 
@@ -195,21 +156,13 @@ export interface SelectConfig {
 export interface CascaderConfig {
   useRender?: boolean | RenderConfig
   clearable?: boolean
-  /**
-   * el-cascader的选项集
-   */
+  /** el-cascader的选项集 */
   options?: Array<{ label: string; value: string | number }>
-  /**
-   * el-cascader的props配置项
-   */
+  /** el-cascader的props配置项 */
   props?: { value: string; label?: string }
-  /**
-   * 默认el-cascader的width为100% 可设置width为''或具体宽度值，为''则使用默认的el-cascader宽度
-   */
+  /** 默认el-cascader的width为100% 可设置width为''或具体宽度值，为''则使用默认的el-cascader宽度 */
   width?: string
-  /**
-   * el-select的change事件
-   */
+  /** el-select的change事件 */
   onChange?: Function
 }
 
@@ -239,21 +192,13 @@ export interface DatePickerConfig {
   startPlaceholder?: string
   endPlaceholder?: string
   rangeSeparator?: string
-  /**
-   * 默认el-date-picker的width为100% 可设置width为''或具体宽度值，为''则使用默认的el-date-picker宽度
-   */
+  /** 默认el-date-picker的width为100% 可设置width为''或具体宽度值，为''则使用默认的el-date-picker宽度 */
   width?: string
-  /**
-   * el-date-picker的calendar-change事件
-   */
+  /** el-date-picker的calendar-change事件 */
   onCalendarChange?: Function
-  /**
-   * el-date-picker的clear事件
-   */
+  /** el-date-picker的clear事件 */
   onClear?: Function
-  /**
-   * el-date-picker的change事件
-   */
+  /** el-date-picker的change事件 */
   onChange?: Function
 }
 
@@ -269,9 +214,7 @@ export interface TimePickerConfig {
   editable?: boolean
   format?: string
   valueFormat?: string
-  /**
-   * el-date-picker的change事件
-   */
+  /** el-date-picker的change事件 */
   onChange?: Function
 }
 
@@ -280,13 +223,9 @@ export interface TimePickerConfig {
  */
 export interface TimeSelectConfig {
   useRender?: boolean | RenderConfig
-  /**
-   * 时间选择范围开始时间在formModel中的属性名
-   */
+  /** 时间选择范围开始时间在formModel中的属性名 */
   startProp: string
-  /**
-   * 时间选择范围结束时间在formModel中的属性名
-   */
+  /** 时间选择范围结束时间在formModel中的属性名 */
   endProp: string
 }
 
@@ -297,9 +236,7 @@ export interface SwitchConfig {
   useRender?: boolean | RenderConfig
   activeValue?: string | number | boolean
   inactiveValue?: string | number | boolean
-  /**
-   * el-switch的change事件
-   */
+  /** el-switch的change事件 */
   onChange?: Function
 }
 
@@ -307,13 +244,9 @@ export interface SwitchConfig {
  * inputRangeConfig接口
  */
 export interface InputRangeConfig {
-  /**
-   * 输入范围开始值在formModel中的属性名
-   */
+  /** 输入范围开始值在formModel中的属性名 */
   startProp: string
-  /**
-   * 输入范围结束值在formModel中的属性名
-   */
+  /** 输入范围结束值在formModel中的属性名 */
   endProp: string
   startPlaceholder?: string
   endPlaceholder?: string
@@ -327,9 +260,7 @@ export interface InputRangeConfig {
 export interface TreeSelectConfig {
   useRender?: boolean | RenderConfig
   data: Record<string, unknown>[]
-  /**
-   * 是否反转
-   */
+  /** 是否反转 */
   reverse?: boolean
   width?: string
   placeholder?: string
@@ -340,18 +271,15 @@ export interface TreeSelectConfig {
   defaultExpandedKeys?: Array<string | number>
 }
 
+/**
+ * 必填配置项
+ */
 export interface IRequired {
-  /**
-   * 是否必填
-   */
+  /** 是否必填 */
   isRequired?: boolean
-  /**
-   * 内置校验器
-   */
+  /** 内置校验器 */
   validator: 'mobile' | 'nonNegativeDecimal'
-  /**
-   * 参数
-   */
+  /** 参数 */
   parmas?: any
 }
 
@@ -474,3 +402,9 @@ export interface FormColumn {
    */
   inputRangeConfig?: InputRangeConfig
 }
+
+export interface FormComponentInstance {
+  efRef: FormInstance
+  showQueryForm: boolean
+  handleDisplayQueryForm: Function
+}

package/src/components/UseElInput/types.ts

@@ -7,11 +7,9 @@ import componentProps from './props'
 export type Props = ExtractPropTypes<typeof componentProps>
 
 /**
- * emits接口
+ * emits类型
  */
-export interface Emits {
-  /**
-   * 更新value值
-   */
+export type Emits = {
+  /** 更新value值 */
   (e: 'update:modelValue', value: string): void
 }

package/src/components/UseElSelect/types.ts

@@ -7,15 +7,11 @@ import componentProps from './props'
 export type Props = ExtractPropTypes<typeof componentProps>
 
 /**
- * emits接口
+ * emits类型
  */
-export interface Emits {
-  /**
-   * 更新value值
-   */
+export type Emits = {
+  /** 更新value值 */
   (e: 'update:modelValue', value: string | number | (string | number)[]): void
-  /**
-   * 更新label值
-   */
+  /** 更新label值 */
   (e: 'update:label', label: string | string[]): void
 }

package/src/components/UseElTable/props.ts

@@ -38,7 +38,7 @@ export default {
     validator: (val: string) => ['left', 'center', 'right'].includes(val)
   },
   /**
-   * 字典映射 数据结构为{ tableColumns[][label | useDict | useDict.data]: Array<{ label: string, value: any }> }
+   * 字典映射 数据结构为{ tableColumns[][label | useDict | useDict.key]: Array<{ label: string, value: any }> }
    */
   dictMap: {
     type: Object as PropType<DictMap>,

package/src/components/UseElUpload/types.ts

@@ -7,9 +7,9 @@ import componentProps from './props'
 export type Props = ExtractPropTypes<typeof componentProps>
 
 /**
- * emits接口
+ * emits类型
  */
-export interface Emits {
+export type Emits = {
   'update:fileId': [value: string | number]
   'update:linkUrl': [url: string]
   onFileObj: [file: Record<string, any>]

package/src/components/UseLineTitle/defaultExtConfig.ts

@@ -4,26 +4,14 @@ import type { ExtConfig } from './types'
  * 默认扩展配置
  */
 export default {
-  /**
-   * 外边距配置项
-   */
-  margin: {
-    top: '0px',
-    bottom: '20px'
-  },
-  /**
-   * 线条配置项
-   */
+  margin: { top: '0px', bottom: '20px' },
   line: {
-    width: '4px', //作用于position为left和bottom
-    height: '2px', //作用于position为between
-    color: 'var(--theme-color)',
+    width: '4px',
+    height: '2px',
+    color: 'var(--theme-color,var(--el-color-primary))',
     position: 'left',
     verticalPadding: '0px'
   },
-  /**
-   * 底部border配置项
-   */
   borderBottom: {
     show: false,
     color: 'var(--el-border-color-light)',

package/src/components/UseLineTitle/types.ts

@@ -10,7 +10,9 @@ export type Props = ExtractPropTypes<typeof componentProps>
  * 线条接口
  */
 export interface Line {
+  /** 作用于position为left和bottom */
   width: string
+  /** 作用于position为between */
   height: string
   color: string
   position: 'left' | 'bottom' | 'between'