@wyfex/ivue 0.15.0 → 0.17.0

package/dist/types/UseCrudTable/defaultExtConfig.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    actionBar: {
+        margin: string;
+        showControlFormDisplayBtn: true;
+        reverse: false;
+        divider: {
+            show: false;
+            borderStyle: "solid";
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,44 @@
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    configs: {
+        type: import('vue').PropType<import('./types').Configs[]>;
+        required: boolean;
+    };
+    tableExtConfig: {
+        type: import('vue').PropType<import('../UseElTable/types').ExtConfig>;
+        default: () => {};
+    };
+    extConfig: {
+        type: import('vue').PropType<import('./types').ExtConfig>;
+        default: () => {};
+    };
+}>, {
+    uefRef: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    onDictKeys: (value?: string[] | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    configs: {
+        type: import('vue').PropType<import('./types').Configs[]>;
+        required: boolean;
+    };
+    tableExtConfig: {
+        type: import('vue').PropType<import('../UseElTable/types').ExtConfig>;
+        default: () => {};
+    };
+    extConfig: {
+        type: import('vue').PropType<import('./types').ExtConfig>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onOnDictKeys?: ((value?: string[] | undefined) => any) | undefined;
+}>, {
+    extConfig: import('./types').ExtConfig;
+    tableExtConfig: import('../UseElTable/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;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,18 @@
+import { PropType } from 'vue';
+import { ExtConfig as TableExtConfig } from '../UseElTable/types';
+import { Configs, ExtConfig } from './types';
+declare const _default: {
+    configs: {
+        type: PropType<Configs[]>;
+        required: boolean;
+    };
+    tableExtConfig: {
+        type: PropType<TableExtConfig>;
+        default: () => {};
+    };
+    extConfig: {
+        type: PropType<ExtConfig>;
+        default: () => {};
+    };
+};
+export default _default;

package/dist/types/UseCrudTable/types.d.ts

@@ -0,0 +1,26 @@
+import { ExtractPropTypes } from 'vue';
+import { default as componentProps } from './props';
+import { FormColumn } from '../UseElForm/types';
+import { TableColumn } from '../UseElTable/types';
+export type Props = ExtractPropTypes<typeof componentProps>;
+export interface Emits {
+    (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';
+}
+export interface ExtConfig {
+    actionBar: {
+        margin: string;
+        showControlFormDisplayBtn: boolean;
+        reverse: boolean;
+        divider: Divider;
+    };
+}

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

@@ -0,0 +1,2 @@
+export declare const getFilteredFormColumns: (list: any) => any;
+export declare const getFilteredAndSortedTableColumns: (list: any) => any[];

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

@@ -0,0 +1,9 @@
+import { Emits, Props } from './types';
+export declare const useElCheckbox: (props: Props, emits: Emits) => {
+    dataComputed: import('vue').ComputedRef<any>;
+    checkedItems: import('vue').WritableComputedRef<unknown[], any>;
+    isIndeterminate: import('vue').Ref<boolean, boolean>;
+    checkAll: import('vue').Ref<boolean, boolean>;
+    handleCheckAllChange: (bool: boolean) => void;
+    handleCheckedItemsChange: (list: any[]) => void;
+};

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

@@ -0,0 +1,64 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: () => never[];
+    };
+    data: any;
+    defaultProps: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            value: string;
+        };
+    };
+    showCheckAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toJoin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | number | (string | number)[]) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: () => never[];
+    };
+    data: any;
+    defaultProps: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            value: string;
+        };
+    };
+    showCheckAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toJoin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+}>, {
+    data: any;
+    toJoin: boolean;
+    modelValue: string | unknown[];
+    defaultProps: Record<string, any>;
+    showCheckAll: boolean;
+    vertical: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,27 @@
+declare const _default: {
+    modelValue: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: () => never[];
+    };
+    data: any;
+    defaultProps: {
+        type: ObjectConstructor;
+        default: () => {
+            label: string;
+            value: string;
+        };
+    };
+    showCheckAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toJoin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export default _default;

package/dist/types/UseElCheckbox/types.d.ts

@@ -0,0 +1,6 @@
+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;
+}

