@tmagic/editor 1.2.0-beta.16 → 1.2.0-beta.18

package/dist/tmagic-editor.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, computed, resolveComponent, openBlock, createBlock, normalizeStyle, unref, reactive, watch, inject, createElementBlock, createVNode, ref, withCtx, withModifiers, createCommentVNode, createTextVNode, toDisplayString, onMounted, onUnmounted, renderSlot, Fragment, createElementVNode, normalizeClass, resolveDynamicComponent, toRaw, createSlots, renderList, normalizeProps, mergeProps, markRaw, getCurrentInstance, watchEffect, provide, withDirectives, Teleport, vShow, nextTick, toHandlers } from 'vue';
 import serialize from 'serialize-javascript';
 import { isEmpty, map, throttle, pick, omit, keys, cloneDeep, forIn, mergeWith, uniq, isObject } from 'lodash-es';
+import { createValues, MForm } from '@tmagic/form';
 import { HookType, NodeType } from '@tmagic/schema';
 import { Delete, Close, Edit, Plus, ArrowDown, Grid, Memo, FullScreen, ScaleToOriginal, ZoomOut, ZoomIn, Right, Back, View, Link, Search, Files, CopyDocument, Coin, EditPen, ArrowLeftBold, ArrowRightBold, CaretBottom, DocumentCopy, Top, Bottom } from '@element-plus/icons-vue';
 import { TMagicButton, TMagicTooltip, TMagicIcon, TMagicScrollbar, TMagicDivider, TMagicDropdown, TMagicDropdownMenu, TMagicDropdownItem, tMagicMessage, tMagicMessageBox, TMagicCard, TMagicInput, TMagicDialog, TMagicTree, TMagicCollapse, TMagicCollapseItem, getConfig as getConfig$1, TMagicTabs, TMagicPopover } from '@tmagic/design';
@@ -10,7 +11,6 @@ import Gesto from 'gesto';
 import { isPop, getNodePath, isNumber, isPage, toLine, datetimeFormatter, removeClassNameByClassName } from '@tmagic/utils';
 import { EventEmitter } from 'events';
 import { DEFAULT_EVENTS, DEFAULT_METHODS } from '@tmagic/core';
-import { MForm } from '@tmagic/form';
 import KeyController from 'keycon';
 
 const __default__$t = defineComponent({
@@ -136,6 +136,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const services = inject("services");
+    const mForm = inject("mForm");
     const codeDsl = computed(() => services?.codeBlockService.getCodeDslSync());
     const tableConfig = computed(() => {
       const defaultConfig = {
@@ -166,7 +167,15 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             name: "params",
             label: "\u53C2\u6570",
             defaultValue: {},
-            itemsFunction: (row) => getParamsConfig(row.codeId)
+            itemsFunction: (row) => {
+              const paramsConfig = getParamsConfig(row.codeId);
+              if (!row.params)
+                row.params = {};
+              if (isEmpty(row.params)) {
+                createValues(mForm, paramsConfig, {}, row.params);
+              }
+              return paramsConfig;
+            }
           }
         ]
       };
@@ -3146,17 +3155,16 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$a, [
         renderSlot(_ctx.$slots, "props-panel-header"),
-        (openBlock(), createBlock(unref(MForm), {
+        createVNode(unref(MForm), {
           ref_key: "configForm",
           ref: configForm,
-          key: unref(node)?.type,
           class: normalizeClass(`m-editor-props-panel ${unref(propsPanelSize)}`),
           "popper-class": `m-editor-props-panel-popper ${unref(propsPanelSize)}`,
           size: unref(propsPanelSize),
           "init-values": values.value,
           config: curFormConfig.value,
           onChange: submit
-        }, null, 8, ["class", "popper-class", "size", "init-values", "config"]))
+        }, null, 8, ["class", "popper-class", "size", "init-values", "config"])
       ]);
     };
   }