@wyfex/ivue 0.14.0 → 0.16.0

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

@@ -103,14 +103,14 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
     "onUpdate:currentPage"?: ((currentPage: number) => any) | undefined;
     "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
 }>, {
-    extConfig: import('./types').ExtConfig;
-    dictMap: import('../../types/index.ts').DictMap;
-    dictProps: import('../../types/index.ts').DictProps;
     tableHeight: string;
     tableLoading: boolean;
     tableColumnAlign: string;
+    dictMap: import('../../types/index.ts').DictMap;
+    dictProps: import('../../types/index.ts').DictProps;
     showOverflowTooltip: boolean;
     headerCellStyle: Record<string, string>;
+    extConfig: import('./types').ExtConfig;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { ExtConfig, TableColumn } from './types';
-import { DictMap, DictProps } from '../../../types';
+import { DictMap, DictProps } from '../../types';
 declare const _default: {
     tableColumns: {
         type: PropType<TableColumn[]>;

package/dist/types/UseElTable/types.d.ts

@@ -1,10 +1,10 @@
 import { Component, ExtractPropTypes } from 'vue';
-import { EditAttrs, GlobalConfig, UseDict } from '../../../types';
+import { EditAttrs, GlobalConfig, UseDict } from '../../types';
 import { default as componentProps } from './props';
 export type Props = ExtractPropTypes<typeof componentProps>;
 export interface Emits {
     (e: 'onDictKeys', value?: string[]): void;
-    (e: 'update:selectionData', selectionData: any[] | any): void;
+    (e: 'update:selectionData', selectionData: any): void;
     (e: 'update:currentRow', currentRow: any): void;
     (e: 'update:currentPage', currentPage: number): void;
     (e: 'update:pageSize', pageSize: number): void;
@@ -68,6 +68,11 @@ export interface ExtConfig {
             borderBottom?: string;
         };
     };
+    heightAdaptive?: {
+        isModal?: boolean;
+        modalFooterHeight?: number;
+        bottomOffset?: number;
+    };
     selection?: Selection;
     index?: {
         label?: string;

package/dist/types/UseElTable/utils.d.ts

@@ -1,5 +1,5 @@
 import { TableColumn } from './types';
-import { GlobalConfig } from '../../../types';
+import { GlobalConfig } from '../../types';
 export declare const processFieldProp: (row: Record<string, unknown>, item: TableColumn, globalConfig: GlobalConfig) => {
     class: string;
     style: string;

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

@@ -0,0 +1,50 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    prefix: string;
+    fontSize: string;
+    color: string;
+    clickable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,23 @@
+declare const _default: {
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export default _default;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { RenderContent } from '../../../types';
+import { RenderContent } from '../../types';
 declare const _default: {
     content: {
         type: PropType<RenderContent>;

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+export { default as UseCrudTable } from './UseCrudTable/index.vue';
 export { default as UseElButton } from './UseElButton/index.vue';
 export { default as UseElConfigProvider } from './UseElConfigProvider/index.vue';
 export { default as UseElDatePicker } from './UseElDatePicker/index.vue';
@@ -9,6 +10,7 @@ export { default as UseElInput } from './UseElInput/index.vue';
 export { default as UseElSelect } from './UseElSelect/index.vue';
 export { default as UseElSwitch } from './UseElSwitch/index.vue';
 export { default as UseElTable } from './UseElTable/index.vue';
+export { default as UseIconfont } from './UseIconfont/index.vue';
 export { default as UseLineTitle } from './UseLineTitle/index.vue';
 export { default as UseRender } from './UseRender/index.vue';
 export { default as UseSvgIcon } from './UseSvgIcon/index.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wyfex/ivue",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
   "homepage": "https://wyfe.top/idocs/ivue",
   "type": "module",
@@ -50,7 +50,7 @@
     "vue": ">=3.2.0 <4.0.0"
   },
   "devDependencies": {
-    "@types/node": "^25.9.3",
+    "@types/node": "^26.0.1",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/tsconfig": "^0.9.1",
     "@wyfex/iutils": "file:D:/20260516/wyfex/wyfex-iutils/wyfex-iutils-0.35.0.tgz",
@@ -58,11 +58,11 @@
     "sass-embedded": "^1.100.0",
     "typescript": "~6.0.3",
     "unplugin-auto-import": "^21.0.0",
-    "unplugin-dts": "^1.0.2",
+    "unplugin-dts": "^1.0.3",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "^8.0.16",
+    "vite": "^8.1.0",
     "vite-svg-loader": "^5.1.1",
-    "vue": "^3.5.38",
+    "vue": "^3.5.39",
     "vue-tsc": "^3.3.5"
   }
 }

package/src/components/UseCrudTable/defaultExtConfig.ts

@@ -0,0 +1,28 @@
+import type { ExtConfig } from './types'
+
+/**
+ * 默认扩展配置
+ */
+export default {
+  /**
+   * 操作栏配置项
+   */
+  actionBar: {
+    /**
+     * 操作栏外边距配置项
+     */
+    margin: '20px 0',
+    /**
+     * 是否显示【收起/展开查询】按钮配置项
+     */
+    showControlFormDisplayBtn: true,
+    /**
+     * 是否反转操作栏按钮 仅showControlFormDisplayBtn为true时生效
+     */
+    reverse: false,
+    /**
+     * 操作栏底部分割线配置项
+     */
+    divider: { show: false, borderStyle: 'solid' }
+  }
+} satisfies ExtConfig

package/src/components/UseCrudTable/props.ts

@@ -0,0 +1,32 @@
+import type { PropType } from 'vue'
+import type { ExtConfig as TableExtConfig } from '../UseElTable/types'
+import type { Configs, ExtConfig } from './types'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 配置项 必传
+   * 1、configs是【formColumns】和【tableColumns】的统一配置入口
+   * 2、configs在【formColumns】和【tableColumns】的配置基础上新增了【onlySearch】和【tableOrder】配置项用于兼容特殊应用场景
+   */
+  configs: {
+    type: Array as PropType<Configs[]>,
+    required: true
+  },
+  /**
+   * 表格扩展配置项
+   */
+  tableExtConfig: {
+    type: Object as PropType<TableExtConfig>,
+    default: () => ({})
+  },
+  /**
+   * 扩展配置 如【操作栏】等
+   */
+  extConfig: {
+    type: Object as PropType<ExtConfig>,
+    default: () => ({})
+  }
+}

package/src/components/UseCrudTable/types.ts

@@ -0,0 +1,51 @@
+import type { ExtractPropTypes } from 'vue'
+import componentProps from './props'
+import type { FormColumn } from '../UseElForm/types'
+import type { TableColumn } from '../UseElTable/types'
+
+/**
+ * props类型
+ */
+export type Props = ExtractPropTypes<typeof componentProps>
+
+/**
+ * emits接口
+ */
+export interface Emits {
+  //  dictKeys事件
+  (e: 'onDictKeys', value?: string[]): void
+}
+
+/**
+ * 基础配置类型
+ */
+export type BaseConfigs = Omit<FormColumn, 'prop'> & Omit<TableColumn, 'prop'>
+
+/**
+ * 配置项接口
+ */
+export interface Configs extends BaseConfigs {
+  prop: string
+  onlySearch?: boolean
+  tableOrder?: number
+}
+
+/**
+ * 分割线配置项接口
+ */
+export interface Divider {
+  show: boolean
+  borderStyle: 'none' | 'solid' | 'hidden' | 'dashed'
+}
+
+/**
+ * extConfig接口
+ */
+export interface ExtConfig {
+  actionBar: {
+    margin: string
+    showControlFormDisplayBtn: boolean
+    reverse: boolean
+    divider: Divider
+  }
+}

package/src/components/UseElConfigProvider/defaultExtConfig.ts

@@ -4,6 +4,13 @@ import type { ExtConfig } from './types'
  * 默认扩展配置
  */
 export default {
+  /**
+   * 字典属性配置项
+   */
   dictProps: { value: 'value', label: 'label', children: 'children' },
+  /**
+   * 表格配置项
+   */
+  table: { bottomOffset: 20, modalFooterHeight: 82 },
   debug: { open: false, type: 'primary', toJson: false }
 } satisfies ExtConfig

package/src/components/UseElConfigProvider/types.ts

@@ -33,9 +33,13 @@ export interface ExtConfig {
   /**
    * 字典属性配置项
    */
-  dictProps: DictProps
+  dictProps?: DictProps
+  /**
+   * 表格配置
+   */
+  table?: { bottomOffset: number; modalFooterHeight?: number }
   /**
    * 调试配置项
    */
-  debug: Debug
+  debug?: Debug
 }

package/src/components/UseElForm/types.ts

@@ -13,7 +13,7 @@ export type Props = ExtractPropTypes<typeof componentProps>
 export interface Emits {
   // dictKeys事件
   (e: 'onDictKeys', value?: string[]): void
-  // 更新formModel 仅formMode为inlineForm时支持
+  // 更新formModel
   (e: 'update:formModel', value: Record<string, any>): void
 }
 

package/src/components/UseElTable/defaultExtConfig.ts

@@ -15,6 +15,13 @@ export default {
       borderBottom: '1px solid var(--el-border-color-light)'
     }
   },
+  /**
+   * 高度自适应配置项
+   * isModal：是否弹窗模式，弹窗模式自动追加底部按钮预留
+   * modalFooterHeight：弹窗底部操作栏固定高度，isModal=true生效，该项由UseElConfigProvider组件统一提供默认值
+   * bottomOffset：底部预留偏移，该项由UseElConfigProvider组件统一提供默认值
+   */
+  heightAdaptive: { isModal: false },
   /**
    * 选择器配置项
    * 绑定v-model:selectionData="selectionData"则开启选择器 不显式设置type则默认为CHECKBOX复选

package/src/components/UseElTable/props.ts

@@ -23,7 +23,7 @@ export default {
     required: true
   },
   /**
-   * 表格高度 如为autoCalc则使用组件内部高度自适应逻辑，可指定具体高度值
+   * 表格高度 如为autoCalc则使用组件内部高度自适应逻辑，可指定具体高度值或auto
    */
   tableHeight: {
     type: String,

package/src/components/UseElTable/types.ts

@@ -14,7 +14,7 @@ export interface Emits {
   // dictKeys事件
   (e: 'onDictKeys', value?: string[]): void
   //  选中数据更新事件（支持 v-model:selectionData）
-  (e: 'update:selectionData', selectionData: any[] | any): void
+  (e: 'update:selectionData', selectionData: any): void
   // 当前行更新事件（支持 v-model:currentRow）
   (e: 'update:currentRow', currentRow: any): void
   // 当前页码更新事件（支持 v-model:currentPage）
@@ -83,7 +83,8 @@ export interface TableColumn {
   useDict?: boolean | string | UseDict
   /**
    * 插槽
-   * 为true则在模板代码中添加`<template #prop="{ row }"></template>`即可，可传入string自定义具名插槽名称
+   * 为true则在模板代码中添加`<template #prop="{ row }"></template>`即可
+   * 可传入string自定义具名插槽名称
    */
   slot?: boolean | string
   width?: string | number
@@ -123,6 +124,12 @@ export interface ExtConfig {
     class?: string
     style?: { padding?: string; borderBottom?: string }
   }
+  // 高度配置项
+  heightAdaptive?: {
+    isModal?: boolean
+    modalFooterHeight?: number
+    bottomOffset?: number
+  }
   // 选择器配置项
   selection?: Selection
   // 序号列配置项

package/src/components/UseIconfont/props.ts

@@ -0,0 +1,40 @@
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 图标名称 必传
+   */
+  name: {
+    type: String,
+    required: true
+  },
+  /**
+   * 图标前缀
+   */
+  prefix: {
+    type: String,
+    default: 'iconfont'
+  },
+  /**
+   * 图标大小
+   */
+  fontSize: {
+    type: String,
+    default: '18px'
+  },
+  /**
+   * 图标颜色
+   */
+  color: {
+    type: String,
+    default: ''
+  },
+  /**
+   * 是否可点击
+   */
+  clickable: {
+    type: Boolean,
+    default: false
+  }
+}

package/src/types/index.ts

@@ -98,6 +98,10 @@ export interface GlobalConfig {
   finalDictProps: DictProps
   // 最终字典映射
   finalDictMap: DictMap
+  // 最终表格底部预留偏移
+  finalTableBottomOffset: number
+  // 最终表格弹窗底部操作栏固定高度，isModal=true生效
+  finalTableModalFooterHeight?: number
   // 最终上传配置
   finalUploadConfig: UploadConfig
 }