@vunk/form 1.1.12 → 1.1.13

package/components/form/index.js

@@ -1,32 +1,34 @@
 import { formProps, formEmits, ElForm } from 'element-plus';
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { NOOP } from '@vunk/core/shared/utils-function';
-import { defineComponent, shallowRef, getCurrentInstance, provide, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, withCtx, createVNode, renderSlot } from 'vue';
+import { defineComponent, shallowRef, getCurrentInstance, provide, computed, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, withCtx, createVNode, renderSlot } from 'vue';
 import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
 import { createFormBindProps, createFormOnEmits } from '@vunk/form/shared/element-plus';
 import { getValue } from '@vunk/core/shared/helper';
 import { VkfTemplatesDefault } from '@vunk/form/components/templates-default';
+import { VkfTemplatesLayout } from '@vunk/form/components/templates-layout';
+import { pickObject } from '@vunk/core/shared/utils-object';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp$1 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const props = __spreadProps(__spreadValues({}, formProps), {
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+const props = __spreadProps$1(__spreadValues$1({}, formProps), {
   data: {
     type: Object,
     default: () => ({})
@@ -41,10 +43,22 @@ const props = __spreadProps(__spreadValues({}, formProps), {
   elRef: {
     type: Function,
     default: () => NOOP
+  },
+  layout: {
+    type: Boolean,
+    default: false
+  },
+  rowSource: {
+    type: Object,
+    default: () => ({})
+  },
+  colSource: {
+    type: Object,
+    default: () => ({})
   }
 });
 const createBindProps = bindPropsFactory(props);
-const emits = __spreadProps(__spreadValues({}, formEmits), {
+const emits = __spreadProps$1(__spreadValues$1({}, formEmits), {
   setData: (e) => e,
   validate: null
 });
@@ -58,6 +72,58 @@ var ctx = /*#__PURE__*/Object.freeze({
   createOnEmits: createOnEmits
 });
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const getRowEmptySpan = (row) => {
+  return 24 - row.templateSlots.reduce((a, c) => {
+    if (!c.span) {
+      throw new Error("ElColSource span is required");
+    }
+    return a + c.span;
+  }, 0);
+};
+const genColItem = (formItem, options = {}) => {
+  var _a;
+  const span = (_a = formItem.span) != null ? _a : options.span;
+  if (span === void 0 || span === null) {
+    throw new Error("genColItem ElColSource span is required");
+  }
+  return __spreadProps(__spreadValues({}, options), {
+    templateType: "ElCol",
+    span,
+    templateSlots: [
+      pickObject(formItem, {
+        excludes: ["span"]
+      })
+    ]
+  });
+};
+const genRowItem = (defaultItem, options = {}) => {
+  return __spreadProps(__spreadValues({}, options), {
+    templateType: "ElRow",
+    templateSlots: defaultItem ? [
+      defaultItem
+    ] : []
+  });
+};
+
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -73,7 +139,8 @@ const _sfc_main = defineComponent({
   components: {
     ElForm,
     VkfFormItemRenderer,
-    VkfTemplatesDefault
+    VkfTemplatesDefault,
+    VkfTemplatesLayout
   },
   setup(props2, { emit }) {
     const formProps = createFormBindProps(props2, ["model"]);
@@ -86,16 +153,39 @@ const _sfc_main = defineComponent({
       formRef.value = e;
       props2.elRef(e);
     };
+    const rendererSource = computed(() => {
+      if (props2.layout) {
+        return props2.formItems.reduce((a, c) => {
+          const lastRow = a[a.length - 1];
+          const itemSpan = c.span ?? props2.colSource.span;
+          if (!itemSpan) {
+            a.push(c);
+            return a;
+          }
+          const colItem = genColItem(c, props2.colSource);
+          if (!lastRow || getRowEmptySpan(lastRow) < itemSpan) {
+            a.push(genRowItem(colItem, props2.rowSource));
+          } else {
+            lastRow.templateSlots.push(colItem);
+          }
+          return a;
+        }, []);
+      }
+      return props2.formItems;
+    });
     return {
       formProps,
       formEmits,
       getValue,
-      getRef
+      getRef,
+      computed,
+      rendererSource
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfTemplatesDefault = resolveComponent("VkfTemplatesDefault");
+  const _component_VkfTemplatesLayout = resolveComponent("VkfTemplatesLayout");
   const _component_VkfFormItemRenderer = resolveComponent("VkfFormItemRenderer");
   const _component_ElForm = resolveComponent("ElForm");
   return openBlock(), createBlock(_component_ElForm, mergeProps({
@@ -107,12 +197,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ref: _ctx.getRef
   }), {
     default: withCtx(() => [
-      createVNode(_component_VkfFormItemRenderer, { source: _ctx.formItems }, {
+      createVNode(_component_VkfFormItemRenderer, { source: _ctx.rendererSource }, {
         default: withCtx(() => [
           createVNode(_component_VkfTemplatesDefault, {
             data: _ctx.data,
             onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
           }, null, 8, ["data"]),
+          createVNode(_component_VkfTemplatesLayout, { data: _ctx.data }, null, 8, ["data"]),
           renderSlot(_ctx.$slots, "rendererTemplate")
         ]),
         _: 3

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import type { SetDataEvent } from '@vunk/core';
+import { ColItem, RowItem } from './types';
 export declare const props: {
     data: {
         type: PropType<Record<string, any>>;
@@ -325,6 +326,31 @@ export declare const props: {
         }> & {} & import("vue").ComponentCustomProperties & {}) => any>;
         default: () => () => void;
     };
+    /**
+     * 是否开启布局模式
+     */
+    layout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * itemLayout为 true 时，
+     * 该值生效
+     * el-row 添加额外属性
+     */
+    rowSource: {
+        type: PropType<Partial<RowItem>>;
+        default: () => {};
+    };
+    /**
+     * itemLayout为 true 时，
+     * 该值生效
+     * el-col 添加额外属性
+     */
+    colSource: {
+        type: PropType<Partial<ColItem>>;
+        default: () => ColItem;
+    };
     model: ObjectConstructor;
     rules: {
         readonly type: PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
@@ -357,7 +383,7 @@ export declare const props: {
     };
     disabled: BooleanConstructor;
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"model", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2>)[] | undefined>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"size", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"model", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"requireAsteriskPosition", keyof T2>, KE> | Exclude<Extract<"labelSuffix", keyof T2>, KE> | Exclude<Extract<"statusIcon", keyof T2>, KE> | Exclude<Extract<"validateOnRuleChange", keyof T2>, KE> | Exclude<Extract<"hideRequiredAsterisk", keyof T2>, KE> | Exclude<Extract<"scrollToError", keyof T2>, KE> | Exclude<Extract<"scrollIntoViewOptions", keyof T2>, KE> | Exclude<Extract<"formItems", keyof T2>, KE> : Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"model", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2>]: { [k in Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"model", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"model", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"layout", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2>)[] | undefined>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"size", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"model", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"requireAsteriskPosition", keyof T2>, KE> | Exclude<Extract<"labelSuffix", keyof T2>, KE> | Exclude<Extract<"statusIcon", keyof T2>, KE> | Exclude<Extract<"validateOnRuleChange", keyof T2>, KE> | Exclude<Extract<"hideRequiredAsterisk", keyof T2>, KE> | Exclude<Extract<"scrollToError", keyof T2>, KE> | Exclude<Extract<"scrollIntoViewOptions", keyof T2>, KE> | Exclude<Extract<"formItems", keyof T2>, KE> | Exclude<Extract<"layout", keyof T2>, KE> | Exclude<Extract<"rowSource", keyof T2>, KE> | Exclude<Extract<"colSource", keyof T2>, KE> : Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"model", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"layout", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2>]: { [k in Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"model", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"layout", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     setData: (e: SetDataEvent) => SetDataEvent<any>;
     validate: null;

package/components/form/src/ctx.js

@@ -36,6 +36,18 @@ const props = __spreadProps(__spreadValues({}, formProps), {
   elRef: {
     type: Function,
     default: () => NOOP
+  },
+  layout: {
+    type: Boolean,
+    default: false
+  },
+  rowSource: {
+    type: Object,
+    default: () => ({})
+  },
+  colSource: {
+    type: Object,
+    default: () => ({})
   }
 });
 const createBindProps = bindPropsFactory(props);

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

@@ -1,4 +1,5 @@
 import { ElForm } from 'element-plus';
+import { RowItem } from './types';
 declare const _default: import("vue").DefineComponent<{
     data: {
         type: import("vue").PropType<Record<string, any>>;
@@ -324,6 +325,18 @@ declare const _default: import("vue").DefineComponent<{
         }> & {} & import("vue").ComponentCustomProperties & {}) => any>;
         default: () => () => void;
     };
+    layout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowSource: {
+        type: import("vue").PropType<Partial<RowItem>>;
+        default: () => {};
+    };
+    colSource: {
+        type: import("vue").PropType<Partial<import("./types").ColItem>>;
+        default: () => import("./types").ColItem;
+    };
     model: ObjectConstructor;
     rules: {
         readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
@@ -378,6 +391,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     getValue: (obj: any, k: any, intoUndefined?: import("@vunk/core").IntoUndefined | undefined, safe?: boolean | undefined) => any;
     getRef: (e: InstanceType<typeof ElForm>) => void;
+    computed: typeof import("@vue/reactivity").computed;
+    rendererSource: import("vue").ComputedRef<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     setData: (e: import("@vunk/core").SetDataEvent<any>) => import("@vunk/core").SetDataEvent<any>;
     validate: null;
@@ -706,6 +721,18 @@ declare const _default: import("vue").DefineComponent<{
         }> & {} & import("vue").ComponentCustomProperties & {}) => any>;
         default: () => () => void;
     };
+    layout: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rowSource: {
+        type: import("vue").PropType<Partial<RowItem>>;
+        default: () => {};
+    };
+    colSource: {
+        type: import("vue").PropType<Partial<import("./types").ColItem>>;
+        default: () => import("./types").ColItem;
+    };
     model: ObjectConstructor;
     rules: {
         readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
@@ -1066,5 +1093,8 @@ declare const _default: import("vue").DefineComponent<{
     hideRequiredAsterisk: boolean;
     scrollToError: boolean;
     formItems: any[];
+    layout: boolean;
+    rowSource: Partial<RowItem>;
+    colSource: Partial<import("./types").ColItem>;
 }>;
 export default _default;

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

@@ -1,2 +1,12 @@
-import { FormItemRendererSource } from '@vunk/form/shared';
-export declare type FormItem<P extends string = string> = FormItemRendererSource<P>;
+import { __VkfTemplatesDefault } from '@vunk/form/components/templates-default';
+import { __VkfTemplatesLayout } from '@vunk/form/components/templates-layout';
+export declare type FormItem<P extends string = string> = (__VkfTemplatesDefault.Source<P> | __VkfTemplatesLayout.ElRowSource<FormItem<P>> | __VkfTemplatesLayout.ElColSource<FormItem<P>> | __VkfTemplatesLayout.VkfFlexSource<FormItem<P>>) & {
+    /**
+     * 如果开启 props.itemLayout，那么
+     * span 将生效
+     * 1-24 之间的数字
+     */
+    span?: number;
+};
+export declare type ColItem = __VkfTemplatesLayout.ElColSource<FormItem>;
+export declare type RowItem = __VkfTemplatesLayout.ElRowSource<ColItem>;

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

@@ -0,0 +1,15 @@
+import { ColItem, FormItem, RowItem } from './types';
+import { __VkfTemplatesLayout } from '@vunk/form/components/templates-layout';
+/**
+ * 判断 Row 中有多少空位
+ * @param row
+ * @returns
+ */
+export declare const getRowEmptySpan: (row: RowItem) => number;
+/**
+ * 根据 formItem 当前的 span 包装出 elCol 的数据
+ * @param formItem
+ * @returns
+ */
+export declare const genColItem: (formItem: FormItem, options?: Partial<ColItem>) => __VkfTemplatesLayout.ElColSource<FormItem<string>>;
+export declare const genRowItem: (defaultItem: ColItem, options?: Partial<RowItem>) => RowItem;

package/components/form/src/utils.js

@@ -0,0 +1,55 @@
+import { pickObject } from '@vunk/core/shared/utils-object';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const getRowEmptySpan = (row) => {
+  return 24 - row.templateSlots.reduce((a, c) => {
+    if (!c.span) {
+      throw new Error("ElColSource span is required");
+    }
+    return a + c.span;
+  }, 0);
+};
+const genColItem = (formItem, options = {}) => {
+  var _a;
+  const span = (_a = formItem.span) != null ? _a : options.span;
+  if (span === void 0 || span === null) {
+    throw new Error("genColItem ElColSource span is required");
+  }
+  return __spreadProps(__spreadValues({}, options), {
+    templateType: "ElCol",
+    span,
+    templateSlots: [
+      pickObject(formItem, {
+        excludes: ["span"]
+      })
+    ]
+  });
+};
+const genRowItem = (defaultItem, options = {}) => {
+  return __spreadProps(__spreadValues({}, options), {
+    templateType: "ElRow",
+    templateSlots: defaultItem ? [
+      defaultItem
+    ] : []
+  });
+};
+
+export { genColItem, genRowItem, getRowEmptySpan };

package/components/upload-plus/index.css

@@ -0,0 +1,85 @@
+
+@keyframes hide {
+  0% {
+    opacity: 1; /* 初始状态为完全显示 */
+  }
+  100% {
+    opacity: 0; /* 最终状态为完全隐藏 */
+    display: none; /* 同时隐藏元素 */
+  }
+}
+
+.vkf-upload-plus{
+  --vkf-upload-plus-height: 34px;
+}
+.vkf-upload-plus-label{
+ position: relative;
+}
+.vkf-upload-plus-cube-x,
+.vkf-upload-plus-msg-x
+{
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+.vkf-upload-plus-msg-x{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--el-color-success);
+  background: var(--el-bg-color);
+  animation-name: hide; /* 指定使用hide关键帧动画 */
+  animation-duration: 1s; /* 动画持续时间为2秒 */
+  animation-delay: 1s; /* 延迟2秒后开始动画 */
+  animation-fill-mode: forwards; /* 动画结束后保持最后一帧的状态 */
+}
+.vkf-upload-plus-msg{
+  margin-left: 2px;
+}
+.vkf-upload-plus-cube {
+  float: left;
+  height: 100%;
+}
+.vkf-upload-plus-cube.error {
+  background: var(--el-color-danger);
+}
+.vkf-upload-plus-cube .success{
+  background: var(--el-color-success);
+}
+.vkf-upload-plus-cube .uploading{
+  background: var(--el-color-primary);
+}
+.vkf-upload-plus-cube .error{
+  background: var(--el-color-danger);
+}
+
+.vkf-upload-plus-btng >.el-button:first-child{
+  border-radius: 0;
+}
+.vkf-upload-plus-btng >.el-button{
+  height: var(--vkf-upload-plus-height);
+}
+.vkf-upload-plus-main{
+  display: flex;
+  align-items: center;
+  border: var(--el-border);
+  border-radius: var(--el-border-radius-base);
+}
+.vkf-upload-plus-label{
+  cursor: pointer;
+}
+.vkf-upload-plus-label .el-input{
+  pointer-events: none;
+  --el-input-border-color: transparent;
+}
+.vkf-upload-plus-label .el-input.is-success .el-icon{
+   color: var(--el-color-success);
+}
+.vkf-upload-plus-label .el-input.is-error .el-icon{
+  color: var(--el-color-danger);
+}
+.vkf-upload-plus-input{
+  display: none;
+}

package/components/upload-plus/index.d.ts

@@ -0,0 +1,6 @@
+import VkfUploadPlus from './src/index.vue.d';
+export * as __VkfUploadPlus from './src/types';
+export * as _VkfUploadPlusConst from './src/const';
+export * as _VkfUploadPlusApi from './src/api';
+export { VkfUploadPlus, };
+export default VkfUploadPlus;