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

package/es/ele-pro-form-builder/components/event-edit.js

@@ -1,22 +1,22 @@
-import { defineComponent, ref, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, createBlock, resolveDynamicComponent } from "vue";
-import { ElButton } from "element-plus";
-import { codeStringPrefix } from "../../ele-pro-form/components/render-util";
+import { defineComponent, ref, createElementBlock, openBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode, withModifiers } from "vue";
+import { ElButton, ElIcon } from "element-plus";
+import { QuestionCircleOutlined } from "../../icons/index";
+import { codeStringPrefix } from "../../ele-pro-form/components/render-core";
 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 _hoisted_1 = { class: "ele-pro-form-builder-code-edit-header" };
+const _hoisted_2 = { class: "ele-pro-form-builder-code-edit-tip" };
+const _hoisted_3 = { class: "ele-pro-form-builder-code-edit-wrapper" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "EventEdit" },
   __name: "event-edit",
   props: {
     modelValue: {},
     title: {},
     codeTips: {},
     codePlaceholder: {},
-    codeEditerComponent: {}
+    codePrefix: {},
+    codeEditerComponent: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -24,23 +24,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const visible = ref(false);
     const codeContent = ref("");
+    const getCodePrefix = () => {
+      return props.codePrefix ?? codeStringPrefix;
+    };
+    const getResult = () => {
+      const code = codeContent.value;
+      if (code == null || !code) {
+        return;
+      }
+      return `${getCodePrefix()}${code}`;
+    };
     const openModal = () => {
+      const codePrefix = getCodePrefix();
       if (props.modelValue == null || typeof props.modelValue !== "string") {
         codeContent.value = props.codePlaceholder ?? "";
-      } else if (props.modelValue.trim().startsWith(codeStringPrefix)) {
-        codeContent.value = props.modelValue.trim().slice(codeStringPrefix.length);
+      } else if (props.modelValue.trim().startsWith(codePrefix)) {
+        codeContent.value = props.modelValue.trim().slice(codePrefix.length);
       } else {
         codeContent.value = (props.modelValue || props.codePlaceholder) ?? "";
       }
       visible.value = true;
     };
-    const getResult = () => {
-      const code = codeContent.value;
-      if (code == null || !code) {
-        return;
-      }
-      return `${codeStringPrefix}${code}`;
-    };
     const handleCancel = () => {
       visible.value = false;
       codeContent.value = "";
@@ -54,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(ElButton), {
           size: "small",
-          style: { width: "100%" },
+          class: "ele-pro-form-builder-props-fluid-btn",
           onClick: openModal
         }, {
           default: withCtx(() => [
@@ -66,9 +70,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           width: 800,
           maxable: true,
           position: "center",
-          title: _ctx.title,
           modelValue: visible.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
           closeOnClickModal: false,
           destroyOnClose: true,
           bodyStyle: {
@@ -78,40 +81,58 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             padding: "8px 16px"
           }
         }, {
+          header: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", null, toDisplayString(_ctx.title), 1),
+              _ctx.codeTips ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: "ele-pro-form-builder-code-edit-icon",
+                onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"])),
+                onTouchstart: _cache[1] || (_cache[1] = withModifiers(() => {
+                }, ["stop"]))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(QuestionCircleOutlined)),
+                  createElementVNode("div", _hoisted_2, toDisplayString(_ctx.codeTips), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ])
+          ]),
           footer: withCtx(() => [
             createVNode(unref(ElButton), {
               size: "default",
               onClick: handleCancel
             }, {
-              default: withCtx(() => _cache[2] || (_cache[2] = [
+              default: withCtx(() => _cache[4] || (_cache[4] = [
                 createTextVNode("取消")
               ])),
-              _: 1
+              _: 1,
+              __: [4]
             }),
             createVNode(unref(ElButton), {
               type: "primary",
               size: "default",
               onClick: handleSave
             }, {
-              default: withCtx(() => _cache[3] || (_cache[3] = [
+              default: withCtx(() => _cache[5] || (_cache[5] = [
                 createTextVNode(" 保存 ")
               ])),
-              _: 1
+              _: 1,
+              __: [5]
             })
           ]),
           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"]))
-              ])
+            createElementVNode("div", _hoisted_3, [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
+                modelValue: codeContent.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => codeContent.value = $event)
+              }, null, 8, ["modelValue"]))
             ])
           ]),
           _: 1