package/dist/types/{components/UseElDatePicker → UseElDatePicker}/index.vue.d.ts

@@ -1,6 +1,6 @@
 declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
         default: string;
     };
     useRender: {
@@ -40,7 +40,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     "update:modelValue": (value: string | number | any[]) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
         default: string;
     };
     useRender: {
@@ -80,8 +80,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
 }>, {
     type: string;
-    modelValue: string | number | unknown[];
     useRender: boolean | import('../../types').RenderConfig;
+    modelValue: string | number | unknown[];
     startPlaceholder: string;
     endPlaceholder: string;
     rangeSeparator: string;

package/dist/types/{components/UseElDatePicker → UseElDatePicker}/props.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { RenderConfig } from '../../types';
 declare const _default: {
     modelValue: {
-        type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
         default: string;
     };
     useRender: {

package/dist/types/{components/UseElForm → UseElForm}/components/QueryForm.vue.d.ts

@@ -1,4 +1,4 @@
-declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     formColumns: {
         type: import('vue').PropType<import('../types').FormColumn[]>;
         required: boolean;
@@ -55,7 +55,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     };
 }>, {
     showQueryForm: import('vue').Ref<boolean, boolean>;
-    handleDisplayQueryForm: () => Promise<void>;
+    handleDisplayQueryForm: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     onDictKeys: (value?: string[] | undefined) => any;
     "update:formModel": (value: Record<string, any>) => any;
@@ -119,16 +119,22 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     "onUpdate:formModel"?: ((value: Record<string, any>) => any) | undefined;
 }>, {
     dictMap: import('../../../types').DictMap;
-    useRender: boolean | import('../../../types').RenderConfig;
     dictProps: import('../../../types').DictProps;
-    labelWidth: string;
+    useRender: boolean | import('../../../types').RenderConfig;
     formItemWidth: string;
     labelSuffix: string;
+    labelWidth: string;
     labelPosition: string;
     rowGutter: number;
     colSpan: number;
     disabled: boolean;
     queryConfig: import('../types').QueryConfig;
 }, {}, {}, {}, 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/{components/UseElForm → UseElForm}/components/useQueryColSpan.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef } from 'vue';
 import { FormColumn, Props } from '../types';
 export declare const useQueryColSpan: (props: Props, formColumnsComputed: ComputedRef<FormColumn[]>) => {
-    queryColSpanComputed: ComputedRef<0 | 1 | 2 | 3 | 4 | 6 | 8 | 12 | 24>;
+    queryColSpanComputed: ComputedRef<0 | 1 | 12 | 24 | 8 | 6 | 4 | 3 | 2>;
     btnColSpanComputed: ComputedRef<number>;
 };

package/dist/types/{components/UseElSelect → UseElSelect}/index.vue.d.ts

@@ -1,6 +1,6 @@
 declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: string;
     };
     options: {
@@ -40,7 +40,7 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     "update:label": (label: string | string[]) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: string;
     };
     options: {
@@ -79,12 +79,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
     "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
     "onUpdate:label"?: ((label: string | string[]) => any) | undefined;
 }>, {
+    dictProps: import('../../types').DictProps;
+    useRender: boolean | import('../../types').RenderConfig;
+    width: string;
     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;

package/dist/types/{components/UseElSelect → UseElSelect}/props.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { DictProps, RenderConfig } from '../../types';
 declare const _default: {
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: string;
     };
     options: {

package/dist/types/{components/UseElTable → UseElTable}/defaultExtConfig.d.ts

@@ -7,8 +7,6 @@ declare const _default: {
     };
     heightAdaptive: {
         isModal: false;
-        modalFooterHeight: number;
-        bottomOffset: number;
     };
     selection: {
         width: number;

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

@@ -0,0 +1,11 @@
+import { ComputedRef, Ref } from 'vue';
+import { Props } from '../types';
+import { GlobalConfig } from '../../../types';
+export declare const useTableHeightAdaptive: ({ rootRef, tableWrapperRef, mergedProps, globalConfig }: {
+    rootRef: Ref<HTMLDivElement | null>;
+    tableWrapperRef: Ref<HTMLDivElement | null>;
+    mergedProps: ComputedRef<Props>;
+    globalConfig: ComputedRef<GlobalConfig>;
+}) => {
+    tableRealHeight: Ref<string, string>;
+};

package/dist/types/{components/index.d.ts → index.d.ts}

@@ -1,4 +1,6 @@
+export { default as UseCrudTable } from './UseCrudTable/index.vue';
 export { default as UseElButton } from './UseElButton/index.vue';
+export { default as UseElCheckbox } from './UseElCheckbox/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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wyfex/ivue",
-  "version": "0.15.0",
+  "version": "0.17.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
   "homepage": "https://wyfe.top/idocs/ivue",
   "type": "module",
@@ -53,16 +53,16 @@
     "@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",
+    "@wyfex/iutils": "^0.40.0",
     "element-plus": "^2.14.2",
     "sass-embedded": "^1.100.0",
     "typescript": "~6.0.3",
     "unplugin-auto-import": "^21.0.0",
     "unplugin-dts": "^1.0.3",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "^8.1.0",
+    "vite": "^8.1.2",
     "vite-svg-loader": "^5.1.1",
     "vue": "^3.5.39",
-    "vue-tsc": "^3.3.5"
+    "vue-tsc": "^3.3.6"
   }
 }

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/UseElCheckbox/props.ts

@@ -0,0 +1,45 @@
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 双向绑定数据源
+   */
+  modelValue: {
+    type: [Array, String],
+    default: () => []
+  },
+  /**
+   * 选项数据源
+   */
+  data: {
+    type: Array,
+    required: true
+  } as any,
+  /**
+   * 选项默认配置
+   */
+  defaultProps: {
+    type: Object,
+    default: () => ({ label: 'label', value: 'value' })
+  },
+  // 是否显示全选按钮
+  showCheckAll: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 是否垂直布局
+   */
+  vertical: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 是否字符串拼接
+   */
+  toJoin: {
+    type: Boolean,
+    default: false
+  }
+}

