pro-design-vue 0.0.1-beta.1

package/lib/components/form/src/base/StepForm.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var props = require('../props.js');
+var StepsFormContext = require('../context/StepsFormContext.js');
+var BaseForm = require('./BaseForm.js');
+var index = require('../../../../hooks/use-prefix-cls/index.js');
+var omit = require('../../../../utils/omit.js');
+
+var StepForm = /* @__PURE__ */ vue.defineComponent({
+  name: "StepForm",
+  inheritAttrs: false,
+  props: {
+    index: Number,
+    ...props.baseFormProps()
+  },
+  emits: [],
+  setup(props, {
+    slots
+  }) {
+    const prefixCls = index.usePrefixCls("steps-form");
+    const formRef = vue.ref();
+    const {
+      step,
+      regForm,
+      onFormFinish,
+      setLoading,
+      next,
+      lastStep
+    } = StepsFormContext.useInjectStepsForm();
+    const isShow = vue.computed(() => props.index === step.value);
+    const formProps = vue.computed(() => omit.omitUndefined(omit.omit(props, ["index", "onFinish"])));
+    const onFinish = async (values) => {
+      var _a;
+      if (props.name) {
+        onFormFinish(props.name, values);
+      }
+      if (props.onFinish) {
+        setLoading(true);
+        const success = await ((_a = props.onFinish) == null ? void 0 : _a.call(props, values));
+        if (success) {
+          next();
+        }
+        setLoading(false);
+        return;
+      }
+      if (!lastStep.value) next();
+    };
+    vue.onMounted(() => {
+      regForm(formRef, props.index);
+    });
+    return () => vue.createVNode("div", {
+      "class": {
+        [`${prefixCls}-step`]: true,
+        [`${prefixCls}-step-active`]: isShow.value
+      }
+    }, [vue.createVNode(BaseForm.default, vue.mergeProps({
+      "ref": formRef
+    }, formProps.value, {
+      "submitter": false,
+      "onFinish": onFinish
+    }), slots)]);
+  }
+});
+
+exports.default = StepForm;
+//# sourceMappingURL=StepForm.js.map

