chore: move mixins

src-next/mixins/close-on-popstate.js

@@ -0,0 +1,44 @@
+import { on, off } from '../utils/dom/event';
+import { BindEventMixin } from './bind-event';
+
+export const CloseOnPopstateMixin = {
+  mixins: [
+    BindEventMixin(function (bind, isBind) {
+      this.handlePopstate(isBind && this.closeOnPopstate);
+    }),
+  ],
+
+  props: {
+    closeOnPopstate: Boolean,
+  },
+
+  data() {
+    return {
+      bindStatus: false,
+    };
+  },
+
+  watch: {
+    closeOnPopstate(val) {
+      this.handlePopstate(val);
+    },
+  },
+
+  methods: {
+    handlePopstate(bind) {
+      /* istanbul ignore if */
+      if (this.$isServer) {
+        return;
+      }
+
+      if (this.bindStatus !== bind) {
+        this.bindStatus = bind;
+        const action = bind ? on : off;
+        action(window, 'popstate', () => {
+          this.close();
+          this.shouldReopen = false;
+        });
+      }
+    },
+  },
+};