ele-admin-plus 1.2.2-beta.5 → 1.3.0-beta.3

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

@@ -0,0 +1,44 @@
+import { ProFormItemKey, ProFormItemProps, ProFormItemTypeData } from '../../ele-pro-form/types';
+import { ComponentGroup, UpdateItemsResult } from '../types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 全部表单项 */
+    formItems?: ProFormItemProps[];
+    /** 选中的表单项 */
+    currentFormItemId?: ProFormItemKey;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:currentFormItemId": (formItemId?: string | number | symbol | undefined) => void;
+    updateItems: (result: UpdateItemsResult) => void;
+    updateItemChildren: (children: ProFormItemProps[], parent?: ProFormItemProps | undefined) => void;
+    openTableTool: (formItemId: string, el: HTMLElement) => void;
+    openComponentPicker: (formItemId: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 全部表单项 */
+    formItems?: ProFormItemProps[];
+    /** 选中的表单项 */
+    currentFormItemId?: ProFormItemKey;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+}>>> & {
+    "onUpdate:currentFormItemId"?: ((formItemId?: string | number | symbol | undefined) => any) | undefined;
+    onOpenTableTool?: ((formItemId: string, el: HTMLElement) => any) | undefined;
+    onUpdateItemChildren?: ((children: ProFormItemProps[], parent?: ProFormItemProps | undefined) => any) | undefined;
+    onUpdateItems?: ((result: UpdateItemsResult) => any) | undefined;
+    onOpenComponentPicker?: ((formItemId: string) => any) | undefined;
+}, {}, {}>;
+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;
+    };
+};

package/es/ele-pro-form-builder/components/outline-tree.js

