@wyfex/ivue 0.11.0 → 0.13.0

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

@@ -0,0 +1,60 @@
+import { PropType } from 'vue';
+import { FormColumn, QueryConfig } from './types';
+import { DictMap, DictProps, RenderConfig } from '../../../types';
+declare const _default: {
+    formColumns: {
+        type: PropType<FormColumn[]>;
+        required: boolean;
+    };
+    formModel: {
+        type: PropType<Record<string, any>>;
+        required: boolean;
+    };
+    useRender: {
+        type: PropType<boolean | RenderConfig>;
+        default: boolean;
+    };
+    dictMap: {
+        type: PropType<DictMap>;
+        default: () => {};
+    };
+    dictProps: {
+        type: PropType<DictProps>;
+        default: () => {};
+    };
+    formItemWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelSuffix: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    rowGutter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    colSpan: {
+        type: NumberConstructor;
+        default: number;
+        validator: (val: number) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    queryConfig: {
+        type: PropType<QueryConfig>;
+        default: () => {};
+    };
+};
+export default _default;

package/dist/types/UseElForm/types.d.ts

@@ -0,0 +1,194 @@
+import { ExtractPropTypes } from 'vue';
+import { default as componentProps } from './props';
+import { RenderConfig, UseDict } from '../../../types';
+export type Props = ExtractPropTypes<typeof componentProps>;
+export interface Emits {
+    (e: 'onDictKeys', value?: string[]): void;
+    (e: 'update:formModel', value: Record<string, any>): void;
+}
+export interface QueryConfig {
+    mode?: 'ROW' | 'INLINE';
+    colSpan?: 24 | 12 | 8 | 6 | 4 | 3 | 2 | 1 | 0;
+    formItemWidth?: string;
+    showBottomBorber?: boolean;
+    openQueryBtnLoading?: boolean;
+    onQuery?: Function;
+}
+export interface InputConfig {
+    useRender: boolean | RenderConfig;
+    type?: 'text' | 'textarea' | 'number' | 'password' | 'email' | 'search' | 'tel' | 'url';
+    prefixIcon?: string;
+    suffixIcon?: string;
+    clearable?: boolean;
+    maxlength?: string;
+    formatter?: string;
+    parser?: string;
+    autosize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    rows?: number;
+    resize?: string;
+    showPassword?: boolean;
+    placeholder?: string;
+    width?: string;
+    autoFocus?: boolean;
+    prefixContent?: string | object;
+    suffixContent?: string | object;
+    prependContent?: string | object;
+    appendContent?: string | object;
+    unit?: string | object;
+    onClear?: (...args: any) => any;
+    inputEvent?: Function;
+    onKeyupEnter?: (...args: any) => any;
+}
+export interface InputNumberConfig {
+    useRender: boolean | RenderConfig;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    placeholder?: string;
+    disabledScientific?: boolean;
+    unit?: string | object;
+}
+export interface RadioConfig {
+    useRender: boolean | RenderConfig;
+    options?: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    props?: {
+        value: string;
+        label?: string;
+    };
+    reverse?: boolean;
+    onChange?: (...args: any) => any;
+}
+export interface SelectConfig {
+    useRender: boolean | RenderConfig;
+    multiple?: boolean;
+    clearable?: boolean;
+    placeholder?: string;
+    options?: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    props?: {
+        value: string;
+        label?: string;
+    };
+    useV2: boolean;
+    reverse?: boolean;
+    toJoin?: boolean;
+    width?: string;
+    onChange?: (...args: any) => any;
+}
+export interface CascaderConfig {
+    useRender: boolean | RenderConfig;
+    clearable?: boolean;
+    options?: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    props?: {
+        value: string;
+        label?: string;
+    };
+    width?: string;
+    onChange?: (...args: any) => any;
+}
+export interface DatePickerConfig {
+    useRender: boolean | RenderConfig;
+    type?: 'year' | 'years' | 'month' | 'months' | 'date' | 'dates' | 'datetime' | 'week' | 'datetimerange' | 'daterange' | 'monthrange' | 'yearrange';
+    clearable?: boolean;
+    disabledDate?: Function;
+    placeholder?: string;
+    format?: string;
+    valueFormat?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    rangeSeparator?: string;
+    width?: string;
+    onCalendarChange?: Function;
+    onClear?: Function;
+    onChange?: Function;
+}
+export interface TimePickerConfig {
+    useRender: boolean | RenderConfig;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    rangeSeparator?: string;
+    isRange?: boolean;
+    editable?: boolean;
+    format?: string;
+    valueFormat?: string;
+    onChange?: (...args: any) => any;
+}
+export interface TimeSelectConfig {
+    useRender: boolean | RenderConfig;
+    startProp: string;
+    endProp: string;
+}
+export interface SwitchConfig {
+    useRender: boolean | RenderConfig;
+    activeValue?: string | number | boolean;
+    inactiveValue?: string | number | boolean;
+    onChange?: (...args: any) => any;
+}
+export interface InputRangeConfig {
+    startProp: string;
+    endProp: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    rangeSeparator?: string;
+    onClear?: (...args: any) => any;
+}
+export interface TreeSelectConfig {
+    useRender?: boolean | RenderConfig;
+    data: Record<string, unknown>[];
+    reverse?: boolean;
+    width?: string;
+    placeholder?: string;
+    props?: {
+        value: string;
+        label?: string;
+    };
+    checkStrictly?: boolean;
+    filterable?: boolean;
+    clearable?: boolean;
+    defaultExpandedKeys?: Array<string | number>;
+}
+export interface IRequired {
+    isRequired?: boolean;
+    validator: 'mobile' | 'nonNegativeDecimal';
+    parmas?: any;
+}
+export interface FormColumn {
+    label?: string;
+    prop: string;
+    queryProp?: string | string[];
+    required: boolean | IRequired;
+    errorMessage?: string;
+    disabled?: boolean;
+    useDict?: boolean | string | UseDict;
+    span?: number;
+    labelWidth?: string;
+    labelPosition?: 'left' | 'right' | 'top';
+    show?: boolean;
+    filter?: boolean;
+    formItemClass?: string;
+    slot?: string | boolean;
+    renderConfig?: RenderConfig;
+    inputConfig?: InputConfig;
+    inputNumberConfig?: InputNumberConfig;
+    selectConfig?: SelectConfig;
+    treeSelectConfig?: TreeSelectConfig;
+    cascaderConfig?: CascaderConfig;
+    datePickerConfig?: DatePickerConfig;
+    timePickerConfig?: TimePickerConfig;
+    timeSelectConfig?: TimeSelectConfig;
+    radioConfig?: RadioConfig;
+    switchConfig?: SwitchConfig;
+    inputRangeConfig?: InputRangeConfig;
+}

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

@@ -0,0 +1,51 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activeValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    inactiveValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    activeText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inactiveText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inlinePrompt: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activeValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    inactiveValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    activeText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inactiveText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inlinePrompt: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    activeValue: string | number | boolean;
+    inactiveValue: string | number | boolean;
+    activeText: string;
+    inactiveText: string;
+    inlinePrompt: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,23 @@
+declare const _default: {
+    activeValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    inactiveValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: number;
+    };
+    activeText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inactiveText: {
+        type: StringConstructor;
+        default: string;
+    };
+    inlinePrompt: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export default _default;

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

@@ -1,18 +1,13 @@
-import { ComputedRef, Ref } from 'vue';
-import { TableInstance } from 'element-plus';
+import { ComputedRef } from 'vue';
 import { Emits, Props, TableColumn } from '../types';
 import { GlobalConfig } from '../../../../types';
-export declare const useElTable: ({ mergedProps, emits, globalConfig, rootRef, tableWrapperRef, etRef }: {
+export declare const useElTable: ({ mergedProps, emits, globalConfig }: {
     mergedProps: ComputedRef<Props>;
     emits: Emits;
     globalConfig: ComputedRef<GlobalConfig>;
-    rootRef: Ref<HTMLDivElement | null>;
-    tableWrapperRef: Ref<HTMLDivElement | null>;
-    etRef: Ref<TableInstance | null>;
 }) => {
-    tableRealHeight: Ref<string, string>;
     processHeaderCellClassName: ({ column }: any) => "" | "hideAllSelection";
     tableColumnsComputed: ComputedRef<TableColumn[]>;
-    processDictData: (item: TableColumn) => Record<string, unknown>[];
+    processDictData: (item: TableColumn) => Record<string, any>[];
     validateRequired: (row: Record<string, any>) => boolean;
 };

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

@@ -0,0 +1,5 @@
+import { ComputedRef, Ref } from 'vue';
+import { TableInstance } from 'element-plus';
+import { Props } from '../types';
+import { GlobalConfig } from '../../../../types';
+export declare const useTableColumnMinWidth: (etRef: Ref<TableInstance | null>, mergedProps: ComputedRef<Props>, globalConfig: ComputedRef<GlobalConfig>) => void;

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

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+export declare const useTableHeightAdaptive: (rootRef: Ref<HTMLDivElement | null>, tableWrapperRef: Ref<HTMLDivElement | null>) => {
+    tableRealHeight: Ref<string, string>;
+};

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

@@ -1,9 +1,7 @@
-import { ComputedRef } from 'vue';
-import { TableColumn, Props } from './types';
+import { TableColumn } 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/index.d.ts

@@ -4,8 +4,10 @@ export { default as UseElDatePicker } from './UseElDatePicker/index.vue';
 export { default as UseElDescriptions } from './UseElDescriptions/index.vue';
 export { default as UseElDialog } from './UseElDialog/index.vue';
 export { default as UseElDrawer } from './UseElDrawer/index.vue';
+export { default as UseElForm } from './UseElForm/index.vue';
 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 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.11.0",
+  "version": "0.13.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
   "homepage": "https://wyfe.top/idocs/ivue",
   "type": "module",

package/src/components/UseElButton/types.ts

@@ -11,9 +11,9 @@ export type Props = ExtractPropTypes<typeof componentProps>
  */
 export interface Emits {
   /**
-   * 防抖点击事件
+   * 点击事件 默认自带防抖
    */
-  (e: 'debClick', value?: string | number | Record<string, unknown>): void
+  (e: 'click', value?: string | number | Record<string, unknown>): void
 }
 
 /**
@@ -22,7 +22,7 @@ export interface Emits {
 export interface ExtConfig {
   /**
    * 防抖配置项
-   * 仅作用于@debClick事件，无需防抖则设置delay为0或使用@click事件即可。
+   * 无需防抖将delay设置为0即可
    */
   debounce?: {
     /**
@@ -40,7 +40,7 @@ export interface ExtConfig {
   confirm?: {
     /**
      * 二次确认数据 显式设置则开启二次确认
-     * 可为String、Number、Object、Array，无需传递数据则显式设置为null。
+     * 可为String、Number、Object、Array，无需传递数据则显式设置为null
      */
     data?: string | number | Record<string, unknown> | unknown[] | null
     /**

package/src/components/UseElDialog/props.ts

@@ -73,11 +73,11 @@ export default {
     default: false
   },
   /**
-   * 底部定位 默认right
+   * 底部定位 默认left
    */
   footerPosition: {
     type: String,
-    default: 'right',
+    default: 'left',
     validator: (val: string) => ['left', 'center', 'right'].includes(val)
   },
   /**

package/src/components/UseElForm/props.ts

@@ -0,0 +1,102 @@
+import type { PropType } from 'vue'
+import type { FormColumn, QueryConfig } from './types'
+import type { DictMap, DictProps, RenderConfig } from '@/types'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 表单列 必传
+   */
+  formColumns: {
+    type: Array as PropType<FormColumn[]>,
+    required: true
+  },
+  /**
+   * 表单模型 必传
+   */
+  formModel: {
+    type: Object as PropType<Record<string, any>>,
+    required: true
+  },
+  /**
+   * 是否使用渲染器 默认否
+   */
+  useRender: {
+    type: [Boolean, Object] as PropType<boolean | RenderConfig>,
+    default: false
+  },
+  /**
+   * 字典映射 数据结构为{ formColumns[][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: () => ({})
+  },
+  /**
+   * el-form-item宽度值
+   */
+  formItemWidth: {
+    type: String,
+    default: '100%'
+  },
+  /**
+   * label后缀
+   */
+  labelSuffix: {
+    type: String,
+    default: ''
+  },
+  /**
+   * label宽度
+   */
+  labelWidth: {
+    type: String,
+    default: 'auto'
+  },
+  /**
+   * label定位
+   */
+  labelPosition: {
+    type: String,
+    default: 'right',
+    validator: (val: string) => ['left', 'right', 'top'].includes(val)
+  },
+  /**
+   * el-row的gutter值
+   */
+  rowGutter: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * el-col的span值
+   */
+  colSpan: {
+    type: Number,
+    default: 12,
+    validator: (val: number) => [24, 12, 8, 6, 4, 3, 2, 1, 0].includes(val)
+  },
+  /**
+   * 是否禁用
+   */
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 查询配置
+   */
+  queryConfig: {
+    type: Object as PropType<QueryConfig>,
+    default: () => ({})
+  }
+}