-        }, 8, ["title", "modelValue"])
+        }, 8, ["modelValue"])
       ], 64);
     };
   }

package/es/ele-pro-form-builder/components/html-edit.js

@@ -1,14 +1,15 @@
-import { defineComponent, ref, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, resolveDynamicComponent } from "vue";
+import { defineComponent, ref, createElementBlock, openBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, 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 _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "HtmlEdit" },
   __name: "html-edit",
   props: {
     modelValue: {},
     title: {},
-    htmlEditerComponent: {}
+    htmlEditerComponent: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -33,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(ElButton), {
           size: "small",
-          style: { width: "100%" },
+          class: "ele-pro-form-builder-props-fluid-btn",
           onClick: openModal
         }, {
           default: withCtx(() => [
@@ -65,7 +66,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => _cache[2] || (_cache[2] = [
                 createTextVNode("取消")
               ])),
-              _: 1
+              _: 1,
+              __: [2]
             }),
             createVNode(unref(ElButton), {
               type: "primary",
@@ -75,7 +77,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => _cache[3] || (_cache[3] = [
                 createTextVNode(" 保存 ")
               ])),
-              _: 1
+              _: 1,
+              __: [3]
             })
           ]),
           default: withCtx(() => [

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-arrow",
   props: {

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, unref, createCommentVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, createCommentVNode, unref } from "vue";
 import { IconSkeleton } from "./index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-button",

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeStyle } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-calendar",
   props: {

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, unref, createCommentVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, createCommentVNode, unref } from "vue";
 import { IconSkeleton } from "./index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-card",

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, unref, createCommentVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, createCommentVNode, unref } from "vue";
 import { SvgIcon } from "./index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-checkbox",
@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([
           "ele-icon-border-color-base",
           { "ele-icon-bg-primary": _ctx.checked },
-          { "ele-icon-bg-base": !_ctx.checked }
+          { "ele-icon-bg-fill-blank": !_ctx.checked }
         ]),
         style: normalizeStyle({
           flexShrink: 0,

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   class: "ele-icon-border-color-text",
   style: {

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, createElementVNode } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-image",
   props: {

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-input",
   props: {

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-panel",
   props: {

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, unref, normalizeStyle } from "vue";
+import { defineComponent, computed, createBlock, openBlock, unref, normalizeStyle } from "vue";
 import { IconButton } from "./index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-radio-button",

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-radio",
   props: {

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, Fragment, createVNode, unref, createElementVNode, normalizeStyle } from "vue";
+import { defineComponent, createElementBlock, openBlock, Fragment, createVNode, createElementVNode, unref, normalizeStyle } from "vue";
 import { IconSkeleton } from "./index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-range-skeleton",

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-skeleton",
   props: {

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, createBlock, unref, createCommentVNode, renderSlot, createVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, createBlock, createCommentVNode, renderSlot, unref, createVNode } from "vue";
 import { IconCheckbox, IconSkeleton } from "./index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-table-row",

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode } from "vue";
 import { IconTableRow } from "./index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "icon-table",
@@ -39,7 +39,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 4),
             _cache[0] || (_cache[0] = createElementVNode("div", { style: { flex: 1 } }, null, -1))
           ]),
