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

package/es/ele-pro-form-builder/components/icons/icon-skeleton.js

@@ -0,0 +1,28 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "icon-skeleton",
+  props: {
+    size: {},
+    color: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          { "ele-icon-bg-fill-light": _ctx.color !== "primary" },
+          { "ele-icon-bg-primary": _ctx.color === "primary" }
+        ]),
+        style: normalizeStyle({
+          flexShrink: 0,
+          height: { xl: "18px", lg: "12px", md: "10px", sm: "6px", xs: "4px" }[_ctx.size || "md"],
+          borderRadius: _ctx.size === "sm" ? "3px" : _ctx.size === "xs" ? "2px" : "4px"
+        })
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-pro-form-builder/components/icons/icon-table-row.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties } from 'vue';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    size?: "sm" | "md";
+    multiple?: boolean;
+    checkboxChecked?: boolean;
+    skeletonStyle?: CSSProperties;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    size?: "sm" | "md";
+    multiple?: boolean;
+    checkboxChecked?: boolean;
+    skeletonStyle?: CSSProperties;
+}>>>, {}, {}>;
+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/icons/icon-table-row.js

@@ -0,0 +1,63 @@
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, createBlock, unref, createCommentVNode, renderSlot, createVNode } from "vue";
+import { IconCheckbox, IconSkeleton } from "./index";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "icon-table-row",
+  props: {
+    size: {},
+    multiple: { type: Boolean },
+    checkboxChecked: { type: Boolean },
+    skeletonStyle: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "ele-icon-border-color-base",
+        style: normalizeStyle({
+          display: "flex",
+          alignItems: "center",
+          borderBottomStyle: "solid",
+          borderBottomWidth: "1px",
+          boxSizing: "border-box",
+          padding: _ctx.size === "sm" ? "0 8px 0 4px" : "0 12px 0 6px",
+          height: _ctx.size === "sm" ? "9px" : "15px"
+        })
+      }, [
+        _ctx.multiple ? (openBlock(), createBlock(unref(IconCheckbox), {
+          key: 0,
+          size: _ctx.size === "sm" ? "xs" : "sm",
+          checked: _ctx.checkboxChecked,
+          style: { margin: "0" }
+        }, null, 8, ["size", "checked"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createVNode(unref(IconSkeleton), {
+            size: _ctx.size === "sm" ? "xs" : "sm",
+            style: normalizeStyle({
+              flex: 1,
+              marginLeft: _ctx.size === "sm" ? "4px" : "6px",
+              ..._ctx.skeletonStyle || {}
+            })
+          }, null, 8, ["size", "style"]),
+          createVNode(unref(IconSkeleton), {
+            size: _ctx.size === "sm" ? "xs" : "sm",
+            style: normalizeStyle({
+              flex: 1,
+              marginLeft: _ctx.size === "sm" ? "8px" : "12px",
+              ..._ctx.skeletonStyle || {}
+            })
+          }, null, 8, ["size", "style"]),
+          createVNode(unref(IconSkeleton), {
+            size: _ctx.size === "sm" ? "xs" : "sm",
+            style: normalizeStyle({
+              flex: 1,
+              marginLeft: _ctx.size === "sm" ? "8px" : "12px",
+              ..._ctx.skeletonStyle || {}
+            })
+          }, null, 8, ["size", "style"])
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-pro-form-builder/components/icons/icon-table.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    size?: "sm" | "md";
+    multiple?: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    size?: "sm" | "md";
+    multiple?: boolean;
+}>>>, {}, {}>;
+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/icons/icon-table.js

@@ -0,0 +1,65 @@
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode } from "vue";
+import { IconTableRow } from "./index";
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { style: { flex: 1 } }, null, -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "icon-table",
+  props: {
+    size: {},
+    multiple: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "ele-icon-border-color-base",
+        style: normalizeStyle({
+          borderStyle: "solid",
+          borderWidth: "1px",
+          borderRadius: _ctx.size === "sm" ? "2px" : "4px"
+        })
+      }, [
+        createVNode(unref(IconTableRow), {
+          size: _ctx.size,
+          multiple: _ctx.multiple,
+          class: "ele-icon-bg-fill",
+          style: normalizeStyle({ borderRadius: _ctx.size === "sm" ? "2px 2px 0 0" : "4px 4px 0 0" })
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              style: normalizeStyle({ flex: 1, marginLeft: _ctx.size === "sm" ? "4px" : "6px" })
+            }, null, 4),
+            createElementVNode("div", {
+              class: "ele-icon-border-color-base",
+              style: normalizeStyle({
+                flex: 1,
+                height: _ctx.size === "sm" ? "4px" : "8px",
+                borderLeftStyle: "solid",
+                borderLeftWidth: "1px",
+                borderRightStyle: "solid",
+                borderRightWidth: "1px"
+              })
+            }, null, 4),
+            _hoisted_1
+          ]),
+          _: 1
+        }, 8, ["size", "multiple", "style"]),
+        createVNode(unref(IconTableRow), {
+          size: _ctx.size,
+          multiple: _ctx.multiple,
+          checkboxChecked: true
+        }, null, 8, ["size", "multiple"]),
+        createVNode(unref(IconTableRow), {
+          size: _ctx.size,
+          multiple: _ctx.multiple
+        }, null, 8, ["size", "multiple"]),
+        createVNode(unref(IconTableRow), {
+          size: _ctx.size,
+          multiple: _ctx.multiple,
+          style: { border: "none" }
+        }, null, 8, ["size", "multiple"])
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,16 @@
+export { default as IconArrow } from './icon-arrow';
+export { default as IconButton } from './icon-button';
+export { default as IconCalendar } from './icon-calendar';
+export { default as IconCard } from './icon-card';
+export { default as IconCheckbox } from './icon-checkbox';
+export { default as IconCursor } from './icon-cursor';
+export { default as SvgIcon } from './svg-icon';
+export { default as IconImage } from './icon-image';
+export { default as IconInput } from './icon-input';
+export { default as IconPanel } from './icon-panel';
+export { default as IconRadio } from './icon-radio';
+export { default as IconRadioButton } from './icon-radio-button';
+export { default as IconRangeSkeleton } from './icon-range-skeleton';
+export { default as IconSkeleton } from './icon-skeleton';
+export { default as IconTable } from './icon-table';
+export { default as IconTableRow } from './icon-table-row';