package/lib/components/form/src/base/StepForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepForm.js","sources":["../../../../../../../packages/components/form/src/base/StepForm.tsx"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-08-28 13:01:45\n * @LastEditors: shen\n * @LastEditTime: 2025-08-31 22:29:23\n * @Description:\n */\nimport type { ProFormActionType } from '../type'\n\nimport { ref, computed, defineComponent, onMounted } from 'vue'\nimport { usePrefixCls } from '@pro-design-vue/hooks'\nimport { baseFormProps } from '../props'\nimport { omit, omitUndefined } from '@pro-design-vue/utils'\nimport { useInjectStepsForm } from '../context/StepsFormContext'\nimport BaseForm from './BaseForm'\nexport type FormInstance = InstanceType<typeof BaseForm> & ProFormActionType\n\nexport default defineComponent({\n  name: 'StepForm',\n  inheritAttrs: false,\n  props: {\n    index: Number,\n    ...baseFormProps(),\n  },\n  emits: [],\n  setup(props, { slots }) {\n    const prefixCls = usePrefixCls('steps-form')\n    const formRef = ref<FormInstance>()\n    const { step, regForm, onFormFinish, setLoading, next, lastStep } = useInjectStepsForm()\n    const isShow = computed(() => props.index === step.value)\n\n    const formProps = computed(() => omitUndefined(omit(props, ['index', 'onFinish'])))\n\n    const onFinish = async (values) => {\n      if (props.name) {\n        onFormFinish(props.name, values)\n      }\n      if (props.onFinish) {\n        setLoading(true)\n        // 如果报错，直接抛出\n        const success = await props.onFinish?.(values)\n\n        if (success) {\n          next()\n        }\n        setLoading(false)\n        return\n      }\n\n      if (!lastStep.value) next()\n    }\n\n    onMounted(() => {\n      regForm(formRef, props.index!)\n    })\n\n    return () => (\n      <div class={{ [`${prefixCls}-step`]: true, [`${prefixCls}-step-active`]: isShow.value }}>\n        <BaseForm\n          ref={formRef}\n          {...formProps.value}\n          submitter={false}\n          v-slots={slots}\n          onFinish={onFinish}\n        />\n      </div>\n    )\n  },\n})\n"],"names":["name","inheritAttrs","props","index","Number","baseFormProps","emits","setup","slots","prefixCls","usePrefixCls","formRef","ref","step","regForm","onFormFinish","setLoading","next","lastStep","useInjectStepsForm","isShow","computed","value","formProps","omitUndefined","omit","onFinish","values","success","onMounted","_createVNode","BaseForm","_mergeProps"],"mappings":";;;;;;;;;;;AAiBA,mDAA+B;AAAA,EAC7BA,IAAAA,EAAM,UAAA;AAAA,EACNC,YAAAA,EAAc,KAAA;AAAA,EACdC,KAAAA,EAAO;AAAA,IACLC,KAAAA,EAAOC,MAAAA;AAAAA,IACP,GAAGC,mBAAAA;AAAc,GACnB;AAAA,EACAC,OAAO,EAAA;AAAA,EACPC,MAAML,KAAAA,EAAO;AAAA,IAAEM;AAAAA,GAAM,EAAG;AACtB,IAAA,MAAMC,SAAAA,GAAYC,mBAAa,YAAY,CAAA;AAC3C,IAAA,MAAMC,UAAUC,OAAAA,EAAkB;AAClC,IAAA,MAAM;AAAA,MAAEC,IAAAA;AAAAA,MAAMC,OAAAA;AAAAA,MAASC,YAAAA;AAAAA,MAAcC,UAAAA;AAAAA,MAAYC,IAAAA;AAAAA,MAAMC;AAAAA,QAAaC,mCAAAA,EAAmB;AACvF,IAAA,MAAMC,SAASC,YAAAA,CAAS,MAAMnB,KAAAA,CAAMC,KAAAA,KAAUU,KAAKS,KAAK,CAAA;AAExD,IAAA,MAAMC,SAAAA,GAAYF,YAAAA,CAAS,MAAMG,kBAAAA,CAAcC,SAAAA,CAAKvB,KAAAA,EAAO,CAAC,OAAA,EAAS,UAAU,CAAC,CAAC,CAAC,CAAA;AAElF,IAAA,MAAMwB,QAAAA,GAAW,OAAOC,MAAAA,KAAW;AAjCvC,MAAA,IAAA,EAAA;AAkCM,MAAA,IAAIzB,MAAMF,IAAAA,EAAM;AACde,QAAAA,YAAAA,CAAab,KAAAA,CAAMF,MAAM2B,MAAM,CAAA;AAAA,MACjC;AACA,MAAA,IAAIzB,MAAMwB,QAAAA,EAAU;AAClBV,QAAAA,UAAAA,CAAW,IAAI,CAAA;AAEf,QAAA,MAAMY,OAAAA,GAAU,OAAA,CAAM1B,EAAAA,GAAAA,KAAAA,CAAMwB,QAAAA,KAANxB,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,EAAiByB,MAAAA,CAAAA,CAAAA;AAEvC,QAAA,IAAIC,OAAAA,EAAS;AACXX,UAAAA,IAAAA,EAAK;AAAA,QACP;AACAD,QAAAA,UAAAA,CAAW,KAAK,CAAA;AAChB,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,CAACE,QAAAA,CAASI,KAAAA,EAAOL,IAAAA,EAAK;AAAA,IAC5B,CAAA;AAEAY,IAAAA,aAAAA,CAAU,MAAM;AACdf,MAAAA,OAAAA,CAAQH,OAAAA,EAAST,MAAMC,KAAM,CAAA;AAAA,IAC/B,CAAC,CAAA;AAED,IAAA,OAAO,MAAA2B,gBAAA,KAAA,EAAA;AAAA,MAAA,OAAA,EACO;AAAA,QAAE,CAAC,CAAA,EAAGrB,SAAS,CAAA,KAAA,CAAO,GAAG,IAAA;AAAA,QAAM,CAAC,CAAA,EAAGA,SAAS,CAAA,YAAA,CAAc,GAAGW,MAAAA,CAAOE;AAAAA;AAAM,KAAC,EAAA,CAAAQ,eAAAA,CAAAC,gBAAAA,EAAAC,cAAAA,CAAA;AAAA,MAAA,KAAA,EAE9ErB;AAAAA,KAAO,EACRY,UAAUD,KAAAA,EAAK;AAAA,MAAA,WAAA,EACR,KAAA;AAAA,MAAK,UAAA,EAENI;AAAAA,KAAQ,CAAA,EADTlB,KAAK,CAAA,CAAA,CAAA;AAAA,EAKtB;AACF,CAAC,CAAA;;;;"}