-          _: 1
+          _: 1,
+          __: [0]
         }, 8, ["size", "multiple", "style"]),
         createVNode(unref(IconTableRow), {
           size: _ctx.size,

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

@@ -1,5 +1,5 @@
-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";
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createBlock, resolveDynamicComponent } from "vue";
+import { CloseOutlined, UserOutlined, ExclamationCircleFilled, StepForwardFilled, CheckCircleFilled, EnvironmentOutlined, ClockCircleOutlined, StarFilled, PlusOutlined, CalendarOutlined, CheckOutlined, ArrowLeft, ArrowRight, ArrowDown, ArrowUp } from "../../../icons/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     components: {

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

@@ -1,20 +1,19 @@
-import { defineComponent, ref, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, createBlock, resolveDynamicComponent } from "vue";
-import { ElButton } from "element-plus";
+import { defineComponent, ref, createElementBlock, openBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode, withModifiers } from "vue";
+import { ElButton, ElIcon } from "element-plus";
+import { QuestionCircleOutlined } from "../../icons/index";
 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 _hoisted_1 = { class: "ele-pro-form-builder-code-edit-header" };
+const _hoisted_2 = { class: "ele-pro-form-builder-code-edit-tip" };
+const _hoisted_3 = { class: "ele-pro-form-builder-code-edit-wrapper" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "IfEdit" },
   __name: "if-edit",
   props: {
     modelValue: {},
     title: {},
     codeTips: {},
-    codeEditerComponent: {}
+    codeEditerComponent: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -39,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(ElButton), {
           size: "small",
-          style: { width: "100%" },
+          class: "ele-pro-form-builder-props-fluid-btn",
           onClick: openModal
         }, {
           default: withCtx(() => [
@@ -51,9 +50,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           width: 800,
           maxable: true,
           position: "center",
-          title: _ctx.title,
           modelValue: visible.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
           closeOnClickModal: false,
           destroyOnClose: true,
           bodyStyle: {
@@ -63,40 +61,58 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             padding: "8px 16px"
           }
         }, {
+          header: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", null, toDisplayString(_ctx.title), 1),
+              _ctx.codeTips ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: "ele-pro-form-builder-code-edit-icon",
+                onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"])),
+                onTouchstart: _cache[1] || (_cache[1] = withModifiers(() => {
+                }, ["stop"]))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(QuestionCircleOutlined)),
+                  createElementVNode("div", _hoisted_2, toDisplayString(_ctx.codeTips), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ])
+          ]),
           footer: withCtx(() => [
             createVNode(unref(ElButton), {
               size: "default",
               onClick: handleCancel
             }, {
-              default: withCtx(() => _cache[2] || (_cache[2] = [
+              default: withCtx(() => _cache[4] || (_cache[4] = [
                 createTextVNode("取消")
               ])),
-              _: 1
+              _: 1,
+              __: [4]
             }),
             createVNode(unref(ElButton), {
               type: "primary",
               size: "default",
               onClick: handleSave
             }, {
-              default: withCtx(() => _cache[3] || (_cache[3] = [
+              default: withCtx(() => _cache[5] || (_cache[5] = [
                 createTextVNode(" 保存 ")
               ])),
-              _: 1
+              _: 1,
+              __: [5]
             })
           ]),
           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"]))
-              ])
+            createElementVNode("div", _hoisted_3, [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
+                modelValue: codeContent.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => codeContent.value = $event)
+              }, null, 8, ["modelValue"]))
             ])
           ]),
           _: 1
-        }, 8, ["title", "modelValue"])
+        }, 8, ["modelValue"])
       ], 64);
     };
   }

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

@@ -1,30 +1,30 @@
 import { UserComponent } from '../../ele-app/types';
-import { TemplateFormConfig } from '../types';
+import { EleProFormProps } from '../../ele-app/plus';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 弹窗是否打开 */
     modelValue?: boolean;
     /** 表单配置数据 */
-    config?: TemplateFormConfig;
+    config?: EleProFormProps;
     /** 是否是导入 */
     isImport?: boolean;
     /** JSON 编辑器组件 */
     jsonEditerComponent?: UserComponent;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (visible?: boolean | undefined) => void;
-    importData: (data: TemplateFormConfig) => void;
+    importData: (data: EleProFormProps) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 弹窗是否打开 */
     modelValue?: boolean;
     /** 表单配置数据 */
-    config?: TemplateFormConfig;
+    config?: EleProFormProps;
     /** 是否是导入 */
     isImport?: boolean;
     /** JSON 编辑器组件 */
     jsonEditerComponent?: UserComponent;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((visible?: boolean | undefined) => any) | undefined;
