ele-admin-plus 1.2.2-beta.5 → 1.3.1-beta.1

package/es/components.d.ts

@@ -4,4 +4,6 @@ export { default as EleCountUp } from './ele-count-up/index';
 export { default as EleCropper } from './ele-cropper/index';
 export { default as EleCropperModal } from './ele-cropper-modal/index';
 export { default as EleMapPicker } from './ele-map-picker/index';
+export { default as EleProForm } from './ele-pro-form/index';
+export { default as EleProFormBuilder } from './ele-pro-form-builder/index';
 export { default as EleXgPlayer } from './ele-xg-player/index';

package/es/components.js

@@ -4,12 +4,16 @@ import { default as default3 } from "./ele-count-up/index";
 import { default as default4 } from "./ele-cropper/index";
 import { default as default5 } from "./ele-cropper-modal/index";
 import { default as default6 } from "./ele-map-picker/index";
-import { default as default7 } from "./ele-xg-player/index";
+import { default as default7 } from "./ele-pro-form/index";
+import { default as default8 } from "./ele-pro-form-builder/index";
+import { default as default9 } from "./ele-xg-player/index";
 export {
   default2 as EleBarCode,
   default3 as EleCountUp,
   default4 as EleCropper,
   default5 as EleCropperModal,
   default6 as EleMapPicker,
-  default7 as EleXgPlayer
+  default7 as EleProForm,
+  default8 as EleProFormBuilder,
+  default9 as EleXgPlayer
 };

package/es/core-components.d.ts

@@ -19,6 +19,7 @@ export { default as EleEditTag } from './ele-edit-tag/index';
 export { default as EleEllipsis } from './ele-ellipsis/index';
 export { default as EleFileList } from './ele-file-list/index';
 export { default as EleFileListTool } from './ele-file-list-tool/index';
+export { default as EleIcon } from './ele-icon/index';
 export { default as EleIconSelect } from './ele-icon-select/index';
 export { default as EleImageViewer } from './ele-image-viewer/index';
 export { default as EleLoading } from './ele-loading/index';

package/es/core-components.js

@@ -19,37 +19,38 @@ import { default as default19 } from "./ele-edit-tag/index";
 import { default as default20 } from "./ele-ellipsis/index";
 import { default as default21 } from "./ele-file-list/index";
 import { default as default22 } from "./ele-file-list-tool/index";
