@qin-ui/element-plus-pro 1.2.3 → 1.2.4

package/api.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-08-19T03:07:25.014Z",
+  "generatedAt": "2026-08-20T09:56:22.122Z",
   "name": "@qin-ui/element-plus-pro",
   "api": [
     {

package/es/components/form/components/BaseFormItem/index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/BaseFormItem/index.vue"],"names":[],"mappings":"AAgNA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAQhD,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;AA8QF,wBAMG"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/BaseFormItem/index.vue"],"names":[],"mappings":"AA0LA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAOhD,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;;AAuOF,wBAMG"}

package/es/components/form/constants/index.d.ts

@@ -58,5 +58,5 @@ export type GetComponentType<K extends ComponentName> = K extends keyof Componen
  * 组件名称到 Element Plus 组件的映射
  */
 export declare const componentMap: BaseComponentMap;
-export { InjectionFormKey, InjectionPathKey, InjectionFormSlotsKey, } from '../../../shared/core';
+export { InjectionFormKey, InjectionFormSlotsKey } from '../../../shared/core';
 //# sourceMappingURL=index.d.ts.map

package/es/components/form/constants/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,UAAU,EACV,YAAY,EACZ,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACX,MAAM,oBAAoB,CAAC;AAE5B;;;GAGG;AAEH,eAAO,MAAM,mBAAmB,6BAA8B,CAAC;AAE/D;;;GAGG;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,KAAK,CAAC;IACtB,cAAc,EAAE,OAAO,WAAW,CAAC;IACnC,cAAc,EAAE,OAAO,YAAY,CAAC;IACpC,QAAQ,EAAE,OAAO,MAAM,CAAC;IACxB,UAAU,EAAE,OAAO,QAAQ,CAAC;IAC5B,aAAa,EAAE,OAAO,UAAU,CAAC;IACjC,aAAa,EAAE,OAAO,UAAU,CAAC;IACjC,aAAa,EAAE,OAAO,UAAU,CAAC;IACjC,gBAAgB,EAAE,OAAO,aAAa,CAAC;IACvC,aAAa,EAAE,OAAO,UAAU,CAAC;IACjC,QAAQ,EAAE,OAAO,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,MAAM,CAAC;IACxB,aAAa,EAAE,OAAO,UAAU,CAAC;IACjC,UAAU,EAAE,OAAO,QAAQ,CAAC;CAC7B,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,WAAW,YAAY;CAAG;AAEhC;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GACrB,MAAM,gBAAgB,GACtB,MAAM,YAAY,GAClB,QAAQ,CAAC;AAEb;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,aAAa,IAClD,CAAC,SAAS,MAAM,YAAY,GACxB,YAAY,CAAC,CAAC,CAAC,GACf,CAAC,SAAS,MAAM,gBAAgB,GAC9B,gBAAgB,CAAC,CAAC,CAAC,GACnB,KAAK,CAAC;AAEd;;GAEG;AAEH,eAAO,MAAM,YAAY,EAAE,gBAe1B,CAAA;AAGD,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,EACb,UAAU,EACV,YAAY,EACZ,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACX,MAAM,oBAAoB,CAAC;AAE5B;;;GAGG;AAEH,eAAO,MAAM,mBAAmB,6BAA8B,CAAC;AAE/D;;;GAGG;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,KAAK,CAAC;IACtB,cAAc,EAAE,OAAO,WAAW,CAAC;IACnC,cAAc,EAAE,OAAO,YAAY,CAAC;IACpC,QAAQ,EAAE,OAAO,MAAM,CAAC;IACxB,UAAU,EAAE,OAAO,QAAQ,CAAC;IAC5B,aAAa,EAAE,OAAO,UAAU,CAAC;IACjC,aAAa,EAAE,OAAO,UAAU,CAAC;IACjC,aAAa,EAAE,OAAO,UAAU,CAAC;IACjC,gBAAgB,EAAE,OAAO,aAAa,CAAC;IACvC,aAAa,EAAE,OAAO,UAAU,CAAC;IACjC,QAAQ,EAAE,OAAO,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,MAAM,CAAC;IACxB,aAAa,EAAE,OAAO,UAAU,CAAC;IACjC,UAAU,EAAE,OAAO,QAAQ,CAAC;CAC7B,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,WAAW,YAAY;CAAG;AAEhC;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GACrB,MAAM,gBAAgB,GACtB,MAAM,YAAY,GAClB,QAAQ,CAAC;AAEb;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,aAAa,IAClD,CAAC,SAAS,MAAM,YAAY,GACxB,YAAY,CAAC,CAAC,CAAC,GACf,CAAC,SAAS,MAAM,gBAAgB,GAC9B,gBAAgB,CAAC,CAAC,CAAC,GACnB,KAAK,CAAC;AAEd;;GAEG;AAEH,eAAO,MAAM,YAAY,EAAE,gBAe1B,CAAA;AAGD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC"}