-    onImportData?: ((data: TemplateFormConfig) => any) | undefined;
+    onImportData?: ((data: EleProFormProps) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,17 +1,19 @@
-import { defineComponent, ref, watch, openBlock, createBlock, createSlots, withCtx, resolveDynamicComponent, createVNode, unref, createTextVNode } from "vue";
+import { defineComponent, ref, watch, createBlock, openBlock, createSlots, withCtx, resolveDynamicComponent, createVNode, unref, createTextVNode } from "vue";
 import { ElButton } from "element-plus";
-import { mapTree } from "../../utils/core";
+import { mapTree } from "../../utils/common";
 import EleModal from "../../ele-modal/index";
 import { getComponentLegacyProps, getItemTypeName } from "../../ele-pro-form/components/render-util";
+import { deepCloneObject } from "./build-core";
 import { itemsGenerateNewKey } from "./build-util";
 import CodeEditer from "./code-editer";
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "ImportModal" },
   __name: "import-modal",
   props: {
     modelValue: { type: Boolean },
     config: {},
     isImport: { type: Boolean },
-    jsonEditerComponent: {}
+    jsonEditerComponent: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue", "importData"],
   setup(__props, { emit: __emit }) {
@@ -46,19 +48,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       try {
         const result = JSON.parse(jsonContent.value);
         if (result && Array.isArray(result)) {
-          const config = JSON.parse(JSON.stringify(props.config));
+          const config = deepCloneObject(props.config);
           itemsGenerateNewKey(result, config.items, false);
-          result.forEach((item) => {
-            config.items.push(item);
-          });
+          if (config.items) {
+            result.forEach((item) => {
+              config.items.push(item);
+            });
+          } else {
+            config.items = result;
+          }
           config.items = checkLegacyItems(config.items);
           handleImportData(config);
           return;
         }
         if (result && typeof result === "object" && result.prop && result.items == null) {
-          const config = JSON.parse(JSON.stringify(props.config));
+          const config = deepCloneObject(props.config);
           itemsGenerateNewKey(result, config.items, false);
-          config.items.push(result);
+          if (config.items) {
+            config.items.push(result);
+          } else {
+            config.items = [result];
+          }
           config.items = checkLegacyItems(config.items);
           handleImportData(config);
           return;
@@ -117,7 +127,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => _cache[1] || (_cache[1] = [
                 createTextVNode("取消")
               ])),
-              _: 1
+              _: 1,
+              __: [1]
             }),
             createVNode(unref(ElButton), {
               type: "primary",
@@ -127,7 +138,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => _cache[2] || (_cache[2] = [
                 createTextVNode(" 导入 ")
               ])),
-              _: 1
+              _: 1,
+              __: [2]
             })
           ]),
           key: "0"

package/es/ele-pro-form-builder/components/json-input.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, watch, openBlock, createBlock, unref } from "vue";
+import { defineComponent, ref, watch, createBlock, openBlock, unref } from "vue";
 import { ElInput } from "element-plus";
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "JsonInput" },
   __name: "json-input",
   props: {
     modelValue: { type: [String, Boolean, Number, Object, Array] },

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

@@ -3,10 +3,10 @@ import { UserComponent } from '../../ele-app/types';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 选项数据代码 */
     data?: Array<any> | string;
-    /** 顶部提示内容 */
-    codeTips?: string;
     /** 默认提示示例代码 */
     codePlaceholder?: string;
+    /** 代码字符串前缀 */
+    codePrefix: string;
     /** 代码编辑器组件 */
     codeEditerComponent?: UserComponent;
 }>>, {
@@ -14,10 +14,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 选项数据代码 */
     data?: Array<any> | string;
-    /** 顶部提示内容 */
-    codeTips?: string;
     /** 默认提示示例代码 */
     codePlaceholder?: string;
+    /** 代码字符串前缀 */
+    codePrefix: string;
     /** 代码编辑器组件 */
     codeEditerComponent?: UserComponent;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;