style: dict

apps/web-antd/src/components/Dict/src/index.vue

@@ -1,28 +1,20 @@
 <script setup lang="ts">
 import type { DictData } from '#/api/system/dict/dict-data-model';
 
-import { computed, watch } from 'vue';
+import { computed } from 'vue';
 
 import { Tag } from 'ant-design-vue';
 
 import { tagTypes } from './data';
 
-const props = withDefaults(
+interface Props {
-  defineProps<{
+  dicts: DictData[]; // dict数组
-    dicts: DictData[]; // dict数组
+  value: number | string; // value
-    value: number | string; // value
+}
-  }>(),
+
-  {
+const props = withDefaults(defineProps<Props>(), {
-    dicts: undefined,
+  dicts: undefined,
-  },
+});
-);
-
-watch(
-  () => props.dicts,
-  (value) => {
-    console.log('dicts change', value);
-  },
-);
 
 const color = computed<string>(() => {
   // eslint-disable-next-line eqeqeq

apps/web-antd/src/components/dict/src/index.vue

@@ -1,28 +1,20 @@
 <script setup lang="ts">
 import type { DictData } from '#/api/system/dict/dict-data-model';
 
-import { computed, watch } from 'vue';
+import { computed } from 'vue';
 
 import { Tag } from 'ant-design-vue';
 
 import { tagTypes } from './data';
 
-const props = withDefaults(
+interface Props {
-  defineProps<{
+  dicts: DictData[]; // dict数组
-    dicts: DictData[]; // dict数组
+  value: number | string; // value
-    value: number | string; // value
+}
-  }>(),
+
-  {
+const props = withDefaults(defineProps<Props>(), {
-    dicts: undefined,
+  dicts: undefined,
-  },
+});
-);
-
-watch(
-  () => props.dicts,
-  (value) => {
-    console.log('dicts change', value);
-  },
-);
 
 const color = computed<string>(() => {
   // eslint-disable-next-line eqeqeq