@wyfex/ivue 0.6.0 → 0.8.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>;
+    isArrayOrObjectContent: import('vue').ComputedRef<boolean>;
     isVNodeContent: import('vue').ComputedRef<boolean>;
+    processArrayOrObjectContent: import('vue').ComputedRef<any>;
 };

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;
+    };
+    parseKey: {
+        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;
+    };
+    parseKey: {
+        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;
+    parseKey: 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;
+    };
+    parseKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
     class: {
         type: StringConstructor;
         default: string;

package/dist/types/index.d.ts

@@ -2,5 +2,7 @@ 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 UseElDrawer } from './UseElDrawer/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.6.0",
+  "version": "0.8.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",
+    "@wyfex/iutils": "file:D:/20260516/wyfex/wyfex-iutils/wyfex-iutils-0.30.0.tgz",
+    "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/UseElDrawer/props.ts

@@ -0,0 +1,121 @@
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * el-drawer的标题
+   */
+  title: {
+    type: String,
+    default: '欢迎使用wyfex-ivue抽屉组件'
+  },
+  /**
+   * el-drawer的窗体的大小, 当使用number类型时, 以像素为单位, 当使用string类型时, 请传入'xx%'、'xxxpx'等,否则便会以number类型解释 默认1100px
+   */
+  size: {
+    type: [Number, String],
+    default: 1100
+  },
+  /**
+   * el-drawer自身是否插入至body元素上。嵌套的el-drawer必须指定该属性并赋值为 true 默认是
+   */
+  appendToBody: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 控制是否在关闭el-drawer后将子元素全部销毁 默认是
+   */
+  destroyOnClose: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否可以通过点击modal关闭el-drawer 默认否
+   */
+  closeOnClickModal: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 是否显示全屏图标 默认是
+   */
+  showFullScreenIcon: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否显示footer 默认显示，可通过<template #footer></template>插槽自定义footer内容
+   */
+  showFooter: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 底部定位 默认left
+   */
+  footerPosition: {
+    type: String,
+    default: 'left',
+    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: '取消'
+  },
+  /**
+   * 取消按钮类型 同ElButton类型
+   */
+  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/UseElDrawer/types.ts

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

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
+   */
+  parseKey: {
+    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,14 @@ import type { Component, VNode } from 'vue'
 /**
  * 渲染器内容类型
  */
-export type RenderContent = string | number | boolean | VNode | Component
+export type RenderContent =
+  | string
+  | number
+  | boolean
+  | unknown[]
+  | Record<string, any>
+  | VNode
+  | Component
 
 /**
  * 渲染器配置接口