el-plus2 0.0.0

package/es/components/form/src/form-item.d.ts

@@ -0,0 +1,68 @@
+import { CSSProperties } from 'vue';
+import type { VNode, PropType, ExtractPublicPropTypes } from 'vue';
+export declare const formItemProps: {
+    class: StringConstructor;
+    style: {
+        type: PropType<string | CSSProperties>;
+    };
+    isShowLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideRequiredAsterisk: BooleanConstructor;
+    tableProp: StringConstructor;
+    show: {
+        type: PropType<boolean | ((T: unknown) => boolean)>;
+    };
+    hide: {
+        type: PropType<boolean | ((T: unknown) => boolean)>;
+    };
+    type: {
+        type: StringConstructor;
+    };
+    col: NumberConstructor;
+    render: PropType<() => VNode>;
+    labelRender: PropType<({ label }: {
+        label: string | undefined;
+    }) => VNode>;
+    props: ObjectConstructor;
+    label: StringConstructor;
+    labelWidth: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export type FormItemProps = ExtractPublicPropTypes<typeof formItemProps>;
+export declare const expandFormItemPropsKeys: string[];

package/es/components/form/src/form-item.mjs

@@ -0,0 +1,33 @@
+import { formItemProps as formItemProps$1 } from 'element-plus';
+import { visibleProps } from '../../../utils/props.mjs';
+
+const expandFormItemProps = {
+  type: {
+    type: String
+    // default: 'EpInput',
+  },
+  col: Number,
+  render: Function,
+  labelRender: Function,
+  props: Object,
+  ...visibleProps,
+  class: String,
+  style: {
+    type: [String, Object]
+  },
+  isShowLabel: {
+    type: Boolean,
+    default: true
+  },
+  hideRequiredAsterisk: Boolean,
+  tableProp: String
+  // 用于table里的表单需要绑定的prop
+};
+const formItemProps = {
+  ...formItemProps$1,
+  ...expandFormItemProps
+};
+const expandFormItemPropsKeys = Object.keys(expandFormItemProps);
+
+export { expandFormItemPropsKeys, formItemProps };
+//# sourceMappingURL=form-item.mjs.map

package/es/components/form/src/form-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.mjs","sources":["../../../../../../packages/components/form/src/form-item.ts"],"sourcesContent":["import { formItemProps as elFormItemProps } from 'element-plus'\nimport { visibleProps } from '@el-plus/utils/props'\nimport { CSSProperties } from 'vue'\nimport type {\n  VNode,\n  PropType,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nconst expandFormItemProps = {\n  type: {\n    type: String,\n    // default: 'EpInput',\n  },\n  col: Number,\n  render: Function as PropType<() => VNode>,\n  labelRender: Function as PropType<\n    ({ label }: { label: string | undefined }) => VNode\n  >,\n  props: Object,\n  ...visibleProps,\n  class: String,\n  style: {\n    type: [String, Object] as PropType<string | CSSProperties>,\n  },\n  isShowLabel: {\n    type: Boolean,\n    default: true,\n  },\n  hideRequiredAsterisk: Boolean,\n  tableProp: String, // 用于table里的表单需要绑定的prop\n}\nexport const formItemProps = {\n  ...elFormItemProps,\n  ...expandFormItemProps,\n}\nexport type FormItemProps = ExtractPublicPropTypes<typeof formItemProps>\nexport const expandFormItemPropsKeys = Object.keys(expandFormItemProps)\n"],"names":["elFormItemProps"],"mappings":";;;AASA,MAAM,mBAAA,GAAsB;AAAA,EAC1B,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA;AAAA,GAER;AAAA,EACA,GAAA,EAAK,MAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,WAAA,EAAa,QAAA;AAAA,EAGb,KAAA,EAAO,MAAA;AAAA,EACP,GAAG,YAAA;AAAA,EACH,KAAA,EAAO,MAAA;AAAA,EACP,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA,GACvB;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,oBAAA,EAAsB,OAAA;AAAA,EACtB,SAAA,EAAW;AAAA;AACb,CAAA;AACO,MAAM,aAAA,GAAgB;AAAA,EAC3B,GAAGA,eAAA;AAAA,EACH,GAAG;AACL;AAEO,MAAM,uBAAA,GAA0B,MAAA,CAAO,IAAA,CAAK,mBAAmB;;;;"}

package/es/components/form/src/form.d.ts

@@ -0,0 +1,66 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { FormItemProps } from './form-item';
+export declare const formProps: {
+    size: {
+        default: string;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelWidth: {
+        default: number;
+        type: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    scrollIntoViewOptions: {
+        default: () => {
+            inline: string;
+        };
+        type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    formItemList: {
+        type: PropType<FormItemProps[]>;
+        default: () => FormItemProps[];
+    };
+    isShowFold: BooleanConstructor;
+    showFieldCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    col: {
+        type: NumberConstructor;
+        default: number;
+    };
+    model: ObjectConstructor;
+    rules: {
+        readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+    requireAsteriskPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+    labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inline: BooleanConstructor;
+    inlineMessage: BooleanConstructor;
+    statusIcon: BooleanConstructor;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: BooleanConstructor;
+    scrollToError: BooleanConstructor;
+    disabled: BooleanConstructor;
+};
+export type FormProps = ExtractPropTypes<typeof formProps>;
+export declare const expandFormPropsKeys: string[];
+export declare const formEmits: {
+    toggleStatus: (status: boolean) => boolean;
+    validate: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => boolean;
+};
+export type FormEmits = typeof formEmits;
+export declare const formEmitsKeys: string[];

package/es/components/form/src/form.mjs

@@ -0,0 +1,50 @@
+import { formProps as formProps$1, formEmits as formEmits$1 } from 'element-plus';
+
+const expandFormProps = {
+  // 表单列表
+  formItemList: {
+    type: Array,
+    default: () => []
+  },
+  // 是否显示折叠
+  isShowFold: Boolean,
+  // 最大显示的表单数
+  showFieldCount: {
+    type: Number,
+    default: 8
+  },
+  // 每行的列数
+  col: {
+    type: Number,
+    default: 4
+  }
+};
+const formProps = {
+  ...formProps$1,
+  ...expandFormProps,
+  size: {
+    ...formProps$1.size,
+    default: "small"
+  },
+  // 标签的长度
+  labelWidth: {
+    ...formProps$1.labelWidth,
+    default: 120
+  },
+  scrollIntoViewOptions: {
+    ...formProps$1.scrollIntoViewOptions,
+    default: () => {
+      return { inline: "center" };
+    }
+  }
+};
+const expandFormPropsKeys = Object.keys(expandFormProps);
+const formEmits = {
+  ...formEmits$1,
+  toggleStatus: (status) => true
+  // 折叠状态切换时触发
+};
+const formEmitsKeys = Object.keys(formEmits);
+
+export { expandFormPropsKeys, formEmits, formEmitsKeys, formProps };
+//# sourceMappingURL=form.mjs.map

package/es/components/form/src/form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.mjs","sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType, ExtractPublicPropTypes } from 'vue'\nimport {\n  formProps as elFormProps,\n  formEmits as elFormEmits,\n} from 'element-plus'\nimport type { FormItemProps } from './form-item'\nconst expandFormProps = {\n  // 表单列表\n  formItemList: {\n    type: Array as PropType<FormItemProps[]>,\n    default: () => [] as FormItemProps[],\n  },\n  // 是否显示折叠\n  isShowFold: Boolean,\n\n  // 最大显示的表单数\n  showFieldCount: {\n    type: Number,\n    default: 8,\n  },\n  // 每行的列数\n  col: {\n    type: Number,\n    default: 4,\n  },\n}\nexport const formProps = {\n  ...elFormProps,\n  ...expandFormProps,\n  size: {\n    ...elFormProps.size,\n    default: 'small',\n  },\n  // 标签的长度\n  labelWidth: {\n    ...elFormProps.labelWidth,\n    default: 120,\n  },\n  scrollIntoViewOptions: {\n    ...elFormProps.scrollIntoViewOptions,\n    default: () => {\n      return { inline: 'center' }\n    },\n  },\n}\nexport type FormProps = ExtractPropTypes<typeof formProps>\nexport const expandFormPropsKeys = Object.keys(expandFormProps)\n/* eslint-disable @typescript-eslint/no-unused-vars */\nexport const formEmits = {\n  ...elFormEmits,\n  toggleStatus: (status: boolean) => true, // 折叠状态切换时触发\n}\n/* eslint-enable @typescript-eslint/no-unused-vars */\n\nexport type FormEmits = typeof formEmits\nexport const formEmitsKeys = Object.keys(formEmits)\n"],"names":["elFormProps","elFormEmits"],"mappings":";;AAMA,MAAM,eAAA,GAAkB;AAAA;AAAA,EAEtB,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,KAAA;AAAA,IACN,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA,EAEA,UAAA,EAAY,OAAA;AAAA;AAAA,EAGZ,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAA;AACO,MAAM,SAAA,GAAY;AAAA,EACvB,GAAGA,WAAA;AAAA,EACH,GAAG,eAAA;AAAA,EACH,IAAA,EAAM;AAAA,IACJ,GAAGA,WAAA,CAAY,IAAA;AAAA,IACf,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,GAAGA,WAAA,CAAY,UAAA;AAAA,IACf,OAAA,EAAS;AAAA,GACX;AAAA,EACA,qBAAA,EAAuB;AAAA,IACrB,GAAGA,WAAA,CAAY,qBAAA;AAAA,IACf,SAAS,MAAM;AACb,MAAA,OAAO,EAAE,QAAQ,QAAA,EAAS;AAAA,IAC5B;AAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,MAAA,CAAO,IAAA,CAAK,eAAe;AAEvD,MAAM,SAAA,GAAY;AAAA,EACvB,GAAGC,WAAA;AAAA,EACH,YAAA,EAAc,CAAC,MAAA,KAAoB;AAAA;AACrC;AAIO,MAAM,aAAA,GAAgB,MAAA,CAAO,IAAA,CAAK,SAAS;;;;"}

package/es/components/form/src/form.vue.d.ts

@@ -0,0 +1,161 @@
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    size: {
+        default: string;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelWidth: {
+        default: number;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    scrollIntoViewOptions: {
+        default: () => {
+            inline: string;
+        };
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    formItemList: {
+        type: import("vue").PropType<import("packages/el-plus").FormItemProps[]>;
+        default: () => import("packages/el-plus").FormItemProps[];
+    };
+    isShowFold: BooleanConstructor;
+    showFieldCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    col: {
+        type: NumberConstructor;
+        default: number;
+    };
+    model: ObjectConstructor;
+    rules: {
+        readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+    requireAsteriskPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+    labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inline: BooleanConstructor;
+    inlineMessage: BooleanConstructor;
+    statusIcon: BooleanConstructor;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: BooleanConstructor;
+    scrollToError: BooleanConstructor;
+    disabled: BooleanConstructor;
+    modelValue: {
+        type: import("vue").PropType<Record<string, unknown>>;
+    };
+}>, {
+    elFormRef: Readonly<import("vue").ShallowRef<import("element-plus").FormInstance | null>>;
+    validate: () => import("element-plus").FormValidationResult;
+    resetFields: (props: import("element-plus").FormItemProp) => void;
+    clearValidate: (props: import("element-plus").FormItemProp) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggleStatus: (status: boolean) => void;
+    validate: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
+    "update:modelValue": (value: Record<string, unknown>) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        default: string;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelWidth: {
+        default: number;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    scrollIntoViewOptions: {
+        default: () => {
+            inline: string;
+        };
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    formItemList: {
+        type: import("vue").PropType<import("packages/el-plus").FormItemProps[]>;
+        default: () => import("packages/el-plus").FormItemProps[];
+    };
+    isShowFold: BooleanConstructor;
+    showFieldCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    col: {
+        type: NumberConstructor;
+        default: number;
+    };
+    model: ObjectConstructor;
+    rules: {
+        readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+    requireAsteriskPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+    labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inline: BooleanConstructor;
+    inlineMessage: BooleanConstructor;
+    statusIcon: BooleanConstructor;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: BooleanConstructor;
+    scrollToError: BooleanConstructor;
+    disabled: BooleanConstructor;
+    modelValue: {
+        type: import("vue").PropType<Record<string, unknown>>;
+    };
+}>> & Readonly<{
+    onToggleStatus?: ((status: boolean) => any) | undefined;
+    onValidate?: ((prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>;
+    hideRequiredAsterisk: boolean;
+    col: number;
+    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
+    inlineMessage: boolean;
+    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    scrollIntoViewOptions: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>;
+    formItemList: import("packages/el-plus").FormItemProps[];
+    isShowFold: boolean;
+    showFieldCount: number;
+    requireAsteriskPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>;
+    labelSuffix: string;
+    inline: boolean;
+    statusIcon: boolean;
+    validateOnRuleChange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    scrollToError: boolean;
+}, {}, {}, {}, 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/es/components/form/src/form.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './form.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=form.vue.mjs.map

package/es/components/form/src/form.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/form/src/form.vue2.mjs

@@ -0,0 +1,124 @@
+import { defineComponent, mergeModels, computed, useModel, resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createVNode, createCommentVNode, mergeProps, withCtx, renderSlot, Fragment, renderList, withDirectives, createBlock, vShow, toDisplayString, reactive } from 'vue';
+import { createNameSpace } from '../../../utils/bem.mjs';
+import { expandFormPropsKeys, formEmits, formProps, formEmitsKeys } from './form.mjs';
+import { prepareEvents, prepareProps, prepareStyles, prepareClassNames } from '../../../utils/props.mjs';
+import { useForm, useCollapse } from './hooks/use-form.mjs';
+import EpFormItem from './form-item-vue.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "EpForm",
+    inheritAttrs: false
+  },
+  __name: "form",
+  props: /* @__PURE__ */ mergeModels(formProps, {
+    "modelValue": { type: Object, ...{
+      default: () => reactive({})
+    } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(formEmits, ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const bem = createNameSpace("form");
+    const props = __props;
+    const emit = __emit;
+    const customAttrs = computed(() => {
+      return {
+        ...prepareProps(props, ["modelValue", "model", ...expandFormPropsKeys]),
+        hideRequiredAsterisk: true,
+        // 隐藏必填星号, 使用自己的*
+        scrollToError: true,
+        ...prepareEvents(emit, formEmitsKeys)
+      };
+    });
+    const formData = useModel(__props, "modelValue");
+    const { filterFormItemList, elFormRef, validate, resetFields, clearValidate } = useForm(props);
+    const { open, toggleStatus, isShowFoldBtn, isShowFormItem } = useCollapse(
+      {
+        filterFormItemList,
+        isShowFold: props.isShowFold,
+        showFieldCount: props.showFieldCount
+      },
+      emit
+    );
+    __expose({
+      elFormRef,
+      validate,
+      resetFields,
+      clearValidate
+    });
+    return (_ctx, _cache) => {
+      const _component_el_col = resolveComponent("el-col");
+      const _component_el_row = resolveComponent("el-row");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([
+            unref(bem).b(),
+            unref(prepareClassNames)(),
+            unref(bem).is("open", unref(open)),
+            unref(bem).is("fold", unref(isShowFoldBtn))
+          ]),
+          style: normalizeStyle({
+            ...unref(prepareStyles)()
+          })
+        },
+        [
+          createVNode(_component_el_form, mergeProps({
+            ref_key: "elFormRef",
+            ref: elFormRef,
+            model: formData.value
+          }, customAttrs.value), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createVNode(_component_el_row, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(unref(filterFormItemList), (item, index) => {
+                        return withDirectives((openBlock(), createBlock(_component_el_col, {
+                          key: item.prop || index,
+                          class: normalizeClass(unref(bem).e("col")),
+                          span: item.col || 24 / _ctx.col
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(EpFormItem), mergeProps({
+                              "form-data": formData.value,
+                              "form-label-width": _ctx.labelWidth
+                            }, { ref_for: true }, item), null, 16, ["form-data", "form-label-width"])
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["class", "span"])), [
+                          [vShow, unref(isShowFormItem)(index)]
+                        ]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["model"]),
+          unref(isShowFoldBtn) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(bem).e("fold")),
+            onClick: unref(toggleStatus)
+          }, toDisplayString(unref(open) ? "\u6536\u8D77" : "\u66F4\u591A"), 11, ["onClick"])) : createCommentVNode("v-if", true)
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=form.vue2.mjs.map

package/es/components/form/src/form.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      bem.b(),\n      prepareClassNames(),\n      bem.is('open', open),\n      bem.is('fold', isShowFoldBtn),\n    ]\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <el-form ref=\"elFormRef\" :model=\"formData\" v-bind=\"customAttrs\">\n      <slot>\n        <el-row>\n          <el-col\n            v-for=\"(item, index) in filterFormItemList\"\n            v-show=\"isShowFormItem(index)\"\n            :key=\"item.prop || index\"\n            :class=\"bem.e('col')\"\n            :span=\"item.col || 24 / col\"\n          >\n            <FormItem\n              :form-data=\"formData\"\n              :form-label-width=\"labelWidth\"\n              v-bind=\"item\"\n            />\n          </el-col>\n        </el-row>\n      </slot>\n    </el-form>\n    <div v-if=\"isShowFoldBtn\" :class=\"bem.e('fold')\" @click=\"toggleStatus\">\n      {{ open ? '收起' : '更多' }}\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, reactive, ref, useTemplateRef } from 'vue'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport {\n  formProps,\n  formEmits,\n  formEmitsKeys,\n  expandFormPropsKeys,\n} from './form'\nimport type { FormEmits } from './form'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { useCollapse, useForm } from './hooks/use-form'\nimport FormItem from './form-item-vue'\ndefineOptions({\n  name: 'EpForm',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('form')\nconst props = defineProps(formProps)\nconst emit = defineEmits(formEmits)\nconst customAttrs = computed(() => {\n  return {\n    ...prepareProps(props, ['modelValue', 'model', ...expandFormPropsKeys]),\n    hideRequiredAsterisk: true, // 隐藏必填星号, 使用自己的*\n    scrollToError: true,\n    ...prepareEvents<FormEmits>(emit, formEmitsKeys),\n  }\n})\nconst formData = defineModel<Record<string, unknown>>({\n  default: () => reactive({}),\n})\n\nconst { filterFormItemList, elFormRef, validate, resetFields, clearValidate } =\n  useForm(props)\n\nconst { open, toggleStatus, isShowFoldBtn, isShowFormItem } = useCollapse(\n  {\n    filterFormItemList,\n    isShowFold: props.isShowFold,\n    showFieldCount: props.showFieldCount,\n  },\n  emit,\n)\n\ndefineExpose({\n  elFormRef,\n  validate,\n  resetFields,\n  clearValidate,\n})\n</script>\n"],"names":["_useModel","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createVNode","_mergeProps","_renderSlot","_openBlock","_Fragment","_renderList","_createBlock","col","labelWidth","_vShow"],"mappings":"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"}

package/es/components/form/src/hooks/use-form-item.d.ts

@@ -0,0 +1,12 @@
+import type { FormItemProps } from '../form-item';
+import type { FormItemRule } from 'element-plus';
+export declare const useFormItem: () => {};
+export declare const useFormItemSlots: (props: FormItemProps) => {
+    scopedSlots: {
+        default: () => unknown;
+        label: () => import("vue/jsx-runtime").JSX.Element;
+    };
+};
+export declare const useFormItemRules: (props: FormItemProps) => {
+    rules: FormItemRule[];
+};

package/es/components/form/src/hooks/use-form-item.mjs

@@ -0,0 +1,97 @@
+import { useAttrs, createVNode, resolveComponent, createTextVNode, h } from 'vue';
+
+const useFormItem = () => {
+  return {};
+};
+const useFormItemSlots = (props) => {
+  const attrs = useAttrs();
+  const {
+    type,
+    label,
+    render,
+    required,
+    labelRender
+  } = props;
+  const prop = props.tableProp || props.prop;
+  const {
+    scopedSlots: renderScopedSlots,
+    ...renderProps
+  } = props.props || {};
+  const events = {};
+  for (const key in attrs) {
+    if (key.startsWith("on")) {
+      events[key] = attrs[key];
+    }
+  }
+  const formData = attrs["form-data"];
+  const scopedSlots = {
+    default: () => {
+      return type ? h(resolveComponent(type), {
+        modelValue: formData[prop],
+        "onUpdate:modelValue": (value) => {
+          formData[prop] = value;
+        },
+        ...renderProps,
+        ...events
+      }, renderScopedSlots) : formData[prop];
+    },
+    label: () => {
+      return createVNode(resolveComponent("el-tooltip"), {
+        "placement": "top",
+        "effect": "light",
+        "content": label,
+        "disabled": !props.isShowLabel
+      }, {
+        default: () => [createVNode("span", null, [!props.hideRequiredAsterisk && required ? createVNode("span", {
+          "style": "color: var(--el-color-danger);"
+        }, [createTextVNode("*")]) : null, props.isShowLabel ? createVNode("span", null, [label]) : ""])]
+      });
+    }
+  };
+  if (labelRender) {
+    scopedSlots.label = () => labelRender({
+      label
+    });
+  }
+  if (render) {
+    scopedSlots.default = render;
+  }
+  return {
+    scopedSlots
+  };
+};
+const useFormItemRules = (props) => {
+  const {
+    required,
+    rules,
+    label
+  } = props;
+  let mergeRules = [];
+  if (required) {
+    const requiredDefault = {
+      required: true
+    };
+    mergeRules.push(requiredDefault);
+  }
+  if (rules) {
+    if (Array.isArray(rules)) {
+      mergeRules = mergeRules.concat(rules);
+    }
+    if (Object.prototype.toString.call(rules) === "[object Object]") {
+      mergeRules.push(rules);
+    }
+  }
+  if (mergeRules) {
+    mergeRules.forEach((r) => {
+      if (r.required && typeof r.message === "undefined") {
+        r.message = `${label || ""}\u4E0D\u80FD\u4E3A\u7A7A`;
+      }
+    });
+  }
+  return {
+    rules: mergeRules
+  };
+};
+
+export { useFormItem, useFormItemRules, useFormItemSlots };
+//# sourceMappingURL=use-form-item.mjs.map