mixin 优化

zhaotoday · Nov 24, 2020 · 199a1cd · 199a1cd
1 parent 9d710c3
commit 199a1cd
Show file tree

Hide file tree

Showing 20 changed files with 53 additions and 70 deletions.
diff --git a/src/views/ads/list/form/script.js b/src/views/ads/list/form/script.js
@@ -1,12 +1,10 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import FormMixin from "view-ui-admin/src/mixins/form";
 
 const module = "ads";
 
-@Component({
-  mixins: [FormMixin]
-})
-export default class ListForm extends Vue {
+@Component
+export default class ListForm extends Mixins(FormMixin) {
   data() {
     return {
       cForm: {

diff --git a/src/views/ads/list/script.js b/src/views/ads/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import ListForm from "./form";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
@@ -15,15 +15,14 @@ const initWhere = {
 };
 
 @Component({
-  mixins: [RouteParamsMixin, ListMixin],
   components: {
     "c-list-form": ListForm
   },
   computed: mapState({
     list: state => state[module].list
   })
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, ListMixin) {
   data() {
     const { ListColumnWidth, OrderAction } = this.$consts;
 

diff --git a/src/views/articles/form/script.js b/src/views/articles/form/script.js
@@ -1,17 +1,16 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
 import FormMixin from "view-ui-admin/src/mixins/form";
 import { mapState } from "vuex";
 
 const module = "articles";
 
 @Component({
-  mixins: [RouteParamsMixin, FormMixin],
   computed: mapState({
     detail: state => state[module].detail
   })
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, FormMixin) {
   data() {
     return {
       cForm: {

diff --git a/src/views/articles/list/script.js b/src/views/articles/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
 import ListMixin from "view-ui-admin/src/mixins/list";
@@ -19,12 +19,15 @@ const initWhere = {
 };
 
 @Component({
-  mixins: [RouteParamsMixin, ListMixin, AllCategoriesListMixin],
   computed: mapState({
     list: state => state[module].list
   })
 })
-export default class extends Vue {
+export default class extends Mixins(
+  RouteParamsMixin,
+  ListMixin,
+  AllCategoriesListMixin
+) {
   data() {
     const { ListColumnWidth, OrderAction } = this.$consts;
 

diff --git a/src/views/brands/list/form/script.js b/src/views/brands/list/form/script.js
@@ -1,12 +1,10 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import FormMixin from "view-ui-admin/src/mixins/form";
 
 const module = "brands";
 
-@Component({
-  mixins: [FormMixin]
-})
-export default class BrandsListForm extends Vue {
+@Component
+export default class BrandsListForm extends Mixins(FormMixin) {
   data() {
     return {
       cForm: {

diff --git a/src/views/brands/list/script.js b/src/views/brands/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import BrandsListForm from "./form";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
@@ -15,15 +15,14 @@ const initWhere = {
 };
 
 @Component({
-  mixins: [RouteParamsMixin, ListMixin],
   components: {
     "c-brands-list-form": BrandsListForm
   },
   computed: mapState({
     list: state => state[module].list
   })
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, ListMixin) {
   data() {
     const { ListColumnWidth, OrderAction } = this.$consts;
 

diff --git a/src/views/categories/list/script.js b/src/views/categories/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
 import ListMixin from "view-ui-admin/src/mixins/list";
@@ -13,7 +13,6 @@ const initWhere = {
 };
 
 @Component({
-  mixins: [RouteParamsMixin, ListMixin, FormMixin],
   computed: {
     ...mapState({
       list: state => state[module].list,
@@ -33,7 +32,7 @@ const initWhere = {
     }
   }
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, ListMixin, FormMixin) {
   data() {
     const { ListColumnWidth, OrderAction, CategoryLevel } = this.$consts;
 

diff --git a/src/views/comments/list/script.js b/src/views/comments/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
 import ListMixin from "view-ui-admin/src/mixins/list";
@@ -14,12 +14,11 @@ const initWhere = {
 };
 
 @Component({
-  mixins: [RouteParamsMixin, ListMixin],
   computed: mapState({
     list: state => state[module].list
   })
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, ListMixin) {
   data() {
     const { ListColumnWidth } = this.$consts;
 

diff --git a/src/views/commissions/list/script.js b/src/views/commissions/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
 import ListMixin from "view-ui-admin/src/mixins/list";
@@ -14,12 +14,11 @@ const initWhere = {
 };
 
 @Component({
-  mixins: [RouteParamsMixin, ListMixin],
   computed: mapState({
     list: state => state[module].list
   })
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, ListMixin) {
   data() {
     const { ListColumnWidth } = this.$consts;
 

diff --git a/src/views/coupons/list/form/script.js b/src/views/coupons/list/form/script.js
@@ -1,12 +1,10 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import FormMixin from "view-ui-admin/src/mixins/form";
 
 const module = "coupons";
 
-@Component({
-  mixins: [FormMixin]
-})
-export default class CouponsListForm extends Vue {
+@Component
+export default class CouponsListForm extends Mixins(FormMixin) {
   data() {
     return {
       cForm: {

diff --git a/src/views/coupons/list/script.js b/src/views/coupons/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import CouponsListForm from "./form";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
@@ -15,15 +15,14 @@ const initWhere = {
 };
 
 @Component({
-  mixins: [RouteParamsMixin, ListMixin],
   components: {
     "c-coupons-list-form": CouponsListForm
   },
   computed: mapState({
     list: state => state[module].list
   })
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, ListMixin) {
   data() {
     return {
       cList: {

diff --git a/src/views/merchants/list/form/script.js b/src/views/merchants/list/form/script.js
@@ -1,12 +1,10 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import FormMixin from "view-ui-admin/src/mixins/form";
 
 const module = "merchants";
 
-@Component({
-  mixins: [FormMixin]
-})
-export default class MerchantsListForm extends Vue {
+@Component
+export default class MerchantsListForm extends Mixins(FormMixin) {
   data() {
     return {
       cForm: {

diff --git a/src/views/merchants/list/script.js b/src/views/merchants/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import MerchantsListForm from "./form";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
@@ -12,15 +12,14 @@ const initWhere = {
 };
 
 @Component({
-  mixins: [RouteParamsMixin, ListMixin],
   components: {
     "c-merchants-list-form": MerchantsListForm
   },
   computed: mapState({
     list: state => state[module].list
   })
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, ListMixin) {
   data() {
     const { ListColumnWidth } = this.$consts;
 

diff --git a/src/views/orders/list/script.js b/src/views/orders/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
 import ListMixin from "view-ui-admin/src/mixins/list";
@@ -22,12 +22,11 @@ const initWhere = {
 };
 
 @Component({
-  mixins: [RouteParamsMixin, ListMixin],
   computed: mapState({
     list: state => state[module].list
   })
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, ListMixin) {
   data() {
     return {
       cList: {

diff --git a/src/views/points/list/form/script.js b/src/views/points/list/form/script.js
@@ -1,12 +1,10 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import FormMixin from "view-ui-admin/src/mixins/form";
 
 const module = "points";
 
-@Component({
-  mixins: [FormMixin]
-})
-export default class ListForm extends Vue {
+@Component
+export default class ListForm extends Mixins(FormMixin) {
   data() {
     return {
       cForm: {

diff --git a/src/views/points/list/script.js b/src/views/points/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
 import ListMixin from "view-ui-admin/src/mixins/list";
@@ -18,12 +18,11 @@ const initWhere = {
   components: {
     "c-list-form": ListForm
   },
-  mixins: [RouteParamsMixin, ListMixin],
   computed: mapState({
     list: state => state[module].list
   })
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, ListMixin) {
   data() {
     const { ListColumnWidth } = this.$consts;
 

diff --git a/src/views/products/form/script.js b/src/views/products/form/script.js
@@ -1,17 +1,16 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
 import FormMixin from "view-ui-admin/src/mixins/form";
 import { mapState } from "vuex";
 
 const module = "products";
 
 @Component({
-  mixins: [RouteParamsMixin, FormMixin],
   computed: mapState({
     detail: state => state[module].detail
   })
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, FormMixin) {
   data() {
     return {
       cForm: {

diff --git a/src/views/products/list/script.js b/src/views/products/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
 import ListMixin from "view-ui-admin/src/mixins/list";
@@ -19,12 +19,15 @@ const initWhere = {
 };
 
 @Component({
-  mixins: [RouteParamsMixin, ListMixin, AllCategoriesListMixin],
   computed: mapState({
     list: state => state[module].list
   })
 })
-export default class extends Vue {
+export default class extends Mixins(
+  RouteParamsMixin,
+  ListMixin,
+  AllCategoriesListMixin
+) {
   data() {
     const { ListColumnWidth, OrderAction } = this.$consts;
 

diff --git a/src/views/withdraws/list/script.js b/src/views/withdraws/list/script.js
@@ -1,4 +1,4 @@
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Mixins } from "vue-property-decorator";
 import { mapState } from "vuex";
 import RouteParamsMixin from "view-ui-admin/src/mixins/route-params";
 import ListMixin from "view-ui-admin/src/mixins/list";
@@ -17,12 +17,11 @@ const initWhere = {
 };
 
 @Component({
-  mixins: [RouteParamsMixin, ListMixin],
   computed: mapState({
     list: state => state[module].list
   })
 })
-export default class extends Vue {
+export default class extends Mixins(RouteParamsMixin, ListMixin) {
   data() {
     const { ListColumnWidth } = this.$consts;