style: format code

Author: tangjinzhou

.eslintrc

@@ -50,11 +50,14 @@
     "camelcase": "off",
     "no-extra-boolean-cast": "off",
     "semi": ["error", "always"],
+    "vue/require-explicit-emits": "off",
     "vue/require-prop-types": "off",
     "vue/require-default-prop": "off",
     "vue/no-reserved-keys": "off",
     "vue/comment-directive": "off",
     "vue/prop-name-casing": "off",
+    "vue/one-component-per-file": "off",
+    "vue/custom-event-name-casing": "off",
     "vue/max-attributes-per-line": [
       2,
       {

antdv-demo

@@ -25,7 +25,6 @@ const AutoCompleteProps = {
 const AutoComplete = defineComponent({
   name: 'AAutoComplete',
   inheritAttrs: false,
-  emits: ['change', 'select', 'focus', 'blur'],
   props: {
     ...AutoCompleteProps,
     prefixCls: PropTypes.string.def('ant-select'),
@@ -38,6 +37,7 @@ const AutoComplete = defineComponent({
     filterOption: PropTypes.oneOfType([PropTypes.looseBool, PropTypes.func]).def(false),
     defaultActiveFirstOption: PropTypes.looseBool.def(true),
   },
+  emits: ['change', 'select', 'focus', 'blur'],
   Option: { ...Option, name: 'AAutoCompleteOption' },
   OptGroup: { ...OptGroup, name: 'AAutoCompleteOptGroup' },
   setup(props, { slots }) {

components/auto-complete/index.tsx

@@ -20,11 +20,11 @@ const BackTop = defineComponent({
   name: 'ABackTop',
   mixins: [BaseMixin],
   inheritAttrs: false,
-  emits: ['click'],
   props: {
     ...props,
     visibilityHeight: PropTypes.number.def(400),
   },
+  emits: ['click'],
   setup() {
     return {
       configProvider: inject('configProvider', defaultConfigProvider),

components/back-top/index.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import PropTypes from '../_util/vue-types';
 import { defaultConfigProvider } from '../config-provider';
 import BaseMixin from '../_util/BaseMixin';
@@ -12,6 +13,9 @@ let colors = '#194d33';
 export default {
   name: 'AColorPicker',
   mixins: [BaseMixin],
+  inject: {
+    configProvider: { default: () => defaultConfigProvider },
+  },
   model: {
     prop: 'value',
     event: 'change.value', //为了支持v-model直接返回颜色字符串 所以用了自定义的事件,与pickr自带change事件进行区分
@@ -30,9 +34,7 @@ export default {
     alpha: PropTypes.looseBool.def(false), //是否开启透明通道
     hue: PropTypes.looseBool.def(true), //是否开启色彩预选
   },
-  inject: {
-    configProvider: { default: () => defaultConfigProvider },
-  },
+
   data() {
     return {
       colors,
@@ -82,7 +84,7 @@ export default {
     this.createPickr();
     this.eventsBinding();
   },
-  destroyed() {
+  unmounted() {
     this.pickr.destroyAndRemove();
   },
   methods: {

components/color-picker/ColorPicker.jsx

@@ -32,13 +32,13 @@ export default function createPicker<P>(
 ): DefineComponent<any> {
   return defineComponent({
     name,
+    mixins: [BaseMixin],
     inheritAttrs: false,
     props: {
       ...props,
       allowClear: PropTypes.looseBool.def(true),
       showToday: PropTypes.looseBool.def(true),
     },
-    mixins: [BaseMixin],
     setup() {
       return {
         configProvider: inject('configProvider', defaultConfigProvider),

components/date-picker/createPicker.tsx

@@ -13,6 +13,7 @@ const PlacementTypes = tuple('top', 'right', 'bottom', 'left');
 type placementType = typeof PlacementTypes[number];
 const Drawer = defineComponent({
   name: 'ADrawer',
+  mixins: [BaseMixin],
   inheritAttrs: false,
   props: {
     closable: PropTypes.looseBool.def(true),
@@ -40,7 +41,6 @@ const Drawer = defineComponent({
     onClose: PropTypes.func,
     'onUpdate:visible': PropTypes.func,
   },
-  mixins: [BaseMixin],
   setup(props) {
     const configProvider = inject('configProvider', defaultConfigProvider);
     return {

components/drawer/index.tsx

@@ -150,7 +150,6 @@ export const destroyFns = [];
 export default defineComponent({
   name: 'AModal',
   inheritAttrs: false,
-  emits: ['update:visible', 'cancel', 'change', 'ok'],
   props: initDefaultProps(modalProps, {
     width: 520,
     transitionName: 'zoom',
@@ -159,6 +158,7 @@ export default defineComponent({
     visible: false,
     okType: 'primary',
   }),
+  emits: ['update:visible', 'cancel', 'change', 'ok'],
   setup() {
     return {
       configProvider: inject('configProvider', defaultConfigProvider),

components/modal/Modal.tsx

@@ -18,6 +18,7 @@ const btnProps = buttonTypes();
 
 const Popconfirm = defineComponent({
   name: 'APopconfirm',
+  mixins: [BaseMixin],
   props: {
     ...tooltipProps,
     prefixCls: PropTypes.string,
@@ -36,7 +37,6 @@ const Popconfirm = defineComponent({
     onCancel: PropTypes.func,
     onVisibleChange: PropTypes.func,
   },
-  mixins: [BaseMixin],
   emits: ['update:visible', 'confirm', 'cancel', 'visibleChange'],
   setup() {
     return {

components/popconfirm/index.tsx

@@ -55,16 +55,16 @@ const Slider = defineComponent({
   name: 'ASlider',
   mixins: [BaseMixin],
   inheritAttrs: false,
+  props: {
+    ...SliderProps(),
+  },
   emits: ['update:value', 'change'],
   setup() {
     return {
       vcSlider: null,
       configProvider: inject('configProvider', defaultConfigProvider),
     };
   },
-  props: {
-    ...SliderProps(),
-  },
   data() {
     return {
       visibles: {},