@wyfex/ivue 0.9.0 → 0.11.0

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

@@ -0,0 +1,122 @@
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    tableColumns: {
+        type: import('vue').PropType<import('./types').TableColumn[]>;
+        required: boolean;
+    };
+    tableData: {
+        type: import('vue').PropType<Record<string, unknown>[]>;
+        required: boolean;
+    };
+    tableHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    tableLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tableColumnAlign: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    dictMap: {
+        type: import('vue').PropType<import('../../types/index.ts').DictMap>;
+        default: () => {};
+    };
+    dictProps: {
+        type: import('vue').PropType<import('../../types/index.ts').DictProps>;
+        default: () => {};
+    };
+    showOverflowTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerCellStyle: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: () => {
+            backgroundColor: string;
+            color: string;
+        };
+    };
+    extConfig: {
+        type: import('vue').PropType<import('./types').ExtConfig>;
+        default: () => {};
+    };
+}>, {
+    validateRequired: (row: Record<string, any>) => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    onDictKeys: (value?: string[] | undefined) => any;
+    "update:selectionData": (selectionData: any) => any;
+    "update:currentRow": (currentRow: any) => any;
+    "update:currentPage": (currentPage: number) => any;
+    "update:pageSize": (pageSize: number) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tableColumns: {
+        type: import('vue').PropType<import('./types').TableColumn[]>;
+        required: boolean;
+    };
+    tableData: {
+        type: import('vue').PropType<Record<string, unknown>[]>;
+        required: boolean;
+    };
+    tableHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    tableLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tableColumnAlign: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    dictMap: {
+        type: import('vue').PropType<import('../../types/index.ts').DictMap>;
+        default: () => {};
+    };
+    dictProps: {
+        type: import('vue').PropType<import('../../types/index.ts').DictProps>;
+        default: () => {};
+    };
+    showOverflowTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerCellStyle: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: () => {
+            backgroundColor: string;
+            color: string;
+        };
+    };
+    extConfig: {
+        type: import('vue').PropType<import('./types').ExtConfig>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onOnDictKeys?: ((value?: string[] | undefined) => any) | undefined;
+    "onUpdate:selectionData"?: ((selectionData: any) => any) | undefined;
+    "onUpdate:currentRow"?: ((currentRow: any) => any) | undefined;
+    "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;
+    showOverflowTooltip: boolean;
+    headerCellStyle: Record<string, string>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,50 @@
+import { PropType } from 'vue';
+import { ExtConfig, TableColumn } from './types';
+import { DictMap, DictProps } from '../../../types';
+declare const _default: {
+    tableColumns: {
+        type: PropType<TableColumn[]>;
+        required: boolean;
+    };
+    tableData: {
+        type: PropType<Record<string, unknown>[]>;
+        required: boolean;
+    };
+    tableHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    tableLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tableColumnAlign: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    dictMap: {
+        type: PropType<DictMap>;
+        default: () => {};
+    };
+    dictProps: {
+        type: PropType<DictProps>;
+        default: () => {};
+    };
+    showOverflowTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    headerCellStyle: {
+        type: PropType<Record<string, string>>;
+        default: () => {
+            backgroundColor: string;
+            color: string;
+        };
+    };
+    extConfig: {
+        type: PropType<ExtConfig>;
+        default: () => {};
+    };
+};
+export default _default;

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

@@ -0,0 +1,96 @@
+import { Component, ExtractPropTypes } from 'vue';
+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:currentRow', currentRow: any): void;
+    (e: 'update:currentPage', currentPage: number): void;
+    (e: 'update:pageSize', pageSize: number): void;
+}
+export interface EditableCellAndSpanVueProps {
+    row: Record<string, any>;
+    item: TableColumn;
+    mergedProps: Props;
+    globalConfig: GlobalConfig;
+}
+export interface Header {
+    slot?: boolean | string;
+    required?: boolean;
+    asteriskPosition?: 'before' | 'after';
+}
+export interface Edit {
+    component: Component;
+    attrs?: EditAttrs;
+}
+export interface TableColumnExtConfig {
+    header?: Header;
+    edit?: Edit;
+    formatter?: Function;
+    class?: string | string[];
+    style?: string | Record<string, unknown>;
+}
+export interface TableColumn {
+    label?: string;
+    prop?: string;
+    useDict?: boolean | string | UseDict;
+    slot?: boolean | string;
+    width?: string | number;
+    minWidth?: string | number;
+    show?: boolean;
+    align?: string;
+    fixed?: boolean | string;
+    sortable?: boolean;
+    showOverflowTooltip?: boolean;
+    extConfig?: TableColumnExtConfig;
+    children?: TableColumn[];
+}
+export interface Selection {
+    label?: string;
+    type?: string;
+    width?: number;
+    key?: string;
+    enableRowClick?: boolean;
+    selectable?: Function;
+    disabledConfig?: Record<string, string | number | string[] | number[]> | Array<{
+        key: string;
+        value: string | number | string[] | number[];
+    }>;
+    align?: string;
+    fixed?: boolean;
+}
+export interface ExtConfig {
+    extraHeader?: {
+        class?: string;
+        style?: {
+            padding?: string;
+            borderBottom?: string;
+        };
+    };
+    selection?: Selection;
+    index?: {
+        label?: string;
+        width?: number;
+        align?: string;
+        fixed?: boolean;
+    };
+    expand?: {
+        show?: boolean;
+        width?: number;
+    };
+    operation?: {
+        label?: string;
+        width?: number;
+        fixed?: string;
+    };
+    pagination?: {
+        total?: number;
+        marginTop?: number;
+        position?: string;
+        pageSizes?: number[];
+        background?: boolean;
+        layout?: string;
+        func?: Function;
+    };
+}

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