package/es/components/form/hooks/useGroupFieldAttrs.d.ts

@@ -0,0 +1,18 @@
+import { ComputedRef } from 'vue';
+import { FormItemProps, GridItemProps } from '../../../shared/ui';
+import { FORM_ITEM_SLOT_KEYS } from '../constants';
+import { Base, Field } from '../types';
+export interface GroupedField {
+    path: string;
+    gridItemProps: GridItemProps;
+    formItemProps: FormItemProps;
+    formItemSlots: Record<(typeof FORM_ITEM_SLOT_KEYS)[number], any>;
+    componentProps: Record<string, any>;
+    container?: Base['formItemContainer'];
+    rawField: Field;
+}
+/**
+ * 将 fields 配置数组逐个拆分为 grid / formItem / component / slots 分组。
+ */
+export declare function useGroupFieldAttrs(validFields: ComputedRef<Field[]>): ComputedRef<GroupedField[]>;
+//# sourceMappingURL=useGroupFieldAttrs.d.ts.map

package/es/components/form/hooks/useGroupFieldAttrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGroupFieldAttrs.d.ts","sourceRoot":"","sources":["../../../../src/components/form/hooks/useGroupFieldAttrs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAC9E,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,aAAa,EACnB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAK5C,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC;IACjE,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,+BA0FnE"}

package/es/element-plus-pro.css

