@kp-ui/lowcode 1.0.89 → 1.0.90

package/types/src/hooks/useLowcode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLowcode.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useLowcode.ts"],"names":[],"mappings":";AAGA,OAAO,EAA8B,kBAAkB,EAAmB,MAAM,aAAa,CAAC;AAE9F,KAAK,mBAAmB,GAAG;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,mBAAmB;;;+BA+BjB,GAAG,EAAE;;8BAgBA,GAAG,EAAE;;;;;;CA4D9C,CAAC"}
+{"version":3,"file":"useLowcode.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useLowcode.ts"],"names":[],"mappings":";;AAGA,OAAO,EAA8B,kBAAkB,EAAmB,MAAM,aAAa,CAAC;AAE9F,KAAK,mBAAmB,GAAG;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,mBAAmB;;;+BA+BjB,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAgBA,GAAG,EAAE;;;CA4D9C,CAAC"}

package/types/src/lang/zh-CN.d.ts

@@ -340,6 +340,7 @@ declare const _default: {
             cancelButtonHidden: string;
             drawSize: string;
             drawDirection: string;
+            isEnterSubmit: string;
             tableWidth: string;
             tableHeight: string;
             showIndex: string;

package/types/src/lang/zh-CN.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zh-CN.d.ts","sourceRoot":"","sources":["../../../../src/lang/zh-CN.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAwdE"}
+{"version":3,"file":"zh-CN.d.ts","sourceRoot":"","sources":["../../../../src/lang/zh-CN.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAydE"}

package/types/src/main.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=main.d.ts.map

package/types/src/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../src/main.ts"],"names":[],"mappings":"AAGA,OAAO,aAAa,CAAC;AACrB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,sBAAsB,CAAC;AAa9B,OAAO,mCAAmC,CAAC"}

package/types/src/utils/executeFunction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"executeFunction.d.ts","sourceRoot":"","sources":["../../../../src/utils/executeFunction.ts"],"names":[],"mappings":"AAAA,KAAK,sBAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAElD,UAAU,cAAc;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC1C;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,kDAK7B,cAAc,QAyBhB,CAAC"}
+{"version":3,"file":"executeFunction.d.ts","sourceRoot":"","sources":["../../../../src/utils/executeFunction.ts"],"names":[],"mappings":"AAAA,KAAK,sBAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAElD,UAAU,cAAc;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC1C;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,kDAK7B,cAAc,QAmBhB,CAAC"}

package/types/src/utils/smart-vue-i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/smart-vue-i18n/index.ts"],"names":[],"mappings":"AAQA,KAAK,eAAe,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAiCF,wBAAgB,UAAU,CAAC,OAAO,EAAE,eAAe;;;;;EAsClD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/smart-vue-i18n/index.ts"],"names":[],"mappings":"AAQA,KAAK,eAAe,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAiCF,wBAAgB,UAAU,CAAC,OAAO,EAAE,eAAe;;;;;EAoClD"}

package/src/components/form-designer/form-widget/field-widget/picture-upload-widget.vue.js

@@ -1,315 +0,0 @@
-import FormItemWrapper from "./form-item-wrapper.vue.js";
-import SvgIcon from "../../../svg-icon/index.vue.js";
-import emitter from "../../../../utils/emitter.js";
-import i18n from "../../../../utils/i18n.js";
-import { deepClone } from "../../../../utils/util.js";
-import fieldMixin from "./fieldMixin.js";
-import { resolveComponent, createBlock, createCommentVNode, openBlock, withCtx, createVNode, normalizeClass, createElementVNode, createElementBlock, toDisplayString } from "vue";
-/* empty css                           */
-import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "picture-upload-widget",
-  componentName: "FieldWidget",
-  //必须固定为FieldWidget，用于接收父级组件的broadcast事件
-  mixins: [emitter, fieldMixin, i18n],
-  props: {
-    field: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    designer: Object,
-    designState: {
-      type: Boolean,
-      default: false
-    },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  components: {
-    FormItemWrapper,
-    SvgIcon
-  },
-  data() {
-    return {
-      oldFieldValue: null,
-      //field组件change之前的值
-      fieldModel: [],
-      rules: [],
-      uploadHeaders: {},
-      uploadData: {
-        key: ""
-        //七牛云上传文件名
-        //token: '',  //七牛云上传token
-        //policy: '',  //又拍云上传policy
-        //authorization: '',  //又拍云上传签名
-      },
-      fileList: [],
-      //上传文件列表
-      fileListBeforeRemove: [],
-      //删除前的文件列表
-      previewUrl: "",
-      showPreviewDialogFlag: false
-    };
-  },
-  computed: {
-    realUploadURL() {
-      const uploadURL = this.field.options.uploadURL;
-      if (!!uploadURL && (uploadURL.indexOf("DSV.") > -1 || uploadURL.indexOf("DSV[") > -1)) {
-        this.getGlobalDsv();
-        return eval(this.field.options.uploadURL);
-      }
-      return this.field.options.uploadURL;
-    },
-    uploadBtnHidden() {
-      return !this.fileList || this.fileList.length >= this.field.options.limit;
-    }
-  },
-  beforeCreate() {
-  },
-  created() {
-    this.registerToRefList();
-    this.initFieldModel();
-    this.initEventHandler();
-    this.buildFieldRules();
-    this.handleOnCreated();
-  },
-  mounted() {
-    console.log("thjis", this);
-    this.handleOnMounted();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    handlePictureExceed() {
-      const uploadLimit = this.field.options.limit;
-      this.$message.warning(
-        this.i18nt("render.hint.uploadExceed").replace("${uploadLimit}", uploadLimit)
-      );
-    },
-    handlePicturePreview(file) {
-      this.previewUrl = file.url;
-      this.showPreviewDialogFlag = true;
-    },
-    beforePictureUpload(file) {
-      let fileTypeCheckResult = false;
-      if (!!this.field.options && !!this.field.options.fileTypes) {
-        const uploadFileTypes = this.field.options.fileTypes;
-        if (uploadFileTypes.length > 0) {
-          fileTypeCheckResult = uploadFileTypes.some((ft) => {
-            return file.type === "image/" + ft;
-          });
-        }
-      }
-      if (!fileTypeCheckResult) {
-        this.$message.error(this.i18nt("render.hint.unsupportedFileType") + file.type);
-        return false;
-      }
-      let fileSizeCheckResult = false;
-      let uploadFileMaxSize = 5;
-      if (!!this.field.options && !!this.field.options.fileMaxSize) {
-        uploadFileMaxSize = this.field.options.fileMaxSize;
-      }
-      fileSizeCheckResult = file.size / 1024 / 1024 <= uploadFileMaxSize;
-      if (!fileSizeCheckResult) {
-        this.$message.error(
-          this.$("render.hint.fileSizeExceed") + uploadFileMaxSize + "MB"
-        );
-        return false;
-      }
-      this.uploadData.key = file.name;
-      return this.handleOnBeforeUpload(file);
-    },
-    handleOnBeforeUpload(file) {
-      if (!!this.field.options.onBeforeUpload) {
-        const bfFunc = new Function("file", this.field.options.onBeforeUpload);
-        const result = bfFunc.call(this, file);
-        if (typeof result === "boolean") {
-          return result;
-        } else {
-          return true;
-        }
-      }
-      return true;
-    },
-    updateFieldModelAndEmitDataChangeForUpload(fileList, customResult, defaultResult) {
-      this.fieldModel = this.fieldModel || [];
-      const oldValue = deepClone(this.fieldModel);
-      if (!!customResult && !!customResult.name && !!customResult.url) {
-        this.fieldModel.push({
-          name: customResult.name,
-          url: customResult.url
-        });
-      } else if (!!defaultResult && !!defaultResult.name && !!defaultResult.url) {
-        this.fieldModel.push({
-          name: defaultResult.name,
-          url: defaultResult.url
-        });
-      } else {
-        this.fieldModel = deepClone(fileList);
-      }
-      this.syncUpdateFormModel(this.fieldModel);
-      this.emitFieldDataChange(this.fieldModel, oldValue);
-    },
-    handlePictureUpload(res, file, fileList) {
-      if (file.status === "success") {
-        let customResult = null;
-        if (!!this.field.options.onUploadSuccess) {
-          const customFn = new Function(
-            "result",
-            "file",
-            "fileList",
-            this.field.options.onUploadSuccess
-          );
-          customResult = customFn.call(this, res, file, fileList);
-        }
-        this.updateFieldModelAndEmitDataChangeForUpload(fileList, customResult, res);
-        this.fileList = deepClone(fileList);
-      }
-    },
-    updateFieldModelAndEmitDataChangeForRemove(file, fileList) {
-      const oldValue = deepClone(this.fieldModel);
-      let foundFileIdx = -1;
-      this.fileListBeforeRemove.map((fi, idx) => {
-        if (fi.name === file.name && (fi.url === file.url || !!fi.uid && fi.uid === file.uid)) {
-          foundFileIdx = idx;
-        }
-      });
-      if (foundFileIdx > -1) {
-        this.fieldModel.splice(foundFileIdx, 1);
-      }
-      this.syncUpdateFormModel(this.fieldModel);
-      this.emitFieldDataChange(this.fieldModel, oldValue);
-    },
-    handleBeforeRemove(file, fileList) {
-      this.fileListBeforeRemove = deepClone(fileList);
-    },
-    handlePictureRemove(file, fileList) {
-      this.updateFieldModelAndEmitDataChangeForRemove(file, fileList);
-      this.fileList = deepClone(fileList);
-      if (!!this.field.options.onFileRemove) {
-        const customFn = new Function(
-          "file",
-          "fileList",
-          this.field.options.onFileRemove
-        );
-        customFn.call(this, file, fileList);
-      }
-    },
-    handleUploadError(err, file, fileList) {
-      if (!!this.field.options.onUploadError) {
-        const customFn = new Function(
-          "error",
-          "file",
-          "fileList",
-          this.field.options.onUploadError
-        );
-        customFn.call(this, err, file, fileList);
-      } else {
-        this.$message({
-          message: this.i18nt("render.hint.uploadError") + err,
-          duration: 3e3,
-          type: "error"
-        });
-      }
-    }
-  }
-};
-const _hoisted_1 = {
-  key: 0,
-  class: "el-upload__tip"
-};
-const _hoisted_2 = { class: "uploader-icon" };
-const _hoisted_3 = ["src"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_svg_icon = resolveComponent("svg-icon");
-  const _component_a_upload = resolveComponent("a-upload");
-  const _component_a_modal = resolveComponent("a-modal");
-  const _component_form_item_wrapper = resolveComponent("form-item-wrapper");
-  return !_ctx.handleHidden() ? (openBlock(), createBlock(_component_form_item_wrapper, {
-    key: 0,
-    designer: $props.designer,
-    field: $props.field,
-    rules: $data.rules,
-    "design-state": $props.designState,
-    "parent-widget": $props.parentWidget,
-    "parent-list": $props.parentList,
-    "index-of-parent-list": $props.indexOfParentList,
-    "sub-form-row-index": $props.subFormRowIndex,
-    "sub-form-col-index": $props.subFormColIndex,
-    "sub-form-row-id": $props.subFormRowId
-  }, {
-    default: withCtx(() => [
-      createVNode(_component_a_upload, {
-        ref: "fieldEditor",
-        disabled: _ctx.handleDisabled() || _ctx.isReadMode,
-        action: $options.realUploadURL,
-        headers: $data.uploadHeaders,
-        data: $data.uploadData,
-        "with-credentials": $props.field.options.withCredentials,
-        multiple: $props.field.options.multipleSelect,
-        "file-list": $data.fileList,
-        "show-file-list": $props.field.options.showFileList,
-        "list-type": "picture-card",
-        class: normalizeClass({ hideUploadDiv: $options.uploadBtnHidden || _ctx.isReadMode }),
-        limit: $props.field.options.limit,
-        "on-exceed": $options.handlePictureExceed,
-        "on-preview": $options.handlePicturePreview,
-        "before-upload": $options.beforePictureUpload,
-        "on-success": $options.handlePictureUpload,
-        "on-error": $options.handleUploadError,
-        "before-remove": $options.handleBeforeRemove,
-        "on-remove": $options.handlePictureRemove
-      }, {
-        tip: withCtx(() => [
-          !!$props.field.options.uploadTip ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString($props.field.options.uploadTip), 1)) : createCommentVNode("", true)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_2, [
-            createVNode(_component_svg_icon, { "icon-class": "el-plus" })
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled", "action", "headers", "data", "with-credentials", "multiple", "file-list", "show-file-list", "class", "limit", "on-exceed", "on-preview", "before-upload", "on-success", "on-error", "before-remove", "on-remove"]),
-      createVNode(_component_a_modal, {
-        title: "",
-        visible: $data.showPreviewDialogFlag,
-        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => $data.showPreviewDialogFlag = $event),
-        "append-to-body": "",
-        width: "60%",
-        "show-close": true,
-        "custom-class": "drag-dialog small-padding-dialog",
-        "close-on-click-modal": true,
-        "close-on-press-escape": true,
-        "destroy-on-close": true
-      }, {
-        default: withCtx(() => [
-          createElementVNode("img", {
-            src: $data.previewUrl,
-            style: { "width": "100%" },
-            alt: ""
-          }, null, 8, _hoisted_3)
-        ]),
-        _: 1
-      }, 8, ["visible"])
-    ]),
-    _: 1
-  }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"])) : createCommentVNode("", true);
-}
-const pictureUploadWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9a01df99"]]);
-export {
-  pictureUploadWidget as default
-};

package/src/components/form-designer/toolbar-panel/widgetList.js

@@ -1,4 +0,0 @@
-const widgetList = [];
-export {
-  widgetList
-};

package/src/utils/code-generator.js

@@ -1,86 +0,0 @@
-const generateCode = function(formJson, codeType = "vue") {
-  const formJsonStr = JSON.stringify(formJson);
-  if (codeType === "html") {
-    return `<!DOCTYPE html>
-<html>
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
-	<title>VForm Demo</title>
-	<link rel="stylesheet" href="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-plus/2.0.4/index.min.css" />
-	<link rel="stylesheet" href="https://ks3-cn-beijing.ksyun.com/vform3/render.style.css?t=20220129">
-	<style type="text/css">
-	</style>
-</head>
-<body>
-
-  <div id="app">
-	  <v-form-render :form-json="formJson" :form-data="formData" :option-data="optionData" ref="vFormRef">
-    </v-form-render>
-	  <a-button type="primary" @click="submitForm">Submit</a-button>
-  </div>
-
-<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/3.2.30/vue.global.min.js"><\/script>
-<script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/element-plus/2.0.4/index.full.min.js"><\/script>
-<script src="https://ks3-cn-beijing.ksyun.com/vform3/render.umd.js?t=20220129"><\/script>
-<script>
-  const { createApp } = Vue;
-	const app = createApp({
-      data() {
-        return {
-          formJson: ${formJsonStr},
-          formData: {},
-          optionData: {}
-        }
-      },
-      methods: {
-        submitForm() {
-          this.$refs.vFormRef.getFormData().then( (formData) => {
-            // Form Validation OK
-            alert( JSON.stringify(formData) )
-          }).catch( function(error) {
-            // Form Validation Failed
-            alert(error)
-          })
-        }
-      }
-	});
-	app.use(ElementPlus)
-	app.use(VFormRender)
-	app.mount("#app");
-<\/script>
-</body>
-</html>`;
-  } else {
-    return `<template>
-  <div>
-    <v-form-render :form-json="formJson" :form-data="formData" :option-data="optionData" ref="vFormRef">
-    </v-form-render>
-    <a-button type="primary" @click="submitForm">Submit</a-button>
-  </div>
-</template>
-
-<script setup>
-  import { ref, reactive } from 'vue'
-  import { ElMessage } from 'element-plus'
-
-  const formJson = reactive(${formJsonStr})
-  const formData = reactive({})
-  const optionData = reactive({})
-  const vFormRef = ref(null)
-
-  const submitForm = () => {
-    vFormRef.value.getFormData().then(formData => {
-      // Form Validation OK
-      alert( JSON.stringify(formData) )
-    }).catch(error => {
-      // Form Validation failed
-      ElMessage.error(error)
-    })
-  }
-<\/script>`;
-  }
-};
-export {
-  generateCode
-};