animejs 3.xに対応

This commit is contained in:
syuilo 2019-01-18 13:06:11 +09:00
parent 8b6649b41f
commit 4ba43b69b6
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
19 changed files with 20 additions and 22 deletions

View file

@ -20,7 +20,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import * as anime from 'animejs'; import anime from 'animejs';
import { faTimesCircle, faQuestionCircle } from '@fortawesome/free-regular-svg-icons'; import { faTimesCircle, faQuestionCircle } from '@fortawesome/free-regular-svg-icons';
import parseAcct from "../../../../../misc/acct/parse"; import parseAcct from "../../../../../misc/acct/parse";
@ -93,7 +93,7 @@ export default Vue.extend({
opacity: 1, opacity: 1,
scale: [1.2, 1], scale: [1.2, 1],
duration: 300, duration: 300,
easing: [0, 0.5, 0.5, 1] easing: 'cubicBezier(0, 0.5, 0.5, 1)'
}); });
if (this.splash) { if (this.splash) {
@ -142,7 +142,7 @@ export default Vue.extend({
opacity: 0, opacity: 0,
scale: 0.8, scale: 0.8,
duration: 300, duration: 300,
easing: [0, 0.5, 0.5, 1], easing: 'cubicBezier(0, 0.5, 0.5, 1)',
complete: () => this.destroyDom() complete: () => this.destroyDom()
}); });
}, },

View file

@ -7,7 +7,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import * as anime from 'animejs'; import anime from 'animejs';
export default Vue.extend({ export default Vue.extend({
props: ['image'], props: ['image'],

View file

@ -14,7 +14,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import * as anime from 'animejs'; import anime from 'animejs';
export default Vue.extend({ export default Vue.extend({
props: { props: {

View file

@ -22,7 +22,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import i18n from '../../../i18n'; import i18n from '../../../i18n';
import * as anime from 'animejs'; import anime from 'animejs';
export default Vue.extend({ export default Vue.extend({
i18n: i18n('common/views/components/reaction-picker.vue'), i18n: i18n('common/views/components/reaction-picker.vue'),

View file

@ -18,7 +18,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import Icon from './reaction-icon.vue'; import Icon from './reaction-icon.vue';
import * as anime from 'animejs'; import anime from 'animejs';
export default Vue.extend({ export default Vue.extend({
props: { props: {

View file

@ -18,7 +18,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import i18n from '../../../i18n'; import i18n from '../../../i18n';
import * as anime from 'animejs'; import anime from 'animejs';
export default Vue.extend({ export default Vue.extend({
i18n: i18n('common/views/components/stream-indicator.vue'), i18n: i18n('common/views/components/stream-indicator.vue'),

View file

@ -55,7 +55,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import i18n from '../../../i18n'; import i18n from '../../../i18n';
import * as anime from 'animejs'; import anime from 'animejs';
export default Vue.extend({ export default Vue.extend({
i18n: i18n('common/views/components/visibility-chooser.vue'), i18n: i18n('common/views/components/visibility-chooser.vue'),

View file

@ -13,7 +13,7 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import * as anime from 'animejs'; import anime from 'animejs';
import define from '../../../common/define-widget'; import define from '../../../common/define-widget';
import i18n from '../../../i18n'; import i18n from '../../../i18n';

View file

@ -5,7 +5,7 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import * as anime from 'animejs'; import anime from 'animejs';
import define from '../../../common/define-widget'; import define from '../../../common/define-widget';
import i18n from '../../../i18n'; import i18n from '../../../i18n';

View file

@ -6,7 +6,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import * as anime from 'animejs'; import anime from 'animejs';
import contains from '../../../common/scripts/contains'; import contains from '../../../common/scripts/contains';
import XMenu from './context-menu.menu.vue'; import XMenu from './context-menu.menu.vue';

View file

@ -34,7 +34,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import i18n from '../../../i18n'; import i18n from '../../../i18n';
import * as anime from 'animejs'; import anime from 'animejs';
import copyToClipboard from '../../../common/scripts/copy-to-clipboard'; import copyToClipboard from '../../../common/scripts/copy-to-clipboard';
export default Vue.extend({ export default Vue.extend({

View file

@ -7,7 +7,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import * as anime from 'animejs'; import anime from 'animejs';
export default Vue.extend({ export default Vue.extend({
props: ['video', 'start'], props: ['video', 'start'],

View file

@ -6,7 +6,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import * as anime from 'animejs'; import anime from 'animejs';
export default Vue.extend({ export default Vue.extend({
props: ['message'], props: ['message'],

View file

@ -29,7 +29,6 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import i18n from '../../../i18n'; import i18n from '../../../i18n';
import * as anime from 'animejs';
import { env } from '../../../config'; import { env } from '../../../config';
import XNav from './ui.header.nav.vue'; import XNav from './ui.header.nav.vue';

View file

@ -29,7 +29,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import i18n from '../../../i18n'; import i18n from '../../../i18n';
import * as anime from 'animejs'; import anime from 'animejs';
import parseAcct from '../../../../../misc/acct/parse'; import parseAcct from '../../../../../misc/acct/parse';
export default Vue.extend({ export default Vue.extend({

View file

@ -37,7 +37,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import i18n from '../../../i18n'; import i18n from '../../../i18n';
import * as anime from 'animejs'; import anime from 'animejs';
import contains from '../../../common/scripts/contains'; import contains from '../../../common/scripts/contains';
const minHeight = 40; const minHeight = 40;
@ -196,7 +196,7 @@ export default Vue.extend({
opacity: 0, opacity: 0,
scale: 0.8, scale: 0.8,
duration: this.animation ? 300 : 0, duration: this.animation ? 300 : 0,
easing: [0.5, -0.5, 1, 0.5] easing: 'cubicBezier(0.5, -0.5, 1, 0.5)'
}); });
setTimeout(() => { setTimeout(() => {

View file

@ -8,7 +8,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import * as anime from 'animejs'; import anime from 'animejs';
export default Vue.extend({ export default Vue.extend({
props: ['notification'], props: ['notification'],

View file

@ -16,7 +16,7 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import * as anime from 'animejs'; import anime from 'animejs';
export default Vue.extend({ export default Vue.extend({
props: { props: {

View file

@ -19,7 +19,6 @@
<script lang="ts"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import i18n from '../../../i18n'; import i18n from '../../../i18n';
import * as anime from 'animejs';
import { env } from '../../../config'; import { env } from '../../../config';
export default Vue.extend({ export default Vue.extend({