@@ -1,4 +1,4 @@
-[class*='-form-item'] [class*='-form-item'][data-v-d52742ce] {
+[class*='-form-item'] [class*='-form-item'][data-v-295cd434] {
   margin-bottom: 18px;
 }
 .pro-table_search-form[data-v-20c91e48] [class*='-form-item'] {

package/es/index.js

@@ -1,7 +1,7 @@
 import "./element-plus-pro.css";
-import { inject, computed, provide, toValue, defineComponent, renderSlot, mergeProps, normalizeProps, guardReactiveProps, resolveComponent, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList, createVNode, createSlots, ref, useAttrs, createCommentVNode, resolveDynamicComponent, isVNode, createTextVNode, toDisplayString, useSlots, reactive, withModifiers, createElementVNode, onBeforeUnmount, watch, watchEffect, withKeys, normalizeStyle, nextTick, useModel, onMounted, mergeModels, resolveDirective, normalizeClass, withDirectives } from "vue";
-import { ElFormItem, ElCol, ElTable, ElPagination, useFormDisabled, ElTransfer, ElTreeSelect, ElSlider, ElSwitch, ElRadioGroup, ElCheckboxGroup, ElTimeSelect, ElTimePicker, ElDatePicker, ElCascader, ElSelect, ElAutocomplete, ElInputNumber, ElInput, ElRow, useLocale as useLocale$1, ElForm, ElSpace, ElButton, ElDropdown, ElDropdownMenu, ElDropdownItem, ElCheckbox, ElTableColumn } from "element-plus";
-import { InjectionPathKey, isPlainObject, getObject, toPath, useForm as useForm$1, zhCN as zhCN$1, zhTW as zhTW$1, enUS as enUS$1, resolveLocaleName, format, omit, InjectionFormSlotsKey, cloneDeep, InjectionFormKey, camelizeProperties, useFields as useFields$1, useFormRef as useFormRef$1, get, pick, useTable as useTable$1 } from "@qin-ui/pro-components-core";
+import { inject, computed, provide, toValue, mergeProps, defineComponent, resolveComponent, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList, createVNode, createSlots, ref, useAttrs, createCommentVNode, resolveDynamicComponent, renderSlot, normalizeProps, isVNode, createTextVNode, toDisplayString, useSlots, reactive, withModifiers, createElementVNode, onBeforeUnmount, watch, watchEffect, withKeys, normalizeStyle, nextTick, useModel, onMounted, mergeModels, resolveDirective, normalizeClass, withDirectives, guardReactiveProps } from "vue";
+import { ElTable, ElPagination, useFormDisabled, ElCol, ElFormItem, ElTransfer, ElTreeSelect, ElSlider, ElSwitch, ElRadioGroup, ElCheckboxGroup, ElTimeSelect, ElTimePicker, ElDatePicker, ElCascader, ElSelect, ElAutocomplete, ElInputNumber, ElInput, ElRow, useLocale as useLocale$1, ElForm, ElSpace, ElButton, ElDropdown, ElDropdownMenu, ElDropdownItem, ElCheckbox, ElTableColumn } from "element-plus";
+import { isPlainObject, getObject, toPath, useForm as useForm$1, zhCN as zhCN$1, zhTW as zhTW$1, enUS as enUS$1, resolveLocaleName, format, omit, InjectionFormSlotsKey, cloneDeep, InjectionFormKey, camelizeProperties, useFields as useFields$1, useFormRef as useFormRef$1, get, pick, useTable as useTable$1 } from "@qin-ui/pro-components-core";
 import { useFormData } from "@qin-ui/pro-components-core";
 const tableProps = () => ElTable.props || {};
 const paginationProps = () => ElPagination.props || {};
@@ -205,40 +205,19 @@ const componentMap = {
   "tree-select": ElTreeSelect,
   "transfer": ElTransfer
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    path: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const namePath = computed(() => {
-      return Array.isArray(props.path) ? props.path.join(".") : props.path;
-    });
-    provide(InjectionPathKey, namePath);
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default", { path: namePath.value });
-    };
-  }
-});
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    field: {}
-  },
-  setup(__props) {
-    const formItemPropKeys = Object.keys(formItemProps());
-    const gridItemPropKeys = Object.keys(gridItemProps());
-    const props = __props;
-    const config = INJECT_CONFIG["pro-form-item"];
-    const injectFormItemProps = inject(config.injectionKey, config.default);
-    const groupedAttributes = computed(() => {
+const formItemPropKeys = Object.keys(formItemProps());
+const gridItemPropKeys = Object.keys(gridItemProps());
+function useGroupFieldAttrs(validFields) {
+  const config = INJECT_CONFIG["pro-form-item"];
+  const injectFormItemProps = inject(config.injectionKey, config.default);
+  return computed(() => {
+    return validFields.value.map((field) => {
       let gridItemProps2 = {};
       let formItemProps2 = {};
       const componentProps = { slots: {} };
       const formItemSlots = {};
-      if (isPlainObject(props.field)) {
-        const { path, name, fields, formItemClass, formItemStyle, formItemContainer, hidden, span, getFormItemRef, getComponentRef, getFormItemComputedProps, getComponentComputedProps, slots = {}, formItemDataAttrs = {}, componentDataAttrs = {}, extraProps, ...rest } = props.field;
+      if (isPlainObject(field)) {
+        const { path, name, fields, formItemClass, formItemStyle, formItemContainer, hidden, span, getFormItemRef, getComponentRef, getFormItemComputedProps, getComponentComputedProps, slots = {}, formItemDataAttrs = {}, componentDataAttrs = {}, extraProps, ...rest } = field;
         const {
           class: injectClassName,
           style: injectStyle,
@@ -259,7 +238,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           { class: toValue(formItemClass), style: toValue(formItemStyle) },
           formItemDataAttrs
         );
-        formItemProps2.container = formItemContainer ?? injectFormItemContainer;
+        const container = formItemContainer ?? injectFormItemContainer;
         Object.keys(rest).forEach((k) => {
           if (gridItemPropKeys.includes(k)) {
             gridItemProps2[k] = rest[k];
@@ -274,17 +253,32 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           if (FORM_ITEM_SLOT_KEYS.includes(k)) {
             formItemSlots[k] = slots[k];
           } else {
-            componentProps["slots"][k] = slots[k];
+            componentProps.slots[k] = slots[k];
           }
         });
+        const raw2 = toValue(path) ?? toValue(name);
+        return {
+          path: Array.isArray(raw2) ? raw2.join(".") : raw2 || "",
+          gridItemProps: gridItemProps2,
+          formItemProps: formItemProps2,
+          formItemSlots,
+          componentProps,
+          container,
+          rawField: field
+        };
       }
-      return { gridItemProps: gridItemProps2, formItemProps: formItemProps2, componentProps, formItemSlots };
+      const raw = toValue(field == null ? void 0 : field.path) ?? toValue(field == null ? void 0 : field.name);
+      return {
+        path: Array.isArray(raw) ? raw.join(".") : raw || "",
+        gridItemProps: gridItemProps2,
+        formItemProps: formItemProps2,
+        formItemSlots,
+        componentProps,
+        rawField: field
+      };
     });
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(groupedAttributes.value)));
-    };
-  }
-});
+  });
+}
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{ name: "BaseFormItem", inheritAttrs: false },
   __name: "index",
@@ -330,81 +324,66 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         }
       });
     };
