@wyfex/ivue 0.15.0 → 0.16.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/{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,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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wyfex/ivue",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
   "homepage": "https://wyfe.top/idocs/ivue",
   "type": "module",

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,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/types/index.ts

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

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

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

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

@@ -31,8 +31,8 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{
     onClick?: ((value?: string | number | Record<string, unknown> | undefined) => any) | undefined;
 }>, {
-    type: string;
     extConfig: import('./types').ExtConfig;
+    type: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -95,11 +95,11 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
     onOnDictKeys?: ((value?: string[] | undefined) => any) | undefined;
 }>, {
     dictMap: import('../../types').DictMap;
-    useRender: boolean | RenderConfig;
     dictProps: import('../../types').DictProps;
+    useRender: boolean | RenderConfig;
+    labelWidth: string | number;
     column: number;
     border: boolean;
-    labelWidth: string | number;
     useTitleCenterWithBg: boolean;
     labelClass: string;
     defaultClass: string;

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

@@ -119,11 +119,11 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
     "onUpdate:formModel"?: ((value: Record<string, any>) => any) | undefined;
 }>, {
     dictMap: import('../../../types/index.js').DictMap;
-    useRender: boolean | import('../../../types/index.js').RenderConfig;
     dictProps: import('../../../types/index.js').DictProps;
-    labelWidth: string;
+    useRender: boolean | import('../../../types/index.js').RenderConfig;
     formItemWidth: string;
     labelSuffix: string;
+    labelWidth: string;
     labelPosition: string;
     rowGutter: number;
     colSpan: number;

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

@@ -118,11 +118,11 @@ declare const __VLS_base: import('vue').DefineComponent<import('vue').ExtractPro
     };
 }>> & Readonly<{}>, {
     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;

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

@@ -101,12 +101,12 @@ declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractP
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    useRender: boolean | import('../../types').RenderConfig;
+    width: string;
+    unit: string | Record<string, any>;
     resize: string;
     modelValue: string | number;
-    useRender: boolean | import('../../types').RenderConfig;
     placeholder: string;
-    unit: string | Record<string, any>;
-    width: string;
     clearable: boolean;
     prefixContent: string | Record<string, any>;
     suffixContent: string | Record<string, any>;