@@ -0,0 +1,9 @@
+import { ComputedRef } from 'vue';
+import { TableColumn, Props } from './types';
+import { GlobalConfig } from '../../../types';
+export declare const processFieldProp: (row: Record<string, unknown>, item: TableColumn, globalConfig: GlobalConfig) => {
+    class: string;
+    style: string;
+    data: unknown;
+};
+export declare const handleMinWidth: (columns: TableColumn[], data: any, mergedProps: ComputedRef<Props>, globalConfig: GlobalConfig) => void;

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

@@ -51,9 +51,9 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{}>, {
     style: string | Record<string, any>;
     class: string;
+    emptyText: 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/UseSvgIcon/index.vue.d.ts

@@ -0,0 +1,54 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator(val: any): any;
+    };
+    color: {
+        type: import('vue').PropType<string | Record<string, any>[]>;
+        validator(val: any): any;
+    };
+    margin: {
+        type: StringConstructor;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoverClass: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator(val: any): any;
+    };
+    color: {
+        type: import('vue').PropType<string | Record<string, any>[]>;
+        validator(val: any): any;
+    };
+    margin: {
+        type: StringConstructor;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoverClass: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    size: string | number;
+    clickable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+declare const _default: {
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+        validator(val: any): any;
+    };
+    color: {
+        type: PropType<string | Record<string, any>[]>;
+        validator(val: any): any;
+    };
+    margin: {
+        type: StringConstructor;
+    };
+    clickable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hoverClass: {
+        type: StringConstructor;
+    };
+};
+export default _default;

package/dist/types/index.d.ts

@@ -6,4 +6,6 @@ export { default as UseElDialog } from './UseElDialog/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 UseElTable } from './UseElTable/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.9.0",
+  "version": "0.11.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
   "homepage": "https://wyfe.top/idocs/ivue",
   "type": "module",
@@ -53,7 +53,7 @@
     "@types/node": "^25.9.3",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/tsconfig": "^0.9.1",