+    const groupedFields = useGroupFieldAttrs(validFields);
     return (_ctx, _cache) => {
       const _component_BaseFormItem = resolveComponent("BaseFormItem");
       return openBlock(), createBlock(unref(_sfc_main$d), mergeProps({
         component: enableGrid.value ? unref(ElRow) : void 0
       }, computedGridProps.value, { style: { "width": "100%" } }), {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(validFields.value, ({ path: _path, ...field }, index2) => {
-            return openBlock(), createBlock(_sfc_main$h, mergeProps({
-              key: unref(toPath)(toValue(_path ?? index2)).join(".") || index2
-            }, { ref_for: true }, { path: _path }), {
-              default: withCtx(({ path }) => [
-                createVNode(_sfc_main$g, { field }, {
-                  default: withCtx(({
-                    gridItemProps: gridItemProps2,
-                    formItemProps: { container, ...formItemProps2 },
-                    componentProps,
-                    formItemSlots
-                  }) => [
-                    createVNode(unref(_sfc_main$d), mergeProps({
-                      component: enableGrid.value ? unref(ElCol) : void 0
-                    }, { ref_for: true }, gridItemProps2), {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(groupedFields), (item, index2) => {
+            return openBlock(), createBlock(unref(_sfc_main$d), mergeProps({
+              key: item.path || index2,
+              component: enableGrid.value ? unref(ElCol) : void 0
+            }, { ref_for: true }, item.gridItemProps), {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$d), {
+                  component: item.container,
+                  path: item.path
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ElFormItem), mergeProps({ ref_for: true }, item.formItemProps, {
+                      ref_for: true,
+                      ref: (el) => formItemRefs[index2] = el,
+                      prop: unref(toPath)(item.path).join("."),
+                      path: item.path,
+                      onVnodeMounted: ($event) => onFormItemMounted(index2, item.formItemProps)
+                    }), createSlots({
                       default: withCtx(() => [
-                        createVNode(unref(_sfc_main$d), {
-                          component: container,
-                          path
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(unref(ElFormItem), mergeProps({ ref_for: true }, formItemProps2, {
-                              ref_for: true,
-                              ref: (el) => formItemRefs[index2] = el,
-                              prop: unref(toPath)(path).join("."),
-                              path,
-                              onVnodeMounted: ($event) => onFormItemMounted(index2, formItemProps2)
-                            }), createSlots({
-                              default: withCtx(() => [
-                                field.fields ? (openBlock(), createBlock(_component_BaseFormItem, {
-                                  key: 0,
-                                  grid: field.grid ?? __props.grid,
-                                  fields: field.fields,
-                                  disabled: toValue(field.disabled)
-                                }, null, 8, ["grid", "fields", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$e), mergeProps({
-                                  key: 1,
-                                  ref_for: true,
-                                  ref: (el) => componentRefs[index2] = el
-                                }, { ref_for: true }, componentProps, {
-                                  path,
-                                  onVnodeMounted: ($event) => onComponentMounted(index2)
-                                }), null, 16, ["path", "onVnodeMounted"]))
-                              ]),
-                              _: 2
-                            }, [
-                              renderList(formItemSlots, (slot, name) => {
-                                return {
-                                  name,
-                                  fn: withCtx((scoped) => [
-                                    createVNode(unref(_sfc_main$c), mergeProps({
-                                      path,
-                                      component: slot
-                                    }, { ref_for: true }, scoped), null, 16, ["path", "component"])
-                                  ])
-                                };
-                              })
-                            ]), 1040, ["prop", "path", "onVnodeMounted"])
-                          ]),
-                          _: 2
-                        }, 1032, ["component", "path"])
+                        item.rawField.fields ? (openBlock(), createBlock(_component_BaseFormItem, {
+                          key: 0,
+                          grid: item.rawField.grid ?? __props.grid,
+                          fields: item.rawField.fields,
+                          disabled: toValue(item.rawField.disabled)
+                        }, null, 8, ["grid", "fields", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$e), mergeProps({
+                          key: 1,
+                          ref_for: true,
+                          ref: (el) => componentRefs[index2] = el
+                        }, { ref_for: true }, item.componentProps, {
+                          path: item.path,
+                          onVnodeMounted: ($event) => onComponentMounted(index2)
+                        }), null, 16, ["path", "onVnodeMounted"]))
                       ]),
                       _: 2
-                    }, 1040, ["component"])
+                    }, [
+                      renderList(item.formItemSlots, (slot, name) => {
+                        return {
+                          name,
+                          fn: withCtx((scoped) => [
+                            createVNode(unref(_sfc_main$c), mergeProps({
+                              path: item.path,
+                              component: slot
+                            }, { ref_for: true }, scoped), null, 16, ["path", "component"])
+                          ])
+                        };
+                      })
+                    ]), 1040, ["prop", "path", "onVnodeMounted"])
                   ]),
                   _: 2
-                }, 1032, ["field"])
+                }, 1032, ["component", "path"])
               ]),
               _: 2
-            }, 1040);
+            }, 1040, ["component"]);
           }), 128))
         ]),
         _: 1
@@ -419,7 +398,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const BaseFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d52742ce"]]);
+const BaseFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-295cd434"]]);
 function useForm(...args) {
   return useForm$1(...args);
 }