package/es/ele-pro-form-builder/components/icons/index.js

@@ -0,0 +1,34 @@
+import { default as default2 } from "./icon-arrow";
+import { default as default3 } from "./icon-button";
+import { default as default4 } from "./icon-calendar";
+import { default as default5 } from "./icon-card";
+import { default as default6 } from "./icon-checkbox";
+import { default as default7 } from "./icon-cursor";
+import { default as default8 } from "./svg-icon";
+import { default as default9 } from "./icon-image";
+import { default as default10 } from "./icon-input";
+import { default as default11 } from "./icon-panel";
+import { default as default12 } from "./icon-radio";
+import { default as default13 } from "./icon-radio-button";
+import { default as default14 } from "./icon-range-skeleton";
+import { default as default15 } from "./icon-skeleton";
+import { default as default16 } from "./icon-table";
+import { default as default17 } from "./icon-table-row";
+export {
+  default2 as IconArrow,
+  default3 as IconButton,
+  default4 as IconCalendar,
+  default5 as IconCard,
+  default6 as IconCheckbox,
+  default7 as IconCursor,
+  default9 as IconImage,
+  default10 as IconInput,
+  default11 as IconPanel,
+  default12 as IconRadio,
+  default13 as IconRadioButton,
+  default14 as IconRangeSkeleton,
+  default15 as IconSkeleton,
+  default16 as IconTable,
+  default17 as IconTableRow,
+  default8 as SvgIcon
+};

package/es/ele-pro-form-builder/components/icons/svg-icon.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties } from 'vue';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    name?: string;
+    iconStyle?: CSSProperties;
+    size?: "sm" | "md";
+    color?: "primary" | "secondary" | "lighter" | "base" | "placeholder" | "light" | "primary5" | "success";
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    name?: string;
+    iconStyle?: CSSProperties;
+    size?: "sm" | "md";
+    color?: "primary" | "secondary" | "lighter" | "base" | "placeholder" | "light" | "primary5" | "success";
+}>>>, {}, {}>;
+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/icons/svg-icon.js

