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

package/dist/tmagic-editor.umd.js

@@ -192,6 +192,7 @@
     setup(__props, { emit }) {
       const props = __props;
       const services = vue.inject("services");
+      const form = vue.inject("mForm");
       const selectConfig = vue.computed(() => {
         const defaultConfig = {
           multiple: true,
@@ -214,17 +215,10 @@
       });
       const fieldKey = vue.ref("");
       const multiple = vue.ref(true);
-      let lastTagSnapshot = lodashEs.cloneDeep(props.model[props.name]) || [];
-      let shouldWatch = true;
-      vue.watch(
-        () => props.model[props.name],
-        (selectValue) => {
-          if (shouldWatch) {
-            lastTagSnapshot = lodashEs.cloneDeep(selectValue) || [];
-          }
-        }
-      );
+      const lastTagSnapshot = vue.ref([]);
       vue.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) || {};
@@ -234,11 +228,9 @@
         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);
@@ -249,12 +241,11 @@
         let opFlag = CodeSelectOp.CHANGE;
         let diffValues = codeIds;
         if (multiple.value) {
-          opFlag = codeIds.length < lastTagSnapshot.length ? CodeSelectOp.DELETE : CodeSelectOp.ADD;
-          diffValues = lodashEs.xor(codeIds, lastTagSnapshot);
+          lastTagSnapshot.value = form?.initValues[props.name] || [];
+          opFlag = codeIds.length < lastTagSnapshot.value.length ? CodeSelectOp.DELETE : CodeSelectOp.ADD;
+          diffValues = lodashEs.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) {
@@ -3835,7 +3826,7 @@
       });
       return (_ctx, _cache) => {
         const _component_content_menu = vue.resolveComponent("content-menu", true);
-        return __props.menuData.length && visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+        return __props.menuData.length ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "magic-editor-content-menu",
           ref_key: "menu",
@@ -3863,7 +3854,9 @@
               onHide: hide
             }, null, 8, ["menu-data"])
           ]))
-        ], 4)) : vue.createCommentVNode("", true);
+        ], 4)), [
+          [vue.vShow, visible.value]
+        ]) : vue.createCommentVNode("", true);
       };
     }
   });