@wyfex/ivue 0.6.0 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wyfex/ivue",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
   "homepage": "https://wyfe.top/idocs/ivue",
   "type": "module",
@@ -50,11 +50,11 @@
     "vue": ">=3.2.0 <4.0.0"
   },
   "devDependencies": {
-    "@types/node": "^25.9.2",
+    "@types/node": "^25.9.3",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/tsconfig": "^0.9.1",
     "@wyfex/iutils": "^0.30.0",
-    "element-plus": "^2.14.1",
+    "element-plus": "^2.14.2",
     "sass-embedded": "^1.100.0",
     "typescript": "~6.0.3",
     "unplugin-auto-import": "^21.0.0",
@@ -62,7 +62,7 @@
     "unplugin-vue-components": "^32.1.0",
     "vite": "^8.0.16",
     "vite-svg-loader": "^5.1.1",
-    "vue": "^3.5.35",
+    "vue": "^3.5.38",
     "vue-tsc": "^3.3.4"
   }
 }

package/src/components/UseElInput/types.ts

@@ -10,6 +10,8 @@ export type Props = ExtractPropTypes<typeof componentProps>
  * emits接口
  */
 export interface Emits {
-  // 更新value值
+  /**
+   * 更新value值
+   */
   (e: 'update:modelValue', value: string): void
 }

package/src/components/UseElSelect/props.ts

@@ -0,0 +1,71 @@
+import type { PropType } from 'vue'
+import type { DictProps, RenderConfig } from '@/types'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 双向绑定数据源
+   */
+  modelValue: {
+    type: [String, Number, Boolean, Array],
+    default: ''
+  },
+  /**
+   * 选项数据源
+   */
+  options: {
+    type: Array as PropType<Record<string, any>[]>,
+    default: () => []
+  },
+  /**
+   * 字典属性 默认为{ value: 'value', label: 'label', children: 'children' }，可通过全局配置进行设置，为适配全局配置此处不再设置默认值
+   */
+  dictProps: {
+    type: Object as PropType<DictProps>,
+    default: () => ({})
+  },
+  /**
+   * 是否使用渲染器 默认否
+   */
+  useRender: {
+    type: [Boolean, Object] as PropType<boolean | RenderConfig>,
+    default: false
+  },
+  /**
+   * 是否使用v2版本 默认是
+   */
+  useV2: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否可清空 默认是
+   */
+  clearable: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 开启多选时是否将选中的数组转为以逗号分隔的字符串 默认否
+   */
+  toJoin: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * placeholder 默认请选择
+   */
+  placeholder: {
+    type: String,
+    default: '请选择'
+  },
+  /**
+   * 宽度，默认100%
+   */
+  width: {
+    type: String,
+    default: '100%'
+  }
+}

package/src/components/UseElSelect/types.ts

@@ -0,0 +1,21 @@
+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 | (string | number)[]): void
+  /**
+   * 更新label值
+   */
+  (e: 'update:label', label: string | string[]): void
+}

package/src/components/UseRender/props.ts

@@ -1,4 +1,4 @@
-import type { PropType } from 'vue'
+import { type PropType } from 'vue'
 import type { RenderContent } from '@/types'
 
 /**
@@ -9,18 +9,39 @@ export default {
    * 渲染内容 必传
    */
   content: {
-    type: [String, Number, Boolean, Object] as PropType<RenderContent>,
+    type: [String, Number, Boolean, Array, Object] as PropType<RenderContent>,
     required: true
   },
   /**
-   * 样式类名 仅content为String和Number有效
+   * content为Array类型时转为字符串的分隔符 默认、
+   */
+  separator: {
+    type: String,
+    default: '、'
+  },
+  /**
+   * content为对象数组时需要转为字符串的key 默认label
+   */
+  convertKey: {
+    type: String,
+    default: 'label'
+  },
+  /**
+   * 当content为空时展示的文本 默认—
+   */
+  emptyText: {
+    type: String,
+    default: '—'
+  },
+  /**
+   * 样式类名 仅TextContent和ArrayContent有效
    */
   class: {
     type: String,
     default: ''
   },
   /**
-   * 内联样式 仅content为String和Number有效
+   * 内联样式 仅TextContent和ArrayContent有效
    */
   style: {
     type: [String, Object] as PropType<string | Record<string, any>>,

package/src/types/index.ts

@@ -4,7 +4,13 @@ import type { Component, VNode } from 'vue'
 /**
  * 渲染器内容类型
  */
-export type RenderContent = string | number | boolean | VNode | Component
+export type RenderContent =
+  | string
+  | number
+  | boolean
+  | unknown[]
+  | VNode
+  | Component
 
 /**
  * 渲染器配置接口