@wyfex/ivue 0.12.0 → 0.14.0

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/UseLineTitle/defaultExtConfig.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    margin: {
+        top: string;
+        bottom: string;
+    };
+    line: {
+        width: string;
+        height: string;
+        color: string;
+        position: "left";
+        verticalPadding: string;
+    };
+    borderBottom: {
+        show: false;
+        color: string;
+        paddingBottom: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,50 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    extConfig: {
+        type: import('vue').PropType<import('./types').ExtConfig>;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    extConfig: {
+        type: import('vue').PropType<import('./types').ExtConfig>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    extConfig: import('./types').ExtConfig;
+    class: string;
+    fontSize: string;
+    color: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+import { ExtConfig } from './types';
+declare const _default: {
+    title: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+    extConfig: {
+        type: PropType<ExtConfig>;
+        default: () => {};
+    };
+};
+export default _default;

package/dist/types/UseLineTitle/types.d.ts

@@ -0,0 +1,24 @@
+import { ExtractPropTypes } from 'vue';
+import { default as componentProps } from './props';
+export type Props = ExtractPropTypes<typeof componentProps>;
+export interface Line {
+    width: string;
+    height: string;
+    color: string;
+    position: 'left' | 'bottom' | 'between';
+    verticalPadding: string;
+}
+export interface Margin {
+    top: string;
+    bottom: string;
+}
+export interface BorderBottom {
+    show: boolean;
+    color: string;
+    paddingBottom: string;
+}
+export interface ExtConfig {
+    line: Line;
+    margin: Margin;
+    borderBottom: BorderBottom;
+}

package/dist/types/index.d.ts

@@ -4,9 +4,11 @@ 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 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.12.0",
+  "version": "0.14.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
   "homepage": "https://wyfe.top/idocs/ivue",
   "type": "module",

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: () => ({})
+  }
+}