@wyfex/ivue 0.5.0 → 0.7.0

package/dist/types/UseElSelect/index.vue.d.ts

@@ -0,0 +1,93 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    options: {
+        type: import('vue').PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    dictProps: {
+        type: import('vue').PropType<import('../../types').DictProps>;
+        default: () => {};
+    };
+    useRender: {
+        type: import('vue').PropType<boolean | import('../../types').RenderConfig>;
+        default: boolean;
+    };
+    useV2: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toJoin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | number | (string | number)[]) => any;
+    "update:label": (label: string | string[]) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    options: {
+        type: import('vue').PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    dictProps: {
+        type: import('vue').PropType<import('../../types').DictProps>;
+        default: () => {};
+    };
+    useRender: {
+        type: import('vue').PropType<boolean | import('../../types').RenderConfig>;
+        default: boolean;
+    };
+    useV2: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toJoin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+    "onUpdate:label"?: ((label: string | string[]) => any) | undefined;
+}>, {
+    toJoin: boolean;
+    modelValue: string | number | boolean | unknown[];
+    useRender: boolean | import('../../types').RenderConfig;
+    placeholder: string;
+    dictProps: import('../../types').DictProps;
+    width: string;
+    clearable: boolean;
+    options: Record<string, any>[];
+    useV2: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/UseElSelect/props.d.ts

@@ -0,0 +1,41 @@
+import { PropType } from 'vue';
+import { DictProps, RenderConfig } from '../../../types';
+declare const _default: {
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor | ArrayConstructor)[];
+        default: string;
+    };
+    options: {
+        type: PropType<Record<string, any>[]>;
+        default: () => never[];
+    };
+    dictProps: {
+        type: PropType<DictProps>;
+        default: () => {};
+    };
+    useRender: {
+        type: PropType<boolean | RenderConfig>;
+        default: boolean;
+    };
+    useV2: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toJoin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export default _default;

package/dist/types/UseElSelect/types.d.ts

@@ -0,0 +1,7 @@
+import { ExtractPropTypes } from 'vue';
+import { default as componentProps } from './props';
+export type Props = ExtractPropTypes<typeof componentProps>;
+export interface Emits {
+    (e: 'update:modelValue', value: string | number | (string | number)[]): void;
+    (e: 'update:label', label: string | string[]): void;
+}

package/dist/types/UseRender/hook.d.ts

@@ -2,5 +2,7 @@ import { Props } from './types';
 export declare const useRender: (props: Props) => {
     isVueComponent: import('vue').ComputedRef<boolean>;
     isTextContent: import('vue').ComputedRef<boolean>;
+    isArrayContent: import('vue').ComputedRef<boolean>;
     isVNodeContent: import('vue').ComputedRef<boolean>;
+    processArrayContent: import('vue').ComputedRef<string>;
 };

package/dist/types/UseRender/index.vue.d.ts

@@ -3,6 +3,18 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         type: import('vue').PropType<import('../../types').RenderContent>;
         required: boolean;
     };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    convertKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
     class: {
         type: StringConstructor;
         default: string;
@@ -16,6 +28,18 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
         type: import('vue').PropType<import('../../types').RenderContent>;
         required: boolean;
     };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    convertKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
     class: {
         type: StringConstructor;
         default: string;
@@ -27,6 +51,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{}>, {
     style: string | Record<string, any>;
     class: string;
+    separator: string;
+    convertKey: string;
+    emptyText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/UseRender/props.d.ts

@@ -5,6 +5,18 @@ declare const _default: {
         type: PropType<RenderContent>;
         required: boolean;
     };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    convertKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
     class: {
         type: StringConstructor;
         default: string;

package/dist/types/index.d.ts

@@ -2,4 +2,6 @@ export { default as UseElButton } from './UseElButton/index.vue';
 export { default as UseElConfigProvider } from './UseElConfigProvider/index.vue';
 export { default as UseElDatePicker } from './UseElDatePicker/index.vue';
 export { default as UseElDescriptions } from './UseElDescriptions/index.vue';
+export { default as UseElInput } from './UseElInput/index.vue';
+export { default as UseElSelect } from './UseElSelect/index.vue';
 export { default as UseRender } from './UseRender/index.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wyfex/ivue",
-  "version": "0.5.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/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,17 @@
+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
+}

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
 
 /**
  * 渲染器配置接口