package/lib/components/form/src/components/FormColWrapper.d.ts

@@ -0,0 +1,50 @@
+import type { ColProps } from 'ant-design-vue';
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    colProps: {
+        type: PropType<ColProps>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | import("vue/jsx-runtime").JSX.Element | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    colProps: {
+        type: PropType<ColProps>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    colProps: Partial<import("vue").ExtractPropTypes<{
+        span: (StringConstructor | NumberConstructor)[];
+        order: (StringConstructor | NumberConstructor)[];
+        offset: (StringConstructor | NumberConstructor)[];
+        push: (StringConstructor | NumberConstructor)[];
+        pull: (StringConstructor | NumberConstructor)[];
+        xs: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        sm: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        md: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        lg: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        xl: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        xxl: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        prefixCls: StringConstructor;
+        flex: (StringConstructor | NumberConstructor)[];
+    }>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/form/src/components/FormColWrapper.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var antDesignVue = require('ant-design-vue');
+var FormContext = require('../context/FormContext.js');
+
+var FormColWrapper = /* @__PURE__ */ vue.defineComponent({
+  name: "FormColWrapper",
+  inheritAttrs: false,
+  props: {
+    colProps: {
+      type: Object,
+      default: void 0
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    const {
+      colProps,
+      grid
+    } = FormContext.useInjectForm();
+    const mergeColProps = vue.computed(() => {
+      var _a;
+      return (_a = props.colProps) != null ? _a : colProps == null ? void 0 : colProps.value;
+    });
+    return () => {
+      var _a;
+      if (grid == null ? void 0 : grid.value) {
+        return vue.createVNode(antDesignVue.Col, mergeColProps.value, {
+          default: () => {
+            var _a2;
+            return [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)];
+          }
+        });
+      }
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    };
+  }
+});
+
+exports.default = FormColWrapper;
+//# sourceMappingURL=FormColWrapper.js.map

package/lib/components/form/src/components/FormColWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormColWrapper.js","sources":["../../../../../../../packages/components/form/src/components/FormColWrapper.tsx"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-08-08 14:51:29\n * @LastEditors: shen\n * @LastEditTime: 2023-08-10 11:16:43\n * @Description:\n */\nimport { defineComponent, computed } from 'vue'\nimport { Col } from 'ant-design-vue'\nimport { useInjectForm } from '../context/FormContext'\n\nimport type { ColProps } from 'ant-design-vue'\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'FormColWrapper',\n  inheritAttrs: false,\n  props: {\n    colProps: {\n      type: Object as PropType<ColProps>,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    const { colProps, grid } = useInjectForm()\n    const mergeColProps = computed(() => props.colProps ?? colProps?.value)\n\n    return () => {\n      if (grid?.value) {\n        return <Col {...mergeColProps.value}>{slots.default?.()}</Col>\n      }\n      return slots.default?.()\n    }\n  },\n})\n"],"names":["name","inheritAttrs","props","colProps","type","Object","default","undefined","setup","slots","grid","useInjectForm","mergeColProps","computed","value","_createVNode","Col","_a"],"mappings":";;;;;;;;AAcA,yDAA+B;AAAA,EAC7BA,IAAAA,EAAM,gBAAA;AAAA,EACNC,YAAAA,EAAc,KAAA;AAAA,EACdC,KAAAA,EAAO;AAAA,IACLC,QAAAA,EAAU;AAAA,MACRC,IAAAA,EAAMC,MAAAA;AAAAA,MACNC,OAAAA,EAASC;AAAAA;AACX,GACF;AAAA,EACAC,MAAMN,KAAAA,EAAO;AAAA,IAAEO;AAAAA,GAAM,EAAG;AACtB,IAAA,MAAM;AAAA,MAAEN,QAAAA;AAAAA,MAAUO;AAAAA,QAASC,yBAAAA,EAAc;AACzC,IAAA,MAAMC,aAAAA,GAAgBC,aAAS,MAAA;AAzBnC,MAAA,IAAA,EAAA;AAyByCX,MAAAA,OAAAA,CAAAA,EAAAA,GAAAA,KAAAA,CAAMC,QAAAA,KAAND,YAAkBC,QAAAA,IAAAA,IAAAA,GAAAA,MAAAA,GAAAA,QAAAA,CAAUW,KAAAA;AAAAA,IAAAA,CAAK,CAAA;AAEtE,IAAA,OAAO,MAAM;AA3BjB,MAAA,IAAA,EAAA;AA4BM,MAAA,IAAIJ,6BAAMI,KAAAA,EAAO;AACf,QAAA,OAAAC,eAAAA,CAAAC,gBAAAA,EAAgBJ,aAAAA,CAAcE,KAAAA,EAAK;AAAA,UAAAR,SAAAA,MAAA;AA7B3C,YAAA,IAAAW,GAAAA;AA6B2C,YAAA,OAAA,CAAA,CAAGR,GAAAA,GAAAA,KAAAA,CAAMH,OAAAA,KAANG,IAAAA,GAAAA,MAAAA,GAAAA,IAAAA,IAAAA,CAAAA,KAAAA,CAAiB,CAAA;AAAA,UAAA;AAAA,SAAA,CAAA;AAAA,MACzD;AACA,MAAA,OAAA,CAAOA,WAAMH,OAAAA,KAANG,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,IACT,CAAA;AAAA,EACF;AACF,CAAC,CAAA;;;;"}

