@kp-ui/lowcode 1.0.31 → 1.0.32

package/src/components/form-designer/form-widget/field-widget/fieldMixin.js

@@ -1,19 +1,19 @@
-import { translateOptionItems, deepClone } from '../../../../utils/util.js';
-import FormValidators from '../../../../utils/validators.js';
-import { fmtHttpParams } from '../../../../utils/request/fmtHttpParams.js';
-import { eq, isArray } from 'lodash-es';
+import { translateOptionItems, deepClone } from "../../../../utils/util.js";
+import FormValidators from "../../../../utils/validators.js";
+import { fmtHttpParams } from "../../../../utils/request/fmtHttpParams.js";
+import { eq, isArray } from "lodash-es";
 const fieldMixin = {
   inject: [
-    'refList',
-    'getFormConfig',
-    'globalOptionData',
-    'globalModel',
-    'getOptionData',
-    'getGlobalDsv',
-    'getReadMode',
-    'getSubFormFieldFlag',
-    'getSubFormName',
-    'getDSResultCache'
+    "refList",
+    "getFormConfig",
+    "globalOptionData",
+    "globalModel",
+    "getOptionData",
+    "getGlobalDsv",
+    "getReadMode",
+    "getSubFormFieldFlag",
+    "getSubFormName",
+    "getDSResultCache"
   ],
   data() {
     return {
@@ -22,14 +22,11 @@ const fieldMixin = {
     };
   },
   computed: {
-    isFileMode() {
-      return this.field.type === 'file-upload' || this.field.type === 'picture-upload';
-    },
     formConfig() {
       return this.getFormConfig();
     },
     subFormName() {
-      return !!this.getSubFormName ? this.getSubFormName() : '';
+      return !!this.getSubFormName ? this.getSubFormName() : "";
     },
     subFormItemFlag() {
       return !!this.getSubFormFieldFlag ? this.getSubFormFieldFlag() : false;
@@ -45,17 +42,13 @@ const fieldMixin = {
     },
     optionLabel() {
       if (this.fieldModel === null) {
-        return '';
+        return "";
       } else {
-        let resultContent = '';
+        let resultContent = "";
         const { valueKey, labelKey } = this.field.options;
-        this.field.options.optionItems.forEach(oItem => {
-          if (
-            oItem[valueKey] === this.fieldModel ||
-            this.findInArray(this.fieldModel, oItem[valueKey]) !== -1
-          ) {
-            resultContent =
-              resultContent === '' ? oItem[labelKey] : resultContent + ' ' + oItem[labelKey];
+        this.field.options.optionItems.forEach((oItem) => {
+          if (oItem[valueKey] === this.fieldModel || this.findInArray(this.fieldModel, oItem[valueKey]) !== -1) {
+            resultContent = resultContent === "" ? oItem[labelKey] : resultContent + " " + oItem[labelKey];
           }
         });
         return resultContent;
@@ -102,7 +95,7 @@ const fieldMixin = {
     //--------------------- 组件内部方法 begin ------------------//
     getPropName() {
       if (this.subFormItemFlag && !this.designState) {
-        return this.subFormName + '.' + this.subFormRowIndex + '.' + this.field.options.name;
+        return this.subFormName + "." + this.subFormRowIndex + "." + this.field.options.name;
       } else {
         return this.field.options.name;
       }
@@ -113,15 +106,9 @@ const fieldMixin = {
       }
       if (!!this.subFormItemFlag && !this.designState) {
         const subFormData = this.formModel[this.subFormName];
-        if (
-          (subFormData === void 0 ||
-            subFormData[this.subFormRowIndex] === void 0 ||
-            subFormData[this.subFormRowIndex][this.field.options.name] === void 0) &&
-          this.field.options.defaultValue !== void 0
-        ) {
+        if ((subFormData === void 0 || subFormData[this.subFormRowIndex] === void 0 || subFormData[this.subFormRowIndex][this.field.options.name] === void 0) && this.field.options.defaultValue !== void 0) {
           this.fieldModel = this.field.options.defaultValue;
-          subFormData[this.subFormRowIndex][this.field.options.name] =
-            this.field.options.defaultValue;
+          subFormData[this.subFormRowIndex][this.field.options.name] = this.field.options.defaultValue;
         } else if (subFormData[this.subFormRowIndex][this.field.options.name] === void 0) {
           this.fieldModel = null;
           subFormData[this.subFormRowIndex][this.field.options.name] = null;
@@ -141,10 +128,7 @@ const fieldMixin = {
         this.initFileList();
         return;
       }
-      if (
-        this.formModel[this.field.options.name] === void 0 &&
-        this.field.options.defaultValue !== void 0
-      ) {
+      if (this.formModel[this.field.options.name] === void 0 && this.field.options.defaultValue !== void 0) {
         this.fieldModel = this.field.options.defaultValue;
       } else if (this.formModel[this.field.options.name] === void 0) {
         this.formModel[this.field.options.name] = null;
@@ -155,7 +139,7 @@ const fieldMixin = {
       this.initFileList();
     },
     initFileList() {
-      if (!this.isFileMode || this.designState === true) {
+      if (this.field.type !== "picture-upload" && this.field.type !== "file-upload" || this.designState === true) {
         return;
       }
       if (!!this.fieldModel) {
@@ -167,16 +151,12 @@ const fieldMixin = {
       }
     },
     initEventHandler() {
-      this.on$('setFormData', newFormData => {
+      this.on$("setFormData", (newFormData) => {
         if (!this.subFormItemFlag) {
-          let data = newFormData?.[this.field.options.name] || '';
-          if (this.isFileMode) {
-            if (typeof data === 'string' && data !== '') data = JSON.parse(data);
-          }
-          this.setValue(data);
+          this.setValue(newFormData[this.field.options.name]);
         }
       });
-      this.on$('field-value-changed', values => {
+      this.on$("field-value-changed", (values) => {
         if (!!this.subFormItemFlag) {
           const subFormData = this.formModel[this.subFormName];
           this.handleOnChangeForSubForm(values[0], values[1], subFormData, this.subFormRowId);
@@ -184,10 +164,10 @@ const fieldMixin = {
           this.handleOnChange(values[0], values[1]);
         }
       });
-      this.on$('loadOptionItemsFromDataSet', dsName => {
+      this.on$("loadOptionItemsFromDataSet", (dsName) => {
         this.loadOptionItemsFromDataSet(dsName);
       });
-      this.on$('reloadOptionItems', widgetNames => {
+      this.on$("reloadOptionItems", (widgetNames) => {
         if (widgetNames.length === 0 || widgetNames.indexOf(this.field.options.name) > -1) {
           this.initOptionItems(true);
         }
@@ -215,9 +195,9 @@ const fieldMixin = {
       if (this.refList !== null && !!this.field.options.name) {
         if (this.subFormItemFlag && !this.designState) {
           if (!!oldRefName) {
-            delete this.refList[oldRefName + '@row' + this.subFormRowId];
+            delete this.refList[oldRefName + "@row" + this.subFormRowId];
           }
-          this.refList[this.field.options.name + '@row' + this.subFormRowId] = this;
+          this.refList[this.field.options.name + "@row" + this.subFormRowId] = this;
         } else {
           if (!!oldRefName) {
             delete this.refList[oldRefName];
@@ -230,7 +210,7 @@ const fieldMixin = {
       if (this.refList !== null && !!this.field.options.name) {
         const oldRefName = this.field.options.name;
         if (this.subFormItemFlag && !this.designState) {
-          delete this.refList[oldRefName + '@row' + this.subFormRowId];
+          delete this.refList[oldRefName + "@row" + this.subFormRowId];
         } else {
           delete this.refList[oldRefName];
         }
@@ -248,11 +228,8 @@ const fieldMixin = {
       }
       if (this.loading) return;
       this.loading = true;
-      if (['radio', 'checkbox', 'select', 'cascader', 'treeSelect'].includes(this.field.type)) {
-        if (
-          !!this.field.options.dsEnabled &&
-          ((_a = this.field.options.http) == null ? void 0 : _a.url)
-        ) {
+      if (["radio", "checkbox", "select", "cascader", "treeSelect"].includes(this.field.type)) {
+        if (!!this.field.options.dsEnabled && ((_a = this.field.options.http) == null ? void 0 : _a.url)) {
           try {
             const dsResult = await fmtHttpParams.call(this, this.field.options, {
               fieldCode: this.field.options.name
@@ -270,7 +247,7 @@ const fieldMixin = {
               }
             }
           } catch (err) {
-            console.error('err: ', err);
+            console.error("err: ", err);
           }
         }
         const newOptionItems = this.getOptionData();
@@ -288,20 +265,10 @@ const fieldMixin = {
       if (this.designState) {
         return;
       }
-      if (
-        this.field.type !== 'radio' &&
-        this.field.type !== 'checkbox' &&
-        this.field.type !== 'select' &&
-        this.field.type !== 'cascader'
-      ) {
+      if (this.field.type !== "radio" && this.field.type !== "checkbox" && this.field.type !== "select" && this.field.type !== "cascader") {
         return;
       }
-      if (
-        !this.field.options.dsEnabled ||
-        !this.field.options.dsName ||
-        !this.field.options.dataSetName ||
-        this.field.options.dsName !== dsName
-      ) {
+      if (!this.field.options.dsEnabled || !this.field.options.dsName || !this.field.options.dataSetName || this.field.options.dsName !== dsName) {
         return;
       }
       const dataCache = this.getDSResultCache();
@@ -331,8 +298,10 @@ const fieldMixin = {
         this.rules.push({
           required: true,
           //trigger: ['blur', 'change'],
-          trigger: ['blur'],
-          message: this.field.options.requiredHint || this.i18nt('render.hint.fieldRequired')
+          trigger: [
+            "blur"
+          ],
+          message: this.field.options.requiredHint || this.i18nt("render.hint.fieldRequired")
         });
       }
       if (!!this.field.options.validation) {
@@ -340,14 +309,14 @@ const fieldMixin = {
         if (!!FormValidators[vldName]) {
           this.rules.push({
             validator: FormValidators[vldName],
-            trigger: ['blur', 'change'],
+            trigger: ["blur", "change"],
             label: this.field.options.label,
             errorMsg: this.field.options.validationHint
           });
         } else {
           this.rules.push({
-            validator: FormValidators['regExp'],
-            trigger: ['blur', 'change'],
+            validator: FormValidators["regExp"],
+            trigger: ["blur", "change"],
             regExp: vldName,
             label: this.field.options.label,
             errorMsg: this.field.options.validationHint
@@ -356,12 +325,12 @@ const fieldMixin = {
       }
       if (!!this.field.options.onValidate) {
         const customFn = (rule, value) => {
-          const tmpFunc = new Function('rule', 'value', this.field.options.onValidate);
+          const tmpFunc = new Function("rule", "value", this.field.options.onValidate);
           return tmpFunc.call(this, rule, value);
         };
         this.rules.push({
           validator: customFn,
-          trigger: ['blur'],
+          trigger: ["blur"],
           label: this.field.options.label
         });
       }
@@ -373,7 +342,7 @@ const fieldMixin = {
       if (!this.rules) {
         return;
       }
-      this.rules.forEach(rule => {
+      this.rules.forEach((rule) => {
         if (!!rule.trigger) {
           rule.trigger.splice(0, rule.trigger.length);
         }
@@ -386,16 +355,16 @@ const fieldMixin = {
       if (!this.rules) {
         return;
       }
-      this.rules.forEach(rule => {
+      this.rules.forEach((rule) => {
         if (!!rule.trigger) {
-          rule.trigger.push('blur');
-          rule.trigger.push('change');
+          rule.trigger.push("blur");
+          rule.trigger.push("change");
         }
       });
     },
     disableOptionOfList(optionList, optionValue) {
       if (!!optionList && optionList.length > 0) {
-        optionList.forEach(opt => {
+        optionList.forEach((opt) => {
           if (opt.value === optionValue) {
             opt.disabled = true;
           }
@@ -404,7 +373,7 @@ const fieldMixin = {
     },
     enableOptionOfList(optionList, optionValue) {
       if (!!optionList && optionList.length > 0) {
-        optionList.forEach(opt => {
+        optionList.forEach((opt) => {
           if (opt.value === optionValue) {
             opt.disabled = false;
           }
@@ -417,8 +386,8 @@ const fieldMixin = {
       if (newValue) {
         newValue = newValue.target ? newValue.target.value : newValue;
       }
-      this.emit$('field-value-changed', [newValue, oldValue]);
-      this.dispatch('VFormRender', 'fieldChange', [
+      this.emit$("field-value-changed", [newValue, oldValue]);
+      this.dispatch("VFormRender", "fieldChange", [
         this.field.options.name,
         newValue,
         oldValue,
@@ -450,7 +419,7 @@ const fieldMixin = {
       this.syncUpdateFormModel(value);
       this.emitFieldDataChange(value, this.oldFieldValue);
       this.oldFieldValue = deepClone(value);
-      this.dispatch('VFormRender', 'fieldValidation', [this.getPropName()]);
+      this.dispatch("VFormRender", "fieldValidation", [this.getPropName()]);
     },
     handleFocusCustomEvent(event) {
       if (!!this.designState) {
@@ -458,7 +427,7 @@ const fieldMixin = {
       }
       this.oldFieldValue = deepClone(this.fieldModel);
       if (!!this.field.options.onFocus) {
-        const customFn = new Function('event', this.field.options.onFocus);
+        const customFn = new Function("event", this.field.options.onFocus);
         customFn.call(this, event);
       }
       if (this.field.options.loadingPage) {
@@ -471,7 +440,7 @@ const fieldMixin = {
         return;
       }
       if (!!this.field.options.onBlur) {
-        const customFn = new Function('event', this.field.options.onBlur);
+        const customFn = new Function("event", this.field.options.onBlur);
         customFn.call(this, event);
       }
     },
@@ -483,9 +452,9 @@ const fieldMixin = {
         return;
       }
       this.syncUpdateFormModel(value);
-      this.dispatch('VFormRender', 'fieldValidation', [this.getPropName()]);
+      this.dispatch("VFormRender", "fieldValidation", [this.getPropName()]);
       if (!!this.field.options.onInput) {
-        const customFn = new Function('value', this.field.options.onInput);
+        const customFn = new Function("value", this.field.options.onInput);
         customFn.call(this, value);
       }
     },
@@ -497,7 +466,7 @@ const fieldMixin = {
         const customFn = new Function(this.field.options.onAppendButtonClick);
         customFn.call(this);
       } else {
-        this.dispatch('VFormRender', 'appendButtonClick', [this]);
+        this.dispatch("VFormRender", "appendButtonClick", [this]);
       }
     },
     handleOnChange(val, oldVal, ops = []) {
@@ -505,7 +474,7 @@ const fieldMixin = {
         return;
       }
       if (!!this.field.options.onChange) {
-        const changeFn = new Function('value', 'oldValue', 'ops', this.field.options.onChange);
+        const changeFn = new Function("value", "oldValue", "ops", this.field.options.onChange);
         changeFn.call(this, val, oldVal, ops[0]);
       }
     },
@@ -515,11 +484,11 @@ const fieldMixin = {
       }
       if (!!this.field.options.onChange) {
         const changeFn = new Function(
-          'value',
-          'oldValue',
-          'ops',
-          'subFormData',
-          'rowId',
+          "value",
+          "oldValue",
+          "ops",
+          "subFormData",
+          "rowId",
           this.field.options.onChange
         );
         changeFn.call(this, val, oldVal, ops[0], subFormData, rowId);
@@ -533,7 +502,7 @@ const fieldMixin = {
         const customFn = new Function(this.field.options.onClick);
         return customFn.call(this);
       } else {
-        this.dispatch('VFormRender', 'buttonClick', [this]);
+        this.dispatch("VFormRender", "buttonClick", [this]);
       }
     },
     handleButtonWidgetClick() {
@@ -544,7 +513,7 @@ const fieldMixin = {
         const customFn = new Function(this.field.options.onClick);
         return customFn.call(this);
       } else {
-        this.dispatch('VFormRender', 'buttonClick', [this]);
+        this.dispatch("VFormRender", "buttonClick", [this]);
       }
     },
     /**
@@ -576,17 +545,17 @@ const fieldMixin = {
     //--------------------- 以下为组件支持外部调用的API方法 begin ------------------//
     /* 提示：用户可自行扩充这些方法！！！ */
     getFormRef() {
-      return this.refList['v_form_ref'];
+      return this.refList["v_form_ref"];
     },
     getWidgetRef(widgetName, showError) {
       const foundRef = this.refList[widgetName];
       if (!foundRef && !!showError) {
-        this.$message.error(this.i18nt('render.hint.refNotFound') + widgetName);
+        this.$message.error(this.i18nt("render.hint.refNotFound") + widgetName);
       }
       return foundRef;
     },
     getFieldEditor() {
-      return this.$refs['fieldEditor'];
+      return this.$refs["fieldEditor"];
     },
     showFileList(list) {
       if (!isArray(list)) return [];
@@ -608,9 +577,9 @@ const fieldMixin = {
       if (eq(this.fieldModel, newValue)) return;
       if (!!this.field.formItemFlag) {
         const oldValue = deepClone(this.fieldModel);
-        if (this.field.type === 'file-upload') {
+        if (this.field.type === "file-upload") {
           newValue = this.showFileList(newValue || []);
-        } else if (this.field.type === 'code-editor') {
+        } else if (this.field.type === "code-editor") {
           this.$refs.fieldEditor.setValue(newValue);
         }
         this.fieldModel = newValue;
@@ -629,8 +598,9 @@ const fieldMixin = {
     resetField() {
       const defaultValue = this.field.options.defaultValue;
       this.setValue(defaultValue);
-      this.$nextTick(() => {});
-      if (this.field.type === 'picture-upload' || this.field.type === 'file-upload') {
+      this.$nextTick(() => {
+      });
+      if (this.field.type === "picture-upload" || this.field.type === "file-upload") {
         this.fileList.splice(0, this.fileList.length);
         this.handleChangeEvent(this.fileList);
       }
@@ -688,20 +658,13 @@ const fieldMixin = {
       }
     },
     clearSelectedOptions() {
-      if (
-        this.field.type !== 'checkbox' &&
-        this.field.type !== 'radio' &&
-        this.field.type !== 'select'
-      ) {
+      if (this.field.type !== "checkbox" && this.field.type !== "radio" && this.field.type !== "select") {
         return;
       }
-      if (
-        this.field.type === 'checkbox' ||
-        (this.field.type === 'select' && this.field.options.multiple)
-      ) {
+      if (this.field.type === "checkbox" || this.field.type === "select" && this.field.options.multiple) {
         this.fieldModel = [];
       } else {
-        this.fieldModel = '';
+        this.fieldModel = "";
       }
     },
     /**
@@ -712,8 +675,8 @@ const fieldMixin = {
       this.field.options.optionItems = translateOptionItems(
         options,
         this.field.type,
-        this.field.options.labelKey || 'label',
-        this.field.options.valueKey || 'value'
+        this.field.options.labelKey || "label",
+        this.field.options.valueKey || "value"
       );
     },
     /**
@@ -724,8 +687,8 @@ const fieldMixin = {
       this.field.options.optionItems = translateOptionItems(
         options,
         this.field.type,
-        this.field.options.labelKey || 'label',
-        this.field.options.valueKey || 'value'
+        this.field.options.labelKey || "label",
+        this.field.options.valueKey || "value"
       );
     },
     disableOption(optionValue) {
@@ -803,4 +766,6 @@ const fieldMixin = {
     //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
   }
 };
-export { fieldMixin as default };
+export {
+  fieldMixin as default
+};

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

@@ -92,7 +92,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 fileUploadWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4b4d49bf"]]);
+const fileUploadWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a39df179"]]);
 export {
   fileUploadWidget as default
 };

package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue2.js

@@ -44,6 +44,7 @@ const _sfc_main = {
   },
   data() {
     return {
+      urlList: {},
       previewTitle: "",
       previewVisible: false,
       previewImage: "",
@@ -105,10 +106,10 @@ const _sfc_main = {
       }
     },
     iconRender({
-      file
+      file: file2
     }) {
       try {
-        const fieldTypes = file.fileName.slice(file.fileName.lastIndexOf("."));
+        const fieldTypes = file2.fileName.slice(file2.fileName.lastIndexOf("."));
         if ([".xls", ".xlsx"].includes(fieldTypes.toLowerCase())) {
           return createVNode(SvgIcon, {
             "icon-class": "excel"
@@ -134,12 +135,23 @@ const _sfc_main = {
     handleCancel() {
       this.previewVisible = false;
     },
-    async handlePreview(file) {
+    async getFileUrl(fileCode) {
+      if (this.fileList[fileCode]) {
+        return this.fileList[fileCode];
+      } else {
+        const fileUrlObj = await filesystemApi.getPreviewFileUrl({
+          fileCode: file.fileCode
+        });
+        fileUrlObj.data.value;
+      }
+    },
+    async handlePreview(file2) {
       var _a, _b;
-      if ([".png", ".jpg", ".jpeg", ".gif"].includes(file.fileType)) {
-        this.previewImage = file.url;
+      if ([".png", ".jpg", ".jpeg", ".gif"].includes(file2.fileType)) {
+        const url = await this.getFileUrl(file2.fileCode);
+        this.previewImage = url;
         this.previewVisible = true;
-        this.previewTitle = file.fileName;
+        this.previewTitle = file2.fileName;
       } else {
         const localUserInfo = getUserInfo();
         const employeeId = (_a = localUserInfo == null ? void 0 : localUserInfo.loginInfo) == null ? void 0 : _a.employeeId;
@@ -152,15 +164,15 @@ const _sfc_main = {
           tenantId,
           tokenId,
           employeeId,
-          fileCode: file.fileCode
+          fileCode: file2.fileCode
         };
         window.open(`${doMain}/view-file/preview?${queryString.stringify(obj)}`);
       }
     },
-    handleOnBeforeUpload(file) {
+    handleOnBeforeUpload(file2) {
       if (!!this.field.options.onBeforeUpload) {
         const bfFunc = new Function("file", this.field.options.onBeforeUpload);
-        const result = bfFunc.call(this, file);
+        const result = bfFunc.call(this, file2);
         if (typeof result === "boolean") {
           return result;
         } else {
@@ -169,8 +181,8 @@ const _sfc_main = {
       }
       return true;
     },
-    removeFile(file) {
-      const findInx = this.fileList.findIndex((item) => item.uid === file.uid);
+    removeFile(file2) {
+      const findInx = this.fileList.findIndex((item) => item.uid === file2.uid);
       this.fileList.splice(findInx, 1);
       this.handleChangeEvent(this.fileList);
     },
@@ -207,10 +219,6 @@ const _sfc_main = {
           fileName: name,
           fileCode
         } = res.data.object;
-        const fileUrlObj = await filesystemApi.getPreviewFileUrl({
-          fileCode
-        });
-        const url = fileUrlObj.data.value;
         if (limit > 1) {
           const findIndex = this.fileList.findIndex((item) => item.name === name);
           if (findIndex > -1) {
@@ -219,15 +227,13 @@ const _sfc_main = {
           if (this.fileList.length < limit) {
             this.fileList.push({
               ...res.data.object,
-              name,
-              url
+              name
             });
           }
         } else {
           this.fileList = [{
             ...res.data.object,
-            name,
-            url
+            name
           }];
         }
       } finally {

package/src/components/form-designer/toolbar-panel/index.vue.js

@@ -1,5 +1,4 @@
-import VFormRender from "../../../../render.js";
-import CodeEditor from "../../code-editor/index.vue.js";
+import { defineAsyncComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, normalizeStyle, createTextVNode, toDisplayString, Fragment, renderList, renderSlot, normalizeClass } from "vue";
 import { traverseAllWidgets, generateId, copyToClipboard, getQueryParam, addWindowResizeHandler, getLocat } from "../../../utils/util.js";
 import i18n from "../../../utils/i18n.js";
 import { generateCode } from "../../../utils/code-generator.js";
@@ -8,15 +7,14 @@ import axios from "axios";
 import SvgIcon from "../../svg-icon/index.vue.js";
 import { fmtHttpParams } from "../../../utils/request/fmtHttpParams.js";
 import { cloneDeep } from "lodash-es";
-import { resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, normalizeStyle, createTextVNode, toDisplayString, Fragment, renderList, renderSlot, normalizeClass } from "vue";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
   name: "ToolbarPanel",
   mixins: [i18n],
   components: {
-    VFormRender,
-    CodeEditor,
+    VFormRender: defineAsyncComponent(() => import("../../../../render.js")),
+    CodeEditor: defineAsyncComponent(() => import("../../code-editor/index.vue.js")),
     // Clipboard,
     SvgIcon
   },
@@ -1013,7 +1011,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["title", "visible"])) : createCommentVNode("", true)
   ]);
 }
-const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ba172836"]]);
+const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-066a3314"]]);
 export {
   ToolbarPanel as default
 };

package/src/components/form-designer/widget-panel/advanced/diy-compontent.js

@@ -8,6 +8,7 @@ const diyCompontent = (ops = {}) => {
     formItemFlag: true,
     options: {
       name: "",
+      label: "",
       diyCompontent: "",
       hidden: false,
       holdHidden: true,