package/src/components/UseElCheckbox/types.ts

@@ -0,0 +1,15 @@
+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
+}

package/src/components/UseElConfigProvider/defaultExtConfig.ts

@@ -4,7 +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/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

@@ -18,14 +18,10 @@ export default {
   /**
    * 高度自适应配置项
    * isModal：是否弹窗模式，弹窗模式自动追加底部按钮预留
-   * modalFooterHeight：弹窗底部操作栏固定高度，isModal=true 生效
-   * bottomOffset：底部通用预留偏移
+   * modalFooterHeight：弹窗底部操作栏固定高度，isModal=true生效，该项由UseElConfigProvider组件统一提供默认值
+   * bottomOffset：底部预留偏移，该项由UseElConfigProvider组件统一提供默认值
    */
-  heightAdaptive: {
-    isModal: false,
-    modalFooterHeight: 82,
-    bottomOffset: 20
-  },
+  heightAdaptive: { isModal: false },
   /**
    * 选择器配置项
    * 绑定v-model:selectionData="selectionData"则开启选择器 不显式设置type则默认为CHECKBOX复选

package/src/components/UseElTable/types.ts

@@ -67,6 +67,8 @@ export interface TableColumnExtConfig {
   class?: string | string[]
   // 样式
   style?: string | Record<string, unknown>
+  // 插槽 为true则在模板代码中添加`<template #prop="{ row }"></template>`即可，可传入string自定义具名插槽名称
+  slot?: boolean | string
 }
 
 /**
@@ -81,12 +83,6 @@ export interface TableColumn {
    * 如为string或dict.data为string则将dict或dict.data作为dictMap的key
    */
   useDict?: boolean | string | UseDict
-  /**
-   * 插槽
-   * 为true则在模板代码中添加`<template #prop="{ row }"></template>`即可
-   * 可传入string自定义具名插槽名称
-   */
-  slot?: boolean | string
   width?: string | number
   minWidth?: string | number
   show?: boolean

package/src/types/index.ts

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