@@ -0,0 +1,66 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, resolveDynamicComponent } from "vue";
+import { ArrowUp, ArrowDown, ArrowRight, ArrowLeft, CheckOutlined, CalendarOutlined, PlusOutlined, StarFilled, ClockCircleOutlined, EnvironmentOutlined, CheckCircleFilled, StepForwardFilled, ExclamationCircleFilled, UserOutlined, CloseOutlined } from "../../../icons";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    components: {
+      ArrowUp,
+      ArrowDown,
+      ArrowRight,
+      ArrowLeft,
+      CheckOutlined,
+      CalendarOutlined,
+      PlusOutlined,
+      StarFilled,
+      ClockCircleOutlined,
+      EnvironmentOutlined,
+      CheckCircleFilled,
+      StepForwardFilled,
+      ExclamationCircleFilled,
+      UserOutlined,
+      CloseOutlined
+    }
+  },
+  __name: "svg-icon",
+  props: {
+    name: {},
+    iconStyle: {},
+    size: {},
+    color: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          {
+            "ele-icon-color-primary": _ctx.color !== "secondary" && _ctx.color !== "lighter" && _ctx.color !== "base" && _ctx.color !== "placeholder" && _ctx.color !== "light" && _ctx.color !== "primary5" && _ctx.color !== "success"
+          },
+          { "ele-icon-color-secondary": _ctx.color === "secondary" },
+          { "ele-icon-color-lighter": _ctx.color === "lighter" },
+          { "ele-icon-color-base": _ctx.color === "base" },
+          { "ele-icon-color-placeholder": _ctx.color === "placeholder" },
+          { "ele-icon-color-light": _ctx.color === "light" },
+          { "ele-icon-color-primary5": _ctx.color === "primary5" },
+          { "ele-icon-color-success": _ctx.color === "success" }
+        ]),
+        style: normalizeStyle({
+          flexShrink: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          fontSize: _ctx.size === "sm" ? "12px" : "14px"
+        })
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.name), {
+            width: "1em",
+            height: "1em",
+            style: normalizeStyle(_ctx.iconStyle)
+          }, null, 8, ["style"]))
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,35 @@
+import { UserComponent } from '../../ele-app/types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 数据 */
+    modelValue?: string;
+    /** 弹窗标题 */
+    title?: string;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (data?: string | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 数据 */
+    modelValue?: string;
+    /** 弹窗标题 */
+    title?: string;
+    /** 顶部提示内容 */
+    codeTips?: string;
+    /** 代码编辑器组件 */
+    codeEditerComponent?: UserComponent;
+}>>> & {
+    "onUpdate:modelValue"?: ((data?: string | undefined) => 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/if-edit.js

@@ -0,0 +1,106 @@
+import { defineComponent, ref, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, createBlock, resolveDynamicComponent } from "vue";
+import { ElButton } from "element-plus";
+import EleModal from "../../ele-modal/index";
+import CodeEditer from "./code-editer";
+const _hoisted_1 = { class: "ele-pro-form-builder-code-edit-wrapper" };
+const _hoisted_2 = {
+  key: 0,
+  class: "ele-pro-form-builder-code-edit-header"
+};
+const _hoisted_3 = { class: "ele-pro-form-builder-code-edit-body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "if-edit",
+  props: {
+    modelValue: {},
+    title: {},
+    codeTips: {},
+    codeEditerComponent: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = ref(false);
+    const codeContent = ref("");
+    const openModal = () => {
+      codeContent.value = props.modelValue ?? "";
+      visible.value = true;
+    };
+    const handleCancel = () => {
+      visible.value = false;
+      codeContent.value = "";
+    };
+    const handleSave = () => {
+      const result = codeContent.value;
+      handleCancel();
+      emit("update:modelValue", result === "" ? void 0 : result);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(ElButton), {
+          size: "small",
+          style: { width: "100%" },
+          onClick: openModal
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(EleModal, {
+          width: 800,
+          maxable: true,
+          position: "center",
+          title: _ctx.title,
+          modelValue: visible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+          closeOnClickModal: false,
+          destroyOnClose: true,
+          bodyStyle: {
+            height: "520px",
+            minHeight: "100%",
+            maxHeight: "100%",
+            padding: "8px 16px"
+          }
+        }, {
+          footer: withCtx(() => [
+            createVNode(unref(ElButton), {
+              size: "default",
+              onClick: handleCancel
+            }, {
+              default: withCtx(() => [
+                createTextVNode("取消")
+              ]),
+              _: 1
+            }),
+            createVNode(unref(ElButton), {
+              type: "primary",
+              size: "default",
+              onClick: handleSave
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" 保存 ")
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              _ctx.codeTips ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.codeTips), 1)) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_3, [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
+                  modelValue: codeContent.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => codeContent.value = $event)
+                }, null, 8, ["modelValue"]))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "modelValue"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

@@ -0,0 +1,125 @@
+import { defineComponent, ref, watch, openBlock, createBlock, createSlots, withCtx, resolveDynamicComponent, createVNode, unref, createTextVNode } from "vue";
+import { ElButton } from "element-plus";
+import EleModal from "../../ele-modal/index";
+import { itemsGenerateNewKey } from "./build-util";
+import CodeEditer from "./code-editer";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "import-modal",
+  props: {
+    modelValue: { type: Boolean },
+    config: {},
+    isImport: { type: Boolean },
+    jsonEditerComponent: {}
+  },
+  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 = JSON.parse(JSON.stringify(props.config));
+          itemsGenerateNewKey(result, config.items, false);
+          result.forEach((item) => {
+            config.items.push(item);
+          });
+          handleImportData(config);
+          return;
+        }
+        if (result && typeof result === "object" && result.prop && result.items == null) {
+          const config = JSON.parse(JSON.stringify(props.config));
+          itemsGenerateNewKey(result, config.items, false);
+          config.items.push(result);
+          handleImportData(config);
+          return;
+        }
+        if (result) {
+          itemsGenerateNewKey(result.items, [], 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(() => [
+                createTextVNode("取消")
+              ]),
+              _: 1
+            }),
+            createVNode(unref(ElButton), {
+              type: "primary",
+              size: "default",
+              onClick: handleImport
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" 导入 ")
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "bodyStyle"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};