@tmagic/editor 1.2.0-beta.8 → 1.2.0-beta.9

package/dist/tmagic-editor.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, normalizeStyle, unref, reactive, watch, inject, ref, watchEffect, createElementBlock, createVNode, withCtx, createElementVNode, withModifiers, createCommentVNode, createTextVNode, toDisplayString, onMounted, onUnmounted, normalizeClass, resolveDynamicComponent, toRaw, renderSlot, Fragment, createSlots, renderList, normalizeProps, mergeProps, markRaw, getCurrentInstance, isRef, Teleport, nextTick, toHandlers, provide } from 'vue';
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, normalizeStyle, unref, reactive, watch, inject, ref, watchEffect, createElementBlock, createVNode, withCtx, createElementVNode, withModifiers, createCommentVNode, createTextVNode, toDisplayString, onMounted, onUnmounted, normalizeClass, resolveDynamicComponent, toRaw, renderSlot, Fragment, createSlots, renderList, normalizeProps, mergeProps, markRaw, getCurrentInstance, isRef, withDirectives, Teleport, vShow, nextTick, toHandlers, provide } from 'vue';
 import serialize from 'serialize-javascript';
-import { cloneDeep, map, xor, throttle, pick, isEmpty, forIn, omit, keys, mergeWith, uniq } from 'lodash-es';
+import { map, xor, throttle, pick, cloneDeep, isEmpty, forIn, omit, keys, mergeWith, uniq } from 'lodash-es';
 import { TMagicCard, TMagicTooltip, tMagicMessage, TMagicButton, TMagicIcon, TMagicScrollbar, TMagicDivider, TMagicDropdown, TMagicDropdownMenu, TMagicDropdownItem, TMagicDialog, TMagicInput, TMagicTree, TMagicCollapse, TMagicCollapseItem, TMagicTabPane, TMagicTabs, TMagicPopover } from '@tmagic/design';
 import { Delete, Close, Edit, Plus, ArrowDown, Grid, Memo, FullScreen, ScaleToOriginal, ZoomOut, ZoomIn, Right, Back, View, Link, Search, Files, DocumentCopy, EditPen, Coin, ArrowLeftBold, ArrowRightBold, CaretBottom, Top, Bottom } from '@element-plus/icons-vue';
 import * as monaco from 'monaco-editor';
@@ -174,6 +174,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const services = inject("services");
+    const form = inject("mForm");
     const selectConfig = computed(() => {
       const defaultConfig = {
         multiple: true,
@@ -196,17 +197,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     });
     const fieldKey = ref("");
     const multiple = ref(true);
-    let lastTagSnapshot = cloneDeep(props.model[props.name]) || [];
-    let shouldWatch = true;
-    watch(
-      () => props.model[props.name],
-      (selectValue) => {
-        if (shouldWatch) {
-          lastTagSnapshot = cloneDeep(selectValue) || [];
-        }
-      }
-    );
+    const lastTagSnapshot = ref([]);
     watchEffect(async () => {
+      if (!props.model[props.name])
+        return;
       const combineNames = await Promise.all(
         props.model[props.name].map(async (id) => {
           const { name = "" } = await services?.codeBlockService.getCodeContentById(id) || {};
@@ -216,11 +210,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       fieldKey.value = combineNames.join("-");
     });
     const changeHandler = async (value) => {
-      shouldWatch = false;
       let codeIds = value;
       if (typeof value === "string") {
         multiple.value = false;
-        lastTagSnapshot = [lastTagSnapshot];
         codeIds = value ? [value] : [];
       }
       await setCombineRelation(codeIds);
@@ -231,12 +223,11 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       let opFlag = CodeSelectOp.CHANGE;
       let diffValues = codeIds;
       if (multiple.value) {
-        opFlag = codeIds.length < lastTagSnapshot.length ? CodeSelectOp.DELETE : CodeSelectOp.ADD;
-        diffValues = xor(codeIds, lastTagSnapshot);
+        lastTagSnapshot.value = form?.initValues[props.name] || [];
+        opFlag = codeIds.length < lastTagSnapshot.value.length ? CodeSelectOp.DELETE : CodeSelectOp.ADD;
+        diffValues = xor(codeIds, lastTagSnapshot.value);
       }
       await services?.codeBlockService.setCombineRelation(id, diffValues, opFlag, props.prop);
-      lastTagSnapshot = codeIds;
-      shouldWatch = true;
     };
     const viewHandler = async () => {
       if (props.model[props.name].length === 0) {
@@ -3817,7 +3808,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_content_menu = resolveComponent("content-menu", true);
-      return __props.menuData.length && visible.value ? (openBlock(), createElementBlock("div", {
+      return __props.menuData.length ? withDirectives((openBlock(), createElementBlock("div", {
         key: 0,
         class: "magic-editor-content-menu",
         ref_key: "menu",
@@ -3845,7 +3836,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             onHide: hide
           }, null, 8, ["menu-data"])
         ]))
-      ], 4)) : createCommentVNode("", true);
+      ], 4)), [
+        [vShow, visible.value]
+      ]) : createCommentVNode("", true);
     };
   }
 });