@wyfex/ivue 0.4.0 → 0.6.0

package/src/components/UseElDatePicker/props.ts

@@ -0,0 +1,86 @@
+import type { PropType } from 'vue'
+import type { RenderConfig } from '@/types'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 双向绑定数据源
+   */
+  modelValue: {
+    type: [String, Number, Array],
+    default: ''
+  },
+  /**
+   * 是否使用渲染器 默认否
+   */
+  useRender: {
+    type: [Boolean, Object] as PropType<boolean | RenderConfig>,
+    default: false
+  },
+  /**
+   * 显示类型
+   */
+  type: {
+    type: String,
+    default: 'date',
+    validator: (val: string) =>
+      [
+        'year',
+        'years',
+        'month',
+        'months',
+        'date',
+        'dates',
+        'datetime',
+        'week',
+        'datetimerange',
+        'daterange',
+        'monthrange',
+        'yearrange'
+      ].includes(val)
+  },
+  /**
+   * 范围选择时开始日期的占位内容
+   */
+  startPlaceholder: {
+    type: String,
+    default: '开始日期'
+  },
+  /**
+   * 范围选择时结束日期的占位内容
+   */
+  endPlaceholder: {
+    type: String,
+    default: '结束日期'
+  },
+  /**
+   * 选择范围时的分隔符
+   */
+  rangeSeparator: {
+    type: String,
+    default: '至'
+  },
+  /**
+   *  显示在输入框中的格式
+   */
+  format: {
+    type: String,
+    default: undefined // 默认undefined 通过dateFormatComputed进行默认赋值
+  },
+  /**
+   * value-format
+   */
+  valueFormat: {
+    type: String,
+    default: undefined // 默认undefined 通过dateFormatComputed进行默认赋值
+  },
+  /**
+   * placeholder 默认请选择
+   */
+  placeholder: {
+    type: String,
+    default: '请选择'
+  }
+}

package/src/components/UseElDatePicker/types.ts

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

package/src/components/UseElDescriptions/props.ts

@@ -68,7 +68,7 @@ export default {
    */
   useTitleCenterWithBg: {
     type: Boolean,
-    default: true
+    default: false
   },
   /**
    * 标签包裹类名

package/src/components/UseElInput/props.ts

@@ -0,0 +1,92 @@
+import type { PropType } from 'vue'
+import type { RenderConfig } from '@/types'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 双向绑定数据源
+   */
+  modelValue: {
+    type: [String, Number],
+    default: ''
+  },
+  /**
+   * el-input组件的宽度
+   */
+  width: {
+    type: String,
+    default: '100%'
+  },
+  /**
+   * placeholder
+   */
+  placeholder: {
+    type: String,
+    default: '请输入'
+  },
+  /**
+   * 是否可清空 默认是
+   */
+  clearable: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否使用渲染器 默认否
+   */
+  useRender: {
+    type: [Boolean, Object] as PropType<boolean | RenderConfig>,
+    default: false
+  },
+  /**
+   * el-input头部插槽内容
+   */
+  prefixContent: {
+    type: [String, Object],
+    default: ''
+  },
+  /**
+   * el-input尾部插槽内容
+   */
+  suffixContent: {
+    type: [String, Object],
+    default: ''
+  },
+  /**
+   * el-input前置插槽内容
+   */
+  prependContent: {
+    type: [String, Object],
+    default: ''
+  },
+  /**
+   * el-input后置插槽内容
+   */
+  appendContent: {
+    type: [String, Object],
+    default: ''
+  },
+  /**
+   * 单位 显示在el-input的右外部
+   */
+  unit: {
+    type: [String, Object],
+    default: ''
+  },
+  /**
+   * 控制是否能被用户缩放 仅type=textare生效
+   */
+  resize: {
+    type: String,
+    default: 'none'
+  },
+  /**
+   * 输入框行数 仅type=textare生效
+   */
+  rows: {
+    type: Number,
+    default: 6
+  }
+}

package/src/components/UseElInput/types.ts

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