@tmagic/editor 1.3.8 → 1.3.9

package/dist/tmagic-editor.umd.cjs

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('@element-plus/icons-vue'), require('lodash-es'), require('monaco-editor'), require('serialize-javascript'), require('@tmagic/design'), require('@tmagic/schema'), require('@tmagic/form'), require('@tmagic/table'), require('@tmagic/utils'), require('gesto'), require('moveable'), require('@tmagic/dep'), require('@tmagic/stage'), require('events'), require('@tmagic/core'), require('keycon')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'vue', '@element-plus/icons-vue', 'lodash-es', 'monaco-editor', 'serialize-javascript', '@tmagic/design', '@tmagic/schema', '@tmagic/form', '@tmagic/table', '@tmagic/utils', 'gesto', 'moveable', '@tmagic/dep', '@tmagic/stage', 'events', '@tmagic/core', 'keycon'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TMagicEditor = {}, global.Vue, global.iconsVue, global.lodashEs, global.monaco, global.serialize, global.design, global.schema, global.form, global.table, global.utils, global.Gesto, global.Moveable, global.dep, global.StageCore, global.events, global.core, global.KeyController));
-})(this, (function (exports, vue, iconsVue, lodashEs, monaco, serialize, design, schema, form, table, utils, Gesto, Moveable, dep, StageCore, events, core, KeyController) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('@element-plus/icons-vue'), require('lodash-es'), require('serialize-javascript'), require('@tmagic/design'), require('emmet-monaco-es'), require('monaco-editor'), require('@tmagic/schema'), require('@tmagic/form'), require('@tmagic/table'), require('@tmagic/utils'), require('gesto'), require('moveable'), require('@tmagic/dep'), require('@tmagic/stage'), require('events'), require('@tmagic/core'), require('keycon')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'vue', '@element-plus/icons-vue', 'lodash-es', 'serialize-javascript', '@tmagic/design', 'emmet-monaco-es', 'monaco-editor', '@tmagic/schema', '@tmagic/form', '@tmagic/table', '@tmagic/utils', 'gesto', 'moveable', '@tmagic/dep', '@tmagic/stage', 'events', '@tmagic/core', 'keycon'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TMagicEditor = {}, global.Vue, global.iconsVue, global.lodashEs, global.serialize, global.design, global.emmetMonacoEs, global.monaco, global.schema, global.form, global.table, global.utils, global.Gesto, global.Moveable, global.dep, global.StageCore, global.events, global.core, global.KeyController));
+})(this, (function (exports, vue, iconsVue, lodashEs, serialize, design, emmetMonacoEs, monaco, schema, form, table, utils, Gesto, Moveable, dep, StageCore, events, core, KeyController) { 'use strict';
 
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -29,6 +29,9 @@
   };
   const getConfig = (key) => $TMAGIC_EDITOR[key];
 
+  emmetMonacoEs.emmetHTML(monaco__namespace);
+  emmetMonacoEs.emmetCSS(monaco__namespace, ["css", "scss"]);
+
   const _hoisted_1$t = {
     class: /* @__PURE__ */ vue.normalizeClass(`magic-code-editor`)
   };
@@ -2259,11 +2262,11 @@
         if (!targetConfig)
           return;
         target.deps[config.id]?.keys?.forEach((fullKey) => {
-          const relateOriginId = lodashEs.get(config, fullKey);
+          const relateOriginId = utils.getValueByKeyPath(fullKey, config);
           const relateTargetId = relateIdMap[relateOriginId];
           if (!relateTargetId)
             return;
-          lodashEs.set(targetConfig, fullKey, relateTargetId);
+          utils.setValueByKeyPath(fullKey, relateTargetId, targetConfig);
         });
       });
     }
@@ -2903,14 +2906,19 @@
       const index = brothers.findIndex((item) => `${item.id}` === `${node?.id}`);
       const layout = await this.getLayout(parent, node);
       const isRelative = layout === Layout.RELATIVE;
-      brothers.splice(index, 1);
+      let offsetIndex;
       if (offset === LayerOffset.TOP) {
-        brothers.splice(isRelative ? 0 : brothers.length, 0, node);
+        offsetIndex = isRelative ? 0 : brothers.length;
       } else if (offset === LayerOffset.BOTTOM) {
-        brothers.splice(isRelative ? brothers.length : 0, 0, node);
+        offsetIndex = isRelative ? brothers.length : 0;
       } else {
-        brothers.splice(index + (isRelative ? -offset : offset), 0, node);
+        offsetIndex = index + (isRelative ? -offset : offset);
       }
+      if (offsetIndex > 0 && offsetIndex > brothers.length || offsetIndex < 0) {
+        return;
+      }
+      brothers.splice(index, 1);
+      brothers.splice(offsetIndex, 0, node);
       const grandparent = this.getParentById(parent.id);
       this.get("stage")?.update({
         config: lodashEs.cloneDeep(vue.toRaw(parent)),
@@ -2919,6 +2927,7 @@
       });
       this.addModifiedNodeId(parent.id);
       this.pushHistoryState();
+      this.emit("move-layer", offset);
     }
     /**
      * 移动到指定容器中