ele-admin-plus 1.3.0 → 1.4.0-beta.1

package/es/ele-popover/index.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { pick } from "../utils/core";
+import { defineComponent, ref, computed, createBlock, openBlock, mergeProps, withCtx, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, createTextVNode, toDisplayString } from "vue";
+import { pick } from "../utils/common";
 import EleTooltip from "../ele-tooltip/index";
 import { tooltipPropKeys } from "../ele-tooltip/props";
-import { popoverProps, popoverEmits } from "./props";
+import { popoverEmits, popoverProps } from "./props";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "ElePopover" },
   __name: "index",

package/es/ele-popover/props.d.ts

@@ -17,57 +17,176 @@ export declare const popoverProps: {
     titleStyle: PropType<StyleValue>;
     /** 自定义内容样式 */
     contentStyle: PropType<StyleValue>;
-    width: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     title: StringConstructor;
-    showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    width: {
+        readonly type: PropType<string | number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 150;
+    };
+    showArrow: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
     disabled: BooleanConstructor;
-    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
-    content: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    persistent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
-    teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    trigger: {
+        readonly type: PropType<import('element-plus').TooltipTriggerType | import('element-plus').TooltipTriggerType[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "hover";
+    };
+    triggerKeys: {
+        readonly type: PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => string[];
+    };
+    appendTo: {
+        readonly type: PropType<string | HTMLElement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    content: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    persistent: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    visible: {
+        readonly type: PropType<boolean | null>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: null;
+    };
+    teleported: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
     effect: {
         readonly default: "light";
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown>>;
+        readonly type: PropType<import('element-plus').PopperEffect>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __epPropKey: true;
     };
     enterable: {
         readonly default: true;
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly type: PropType<boolean>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         readonly __epPropKey: true;
     };
-    offset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
-    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import('element-plus').Placement))[], unknown, unknown, "bottom", boolean>;
-    popperOptions: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>) | ((new (...args: any[]) => Partial<import('element-plus').Options>) | (() => Partial<import('element-plus').Options>))[], unknown, unknown, () => {}, boolean>;
-    showAfter: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    hideAfter: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
-    autoClose: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    offset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    placement: {
+        readonly type: PropType<import('element-plus').Placement>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "bottom";
+    };
+    popperOptions: {
+        readonly type: PropType<Partial<import('element-plus').Options>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => {};
+    };
+    showAfter: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    hideAfter: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 200;
+    };
+    autoClose: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    tabindex: {
+        readonly type: PropType<string | number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
     popperStyle: PropType<StyleValue>;
     popperClass: StringConstructor;
     className: StringConstructor;
-    arrowOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
-    triggerKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+    arrowOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 5;
+    };
     virtualRef: {
-        readonly type: import('vue').PropType<import('element-plus').Measurable>;
+        readonly type: PropType<import('element-plus').Measurable>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     virtualTriggering: BooleanConstructor;
     ariaLabel: StringConstructor;
-    appendTo: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>>;
+    zIndex: NumberConstructor;
+    gpuAcceleration: {
+        readonly type: PropType<boolean>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
+    } & {
+        readonly default: true;
     };
-    zIndex: NumberConstructor;
-    gpuAcceleration: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     bg: StringConstructor;
     arrowBg: StringConstructor;
 };
@@ -76,9 +195,9 @@ export type PopoverProps = ExtractPropTypes<typeof popoverProps>;
  * 事件
  */
 export declare const popoverEmits: {
-    'update:visible': (value: boolean) => boolean;
-    'before-enter': () => boolean;
-    'before-leave': () => boolean;
-    'after-enter': () => boolean;
-    'after-leave': () => boolean;
+    "update:visible": (value: boolean) => boolean;
+    "before-enter": () => boolean;
+    "before-leave": () => boolean;
+    "after-enter": () => boolean;
+    "after-leave": () => boolean;
 };

package/es/ele-popover/props.js

@@ -1,5 +1,5 @@
 import { popoverProps as popoverProps$1, popoverEmits as popoverEmits$1 } from "element-plus";
