@tmagic/editor 1.4.2 → 1.4.3

package/dist/tmagic-editor.js

@@ -4780,12 +4780,19 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       };
     });
     const showDataSourceFieldSelect = ref(false);
-    onMounted(() => {
-      const value = props.model[props.name];
-      if (Array.isArray(value) && typeof value[0] === "string" && value[0].startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)) {
-        showDataSourceFieldSelect.value = true;
+    watch(
+      () => props.model[props.name],
+      (value) => {
+        if (Array.isArray(value) && typeof value[0] === "string" && value[0].startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)) {
+          showDataSourceFieldSelect.value = true;
+        } else {
+          showDataSourceFieldSelect.value = false;
+        }
+      },
+      {
+        immediate: true
       }
-    });
+    );
     const mForm = inject("mForm");
     const type = computed(() => {
       let type2 = props.config.fieldConfig?.type;
@@ -4833,7 +4840,6 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
         (showDataSourceFieldSelect.value || !_ctx.config.fieldConfig) && selectedDataSourceId.value ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 0,
           style: { "margin-left": "5px" },
-          link: "",
           size: _ctx.size,
           onClick: _cache[0] || (_cache[0] = ($event) => unref(editHandler)(selectedDataSourceId.value))
         }, {
@@ -4845,7 +4851,6 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
         _ctx.config.fieldConfig ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 1,
           style: { "margin-left": "5px" },
-          link: "",
           type: showDataSourceFieldSelect.value ? "primary" : "default",
           size: _ctx.size,
           onClick: _cache[1] || (_cache[1] = ($event) => showDataSourceFieldSelect.value = !showDataSourceFieldSelect.value)

package/dist/tmagic-editor.umd.cjs

@@ -4785,12 +4785,19 @@
         };
       });
       const showDataSourceFieldSelect = vue.ref(false);
-      vue.onMounted(() => {
-        const value = props.model[props.name];
-        if (Array.isArray(value) && typeof value[0] === "string" && value[0].startsWith(utils.DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)) {
-          showDataSourceFieldSelect.value = true;
+      vue.watch(
+        () => props.model[props.name],
+        (value) => {
+          if (Array.isArray(value) && typeof value[0] === "string" && value[0].startsWith(utils.DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)) {
+            showDataSourceFieldSelect.value = true;
+          } else {
+            showDataSourceFieldSelect.value = false;
+          }
+        },
+        {
+          immediate: true
         }
-      });
+      );
       const mForm = vue.inject("mForm");
       const type = vue.computed(() => {
         let type2 = props.config.fieldConfig?.type;
@@ -4838,7 +4845,6 @@
           (showDataSourceFieldSelect.value || !_ctx.config.fieldConfig) && selectedDataSourceId.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
             key: 0,
             style: { "margin-left": "5px" },
-            link: "",
             size: _ctx.size,
             onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(editHandler)(selectedDataSourceId.value))
           }, {
@@ -4850,7 +4856,6 @@
           _ctx.config.fieldConfig ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
             key: 1,
             style: { "margin-left": "5px" },
-            link: "",
             type: showDataSourceFieldSelect.value ? "primary" : "default",
             size: _ctx.size,
             onClick: _cache[1] || (_cache[1] = ($event) => showDataSourceFieldSelect.value = !showDataSourceFieldSelect.value)

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.4.2",
+  "version": "1.4.3",
   "name": "@tmagic/editor",
   "type": "module",
   "sideEffects": [
@@ -42,14 +42,14 @@
   "dependencies": {
     "@babel/core": "^7.18.0",
     "@element-plus/icons-vue": "^2.3.1",
-    "@tmagic/core": "1.4.2",
-    "@tmagic/dep": "1.4.2",
-    "@tmagic/design": "1.4.2",
-    "@tmagic/form": "1.4.2",
-    "@tmagic/schema": "1.4.2",
-    "@tmagic/stage": "1.4.2",
-    "@tmagic/table": "1.4.2",
-    "@tmagic/utils": "1.4.2",
+    "@tmagic/core": "1.4.3",
+    "@tmagic/dep": "1.4.3",
+    "@tmagic/design": "1.4.3",
+    "@tmagic/form": "1.4.3",
+    "@tmagic/schema": "1.4.3",
+    "@tmagic/stage": "1.4.3",
+    "@tmagic/table": "1.4.3",
+    "@tmagic/utils": "1.4.3",
     "buffer": "^6.0.3",
     "color": "^3.1.3",
     "emmet-monaco-es": "^5.3.0",
@@ -63,8 +63,8 @@
     "vue": "^3.4.21"
   },
   "peerDependencies": {
-    "@tmagic/design": "1.4.2",
-    "@tmagic/form": "1.4.2",
+    "@tmagic/design": "1.4.3",
+    "@tmagic/form": "1.4.3",
     "monaco-editor": "^0.47.0",
     "vue": "^3.4.21"
   },

package/src/fields/DataSourceFieldSelect.vue

@@ -17,7 +17,6 @@
     <TMagicButton
       v-if="(showDataSourceFieldSelect || !config.fieldConfig) && selectedDataSourceId"
       style="margin-left: 5px"
-      link
       :size="size"
       @click="editHandler(selectedDataSourceId)"
       ><MIcon :icon="Edit"></MIcon
@@ -25,7 +24,6 @@
     <TMagicButton
       v-if="config.fieldConfig"
       style="margin-left: 5px"
-      link
       :type="showDataSourceFieldSelect ? 'primary' : 'default'"
       :size="size"
       @click="showDataSourceFieldSelect = !showDataSourceFieldSelect"
@@ -43,7 +41,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, inject, onMounted, ref, resolveComponent } from 'vue';
+import { computed, inject, ref, resolveComponent, watch } from 'vue';
 import { Coin, Edit } from '@element-plus/icons-vue';
 
 import { TMagicButton } from '@tmagic/design';
@@ -137,16 +135,23 @@ const cascaderConfig = computed<CascaderConfig>(() => {
 
 const showDataSourceFieldSelect = ref(false);
 
-onMounted(() => {
-  const value = props.model[props.name];
-  if (
-    Array.isArray(value) &&
-    typeof value[0] === 'string' &&
-    value[0].startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)
-  ) {
-    showDataSourceFieldSelect.value = true;
-  }
-});
+watch(
+  () => props.model[props.name],
+  (value) => {
+    if (
+      Array.isArray(value) &&
+      typeof value[0] === 'string' &&
+      value[0].startsWith(DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX)
+    ) {
+      showDataSourceFieldSelect.value = true;
+    } else {
+      showDataSourceFieldSelect.value = false;
+    }
+  },
+  {
+    immediate: true,
+  },
+);
 
 const mForm = inject<FormState | undefined>('mForm');