-import { default as default23 } from "./ele-icon-select/index";
-import { default as default24 } from "./ele-image-viewer/index";
-import { default as default25 } from "./ele-loading/index";
-import { default as default26 } from "./ele-menus/index";
-import { default as default27 } from "./ele-modal/index";
-import { default as default28 } from "./ele-page/index";
-import { default as default29 } from "./ele-pagination/index";
-import { default as default30 } from "./ele-popconfirm/index";
-import { default as default31 } from "./ele-popover/index";
-import { default as default32 } from "./ele-printer/index";
-import { default as default33 } from "./ele-pro-layout/index";
-import { default as default34 } from "./ele-pro-table/index";
-import { default as default35 } from "./ele-qr-code/index";
-import { default as default36 } from "./ele-qr-code-svg/index";
-import { default as default37 } from "./ele-segmented/index";
-import { default as default38 } from "./ele-split-panel/index";
-import { default as default39 } from "./ele-steps/index";
-import { default as default40 } from "./ele-tabs/index";
-import { default as default41 } from "./ele-tab-tool/index";
-import { default as default42 } from "./ele-tab-wrap/index";
-import { default as default43 } from "./ele-table/index";
-import { default as default44 } from "./ele-table-select/index";
-import { default as default45 } from "./ele-text/index";
-import { default as default46 } from "./ele-tool/index";
-import { default as default47 } from "./ele-toolbar/index";
-import { default as default48 } from "./ele-tooltip/index";
-import { default as default49 } from "./ele-tour/index";
-import { default as default50 } from "./ele-tree-select/index";
-import { default as default51 } from "./ele-upload-list/index";
-import { default as default52 } from "./ele-virtual-table/index";
-import { default as default53 } from "./ele-watermark/index";
+import { default as default23 } from "./ele-icon/index";
+import { default as default24 } from "./ele-icon-select/index";
+import { default as default25 } from "./ele-image-viewer/index";
+import { default as default26 } from "./ele-loading/index";
+import { default as default27 } from "./ele-menus/index";
+import { default as default28 } from "./ele-modal/index";
+import { default as default29 } from "./ele-page/index";
+import { default as default30 } from "./ele-pagination/index";
+import { default as default31 } from "./ele-popconfirm/index";
+import { default as default32 } from "./ele-popover/index";
+import { default as default33 } from "./ele-printer/index";
+import { default as default34 } from "./ele-pro-layout/index";
+import { default as default35 } from "./ele-pro-table/index";
+import { default as default36 } from "./ele-qr-code/index";
+import { default as default37 } from "./ele-qr-code-svg/index";
+import { default as default38 } from "./ele-segmented/index";
+import { default as default39 } from "./ele-split-panel/index";
+import { default as default40 } from "./ele-steps/index";
+import { default as default41 } from "./ele-tabs/index";
+import { default as default42 } from "./ele-tab-tool/index";
+import { default as default43 } from "./ele-tab-wrap/index";
+import { default as default44 } from "./ele-table/index";
+import { default as default45 } from "./ele-table-select/index";
+import { default as default46 } from "./ele-text/index";
+import { default as default47 } from "./ele-tool/index";
+import { default as default48 } from "./ele-toolbar/index";
+import { default as default49 } from "./ele-tooltip/index";
+import { default as default50 } from "./ele-tour/index";
+import { default as default51 } from "./ele-tree-select/index";
+import { default as default52 } from "./ele-upload-list/index";
+import { default as default53 } from "./ele-virtual-table/index";
+import { default as default54 } from "./ele-watermark/index";
 export {
   default2 as EleAdminLayout,
   default3 as EleAlert,
@@ -72,35 +73,36 @@ export {
   default20 as EleEllipsis,
   default21 as EleFileList,
   default22 as EleFileListTool,
-  default23 as EleIconSelect,
-  default24 as EleImageViewer,
-  default25 as EleLoading,
-  default26 as EleMenus,
-  default27 as EleModal,
-  default28 as ElePage,
-  default29 as ElePagination,
-  default30 as ElePopconfirm,
-  default31 as ElePopover,
-  default32 as ElePrinter,
-  default33 as EleProLayout,
-  default34 as EleProTable,
-  default35 as EleQrCode,
-  default36 as EleQrCodeSvg,
-  default37 as EleSegmented,
-  default38 as EleSplitPanel,
-  default39 as EleSteps,
-  default41 as EleTabTool,
-  default42 as EleTabWrap,
-  default43 as EleTable,
-  default44 as EleTableSelect,
-  default40 as EleTabs,
-  default45 as EleText,
-  default46 as EleTool,
-  default47 as EleToolbar,
-  default48 as EleTooltip,
-  default49 as EleTour,
-  default50 as EleTreeSelect,
-  default51 as EleUploadList,
-  default52 as EleVirtualTable,
-  default53 as EleWatermark
+  default23 as EleIcon,
+  default24 as EleIconSelect,
+  default25 as EleImageViewer,
+  default26 as EleLoading,
+  default27 as EleMenus,
+  default28 as EleModal,
+  default29 as ElePage,
+  default30 as ElePagination,
+  default31 as ElePopconfirm,
+  default32 as ElePopover,
+  default33 as ElePrinter,
+  default34 as EleProLayout,
+  default35 as EleProTable,
+  default36 as EleQrCode,
+  default37 as EleQrCodeSvg,
+  default38 as EleSegmented,
+  default39 as EleSplitPanel,
+  default40 as EleSteps,
+  default42 as EleTabTool,
+  default43 as EleTabWrap,
+  default44 as EleTable,
+  default45 as EleTableSelect,
+  default41 as EleTabs,
+  default46 as EleText,
+  default47 as EleTool,
+  default48 as EleToolbar,
+  default49 as EleTooltip,
+  default50 as EleTour,
+  default51 as EleTreeSelect,
+  default52 as EleUploadList,
+  default53 as EleVirtualTable,
+  default54 as EleWatermark
 };

package/es/ele-app/plus.d.ts

@@ -19,6 +19,7 @@ import type { PaginationProps } from '../ele-pagination/props';
 import type ElePopover from '../ele-popover/index';
 import type { PopoverProps } from '../ele-popover/props';
 import type { PrinterProps } from '../ele-printer/props';
+import type EleProForm from '../ele-pro-form/index';
 import type EleProTable from '../ele-pro-table/index';
 import type { ProTableProps } from '../ele-pro-table/props';
 import type { TableProps } from '../ele-table/props';
@@ -125,6 +126,11 @@ export type ElePopoverProps = Partial<PopoverProps>;
  */
 export type ElePrinterProps = ComponentProps<PrinterProps>;
 
+/**
+ * EleProForm
+ */
+export type EleProFormInstance = InstanceType<typeof EleProForm> | null;
+
 /**
  * EleProTable
  */

package/es/ele-breadcrumb/types.d.ts

@@ -1,5 +1,4 @@
-import type { Component } from 'vue';
-import type { StyleValue } from '../ele-app/types';
+import type { StyleValue, UserComponent } from '../ele-app/types';
 import type {
   ElIconProps,
   ElBreadcrumbProps,
@@ -22,7 +21,7 @@ export interface BreadcrumbItem extends ElBreadcrumbItemProps {
   /** 标题 */
   title?: string;
   /** 图标 */
-  icon?: string | Component;
+  icon?: UserComponent;
   /** 图标属性 */
   iconProps?: ElIconProps;
   /** 图标样式 */

package/es/ele-config-provider/components/receiver-view.js

@@ -1,7 +1,7 @@
 import { defineComponent as j, ref as N, computed as R, watch as T, resolveComponent as x, openBlock as y, createBlock as V, normalizeStyle as W, withCtx as Y, renderSlot as z } from "vue";
 import I from "../../ele-watermark/index";
 import { useReceiver as K } from "../receiver";
-const O = "1.2";
+const O = "1.3";
 function J(t) {
   const r = (v, D, a) => {
     const s = ((l, S) => {

package/es/ele-copyable/types.d.ts

@@ -1,9 +1,9 @@
-import type { Component } from 'vue';
+import type { UserComponent } from '../ele-app/types';
 
 /**
  * 图标
  */
-export type CopyableIcon = string | Component;
+export type CopyableIcon = UserComponent;
 
 /**
  * 国际化

package/es/ele-edit-tag/index.d.ts

@@ -28,13 +28,15 @@ declare const _default: import('vue').DefineComponent<{
     tooltipVisible: import('vue').Ref<boolean>;
     updateInputValue: (value: string) => void;
     handleAddClick: () => void;
-    handleTagClose: (index: number) => void;
+    handleTagClose: (index: number, item: string) => void;
+    handleTagClick: (index: number, item: string) => void;
     handleInputChange: () => void;
     handleInputBlur: () => void;
     handleInputFocus: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value?: string[]) => boolean;
     change: (_value?: string[]) => boolean;
+    itemClick: (_index: number, _value: string) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<string[]>;
     type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
@@ -56,6 +58,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((_value?: string[] | undefined) => any) | undefined;
     onChange?: ((_value?: string[] | undefined) => any) | undefined;
+    onItemClick?: ((_index: number, _value: string) => any) | undefined;
 }, {
     disabled: boolean;
     round: boolean;

package/es/ele-edit-tag/index.js

@@ -70,17 +70,19 @@ const _sfc_main = defineComponent({
         focusInput();
       });
     };
-    const handleTagClose = (index2) => {
+    const handleTagClose = (index2, item) => {
       if (typeof props.beforeRemove !== "function") {
         removeTag(index2);
         return;
       }
-      const value = props.modelValue ? props.modelValue[index2] : void 0;
-      props.beforeRemove(index2, value).then(() => {
+      props.beforeRemove(index2, item).then(() => {
         removeTag(index2);
       }).catch(() => {
       });
     };
+    const handleTagClick = (index2, item) => {
+      emit("itemClick", index2, item);
+    };
     const handleInputChange = () => {
       if (!inputValue.value) {
         return;
@@ -135,6 +137,7 @@ const _sfc_main = defineComponent({
       updateInputValue,
       handleAddClick,
       handleTagClose,
+      handleTagClick,
       handleInputChange,
       handleInputBlur,
       handleInputFocus
@@ -177,13 +180,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         closable: _ctx.readonly || _ctx.disabled ? false : true,
         disableTransitions: true,
         style: normalizeStyle(_ctx.itemStyle),
-        onClose: ($event) => _ctx.handleTagClose(index2)
+        onClose: ($event) => _ctx.handleTagClose(index2, item),
+        onClick: ($event) => _ctx.handleTagClick(index2, item)
       }, {
         default: withCtx(() => [
           createTextVNode(toDisplayString(item), 1)
         ]),
         _: 2
-      }, 1032, ["hit", "type", "color", "size", "effect", "round", "closable", "style", "onClose"]);
+      }, 1032, ["hit", "type", "color", "size", "effect", "round", "closable", "style", "onClose", "onClick"]);
     }), 128)) : createCommentVNode("", true),
     !_ctx.readonly ? withDirectives((openBlock(), createBlock(_component_ElTag, {
       key: 1,

package/es/ele-edit-tag/props.d.ts

@@ -52,4 +52,6 @@ export declare const editTagEmits: {
     'update:modelValue': (_value?: string[]) => boolean;
     /** 数据改变事件 */
     change: (_value?: string[]) => boolean;
+    /** 标签点击事件 */
+    itemClick: (_index: number, _value: string) => boolean;
 };

package/es/ele-edit-tag/props.js

@@ -38,7 +38,9 @@ const editTagEmits = {
   /** 更新数据 */
   "update:modelValue": (_value) => true,
   /** 数据改变事件 */
-  change: (_value) => true
+  change: (_value) => true,
+  /** 标签点击事件 */
+  itemClick: (_index, _value) => true
 };
 export {
   editTagEmits,

package/es/ele-icon/index.d.ts

@@ -0,0 +1,11 @@
+import { UserComponent } from '../ele-app/types';
+
+declare const _default: import('vue').DefineComponent<{
+    name: import('vue').PropType<UserComponent>;
+}, {
+    defaultIconTag: string;
+    iconComponent: import('vue').ComputedRef<UserComponent | undefined>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: import('vue').PropType<UserComponent>;
+}>>, {}, {}>;
+export default _default;

package/es/ele-icon/index.js

@@ -0,0 +1,56 @@
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, withCtx, resolveDynamicComponent, normalizeClass, createCommentVNode, renderSlot } from "vue";
+import { ElIcon } from "element-plus";
+import { iconProps } from "./props";
+const defaultIconTag = "i";
+const _sfc_main = defineComponent({
+  name: "EleIcon",
+  components: { ElIcon },
+  props: iconProps,
+  setup(props) {
+    const iconComponent = computed(() => {
+      if (props.name == null) {
+        return;
+      }
+      const nameType = typeof props.name;
+      if (nameType === "object") {
+        return props.name;
+      }
+      if (nameType !== "string" || nameType === "string" && props.name.includes(" ")) {
+        return defaultIconTag;
+      }
+      const componentName = resolveComponent(props.name);
+      if (typeof componentName === "string") {
+        return defaultIconTag;
+      }
+      return componentName;
+    });
+    return {
+      defaultIconTag,
+      iconComponent
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElIcon = resolveComponent("ElIcon");
+  return openBlock(), createBlock(_component_ElIcon, null, {
+    default: withCtx(() => [
+      _ctx.iconComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent), {
+        key: 0,
+        class: normalizeClass(_ctx.iconComponent === _ctx.defaultIconTag ? _ctx.name : void 0)
+      }, null, 8, ["class"])) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  });
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

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

@@ -0,0 +1,11 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { UserComponent } from '../ele-app/types';
+
+/**
+ * 属性
+ */
+export declare const iconProps: {
+    /** 图标名称 */
+    name: PropType<UserComponent>;
+};
+export type IconProps = ExtractPropTypes<typeof iconProps>;

package/es/ele-icon/props.js

@@ -0,0 +1,7 @@
+const iconProps = {
+  /** 图标名称 */
+  name: String
+};
+export {
+  iconProps
+};

package/es/ele-icon/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-icon/style/index.js

@@ -0,0 +1 @@
+import "element-plus/es/components/icon/style/index";

package/es/ele-icon-select/index.d.ts

@@ -4,10 +4,7 @@ import { IconItem } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     modelValue: StringConstructor;
-    data: {
-        type: import('vue').PropType<string[] | IconItem[]>;
-        required: boolean;
-    };
+    data: import('vue').PropType<string[] | IconItem[]>;
     disabled: BooleanConstructor;
     size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
@@ -96,10 +93,7 @@ declare const _default: import('vue').DefineComponent<{
     blur: (_e: FocusEvent) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: StringConstructor;
-    data: {
-        type: import('vue').PropType<string[] | IconItem[]>;
-        required: boolean;
-    };
+    data: import('vue').PropType<string[] | IconItem[]>;
     disabled: BooleanConstructor;
     size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
     clearable: BooleanConstructor;
@@ -175,8 +169,8 @@ declare const _default: import('vue').DefineComponent<{
     responsive: boolean;
     automaticDropdown: boolean;
     popperWidth: string | number;
+    filterPlaceholder: string;
     popperHeight: string | number;
     hideOnSingleTab: boolean;
-    filterPlaceholder: string;
 }, {}>;
 export default _default;

package/es/ele-icon-select/props.d.ts

@@ -11,10 +11,7 @@ export declare const iconSelectProps: {
     /** 选中值 */
     modelValue: StringConstructor;
     /** 图标数据 */
-    data: {
-        type: PropType<string[] | IconItem[]>;
-        required: boolean;
-    };
+    data: PropType<string[] | IconItem[]>;
     /** 是否禁用 */
     disabled: BooleanConstructor;
     /** 尺寸 */

package/es/ele-icon-select/props.js

@@ -2,10 +2,7 @@ const iconSelectProps = {
   /** 选中值 */
   modelValue: String,
   /** 图标数据 */
-  data: {
-    type: Array,
-    required: true
-  },
+  data: Array,
   /** 是否禁用 */
   disabled: Boolean,
   /** 尺寸 */

package/es/ele-menus/types.d.ts

@@ -1,5 +1,4 @@
-import type { Component } from 'vue';
-import type { StyleValue } from '../ele-app/types';
+import type { StyleValue, UserComponent } from '../ele-app/types';
 import type {
   ElIconProps,
   ElMenuItemProps,
@@ -21,7 +20,7 @@ export interface MenuItem
   /** 标题 */
   title?: string;
   /** 图标 */
-  icon?: string | Component;
+  icon?: UserComponent;
   /** 图标属性 */
   iconProps?: ElIconProps;
   /** 图标样式 */
@@ -74,7 +73,7 @@ export interface EllipsisProps extends ElSubMenuProps {
   /** 唯一标识 */
   key?: string | number;
   /** 图标 */
-  icon?: string | Component;
+  icon?: UserComponent;
   /** 图标属性 */
   iconProps?: ElIconProps;
   /** 图标样式 */

package/es/ele-menus/util.js

@@ -1,4 +1,4 @@
-import { onBeforeMount, onActivated, onDeactivated } from "vue";
+import { onBeforeUnmount, onActivated, onDeactivated } from "vue";
 import { getCurrentStyle, debounce } from "../utils/core";
 function getPopperClass(customerClass, theme, popTheme, colorful, popupColorful, firstPopClass, first, webkit) {
   const popperClass = ["ele-menu"];
@@ -111,7 +111,7 @@ function useMenuEllipsis(option) {
       observer.unobserve(menuEl);
     }
   };
-  onBeforeMount(() => {
+  onBeforeUnmount(() => {
     unobserve();
   });
   onActivated(() => {

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

@@ -0,0 +1,48 @@
+import { ProFormItemProps, ProFormItemKey } from '../types';
+
+declare function __VLS_template(): {
+    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<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项 */
+    item: ProFormItemProps;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+    /** 是否需要拖拽手柄 */
+    handle?: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:activeItemKey": (activeKey?: string | number | symbol | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项 */
+    item: ProFormItemProps;
+    /** 编辑模式选中的表单项 */
+    activeItemKey?: ProFormItemKey;
+    /** 是否需要拖拽手柄 */
+    handle?: boolean;
+}>>> & {
+    "onUpdate:activeItemKey"?: ((activeKey?: string | number | symbol | undefined) => any) | undefined;
+}, {}, {}>;
+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-wrapper.js

@@ -0,0 +1,61 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createElementVNode, createBlock, withCtx, createVNode, unref, createCommentVNode, toDisplayString } from "vue";
+import { DragOutlined } from "../../icons";
+const _hoisted_1 = { class: "ele-pro-form-builder-item-handle-content" };
+const _hoisted_2 = { class: "ele-pro-form-builder-item-tools" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "builder-wrapper",
+  props: {
+    item: {},
+    activeItemKey: {},
+    handle: { type: Boolean }
+  },
+  emits: ["update:activeItemKey"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleItemBuilderWrapperClick = () => {
+      emit("update:activeItemKey", props.item.key);
+    };
+    return (_ctx, _cache) => {
+      const _component_ElIcon = resolveComponent("ElIcon");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "ele-pro-form-builder-item-wrapper",
+          { "is-div-type": _ctx.item.type === "div" },
+          { "is-active": _ctx.activeItemKey != null && _ctx.activeItemKey === _ctx.item.key }
+        ]),
+        onClick: withModifiers(handleItemBuilderWrapperClick, ["stop"])
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        createElementVNode("div", {
+          class: normalizeClass(["ele-pro-form-builder-item-handle", { "is-disabled": !_ctx.handle }])
+        }, [
+          _ctx.handle ? (openBlock(), createBlock(_component_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_1, toDisplayString(_ctx.item.type), 1)
+          ])
+        ], 2),
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "builderItemTools", {
+            item: _ctx.item,
+            activeItemKey: _ctx.activeItemKey
+          })
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-pro-form/components/item-type-data.d.ts

@@ -0,0 +1,3 @@
+import { ProFormItemTypeData } from '../types';
+
+export declare const defaultItemTypeData: ProFormItemTypeData[];