-import { omit } from "../utils/core";
+import { omit } from "../utils/common";
 import { tooltipProps } from "../ele-tooltip/props";
 const normalizeProps = omit(popoverProps$1, ["onUpdate:visible"]);
 const popoverProps = {

package/es/ele-printer/index.js

@@ -1,7 +1,7 @@
-import { defineComponent, shallowRef, ref, computed, watch, onMounted, openBlock, createBlock, Teleport, createElementVNode, normalizeClass, createElementBlock, normalizeStyle, renderSlot, createCommentVNode, createVNode, withCtx, nextTick } from "vue";
+import { defineComponent, ref, shallowRef, computed, watch, onMounted, createBlock, openBlock, Teleport, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, normalizeStyle, renderSlot, createVNode, withCtx, nextTick } from "vue";
 import ReceiverView from "../ele-config-provider/components/receiver-view";
 import { usePrinter, getPrintContainer, mergeOptions } from "./util";
-import { printerProps, printerEmits } from "./props";
+import { printerEmits, printerProps } from "./props";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/ele-pro-form/components/builder-tool-wrapper.d.ts

@@ -0,0 +1,43 @@
+import { ProFormItemProps, ProFormItemKey } from '../types';
+
+declare function __VLS_template(): {
+    builderItemHandleContent?(_: {
+        item: ProFormItemProps;
+        activeItemKey: string | number | symbol | undefined;
+    }): any;
+    builderItemTools?(_: {
+        item: ProFormItemProps;
+        activeItemKey: string | number | symbol | undefined;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项 */
+    item: ProFormItemProps;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+    /** 是否需要拖拽手柄 */
+    handle?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项 */
+    item: ProFormItemProps;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+    /** 是否需要拖拽手柄 */
+    handle?: boolean;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/ele-pro-form/components/builder-tool-wrapper.js

@@ -0,0 +1,49 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode, normalizeClass, createBlock, createCommentVNode, renderSlot, unref, withCtx, createVNode, toDisplayString } from "vue";
+import { ElIcon } from "element-plus";
+import { DragOutlined } from "../../icons/index";
+const _hoisted_1 = { class: "ele-pro-form-builder-item-tool-wrapper" };
+const _hoisted_2 = { class: "ele-pro-form-builder-item-handle-content" };
+const _hoisted_3 = { class: "ele-pro-form-builder-item-tools" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "BuilderToolWrapper" },
+  __name: "builder-tool-wrapper",
+  props: {
+    item: {},
+    activeItemKey: {},
+    handle: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["ele-pro-form-builder-item-handle", { "is-disabled": !_ctx.handle }])
+        }, [
+          _ctx.handle ? (openBlock(), createBlock(unref(ElIcon), {
+            key: 0,
+            class: "ele-pro-form-builder-item-handle-icon"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(DragOutlined))
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "builderItemHandleContent", {
+            item: _ctx.item,
+            activeItemKey: _ctx.activeItemKey
+          }, () => [
+            createElementVNode("div", _hoisted_2, toDisplayString(_ctx.item.type), 1)
+          ])
+        ], 2),
+        createElementVNode("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "builderItemTools", {
+            item: _ctx.item,
+            activeItemKey: _ctx.activeItemKey
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-pro-form/components/builder-wrapper.d.ts

@@ -1,15 +1,7 @@
 import { ProFormItemProps, ProFormItemKey } from '../types';
 
-declare function __VLS_template(): {
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & {
     default?(_: {}): any;
-    builderItemHandleContent?(_: {
-        item: ProFormItemProps;
-        activeItemKey: string | number | symbol | undefined;
-    }): any;
-    builderItemTools?(_: {
-        item: ProFormItemProps;
-        activeItemKey: string | number | symbol | undefined;
-    }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 表单项 */

package/es/ele-pro-form/components/builder-wrapper.js

@@ -1,10 +1,7 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createElementVNode, createBlock, unref, withCtx, createVNode, createCommentVNode, toDisplayString } from "vue";
-import { ElIcon } from "element-plus";
-import { DragOutlined } from "../../icons";
-const _hoisted_1 = { class: "ele-pro-form-builder-item-tool-wrapper" };
-const _hoisted_2 = { class: "ele-pro-form-builder-item-handle-content" };
-const _hoisted_3 = { class: "ele-pro-form-builder-item-tools" };
+import { defineComponent, createElementBlock, openBlock, withModifiers, normalizeClass, renderSlot, createVNode, createSlots, renderList, withCtx, normalizeProps, guardReactiveProps } from "vue";
+import BuilderToolWrapper from "./builder-tool-wrapper";
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "BuilderWrapper" },
   __name: "builder-wrapper",
   props: {
     item: {},
@@ -28,36 +25,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(handleItemBuilderWrapperClick, ["stop"])
       }, [
         renderSlot(_ctx.$slots, "default"),
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", {
-            class: normalizeClass([
-              "ele-pro-form-builder-item-handle",
-              { "is-disabled": !_ctx.handle }
-            ])
-          }, [
-            _ctx.handle ? (openBlock(), createBlock(unref(ElIcon), {
-              key: 0,
-              class: "ele-pro-form-builder-item-handle-icon"
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(DragOutlined))
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "builderItemHandleContent", {
-              item: _ctx.item,
-              activeItemKey: _ctx.activeItemKey
-            }, () => [
-              createElementVNode("div", _hoisted_2, toDisplayString(_ctx.item.type), 1)
-            ])
-          ], 2),
-          createElementVNode("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "builderItemTools", {
-              item: _ctx.item,
-              activeItemKey: _ctx.activeItemKey
-            })
-          ])
-        ])
+        createVNode(BuilderToolWrapper, {
+          item: _ctx.item,
+          activeItemKey: _ctx.activeItemKey,
+          handle: _ctx.handle
+        }, createSlots({ _: 2 }, [
+          renderList(Object.keys(_ctx.$slots), (name) => {
+            return {
+              name,
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1032, ["item", "activeItemKey", "handle"])
       ], 2);
     };
   }

package/es/ele-pro-form/components/draggable-row.d.ts

@@ -0,0 +1,84 @@
+import { ElRowProps, ElColProps } from '../../ele-app/el';
+import { ProFormItemProps, ScreenSize } from '../types';
+
+declare function __VLS_template(): {
+    item?(_: {
+        element: any;
+    }): any;
+    footer?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项数据 */
+    itemsData?: ProFormItemProps[];
+    /** 组件属性 */
+    componentData?: ElRowProps;
+    /** 屏幕尺寸 */
+    screenSize?: ScreenSize;
+    /** 栅格布局属性 */
+    gridColProps?: ElColProps;
+    /** 表单数据 */
+    formData?: Record<string, any>;
+    /** 全部的表单项 */
+    formItems?: ProFormItemProps[];
+    /** 搜索表单展开状态 */
+    searchExpand?: boolean;
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
+    /** 获取表单组件的组件引用数据方法 */
+    getProFormRefs?: () => Record<string, any>;
+    /** 获取并缓存代码解析结果方法 */
+    getAndCacheCode?: (code: string, codeResult: any) => any;
+    /** 自动计算额外的 ElCol 份数 */
+    autoContentExtraCol?: boolean;
+    /** 额外的 ElCol 属性 */
+    contentExtraColProps?: ElColProps;
+    /** 编辑模式 */
+    editable?: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    updateItems: (data?: ProFormItemProps[] | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项数据 */
+    itemsData?: ProFormItemProps[];
+    /** 组件属性 */
+    componentData?: ElRowProps;
+    /** 屏幕尺寸 */
+    screenSize?: ScreenSize;
+    /** 栅格布局属性 */
+    gridColProps?: ElColProps;
+    /** 表单数据 */
+    formData?: Record<string, any>;
+    /** 全部的表单项 */
+    formItems?: ProFormItemProps[];
+    /** 搜索表单展开状态 */
+    searchExpand?: boolean;
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
+    /** 获取表单组件的组件引用数据方法 */
+    getProFormRefs?: () => Record<string, any>;
+    /** 获取并缓存代码解析结果方法 */
+    getAndCacheCode?: (code: string, codeResult: any) => any;
+    /** 自动计算额外的 ElCol 份数 */
+    autoContentExtraCol?: boolean;
+    /** 额外的 ElCol 属性 */
+    contentExtraColProps?: ElColProps;
+    /** 编辑模式 */
+    editable?: boolean;
+}>>> & Readonly<{
+    onUpdateItems?: ((data?: ProFormItemProps[] | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/ele-pro-form/components/draggable-row.js

@@ -0,0 +1,143 @@
+import { defineComponent, computed, provide, createBlock, openBlock, unref, normalizeStyle, normalizeClass, createSlots, withCtx, mergeProps, renderSlot, createVNode, normalizeProps, guardReactiveProps } from "vue";
+import { useNamespace, rowContextKey, ElCol } from "element-plus";
+import VueDraggable from "vuedraggable";
+import { sortableGroupName, getScreenSizeColProps, translateJsCode, computeContentExtraCol, isShowItem } from "./render-core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DraggableRow" },
+  __name: "draggable-row",
+  props: {
+    itemsData: {},
+    componentData: {},
+    screenSize: {},
+    gridColProps: {},
+    formData: {},
+    formItems: {},
+    searchExpand: { type: Boolean },
+    httpRequest: {},
+    getProFormRefs: { type: Function },
+    getAndCacheCode: { type: Function },
+    autoContentExtraCol: { type: Boolean },
+    contentExtraColProps: {},
+    editable: { type: Boolean }
+  },
+  emits: ["updateItems"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleUpdateItemsModelValue = (data) => {
+      emit("updateItems", data);
+    };
+    const ns = useNamespace("row");
+    const gutter = computed(() => {
+      var _a;
+      return ((_a = props.componentData) == null ? void 0 : _a.gutter) ?? 0;
+    });
+    const rowStyle = computed(() => {
+      var _a;
+      const styles = {};
+      if (!((_a = props.componentData) == null ? void 0 : _a.gutter)) {
+        return styles;
+      }
+      styles.marginRight = styles.marginLeft = `-${props.componentData.gutter / 2}px`;
+      return styles;
+    });
+    const rowClass = computed(() => {
+      var _a, _b, _c, _d;
+      return [
+        "ele-pro-form-builder-grid-container-wrapper",
+        ns.b(),
+        ns.is(
+          `justify-${((_a = props.componentData) == null ? void 0 : _a.justify) ?? "start"}`,
+          (((_b = props.componentData) == null ? void 0 : _b.justify) ?? "start") !== "start"
+        ),
+        ns.is(`align-${(_c = props.componentData) == null ? void 0 : _c.align}`, !!((_d = props.componentData) == null ? void 0 : _d.align))
+      ];
+    });
+    provide(rowContextKey, { gutter });
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createBlock(unref(VueDraggable), {
+        itemKey: "key",
+        animation: 150,
+        modelValue: _ctx.itemsData,
+        setData: () => void 0,
+        group: unref(sortableGroupName),
+        handle: ".ele-pro-form-builder-item-handle",
+        draggable: ".ele-pro-form-builder-grid-item-wrapper",
+        tag: ((_a = _ctx.componentData) == null ? void 0 : _a.tag) ?? "div",
+        class: normalizeClass(rowClass.value),
+        style: normalizeStyle(rowStyle.value),
+        "onUpdate:modelValue": handleUpdateItemsModelValue
+      }, createSlots({
+        item: withCtx(({ element }) => [
+          (openBlock(), createBlock(unref(ElCol), mergeProps(
+            {
+              key: element.key ?? element.prop,
+              class: "ele-pro-form-builder-grid-item-wrapper"
+            },
+            unref(getScreenSizeColProps)(
+              _ctx.screenSize,
+              _ctx.gridColProps,
+              unref(translateJsCode)(
+                element.colProps || {},
+                _ctx.formData,
+                _ctx.formItems || [],
+                _ctx.searchExpand,
+                _ctx.httpRequest,
+                _ctx.getProFormRefs,
+                _ctx.getAndCacheCode
+              ).result
+            )
+          ), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "item", { element })
+            ]),
+            _: 2
+          }, 1040))
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.footer ? {
+          name: "footer",
+          fn: withCtx(() => [
+            createVNode(unref(ElCol), normalizeProps(guardReactiveProps(
+              unref(getScreenSizeColProps)(
+                _ctx.screenSize,
+                _ctx.autoContentExtraCol ? unref(computeContentExtraCol)(
+                  _ctx.gridColProps,
+                  (_ctx.formItems || []).filter(
+                    (item) => unref(isShowItem)(
+                      item,
+                      _ctx.formData,
+                      _ctx.formItems || [],
+                      _ctx.searchExpand,
+                      _ctx.editable
+                    )
+                  ).length
+                ) : { span: 24 },
+                unref(translateJsCode)(
+                  _ctx.contentExtraColProps || {},
+                  _ctx.formData,
+                  _ctx.formItems || [],
+                  _ctx.searchExpand,
+                  _ctx.httpRequest,
+                  _ctx.getProFormRefs,
+                  _ctx.getAndCacheCode
+                ).result
+              )
+            )), {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "footer")
+              ]),
+              _: 3
+            }, 16)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "group", "tag", "class", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};