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

package/es/ele-crud-builder/components/field-tree.js

@@ -0,0 +1,264 @@
+import { defineComponent, ref, reactive, watch, createElementBlock, openBlock, Fragment, createElementVNode, createBlock, createCommentVNode, createVNode, unref, withCtx, createTextVNode, Transition, toDisplayString, resolveDynamicComponent, createSlots, renderList, mergeProps, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { ElButton, ElEmpty, ElSwitch } from "element-plus";
+import { PlusOutlined, CloseOutlined, CheckOutlined } from "../../icons/index";
+import { findTree, eachTree, omit } from "../../utils/common";
+import EleProForm from "../../ele-pro-form/index";
+import { setValue, mergeValue, getFormInitValue } from "../../ele-pro-form/util";
+import { deepCloneObject } from "../../ele-pro-form-builder/components/build-core";
+import SourceEdit from "../../ele-pro-form-builder/components/source-edit";
+import StyleEdit from "../../ele-pro-form-builder/components/style-edit";
+import { itemsGenerateNewKey } from "../util";
+import FieldList from "./field-list";
+const _hoisted_1 = { class: "ele-crud-builder-field-header" };
+const _hoisted_2 = {
+  key: 0,
+  class: "ele-crud-builder-field-edit-wrapper"
+};
+const _hoisted_3 = { class: "ele-crud-builder-field-edit-card" };
+const _hoisted_4 = { class: "ele-crud-builder-field-edit-header" };
+const _hoisted_5 = { class: "ele-crud-builder-field-edit-title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "FieldTree" },
+  __name: "field-tree",
+  props: {
+    /** 全部字段 */
+    fields: Array,
+    /** 字段编辑的表单项配置 */
+    fieldEditFormItems: Array,
+    /** 高级表单组件 */
+    proFormComponent: [String, Object, Function],
+    /** JSON 编辑器组件 */
+    jsonEditerComponent: [String, Object, Function],
+    /** 高级表单组件类型数据 */
+    itemTypeData: Array,
+    /** 远程数据源请求工具 */
+    httpRequest: [Object, Function]
+  },
+  emits: ["deleteField", "addField", "updateField", "updateFieldChildren"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const collapseItemIds = ref([]);
+    const fieldEditData = reactive({});
+    const fieldEditOption = reactive({});
+    const handleDeleteItem = (key) => {
+      emit("deleteField", key);
+    };
+    const handleCopyItem = (key) => {
+      if (key == null) {
+        return;
+      }
+      eachTree(props.fields, (item, index, parent) => {
+        if (item.key === key) {
+          const newItem = deepCloneObject(item);
+          itemsGenerateNewKey(newItem, props.fields, true);
+          emit("addField", newItem, parent == null ? void 0 : parent.key, index + 1);
+          return false;
+        }
+      });
+    };
+    const handleEditItem = (item) => {
+      handleOpenEdit(item);
+    };
+    const handleAddChildren = (parentKey) => {
+      handleOpenEdit(void 0, parentKey);
+    };
+    const handleUpdateItemChildren = (data, parentKey) => {
+      emit("updateFieldChildren", data, parentKey);
+    };
+    const handleToggleItemCollapse = (key) => {
+      if (key == null) {
+        return;
+      }
+      const index = collapseItemIds.value.indexOf(key);
+      if (index !== -1) {
+        collapseItemIds.value.splice(index, 1);
+      } else {
+        collapseItemIds.value.push(key);
+      }
+    };
+    const handleUpdateEditFieldData = (field, value) => {
+      if (!field) {
+        const excludeFields = ["key", "children"];
+        const temp = omit(value, excludeFields);
+        Object.assign(fieldEditData, temp);
+        const valueKeys = Object.keys(temp);
+        Object.keys(fieldEditData).forEach((key) => {
+          if (fieldEditData && !excludeFields.includes(key) && !valueKeys.includes(key) && typeof fieldEditData[key] !== "undefined") {
+            fieldEditData[key] = void 0;
+          }
+        });
+      } else {
+        setValue(fieldEditData, field, value);
+      }
+    };
+    const resetFieldEditData = (item) => {
+      Object.keys(fieldEditData).forEach((key) => {
+        fieldEditData[key] = void 0;
+      });
+      mergeValue(
+        fieldEditData,
+        getFormInitValue(props.fieldEditFormItems, props.itemTypeData, true),
+        item
+      );
+    };
+    const handleOpenEdit = (item, parentKey) => {
+      resetFieldEditData(item);
+      if (item == null) {
+        fieldEditOption.isEdit = false;
+        fieldEditOption.parentKey = parentKey;
+      } else {
+        fieldEditOption.isEdit = true;
+        fieldEditOption.parentKey = void 0;
+      }
+      fieldEditOption.index = void 0;
+      fieldEditOption.visible = true;
+    };
+    const handleCancelEdit = () => {
+      fieldEditOption.visible = false;
+    };
+    const handleSaveEdit = () => {
+      handleCancelEdit();
+      const field = deepCloneObject(fieldEditData);
+      if (fieldEditOption.isEdit) {
+        emit("updateField", field);
+      } else {
+        itemsGenerateNewKey(field, props.fields);
+        emit("addField", field, fieldEditOption.parentKey, fieldEditOption.index);
+      }
+    };
+    watch(
+      () => props.fields,
+      (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(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(ElButton), {
+            icon: unref(PlusOutlined),
+            type: "primary",
+            onClick: _cache[0] || (_cache[0] = ($event) => handleOpenEdit())
+          }, {
+            default: withCtx(() => _cache[1] || (_cache[1] = [
+              createTextVNode(" 添加 ")
+            ])),
+            _: 1,
+            __: [1]
+          }, 8, ["icon"])
+        ]),
+        __props.fields ? (openBlock(), createBlock(FieldList, {
+          key: 0,
+          items: __props.fields,
+          collapseItemIds: collapseItemIds.value,
+          onToggleItemCollapse: handleToggleItemCollapse,
+          onDeleteItem: handleDeleteItem,
+          onCopyItem: handleCopyItem,
+          onEditItem: handleEditItem,
+          onAddChildren: handleAddChildren,
+          onUpdateItemChildren: handleUpdateItemChildren
+        }, null, 8, ["items", "collapseItemIds"])) : createCommentVNode("", true),
+        !__props.fields || !__props.fields.length ? (openBlock(), createBlock(unref(ElEmpty), {
+          key: 1,
+          imageSize: 58,
+          class: "ele-crud-builder-form-empty"
+        })) : createCommentVNode("", true),
+        createVNode(Transition, { name: "anim" }, {
+          default: withCtx(() => [
+            fieldEditOption.visible ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("div", _hoisted_5, toDisplayString(fieldEditOption.isEdit ? "修改" : "添加"), 1),
+                  createVNode(unref(ElButton), {
+                    text: true,
+                    icon: unref(CloseOutlined),
+                    onClick: handleCancelEdit
+                  }, {
+                    default: withCtx(() => _cache[2] || (_cache[2] = [
+                      createTextVNode(" 取消 ")
+                    ])),
+                    _: 1,
+                    __: [2]
+                  }, 8, ["icon"]),
+                  createVNode(unref(ElButton), {
+                    icon: unref(CheckOutlined),
+                    type: "primary",
+                    onClick: handleSaveEdit
+                  }, {
+                    default: withCtx(() => _cache[3] || (_cache[3] = [
+                      createTextVNode(" 保存 ")
+                    ])),
+                    _: 1,
+                    __: [3]
+                  }, 8, ["icon"])
+                ]),
+                (openBlock(), createBlock(resolveDynamicComponent(__props.proFormComponent || EleProForm), {
+                  itemTypeData: __props.itemTypeData,
+                  httpRequest: __props.httpRequest,
+                  size: "small",
+                  labelPosition: "top",
+                  model: fieldEditData,
+                  items: __props.fieldEditFormItems,
+                  class: "ele-crud-builder-field-edit-form",
+                  onUpdateValue: handleUpdateEditFieldData
+                }, createSlots({ _: 2 }, [
+                  !_ctx.$slots.crudBuilderSwitch ? {
+                    name: "crudBuilderSwitch",
+                    fn: withCtx(({ item, modelValue, updateValue }) => {
+                      var _a;
+                      return [
+                        createVNode(unref(ElSwitch), {
+                          modelValue: (modelValue ?? ((_a = item.props) == null ? void 0 : _a.defaultValue)) !== false,
+                          "onUpdate:modelValue": (val) => updateValue(val ? {} : false)
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ];
+                    }),
+                    key: "0"
+                  } : void 0,
+                  !_ctx.$slots.proFormBuilderSourceEdit ? {
+                    name: "proFormBuilderSourceEdit",
+                    fn: withCtx(({ item, model, updatePropValue }) => [
+                      createVNode(SourceEdit, mergeProps({ jsonEditerComponent: __props.jsonEditerComponent }, item.props || {}, {
+                        modelValue: model,
+                        "onUpdate:modelValue": (val) => updatePropValue("", val)
+                      }), null, 16, ["jsonEditerComponent", "modelValue", "onUpdate:modelValue"])
+                    ]),
+                    key: "1"
+                  } : void 0,
+                  !_ctx.$slots.proFormBuilderStyleEdit ? {
+                    name: "proFormBuilderStyleEdit",
+                    fn: withCtx(({ item, modelValue, updateValue }) => [
+                      createVNode(StyleEdit, mergeProps(item.props || {}, {
+                        modelValue,
+                        "onUpdate:modelValue": updateValue
+                      }), null, 16, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    key: "2"
+                  } : void 0,
+                  renderList(Object.keys(_ctx.$slots), (name) => {
+                    return {
+                      name,
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                      ])
+                    };
+                  })
+                ]), 1064, ["itemTypeData", "httpRequest", "model", "items"]))
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-crud-builder/components/form-design-modal.d.ts

@@ -0,0 +1,65 @@
+import { PropType } from 'vue';
+import { UserComponent } from '../../ele-app/types';
+import { EleCrudProps, EleProFormBuilderProps, EleProFormProps } from '../../ele-app/plus';
+import { ProFormItemTypeData } from '../../ele-pro-form/types';
+import { FormDesignType } from '../types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 弹窗是否打开 */
+    modelValue: BooleanConstructor;
+    /** 弹窗标题 */
+    title: StringConstructor;
+    /** 类型 */
+    type: PropType<FormDesignType>;
+    /** 配置数据 */
+    config: PropType<EleCrudProps>;
+    /** 高级表单组件 */
+    proFormComponent: PropType<UserComponent>;
+    /** 表单构建组件 */
+    proFormBuilderComponent: PropType<UserComponent>;
+    /** 表单构建组件属性 */
+    proFormBuilderProps: PropType<EleProFormBuilderProps>;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent: PropType<UserComponent>;
+    /** 高级表单组件类型数据 */
+    itemTypeData: PropType<ProFormItemTypeData[]>;
+    /** 远程数据源请求工具 */
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (visible?: boolean | undefined) => void;
+    updateFormConfig: (data?: EleProFormProps | undefined, type?: FormDesignType | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 弹窗是否打开 */
+    modelValue: BooleanConstructor;
+    /** 弹窗标题 */
+    title: StringConstructor;
+    /** 类型 */
+    type: PropType<FormDesignType>;
+    /** 配置数据 */
+    config: PropType<EleCrudProps>;
+    /** 高级表单组件 */
+    proFormComponent: PropType<UserComponent>;
+    /** 表单构建组件 */
+    proFormBuilderComponent: PropType<UserComponent>;
+    /** 表单构建组件属性 */
+    proFormBuilderProps: PropType<EleProFormBuilderProps>;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent: PropType<UserComponent>;
+    /** 高级表单组件类型数据 */
+    itemTypeData: PropType<ProFormItemTypeData[]>;
+    /** 远程数据源请求工具 */
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((visible?: boolean | undefined) => any) | undefined;
+    onUpdateFormConfig?: ((data?: EleProFormProps | undefined, type?: FormDesignType | undefined) => any) | undefined;
+}>, {
+    modelValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/ele-crud-builder/components/form-design-modal.js

@@ -0,0 +1,145 @@
+import { defineComponent, ref, watch, createBlock, openBlock, withCtx, resolveDynamicComponent, mergeProps, unref, createSlots, createVNode, createTextVNode, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { ElButton } from "element-plus";
+import { CheckOutlined } from "../../icons/index";
+import EleModal from "../../ele-modal/index";
+import EleProFormBuilder from "../../ele-pro-form-builder/index";
+import { defaultHeaderRightTools } from "../../ele-pro-form-builder/util";
+import { getFieldsSearchFormItems, getDefaultSearchFormProps, getFieldsAddFormItems, getFieldsEditFormItems } from "../../ele-crud/util";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "FormDesignModal" },
+  __name: "form-design-modal",
+  props: {
+    /** 弹窗是否打开 */
+    modelValue: Boolean,
+    /** 弹窗标题 */
+    title: String,
+    /** 类型 */
+    type: String,
+    /** 配置数据 */
+    config: Object,
+    /** 高级表单组件 */
+    proFormComponent: [String, Object, Function],
+    /** 表单构建组件 */
+    proFormBuilderComponent: [
+      String,
+      Object,
+      Function
+    ],
+    /** 表单构建组件属性 */
+    proFormBuilderProps: Object,
+    /** JSON 编辑器组件 */
+    jsonEditerComponent: [String, Object, Function],
+    /** 高级表单组件类型数据 */
+    itemTypeData: Array,
+    /** 远程数据源请求工具 */
+    httpRequest: [Object, Function]
+  },
+  emits: ["update:modelValue", "updateFormConfig"],
+  setup(__props, { emit: __emit }) {
+    const ownSlots = ["default", "headerTools"];
+    const props = __props;
+    const emit = __emit;
+    const formConfig = ref();
+    const handleUpdateModelValue = (visible) => {
+      emit("update:modelValue", visible);
+    };
+    const handleSave = () => {
+      handleCloseModal();
+      emit("updateFormConfig", formConfig.value, props.type);
+    };
+    const handleCloseModal = () => {
+      handleUpdateModelValue(false);
+    };
+    const handleUpdateFormConfig = (config) => {
+      formConfig.value = config;
+    };
+    watch(
+      () => props.modelValue,
+      (visible) => {
+        var _a, _b, _c, _d, _e, _f;
+        if (!visible) {
+          return;
+        }
+        const config = props.config || {};
+        const fields = config.fields;
+        if (props.type === "search") {
+          const searchConfig = config.searchConfig;
+          const formProps = ((_a = searchConfig === false || searchConfig === true ? void 0 : searchConfig) == null ? void 0 : _a.formProps) || {};
+          const items = ((_b = formProps.items) == null ? void 0 : _b.length) ? formProps.items : getFieldsSearchFormItems(fields);
+          formConfig.value = {
+            ...getDefaultSearchFormProps() || {},
+            ...formProps,
+            items
+          };
+          return;
+        }
+        if (props.type === "add") {
+          const addConfig = config.addConfig;
+          const formProps = ((_c = addConfig === false || addConfig === true ? void 0 : addConfig) == null ? void 0 : _c.formProps) || {};
+          const items = ((_d = formProps.items) == null ? void 0 : _d.length) ? formProps.items : getFieldsAddFormItems(fields);
+          formConfig.value = { ...formProps, items };
+          return;
+        }
+        if (props.type === "edit") {
+          const editConfig = config.editConfig;
+          const formProps = ((_e = editConfig === false || editConfig === true ? void 0 : editConfig) == null ? void 0 : _e.formProps) || {};
+          const items = ((_f = formProps.items) == null ? void 0 : _f.length) ? formProps.items : getFieldsEditFormItems(fields);
+          formConfig.value = { ...formProps, items };
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(EleModal, {
+        width: 1260,
+        maxable: true,
+        position: "center",
+        title: __props.title,
+        modelValue: __props.modelValue,
+        closeOnClickModal: false,
+        destroyOnClose: true,
+        class: "ele-crud-builder-form-design-modal",
+        "onUpdate:modelValue": handleUpdateModelValue
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(__props.proFormBuilderComponent || EleProFormBuilder), mergeProps({
+            proFormComponent: __props.proFormComponent,
+            itemTypeData: __props.itemTypeData,
+            httpRequest: __props.httpRequest,
+            headerTools: unref(defaultHeaderRightTools)
+          }, __props.proFormBuilderProps || {}, {
+            modelValue: formConfig.value,
+            "onUpdate:modelValue": handleUpdateFormConfig
+          }), createSlots({
+            headerTools: withCtx(() => [
+              createVNode(unref(ElButton), {
+                type: "primary",
+                icon: unref(CheckOutlined),
+                onClick: handleSave
+              }, {
+                default: withCtx(() => _cache[0] || (_cache[0] = [
+                  createTextVNode(" 保存 ")
+                ])),
+                _: 1,
+                __: [0]
+              }, 8, ["icon"])
+            ]),
+            _: 2
+          }, [
+            renderList(Object.keys(_ctx.$slots).filter((k) => !ownSlots.includes(k)), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1040, ["proFormComponent", "itemTypeData", "httpRequest", "headerTools", "modelValue"]))
+        ]),
+        _: 3
+      }, 8, ["title", "modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-crud-builder/components/import-modal.d.ts

@@ -0,0 +1,38 @@
+import { UserComponent } from '../../ele-app/types';
+import { EleCrudProps } from '../../ele-app/plus';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 配置数据 */
+    config?: EleCrudProps;
+    /** 是否是导入 */
+    isImport?: boolean;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent?: UserComponent;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (visible?: boolean | undefined) => void;
+    importData: (data: EleCrudProps) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 配置数据 */
+    config?: EleCrudProps;
+    /** 是否是导入 */
+    isImport?: boolean;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent?: UserComponent;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((visible?: boolean | undefined) => any) | undefined;
+    onImportData?: ((data: EleCrudProps) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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-crud-builder/components/import-modal.js

@@ -0,0 +1,137 @@
+import { defineComponent, ref, watch, createBlock, openBlock, createSlots, withCtx, resolveDynamicComponent, createVNode, unref, createTextVNode } from "vue";
+import { ElButton } from "element-plus";
+import EleModal from "../../ele-modal/index";
+import { deepCloneObject } from "../../ele-pro-form-builder/components/build-core";
+import CodeEditer from "../../ele-pro-form-builder/components/code-editer";
+import { itemsGenerateNewKey } from "../util";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "ImportModal" },
+  __name: "import-modal",
+  props: {
+    modelValue: { type: Boolean },
+    config: {},
+    isImport: { type: Boolean },
+    jsonEditerComponent: { type: [String, Object, Function] }
+  },
+  emits: ["update:modelValue", "importData"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const jsonContent = ref("");
+    const handleUpdateModelValue = (visible) => {
+      emit("update:modelValue", visible);
+    };
+    const handleImportData = (data) => {
+      emit("importData", data);
+    };
+    const handleCloseModal = () => {
+      handleUpdateModelValue(false);
+    };
+    const handleImport = () => {
+      if (!jsonContent.value) {
+        return;
+      }
+      handleCloseModal();
+      try {
+        const result = JSON.parse(jsonContent.value);
+        if (result && Array.isArray(result)) {
+          const config = deepCloneObject(props.config);
+          itemsGenerateNewKey(result, config.fields, false);
+          if (config.fields) {
+            result.forEach((item) => {
+              config.fields.push(item);
+            });
+          } else {
+            config.fields = result;
+          }
+          handleImportData(config);
+          return;
+        }
+        if (result && typeof result === "object" && result.prop && result.fields == null) {
+          const config = deepCloneObject(props.config);
+          itemsGenerateNewKey(result, config.fields, false);
+          if (config.fields) {
+            config.fields.push(result);
+          } else {
+            config.fields = [result];
+          }
+          handleImportData(config);
+          return;
+        }
+        if (result) {
+          itemsGenerateNewKey(result.fields, [], false);
+          handleImportData(result);
+        }
+      } catch (e) {
+        console.error(e);
+      }
+    };
+    watch(
+      () => props.modelValue,
+      (visible) => {
+        if (visible && !props.isImport) {
+          jsonContent.value = JSON.stringify(props.config || {}, void 0, 2);
+        } else {
+          jsonContent.value = "";
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(EleModal, {
+        width: 800,
+        maxable: true,
+        position: "center",
+        title: "配置JSON",
+        modelValue: _ctx.modelValue,
+        closeOnClickModal: false,
+        destroyOnClose: true,
+        bodyStyle: {
+          height: "520px",
+          minHeight: "100%",
+          maxHeight: "100%",
+          padding: _ctx.isImport ? "8px 16px 8px 16px" : "8px 16px 12px 16px"
+        },
+        "onUpdate:modelValue": handleUpdateModelValue
+      }, createSlots({
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.jsonEditerComponent || CodeEditer), {
+            modelValue: jsonContent.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => jsonContent.value = $event)
+          }, null, 8, ["modelValue"]))
+        ]),
+        _: 2
+      }, [
+        _ctx.isImport ? {
+          name: "footer",
+          fn: withCtx(() => [
+            createVNode(unref(ElButton), {
+              size: "default",
+              onClick: handleCloseModal
+            }, {
+              default: withCtx(() => _cache[1] || (_cache[1] = [
+                createTextVNode("取消")
+              ])),
+              _: 1,
+              __: [1]
+            }),
+            createVNode(unref(ElButton), {
+              type: "primary",
+              size: "default",
+              onClick: handleImport
+            }, {
+              default: withCtx(() => _cache[2] || (_cache[2] = [
+                createTextVNode(" 导入 ")
+              ])),
+              _: 1,
+              __: [2]
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "bodyStyle"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};