-    "@wyfex/iutils": "file:D:/20260516/wyfex/wyfex-iutils/wyfex-iutils-0.30.0.tgz",
+    "@wyfex/iutils": "file:D:/20260516/wyfex/wyfex-iutils/wyfex-iutils-0.35.0.tgz",
     "element-plus": "^2.14.2",
     "sass-embedded": "^1.100.0",
     "typescript": "~6.0.3",
@@ -63,6 +63,6 @@
     "vite": "^8.0.16",
     "vite-svg-loader": "^5.1.1",
     "vue": "^3.5.38",
-    "vue-tsc": "^3.3.4"
+    "vue-tsc": "^3.3.5"
   }
 }

package/src/components/UseElButton/types.ts

@@ -42,7 +42,7 @@ export interface ExtConfig {
      * 二次确认数据 显式设置则开启二次确认
      * 可为String、Number、Object、Array，无需传递数据则显式设置为null。
      */
-    data?: string | number | unknown
+    data?: string | number | Record<string, unknown> | unknown[] | null
     /**
      * 二次确认类型 同ElButton类型
      */

package/src/components/UseElConfigProvider/props.ts

@@ -14,21 +14,6 @@ export default {
     default: 'zh',
     validator: (val: string) => ['', 'zh', 'en'].includes(val)
   },
-  /**
-   * 主题模式 默认light
-   */
-  themeMode: {
-    type: String,
-    default: 'light',
-    validator: (val: string) => ['light', 'dark', ''].includes(val)
-  },
-  /**
-   * 表格底部额外高度 默认20，此处配置同时作用于UseElTable和UseCrudTable组件
-   */
-  tableExtraHeight: {
-    type: Number,
-    default: 20
-  },
   /**
    * 上传配置 此处配置仅作用于UseElUpload组件
    */

package/src/components/UseElDialog/props.ts

@@ -1,5 +1,3 @@
-import type { PropType } from 'vue'
-
 /**
  * 组件props
  */
@@ -18,13 +16,6 @@ export default {
     type: Boolean,
     default: true
   },
-  /**
-   * el-dialog头部区域样式配置
-   */
-  headerStyleConfig: {
-    type: Object as PropType<Record<string, any>>,
-    default: () => ({ bgColor: 'var(--theme-color)', color: '#fff' })
-  },
   /**
    * el-dialog内容区域最大高度
    */
@@ -60,6 +51,13 @@ export default {
     type: Boolean,
     default: true
   },
+  /**
+   * 是否显示header底部border 默认是
+   */
+  showHeaderBottomBorder: {
+    type: Boolean,
+    default: true
+  },
   /**
    * 是否显示footer 默认显示，可通过<template #footer></template>插槽自定义footer内容
    */
@@ -68,9 +66,9 @@ export default {
     default: true
   },
   /**
-   * 是否显示footer顶部border
+   * 是否显示footer顶部border 默认否
    */
-  showFooterBorder: {
+  showFooterTopBorder: {
     type: Boolean,
     default: false
   },

package/src/components/UseElTable/defaultExtConfig.ts

@@ -0,0 +1,64 @@
+import type { ExtConfig } from './types'
+
+/**
+ * 默认扩展配置
+ */
+export default {
+  /**
+   * 额外表头配置项
+   * class：额外表头类名
+   * style：额外表头样式对象
+   */
+  extraHeader: {
+    style: {
+      padding: '10px',
+      borderBottom: '1px solid var(--el-border-color-light)'
+    }
+  },
+  /**
+   * 选择器配置项
+   * 绑定v-model:selectionData="selectionData"则开启选择器 不显式设置type则默认为CHECKBOX复选
+   * type：选择类型 可选值：CHECKBOX(复选) | CHECKBOXRADIO(复选框单选) | RADIO(单选)
+   * label：type为CHECKBOXRADIO、RADIO时表头全选复选框的文本 不设置则为空显示
+   * key：选中数据的唯一键 对应tableData中的唯一键 如id
+   * selectable：决定当前行复选框是否可以勾选 传入function，如果是简单禁用逻辑推荐优先使用disabledConfig配置项，复杂逻辑才建议使用本配置项
+   * disabledConfig：禁用配置 可传对象或对象数组
+   * enableRowClick：允许通过点击行触发单选/复选 默认否 PS：默认不高亮当前行，若需高亮当前行，只需给UseElTable组件设置highlightCurrentRow属性即可
+   * width：选择器的列宽 默认为40px
+   * align：选择器的排列方式 默认为center居中
+   * fixed：是否固定 默认为true
+   */
+  selection: { width: 40, enableRowClick: false, align: 'center', fixed: true },
+  /**
+   * 序号列配置项
+   * label：序号列表头文本 不显式设置则不显示序号列
+   * width、align、fixed同选择器配置项
+   */
+  index: { width: 55, align: 'center', fixed: true },
+  /**
+   * 展开列配置项
+   */
+  expand: { show: false },
+  /**
+   * 操作列配置项
+   * label：操作列文案 显式设置则开启操作列
+   * width：操作列宽度 默认为128px
+   * fixed：固定方向 默认固定在右侧
+   */
+  operation: { width: 128, fixed: 'right' },
+  /**
+   * 分页器配置项
+   * total：分页总数 为-1时不显示分页器
+   * marginTop：分页器与表格的间距 默认20px
+   * func：分页方法 显式设置则在组件内部自动处理分页逻辑
+   * position：分页器位置 默认为right 可选值:left | center | right
+   */
+  pagination: {
+    total: -1,
+    marginTop: 20,
+    position: 'right',
+    pageSizes: [10, 20, 30, 40, 50],
+    background: true,
+    layout: 'total, sizes, prev, pager, next, jumper'
+  }
+} satisfies ExtConfig

package/src/components/UseElTable/props.ts

@@ -0,0 +1,83 @@
+import type { PropType } from 'vue'
+import type { ExtConfig, TableColumn } from './types'
+import type { DictMap, DictProps } from '@/types'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 表格列 必传
+   */
+  tableColumns: {
+    type: Array as PropType<TableColumn[]>,
+    required: true
+  },
+  /**
+   * 表格数据 必传
+   */
+  tableData: {
+    type: Array as PropType<Record<string, unknown>[]>,
+    required: true
+  },
+  /**
+   * 表格高度 如为autoCalc则使用组件内部高度自适应逻辑，可指定具体高度值
+   */
+  tableHeight: {
+    type: String,
+    default: 'autoCalc'
+  },
+  /**
+   * 表格loading
+   */
+  tableLoading: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 表格列排列方式 默认center
+   */
+  tableColumnAlign: {
+    type: String,
+    default: 'center',
+    validator: (val: string) => ['left', 'center', 'right'].includes(val)
+  },
+  /**
+   * 字典映射 数据结构为{ tableColumns[][label | useDict | useDict.data]: Array<{ label: string, value: any }> }
+   */
+  dictMap: {
+    type: Object as PropType<DictMap>,
+    default: () => ({})
+  },
+  /**
+   * 字典属性 默认为{ value: 'value', label: 'label',children:'children' }，可通过全局配置进行设置，为适配全局配置此处不再设置默认值
+   */
+  dictProps: {
+    type: Object as PropType<DictProps>,
+    default: () => ({})
+  },
+  /**
+   * 当内容过长被隐藏时是否显示tooltip 默认是
+   */
+  showOverflowTooltip: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 表头列样式
+   */
+  headerCellStyle: {
+    type: Object as PropType<Record<string, string>>,
+    default: () => ({
+      backgroundColor: 'var(--el-fill-color-light)',
+      color: 'var(--el-table-header-text-color)'
+    })
+  },
+  /**
+   * 扩展配置 如【序号/复选单选/展开列/分页】等
+   */
+  extConfig: {
+    type: Object as PropType<ExtConfig>,
+    default: () => ({})
+  }
+}