@@ -0,0 +1,116 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, createBlock, createCommentVNode, unref } from "vue";
+import { ElEmpty } from "element-plus";
+import { findTree } from "../../utils/core";
+import { fixedChildTypes } from "./build-core";
+import { generateCopyItemData, generateAddChildData } from "./build-util";
+import OutlineList from "./outline-list";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "outline-tree",
+  props: {
+    formItems: {},
+    currentFormItemId: {},
+    componentData: {},
+    itemTypeData: {}
+  },
+  emits: ["update:currentFormItemId", "updateItems", "updateItemChildren", "openTableTool", "openComponentPicker"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const outlineWrapperRef = ref(null);
+    const collapseItemIds = ref([]);
+    const handleUpdateCurrentFormItemId = (itemId) => {
+      emit("update:currentFormItemId", itemId);
+    };
+    const handleUpdateItems = (result) => {
+      emit("updateItems", result);
+    };
+    const handleDeleteItem = (formItemId) => {
+      handleUpdateItems({
+        deleteItemIds: [formItemId],
+        addItems: [],
+        updateItems: []
+      });
+    };
+    const handleCopyItem = (formItemId) => {
+      handleUpdateItems(generateCopyItemData(formItemId, props.formItems));
+    };
+    const handleAddChildren = (triggerItem, action) => {
+      if (triggerItem.type && fixedChildTypes.some((d) => d.type === triggerItem.type)) {
+        const result = generateAddChildData(
+          triggerItem,
+          void 0,
+          void 0,
+          action,
+          props.formItems,
+          void 0,
+          props.componentData
+        );
+        handleUpdateItems(result);
+      } else {
+        emit("openComponentPicker", triggerItem.key);
+      }
+    };
+    const handleOpenTableTool = (item, e) => {
+      var _a, _b;
+      const el = e.currentTarget;
+      const triggerEl = (_b = (_a = el == null ? void 0 : el.parentElement) == null ? void 0 : _a.querySelector) == null ? void 0 : _b.call(
+        _a,
+        ".ele-pro-form-builder-outline-item-table-tool-trigger"
+      );
+      emit("openTableTool", item.key, triggerEl);
+    };
+    const handleUpdateItemChildren = (children, parent) => {
+      emit("updateItemChildren", children, parent);
+    };
+    const handleToggleItemCollapse = (formItemId) => {
+      const index = collapseItemIds.value.indexOf(formItemId);
+      if (index !== -1) {
+        collapseItemIds.value.splice(index, 1);
+      } else {
+        collapseItemIds.value.push(formItemId);
+      }
+    };
+    watch(
+      () => props.formItems,
+      (items) => {
+        for (let i = collapseItemIds.value.length - 1; i >= 0; i--) {
+          if (!findTree(items, (item) => collapseItemIds.value[i] === item.key)) {
+            collapseItemIds.value.splice(i, 1);
+          }
+        }
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "outlineWrapperRef",
+        ref: outlineWrapperRef,
+        class: "ele-pro-form-builder-outline-wrapper"
+      }, [
+        _ctx.formItems ? (openBlock(), createBlock(OutlineList, {
+          key: 0,
+          items: _ctx.formItems,
+          currentFormItemId: _ctx.currentFormItemId,
+          collapseItemIds: collapseItemIds.value,
+          componentData: _ctx.componentData,
+          itemTypeData: _ctx.itemTypeData,
+          "onUpdate:currentFormItemId": handleUpdateCurrentFormItemId,
+          onToggleItemCollapse: handleToggleItemCollapse,
+          onDeleteItem: handleDeleteItem,
+          onCopyItem: handleCopyItem,
+          onAddChildren: handleAddChildren,
+          onOpenTableTool: handleOpenTableTool,
+          onUpdateItemChildren: handleUpdateItemChildren
+        }, null, 8, ["items", "currentFormItemId", "collapseItemIds", "componentData", "itemTypeData"])) : createCommentVNode("", true),
+        !_ctx.formItems || !_ctx.formItems.length ? (openBlock(), createBlock(unref(ElEmpty), {
+          key: 1,
+          imageSize: 58,
+          class: "ele-pro-form-builder-form-empty"
+        })) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,50 @@
+import { ProFormItemTypeData } from '../../ele-pro-form/types';
+import { UserComponent } from '../../ele-app/types';
+import { TemplateFormConfig } from '../types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 表单属性 */
+    formProps?: TemplateFormConfig;
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (visible?: boolean | undefined) => void;
+    previewFormSubmit: (data: Record<string, any>) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 表单属性 */
+    formProps?: TemplateFormConfig;
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
+}>>> & {
+    "onUpdate:modelValue"?: ((visible?: boolean | undefined) => any) | undefined;
+    onPreviewFormSubmit?: ((data: Record<string, any>) => 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-builder/components/preview-modal.js

@@ -0,0 +1,134 @@
+import { defineComponent, ref, reactive, watch, nextTick, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, unref, normalizeClass, resolveDynamicComponent, normalizeStyle, mergeProps, createSlots, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { ElIcon } from "element-plus";
+import EleModal from "../../ele-modal/index";
+import { setValue, mergeValue, getFormInitValue } from "../../ele-pro-form/util";
+import EleProForm from "../../ele-pro-form/index";
+import { screenItems } from "../util";
+const _hoisted_1 = { class: "ele-pro-form-builder-screen-radio" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "preview-modal",
+  props: {
+    modelValue: { type: Boolean },
+    formProps: {},
+    proFormComponent: {},
+    itemTypeData: {},
+    httpRequest: {}
+  },
+  emits: ["update:modelValue", "previewFormSubmit"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const previewFormRef = ref(null);
+    const previewFormProps = ref({ items: [] });
+    const formData = reactive({});
+    const previewScreen = ref("pc");
+    const handleUpdateModelValue = (visible) => {
+      emit("update:modelValue", visible);
+    };
+    const setPreviewFormDataFieldValue = (field, value) => {
+      setValue(formData, field, value);
+    };
+    const handlePreviewFormSubmit = () => {
+      emit("previewFormSubmit", formData);
+    };
+    const handlePreviewFormReset = () => {
+      var _a;
+      Object.keys(formData).forEach((k) => {
+        formData[k] = void 0;
+      });
+      mergeValue(
+        formData,
+        getFormInitValue((_a = previewFormProps.value) == null ? void 0 : _a.items, props.itemTypeData)
+      );
+    };
+    const handleUpdatePreviewScreen = (size) => {
+      previewScreen.value = size;
+    };
+    watch(
+      () => props.modelValue,
+      (visible) => {
+        if (visible) {
+          previewFormProps.value = JSON.parse(
+            JSON.stringify(props.formProps || { items: [] })
+          );
+          handlePreviewFormReset();
+          nextTick(() => {
+            nextTick(() => {
+              var _a, _b;
+              (_b = (_a = previewFormRef.value) == null ? void 0 : _a.clearValidate) == null ? void 0 : _b.call(_a);
+            });
+          });
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(EleModal, {
+        width: 960,
+        maxable: true,
+        draggable: false,
+        position: "center",
+        closeOnClickModal: false,
+        destroyOnClose: true,
+        modelValue: _ctx.modelValue,
+        "onUpdate:modelValue": handleUpdateModelValue
+      }, {
+        header: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(screenItems), (item) => {
+              return openBlock(), createBlock(unref(ElIcon), {
+                key: item.value,
+                class: normalizeClass([
+                  "ele-pro-form-builder-header-tool",
+                  "ele-pro-form-builder-screen-icon",
+                  { "is-active": item.value === previewScreen.value }
+                ]),
+                onClick: ($event) => handleUpdatePreviewScreen(item.value)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                    style: normalizeStyle(item.iconStyle)
+                  }, null, 8, ["style"]))
+                ]),
+                _: 2
+              }, 1032, ["class", "onClick"]);
+            }), 128))
+          ])
+        ]),
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.proFormComponent || EleProForm), mergeProps({ validateOnRuleChange: false }, previewFormProps.value, {
+            ref_key: "previewFormRef",
+            ref: previewFormRef,
+            model: formData,
+            searchExpand: formData.searchExpand,
+            "onUpdate:searchExpand": _cache[0] || (_cache[0] = ($event) => formData.searchExpand = $event),
+            editable: false,
+            itemTypeData: _ctx.itemTypeData,
+            httpRequest: _ctx.httpRequest,
+            class: [
+              "ele-pro-form-builder-preview-form",
+              { "is-pc": previewScreen.value === "pc" },
+              { "is-pad": previewScreen.value === "pad" },
+              { "is-phone": previewScreen.value === "phone" }
+            ],
+            onUpdateValue: setPreviewFormDataFieldValue,
+            onSubmit: handlePreviewFormSubmit,
+            onReset: handlePreviewFormReset
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1040, ["model", "searchExpand", "itemTypeData", "httpRequest", "class"]))
+        ]),
+        _: 3
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,76 @@
+import { UserComponent } from '../../ele-app/types';
+import { ProFormItemKey, ProFormItemTypeData } from '../../ele-pro-form/types';
+import { TemplateFormConfig, ComponentGroup, UpdateItemsResult } from '../types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 选中的表单项 id */
+    currentFormItemId?: ProFormItemKey;
+    /** 表单属性 */
+    formProps?: TemplateFormConfig;
+    /** 表单属性设置的组件预设属性值 */
+    configFormPresetProps?: Record<string, any>;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent?: UserComponent;
+    /** 富文本编辑器组件 */
+    htmlEditerComponent?: UserComponent;
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:currentFormItemId": (formItemId?: string | undefined) => void;
+    updateItem: (formItemId: string | number | symbol, field: string, value: any) => void;
+    updateItems: (result: UpdateItemsResult) => void;
+    sortItemChildren: (childIds: string[], formItemId: string | number | symbol) => void;
+    openComponentPicker: (formItemId: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 选中的表单项 id */
+    currentFormItemId?: ProFormItemKey;
+    /** 表单属性 */
+    formProps?: TemplateFormConfig;
+    /** 表单属性设置的组件预设属性值 */
+    configFormPresetProps?: Record<string, any>;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent?: UserComponent;
+    /** 富文本编辑器组件 */
+    htmlEditerComponent?: UserComponent;
+    /** 高级表单组件类型数据 */
+    itemTypeData?: ProFormItemTypeData[];
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
+}>>> & {
+    "onUpdate:currentFormItemId"?: ((formItemId?: string | undefined) => any) | undefined;
+    onUpdateItems?: ((result: UpdateItemsResult) => any) | undefined;
+    onUpdateItem?: ((formItemId: string | number | symbol, field: string, value: any) => any) | undefined;
+    onSortItemChildren?: ((childIds: string[], formItemId: string | number | symbol) => any) | undefined;
+    onOpenComponentPicker?: ((formItemId: string) => 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-builder/components/props-form.js

@@ -0,0 +1,262 @@
+import { defineComponent, ref, reactive, watch, openBlock, createElementBlock, Fragment, createBlock, resolveDynamicComponent, createSlots, withCtx, createVNode, mergeProps, unref, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
+import { ElInput, ElEmpty } from "element-plus";
+import { findTree } from "../../utils/core";
+import EleProForm from "../../ele-pro-form/index";
+import { getFormDataAndItems, fixedChildTypes } from "./build-core";
+import { generateAddChildData } from "./build-util";
+import OptionsEdit from "./options-edit";
+import EventEdit from "./event-edit";
+import HtmlEdit from "./html-edit";
+import IfEdit from "./if-edit";
+import SourceEdit from "./source-edit";
+import ChildrenEdit from "./children-edit";
+import StyleEdit from "./style-edit";
+import JsonInput from "./json-input";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "props-form",
+  props: {
+    currentFormItemId: {},
+    formProps: {},
+    configFormPresetProps: {},
+    componentData: {},
+    proFormComponent: {},
+    codeEditerComponent: {},
+    jsonEditerComponent: {},
+    htmlEditerComponent: {},
+    itemTypeData: {},
+    httpRequest: {}
+  },
+  emits: ["update:currentFormItemId", "updateItem", "updateItems", "sortItemChildren", "openComponentPicker"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const propsProFormRef = ref(null);
+    const currentFormItem = ref();
+    const propsFormData = reactive({});
+    const propsFormItems = ref([]);
+    const handleUpdateItem = (field, value) => {
+      if (props.currentFormItemId != null) {
+        emit("updateItem", props.currentFormItemId, field, value);
+      }
+    };
+    const handleUpdateChildLabel = (label, child, field) => {
+      emit("updateItem", child.key, field, label);
+    };
+    const handleSortChildren = (children) => {
+      if (props.currentFormItemId != null) {
+        emit(
+          "sortItemChildren",
+          children.map((c) => c.key),
+          props.currentFormItemId
+        );
+      }
+    };
+    const handleDeleteChildren = (child) => {
+      emit("updateItems", {
+        addItems: [],
+        updateItems: [],
+        deleteItemIds: [child.key]
+      });
+    };
+    const handleAddChildren = (parent) => {
+      var _a;
+      if (parent.type && fixedChildTypes.some((d) => d.type === parent.type)) {
+        const result = generateAddChildData(
+          parent,
+          void 0,
+          void 0,
+          void 0,
+          (_a = props.formProps) == null ? void 0 : _a.items,
+          void 0,
+          props.componentData
+        );
+        emit("updateItems", result);
+      } else {
+        emit("openComponentPicker", parent.key);
+      }
+    };
+    const handleUpdateCurrentFormItemId = (formItemId) => {
+      emit("update:currentFormItemId", formItemId);
+    };
+    const resetPropsFormData = (data) => {
+      Object.keys(propsFormData).forEach((k) => {
+        propsFormData[k] = void 0;
+      });
+      if (data) {
+        Object.assign(propsFormData, data);
+      }
+    };
+    watch(
+      [() => props.formProps, () => props.currentFormItemId],
+      () => {
+        var _a, _b, _c, _d, _e;
+        if (props.currentFormItemId == null) {
+          resetPropsFormData();
+          propsFormItems.value = [];
+          currentFormItem.value = void 0;
+          return;
+        }
+        const temp = findTree(
+          (_a = props.formProps) == null ? void 0 : _a.items,
+          (item) => item.key === props.currentFormItemId
+        );
+        const { data, items } = getFormDataAndItems(temp, props.componentData);
+        resetPropsFormData(
+          Object.assign({}, data, {
+            itemProps: Object.assign(
+              {
+                labelWidth: ((_b = props.formProps) == null ? void 0 : _b.labelWidth) ?? ((_c = props.configFormPresetProps) == null ? void 0 : _c.labelWidth),
+                labelPosition: ((_d = props.formProps) == null ? void 0 : _d.labelPosition) ?? ((_e = props.configFormPresetProps) == null ? void 0 : _e.labelPosition)
+              },
+              data.itemProps
+            )
+          })
+        );
+        if (JSON.stringify(propsFormItems.value) !== JSON.stringify(items)) {
+          propsFormItems.value = items;
+        }
+        if (currentFormItem.value !== temp) {
+          currentFormItem.value = temp;
+          if (propsProFormRef.value) {
+            propsProFormRef.value.$el.scrollTop = 0;
+          }
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.proFormComponent || EleProForm), {
+          ref_key: "propsProFormRef",
+          ref: propsProFormRef,
+          size: "small",
+          labelPosition: "top",
+          model: propsFormData,
+          items: propsFormItems.value,
+          itemTypeData: _ctx.itemTypeData,
+          httpRequest: _ctx.httpRequest,
+          class: "ele-pro-form-builder-props-form",
+          onUpdateValue: handleUpdateItem
+        }, createSlots({ _: 2 }, [
+          !_ctx.$slots.proFormBuilderOptionsEdit ? {
+            name: "proFormBuilderOptionsEdit",
+            fn: withCtx(({ item, modelValue, updateValue }) => [
+              createVNode(OptionsEdit, mergeProps({ codeEditerComponent: _ctx.codeEditerComponent }, item.props || {}, {
+                modelValue,
+                "onUpdate:modelValue": updateValue
+              }), null, 16, ["codeEditerComponent", "modelValue", "onUpdate:modelValue"])
+            ]),
+            key: "0"
+          } : void 0,
+          !_ctx.$slots.proFormBuilderEventEdit ? {
+            name: "proFormBuilderEventEdit",
+            fn: withCtx(({ item, modelValue, updateValue }) => [
+              createVNode(EventEdit, mergeProps({ codeEditerComponent: _ctx.codeEditerComponent }, item.props || {}, {
+                modelValue,
+                "onUpdate:modelValue": updateValue
+              }), null, 16, ["codeEditerComponent", "modelValue", "onUpdate:modelValue"])
+            ]),
+            key: "1"
+          } : void 0,
+          !_ctx.$slots.proFormBuilderHtmlEdit ? {
+            name: "proFormBuilderHtmlEdit",
+            fn: withCtx(({ item, modelValue, updateValue }) => [
+              createVNode(HtmlEdit, mergeProps({ htmlEditerComponent: _ctx.htmlEditerComponent }, item.props || {}, {
+                modelValue,
+                "onUpdate:modelValue": updateValue
+              }), null, 16, ["htmlEditerComponent", "modelValue", "onUpdate:modelValue"])
+            ]),
+            key: "2"
+          } : void 0,
+          !_ctx.$slots.proFormBuilderIfEdit ? {
+            name: "proFormBuilderIfEdit",
+            fn: withCtx(({ item, modelValue, updateValue }) => [
+              createVNode(IfEdit, mergeProps({ codeEditerComponent: _ctx.codeEditerComponent }, item.props || {}, {
+                modelValue,
+                "onUpdate:modelValue": updateValue
+              }), null, 16, ["codeEditerComponent", "modelValue", "onUpdate:modelValue"])
+            ]),
+            key: "3"
+          } : void 0,
+          !_ctx.$slots.proFormBuilderSourceEdit ? {
+            name: "proFormBuilderSourceEdit",
+            fn: withCtx(({ item, model, updatePropValue }) => [
+              createVNode(SourceEdit, mergeProps({ jsonEditerComponent: _ctx.jsonEditerComponent }, item.props || {}, {
+                modelValue: model,
+                "onUpdate:modelValue": (val) => updatePropValue("", val)
+              }), null, 16, ["jsonEditerComponent", "modelValue", "onUpdate:modelValue"])
+            ]),
+            key: "4"
+          } : void 0,
+          !_ctx.$slots.proFormBuilderChildrenEdit ? {
+            name: "proFormBuilderChildrenEdit",
+            fn: withCtx(({ item }) => [
+              (openBlock(), createBlock(ChildrenEdit, mergeProps({ key: _ctx.currentFormItemId }, item.props || {}, {
+                formItem: currentFormItem.value,
+                componentData: _ctx.componentData,
+                onUpdateChildLabel: handleUpdateChildLabel,
+                onSortChildren: handleSortChildren,
+                onDeleteChildren: handleDeleteChildren,
+                onAddChildren: handleAddChildren,
+                "onUpdate:currentFormItemId": handleUpdateCurrentFormItemId
+              }), null, 16, ["formItem", "componentData"]))
+            ]),
+            key: "5"
+          } : void 0,
+          !_ctx.$slots.proFormBuilderStyleEdit ? {
+            name: "proFormBuilderStyleEdit",
+            fn: withCtx(({ item, modelValue, updateValue }) => [
+              (openBlock(), createBlock(StyleEdit, mergeProps({ key: _ctx.currentFormItemId }, item.props || {}, {
+                modelValue,
+                "onUpdate:modelValue": updateValue
+              }), null, 16, ["modelValue", "onUpdate:modelValue"]))
+            ]),
+            key: "6"
+          } : void 0,
+          !_ctx.$slots.proFormBuilderJsonInput ? {
+            name: "proFormBuilderJsonInput",
+            fn: withCtx(({ item, modelValue, updateValue }) => [
+              (openBlock(), createBlock(JsonInput, mergeProps({ key: _ctx.currentFormItemId }, item.props || {}, {
+                modelValue,
+                "onUpdate:modelValue": updateValue
+              }), null, 16, ["modelValue", "onUpdate:modelValue"]))
+            ]),
+            key: "7"
+          } : void 0,
+          !_ctx.$slots.proFormBuilderIconInput ? {
+            name: "proFormBuilderIconInput",
+            fn: withCtx(({ modelValue, updateValue }) => [
+              createVNode(unref(ElInput), {
+                size: "small",
+                clearable: true,
+                modelValue,
+                "onUpdate:modelValue": updateValue
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            key: "8"
+          } : void 0,
+          renderList(Object.keys(_ctx.$slots), (name) => {
+            return {
+              name,
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+              ])
+            };
+          })
+        ]), 1064, ["model", "items", "itemTypeData", "httpRequest"])),
+        !currentFormItem.value ? (openBlock(), createBlock(unref(ElEmpty), {
+          key: 0,
+          imageSize: 58,
+          description: "选中组件配置属性",
+          class: "ele-pro-form-builder-form-empty"
+        })) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};