style: format file

Author: tangjinzhou

.eslintrc

@@ -10,7 +10,7 @@
   "parserOptions": {
     "parser": "babel-eslint"
   },
-  "extends": ["plugin:vue/recommended", "prettier"],
+  "extends": ["plugin:vue/vue3-recommended", "prettier"],
   "plugins": ["markdown"],
   "overrides": [
     {

components/_util/PortalWrapper.js

@@ -29,9 +29,6 @@ export default defineComponent({
     openCount = visible ? openCount + 1 : openCount;
     return {};
   },
-  updated() {
-    this.setWrapperClassName();
-  },
   watch: {
     visible(val) {
       openCount = val ? openCount + 1 : openCount - 1;
@@ -48,6 +45,9 @@ export default defineComponent({
       }
     },
   },
+  updated() {
+    this.setWrapperClassName();
+  },
   beforeUnmount() {
     const { visible } = this.$props;
     // 离开时不会 render， 导到离开时数值不变，改用 func 。。

components/_util/wave.jsx

@@ -23,6 +23,12 @@ function isNotGrey(color) {
 export default defineComponent({
   name: 'Wave',
   props: ['insertExtraNode'],
+  setup() {
+    const configProvider = inject('configProvider', defaultConfigProvider);
+    return {
+      configProvider,
+    };
+  },
   mounted() {
     nextTick(() => {
       const node = findDOMNode(this);
@@ -32,12 +38,6 @@ export default defineComponent({
       this.instance = this.bindAnimationEvent(node);
     });
   },
-  setup() {
-    const configProvider = inject('configProvider', defaultConfigProvider);
-    return {
-      configProvider,
-    };
-  },
   beforeUnmount() {
     if (this.instance) {
       this.instance.cancel();

components/affix/index.tsx

@@ -50,14 +50,14 @@ const AffixProps = {
 };
 const Affix = defineComponent({
   name: 'AAffix',
-  props: AffixProps,
   mixins: [BaseMixin],
+  props: AffixProps,
+  emits: ['change', 'testUpdatePosition'],
   setup() {
     return {
       configProvider: inject('configProvider', defaultConfigProvider),
     };
   },
-  emits: ['change', 'testUpdatePosition'],
   data() {
     return {
       affixStyle: undefined,
@@ -68,25 +68,6 @@ const Affix = defineComponent({
       timeout: null,
     };
   },
-  beforeMount() {
-    this.updatePosition = throttleByAnimationFrame(this.updatePosition);
-    this.lazyUpdatePosition = throttleByAnimationFrame(this.lazyUpdatePosition);
-  },
-  mounted() {
-    const { target } = this;
-    if (target) {
-      // [Legacy] Wait for parent component ref has its value.
-      // We should use target as directly element instead of function which makes element check hard.
-      this.timeout = setTimeout(() => {
-        addObserveTarget(target(), this);
-        // Mock Event object.
-        this.updatePosition();
-      });
-    }
-  },
-  updated() {
-    this.measure();
-  },
   watch: {
     target(val) {
       let newTarget = null;
@@ -110,6 +91,25 @@ const Affix = defineComponent({
       this.updatePosition();
     },
   },
+  beforeMount() {
+    this.updatePosition = throttleByAnimationFrame(this.updatePosition);
+    this.lazyUpdatePosition = throttleByAnimationFrame(this.lazyUpdatePosition);
+  },
+  mounted() {
+    const { target } = this;
+    if (target) {
+      // [Legacy] Wait for parent component ref has its value.
+      // We should use target as directly element instead of function which makes element check hard.
+      this.timeout = setTimeout(() => {
+        addObserveTarget(target(), this);
+        // Mock Event object.
+        this.updatePosition();
+      });
+    }
+  },
+  updated() {
+    this.measure();
+  },
   beforeUnmount() {
     clearTimeout(this.timeout);
     removeObserveTarget(this);

components/alert/index.tsx

@@ -59,9 +59,9 @@ export const AlertProps = {
 
 const Alert = defineComponent({
   name: 'AAlert',
+  mixins: [BaseMixin],
   inheritAttrs: false,
   props: AlertProps,
-  mixins: [BaseMixin],
   emits: ['close'],
   setup() {
     return {

components/anchor/Anchor.tsx

@@ -81,6 +81,11 @@ export default defineComponent({
   inheritAttrs: false,
   props: AnchorProps,
   emits: ['change', 'click'],
+  setup() {
+    return {
+      configProvider: inject('configProvider', defaultConfigProvider),
+    };
+  },
   data() {
     // this.links = [];
     // this.sPrefixCls = '';
@@ -111,11 +116,6 @@ export default defineComponent({
     } as AntAnchor);
     provide('antAnchorContext', this);
   },
-  setup() {
-    return {
-      configProvider: inject('configProvider', defaultConfigProvider),
-    };
-  },
   mounted() {
     nextTick(() => {
       const { getContainer } = this;

components/back-top/index.tsx

@@ -18,8 +18,8 @@ const props = backTopTypes();
 
 const BackTop = defineComponent({
   name: 'ABackTop',
-  inheritAttrs: false,
   mixins: [BaseMixin],
+  inheritAttrs: false,
   emits: ['click'],
   props: {
     ...props,

components/calendar/index.tsx

@@ -51,8 +51,8 @@ export const CalendarProps = {
 
 const Calendar = defineComponent({
   name: 'ACalendar',
-  inheritAttrs: false,
   mixins: [BaseMixin],
+  inheritAttrs: false,
   props: CalendarProps,
   setup() {
     return {

components/cascader/index.tsx

@@ -201,17 +201,10 @@ function flattenTree(
 const defaultDisplayRender = ({ labels }) => labels.join(' / ');
 
 const Cascader = defineComponent({
-  inheritAttrs: false,
   name: 'ACascader',
   mixins: [BaseMixin],
+  inheritAttrs: false,
   props: CascaderProps,
-  // model: {
-  //   prop: 'value',
-  //   event: 'change',
-  // },
-  created() {
-    provide('savePopupRef', this.savePopupRef);
-  },
   setup() {
     return {
       configProvider: inject('configProvider', defaultConfigProvider),
@@ -244,6 +237,13 @@ const Cascader = defineComponent({
       }
     },
   },
+  // model: {
+  //   prop: 'value',
+  //   event: 'change',
+  // },
+  created() {
+    provide('savePopupRef', this.savePopupRef);
+  },
   methods: {
     savePopupRef(ref: any) {
       this.popupRef = ref;

components/checkbox/Group.tsx

@@ -25,6 +25,11 @@ export default defineComponent({
     disabled: PropTypes.looseBool,
     onChange: PropTypes.func,
   },
+  setup() {
+    return {
+      configProvider: inject('configProvider', defaultConfigProvider),
+    };
+  },
 
   data() {
     const { value, defaultValue } = this;
@@ -38,11 +43,6 @@ export default defineComponent({
       this.sValue = val || [];
     },
   },
-  setup() {
-    return {
-      configProvider: inject('configProvider', defaultConfigProvider),
-    };
-  },
   created() {
     provide('checkboxGroupContext', this);
   },