@tmagic/editor 1.3.8 → 1.3.10

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`)
   };
@@ -618,7 +621,7 @@
             left: vue.withCtx(() => [
               vue.createVNode(vue.unref(design.TMagicButton), {
                 type: "primary",
-                text: "",
+                link: "",
                 onClick: _cache[0] || (_cache[0] = ($event) => difVisible.value = true)
               }, {
                 default: vue.withCtx(() => [
@@ -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);
     }
     /**
      * 移动到指定容器中
@@ -4905,7 +4914,7 @@
                   }, null, 8, ["config", "model", "disabled", "size"]),
                   vue.createVNode(vue.unref(design.TMagicButton), {
                     style: { "color": "#f56c6c" },
-                    text: "",
+                    link: "",
                     icon: vue.unref(iconsVue.Delete),
                     disabled: _ctx.disabled,
                     size: _ctx.size,
@@ -5069,7 +5078,7 @@
             key: 2,
             size: "default",
             disabled: _ctx.disabled,
-            text: "",
+            link: "",
             icon: _sfc_main$D,
             onClick: _cache[0] || (_cache[0] = ($event) => showCode.value = !showCode.value)
           }, null, 8, ["disabled"])) : vue.createCommentVNode("", true)
@@ -5234,7 +5243,7 @@
             icon: vue.unref(iconsVue.Delete),
             disabled: _ctx.disabled,
             size: _ctx.size,
-            text: "",
+            link: "",
             style: { "padding": "0" }
           }, {
             default: vue.withCtx(() => [
@@ -5255,7 +5264,7 @@
                   icon: vue.unref(iconsVue.Close),
                   disabled: _ctx.disabled,
                   size: _ctx.size,
-                  text: "",
+                  link: "",
                   onClick: vue.withModifiers(deleteHandler, ["stop"])
                 }, null, 8, ["icon", "disabled", "size", "onClick"])
               ]),
@@ -5267,7 +5276,7 @@
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(design.TMagicButton), {
-                  text: "",
+                  link: "",
                   style: { "padding": "0", "margin": "0" },
                   disabled: _ctx.disabled,
                   size: _ctx.size,
@@ -5290,7 +5299,7 @@
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(design.TMagicButton), {
-                text: "",
+                link: "",
                 style: { "padding": "0", "margin": "0" },
                 disabled: _ctx.disabled,
                 size: _ctx.size,
@@ -5602,7 +5611,7 @@
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(design.TMagicButton), {
                   size: "small",
-                  text: "",
+                  link: "",
                   disabled: disabled.value
                 }, {
                   default: vue.withCtx(() => [
@@ -5619,7 +5628,7 @@
             }, 8, ["content"])) : (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
               key: 1,
               size: "small",
-              text: "",
+              link: "",
               disabled: disabled.value,
               title: _ctx.data.text
             }, {
@@ -5877,7 +5886,7 @@
             class: vue.normalizeClass(["m-editor-page-bar-switch-type-button", { active: _ctx.modelValue === item.type }]),
             size: "small",
             key: item.type,
-            text: "",
+            link: "",
             type: _ctx.modelValue === item.type ? "primary" : "",
             onClick: ($event) => clickHandler(item.type)
           }, {
@@ -9445,7 +9454,7 @@
               ]),
               vue.createElementVNode("div", null, [
                 vue.createVNode(vue.unref(design.TMagicButton), {
-                  text: "",
+                  link: "",
                   size: "small",
                   icon: vue.unref(iconsVue.Close),
                   onClick: closeHandler
@@ -9962,7 +9971,7 @@
               key: item.id
             }, [
               vue.createVNode(vue.unref(design.TMagicButton), {
-                text: "",
+                link: "",
                 disabled: item.id === node.value?.id,
                 onClick: ($event) => select(item)
               }, {