package/lib/components/form/src/components/FormGroup.d.ts

@@ -0,0 +1,185 @@
+import type { PropType } from 'vue';
+import type { ProFormItemType } from '../type';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: PropType<ProFormItemType["title"]>;
+        default: undefined;
+    };
+    tooltip: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    colProps: {
+        type: PropType<ProFormItemType["colProps"]>;
+        default: undefined;
+    };
+    rowProps: {
+        type: PropType<ProFormItemType["rowProps"]>;
+        default: undefined;
+    };
+    spaceProps: {
+        type: PropType<ProFormItemType["spaceProps"]>;
+        default: undefined;
+    };
+    items: {
+        type: PropType<ProFormItemType["children"]>;
+        default: undefined;
+    };
+    grid: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    formItemProps: {
+        type: PropType<ProFormItemType["formItemProps"]>;
+        default: undefined;
+    };
+    item: {
+        type: PropType<ProFormItemType>;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: PropType<ProFormItemType["title"]>;
+        default: undefined;
+    };
+    tooltip: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    colProps: {
+        type: PropType<ProFormItemType["colProps"]>;
+        default: undefined;
+    };
+    rowProps: {
+        type: PropType<ProFormItemType["rowProps"]>;
+        default: undefined;
+    };
+    spaceProps: {
+        type: PropType<ProFormItemType["spaceProps"]>;
+        default: undefined;
+    };
+    items: {
+        type: PropType<ProFormItemType["children"]>;
+        default: undefined;
+    };
+    grid: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    formItemProps: {
+        type: PropType<ProFormItemType["formItemProps"]>;
+        default: undefined;
+    };
+    item: {
+        type: PropType<ProFormItemType>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    title: import("pro-design-vue").ProVNode | ((formData: import("pro-design-vue").Entity) => import("pro-design-vue").ProVNode);
+    items: ProFormItemType<import("pro-design-vue").Entity, "text" | "select" | "textarea" | "time" | "switch" | "formSet" | "formList" | "group" | "divider" | "digit" | "digitRange" | "treeSelect" | "cascader" | "password" | "checkbox" | "checkboxGroup" | "radioGroup" | "slider" | "rate" | "date" | "dateRange" | "timeRange" | "uploadButton" | "uploadDragger" | "uploadPicture" | "uploadPictureList" | "editor">[] | ((formData: import("pro-design-vue").Entity) => ProFormItemType<import("pro-design-vue").Entity, "text" | "select" | "textarea" | "time" | "switch" | "formSet" | "formList" | "group" | "divider" | "digit" | "digitRange" | "treeSelect" | "cascader" | "password" | "checkbox" | "checkboxGroup" | "radioGroup" | "slider" | "rate" | "date" | "dateRange" | "timeRange" | "uploadButton" | "uploadDragger" | "uploadPicture" | "uploadPictureList" | "editor">[]) | undefined;
+    item: ProFormItemType;
+    tooltip: string;
+    rowProps: (Partial<import("vue").ExtractPropTypes<{
+        align: {
+            type: import("vue").PropType<"top" | "bottom" | "stretch" | "middle" | {
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+            }>;
+            default: "top" | "bottom" | "stretch" | "middle" | {
+                sm?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                md?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                lg?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xs?: "middle" | "top" | "bottom" | "stretch" | undefined;
+                xxl?: "middle" | "top" | "bottom" | "stretch" | undefined;
+            };
+        };
+        justify: {
+            type: import("vue").PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
+                sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+            }>;
+            default: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | {
+                sm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                md?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                lg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xs?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+                xxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
+            };
+        };
+        prefixCls: StringConstructor;
+        gutter: {
+            type: import("vue").PropType<import("ant-design-vue/es/grid/Row").Gutter | [import("ant-design-vue/es/grid/Row").Gutter, import("ant-design-vue/es/grid/Row").Gutter]>;
+            default: import("ant-design-vue/es/grid/Row").Gutter | [import("ant-design-vue/es/grid/Row").Gutter, import("ant-design-vue/es/grid/Row").Gutter];
+        };
+        wrap: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>> & {
+        class?: string;
+        style?: StyleSheet;
+    }) | undefined;
+    colProps: (Partial<import("vue").ExtractPropTypes<{
+        span: (StringConstructor | NumberConstructor)[];
+        order: (StringConstructor | NumberConstructor)[];
+        offset: (StringConstructor | NumberConstructor)[];
+        push: (StringConstructor | NumberConstructor)[];
+        pull: (StringConstructor | NumberConstructor)[];
+        xs: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        sm: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        md: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        lg: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        xl: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        xxl: {
+            type: PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+            default: string | number | import("ant-design-vue/es/grid").ColSize;
+        };
+        prefixCls: StringConstructor;
+        flex: (StringConstructor | NumberConstructor)[];
+    }>> & {
+        class?: string;
+        style?: StyleSheet;
+    }) | undefined;
+    grid: boolean;
+    spaceProps: Partial<import("vue").ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        size: {
+            type: PropType<import("ant-design-vue/es/space").SpaceSize | [import("ant-design-vue/es/space").SpaceSize, import("ant-design-vue/es/space").SpaceSize]>;
+        };
+        direction: import("node_modules/vue-types/dist").VueTypeDef<string> & {
+            default: string;
+        };
+        align: import("node_modules/vue-types/dist").VueTypeDef<string>;
+        wrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> | undefined;
+    formItemProps: Record<string, any> | ((formData: import("pro-design-vue").Entity, config: ProFormItemType<import("pro-design-vue").Entity, "text">) => Record<string, any>) | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/form/src/components/FormGroup.js

@@ -0,0 +1,126 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var FormContext = require('../context/FormContext.js');
+var FormSlotsContext = require('../context/FormSlotsContext.js');
+var FormRowWrapper = require('./FormRowWrapper.js');
+var FormColWrapper = require('./FormColWrapper.js');
+var FormItems = require('./FormItems.js');
+var FormTitle = require('./FormTitle.js');
+var getSlot = require('../utils/getSlot.js');
+var runFunction = require('../../../../utils/run-function.js');
+var validate = require('../../../../utils/validate.js');
+var renderVnode = require('../../../../utils/render-vnode.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var FormGroup = /* @__PURE__ */ vue.defineComponent({
+  name: "FormGroup",
+  inheritAttrs: false,
+  props: {
+    title: {
+      type: [String, Object, Function],
+      default: void 0
+    },
+    tooltip: {
+      type: String,
+      default: void 0
+    },
+    colProps: {
+      type: Object,
+      default: void 0
+    },
+    rowProps: {
+      type: Object,
+      default: void 0
+    },
+    spaceProps: {
+      type: Object,
+      default: void 0
+    },
+    items: {
+      type: [Array, Function],
+      default: void 0
+    },
+    grid: {
+      type: Boolean,
+      default: void 0
+    },
+    formItemProps: {
+      type: [Object, Function],
+      default: void 0
+    },
+    item: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props) {
+    const formSlotsContext = FormSlotsContext.useInjectSlots();
+    const {
+      formatItems,
+      prefixCls,
+      formData
+    } = FormContext.useInjectForm();
+    const items = vue.computed(() => {
+      var _a, _b;
+      return (_b = formatItems == null ? void 0 : formatItems(runFunction.runFunction((_a = props.items) != null ? _a : [], formData.value))) != null ? _b : [];
+    });
+    const formItemProps = vue.computed(() => {
+      var _a;
+      return (_a = runFunction.runFunction(props.formItemProps, formData.value)) != null ? _a : {};
+    });
+    const isExistTitle = vue.computed(() => {
+      if (!props.title) {
+        return false;
+      }
+      if (validate.isString(props.title) && props.title.startsWith("::")) {
+        return !!formSlotsContext[props.title.substring(2)];
+      }
+      return true;
+    });
+    return () => {
+      const renderFormItem = getSlot.default(props.item.renderFormItem, formSlotsContext);
+      if (!items.value.length && !renderFormItem) return null;
+      let defaultDom = vue.createVNode(FormItems.default, {
+        "spaceProps": props.spaceProps,
+        "list": items.value,
+        "type": "space",
+        "grid": props.grid
+      }, null);
+      if (renderFormItem) {
+        defaultDom = vue.createVNode(renderVnode.RenderVNode, {
+          "vnode": renderFormItem,
+          "props": {
+            defaultDom,
+            formData: formData.value
+          }
+        }, null);
+      }
+      return vue.createVNode(FormColWrapper.default, {
+        "colProps": props.colProps
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": `${prefixCls}-group`
+        }, [isExistTitle.value && vue.createVNode("div", {
+          "class": `${prefixCls}-group-title`,
+          "style": formItemProps.value.titleStyles
+        }, [vue.createVNode(FormTitle.default, {
+          "title": props.title,
+          "tooltip": props.tooltip
+        }, null)]), vue.createVNode("div", null, [vue.createVNode(FormRowWrapper.default, {
+          "rowProps": props.rowProps,
+          "grid": props.grid
+        }, _isSlot(defaultDom) ? defaultDom : {
+          default: () => [defaultDom]
+        })])])]
+      });
+    };
+  }
+});
+
+exports.default = FormGroup;
+//# sourceMappingURL=FormGroup.js.map

package/lib/components/form/src/components/FormGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.js","sources":["../../../../../../../packages/components/form/src/components/FormGroup.tsx"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-08-09 10:36:49\n * @LastEditors: shen\n * @LastEditTime: 2025-07-26 11:47:47\n * @Description:\n */\nimport type { PropType } from 'vue'\nimport type { ProFormItemType } from '../type'\n\nimport { computed, defineComponent } from 'vue'\nimport { useInjectForm } from '../context/FormContext'\nimport { useInjectSlots } from '../context/FormSlotsContext'\nimport { isString, RenderVNode, runFunction } from '@pro-design-vue/utils'\n\nimport FormRowWrapper from './FormRowWrapper'\nimport FormColWrapper from './FormColWrapper'\nimport FormItems from './FormItems'\nimport FormTitle from './FormTitle'\nimport getSlot from '../utils/getSlot'\n\nexport default defineComponent({\n  name: 'FormGroup',\n  inheritAttrs: false,\n  props: {\n    title: {\n      type: [String, Object, Function] as PropType<ProFormItemType['title']>,\n      default: undefined,\n    },\n    tooltip: {\n      type: String,\n      default: undefined,\n    },\n    colProps: {\n      type: Object as PropType<ProFormItemType['colProps']>,\n      default: undefined,\n    },\n    rowProps: {\n      type: Object as PropType<ProFormItemType['rowProps']>,\n      default: undefined,\n    },\n    spaceProps: {\n      type: Object as PropType<ProFormItemType['spaceProps']>,\n      default: undefined,\n    },\n    items: {\n      type: [Array, Function] as PropType<ProFormItemType['children']>,\n      default: undefined,\n    },\n    grid: {\n      type: Boolean,\n      default: undefined,\n    },\n    formItemProps: {\n      type: [Object, Function] as PropType<ProFormItemType['formItemProps']>,\n      default: undefined,\n    },\n    item: {\n      type: Object as PropType<ProFormItemType>,\n      default: () => ({}),\n    },\n  },\n  setup(props) {\n    const formSlotsContext = useInjectSlots()\n    const { formatItems, prefixCls, formData } = useInjectForm()\n    const items = computed(\n      () => formatItems?.(runFunction(props.items ?? [], formData.value)) ?? [],\n    )\n    const formItemProps = computed(() => runFunction(props.formItemProps, formData.value) ?? {})\n    const isExistTitle = computed(() => {\n      if (!props.title) {\n        return false\n      }\n      if (isString(props.title) && props.title.startsWith('::')) {\n        return !!formSlotsContext[props.title.substring(2)]\n      }\n      return true\n    })\n    return () => {\n      const renderFormItem = getSlot(props.item.renderFormItem, formSlotsContext)\n      if (!items.value.length && !renderFormItem) return null\n\n      let defaultDom = (\n        <FormItems\n          spaceProps={props.spaceProps}\n          list={items.value}\n          type=\"space\"\n          grid={props.grid}\n        ></FormItems>\n      )\n\n      if (renderFormItem) {\n        defaultDom = (\n          <RenderVNode\n            vnode={renderFormItem}\n            props={{\n              defaultDom,\n              formData: formData.value,\n            }}\n          />\n        )\n      }\n      return (\n        <FormColWrapper colProps={props.colProps}>\n          <div class={`${prefixCls}-group`}>\n            {isExistTitle.value && (\n              <div class={`${prefixCls}-group-title`} style={formItemProps.value.titleStyles}>\n                <FormTitle title={props.title} tooltip={props.tooltip} />\n              </div>\n            )}\n\n            <div>\n              <FormRowWrapper rowProps={props.rowProps} grid={props.grid}>\n                {defaultDom}\n              </FormRowWrapper>\n            </div>\n          </div>\n        </FormColWrapper>\n      )\n    }\n  },\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","inheritAttrs","props","title","type","String","Function","default","undefined","tooltip","colProps","rowProps","spaceProps","items","Array","grid","Boolean","formItemProps","item","setup","formSlotsContext","useInjectSlots","formatItems","prefixCls","formData","useInjectForm","computed","runFunction","value","isExistTitle","isString","startsWith","substring","renderFormItem","getSlot","length","defaultDom","_createVNode","FormItems","RenderVNode","FormColWrapper","titleStyles","FormTitle","FormRowWrapper"],"mappings":"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"}

package/lib/components/form/src/components/FormItem.d.ts

@@ -0,0 +1,16 @@
+import type { PropType } from 'vue';
+import type { ProFormItemType } from '../type';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<ProFormItemType>;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<ProFormItemType>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    item: ProFormItemType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;