chore(statistic): 修复eslint问题

Author: jxhhdx

packages/devui-vue/devui/statistic/src/statistic.tsx

@@ -2,6 +2,7 @@ import { defineComponent, computed, ref, onMounted, watch } from 'vue';
 import { statisticProps, StatisticProps } from './statistic-types';
 import { analysisValueType } from './utils/separator';
 import { Tween } from './utils/animation';
+import type { toType } from './utils/animation';
 import './statistic.scss';
 
 export default defineComponent({
@@ -10,7 +11,7 @@ export default defineComponent({
  props: statisticProps,
  setup(props: StatisticProps, ctx) {
  const innerValue = ref(props.valueFrom ?? props.value);
- const tween = ref(null);
+ const tween = ref<Tween | null>(null);
 
  const animation = (
  from: number = props.valueFrom ?? 0,
@@ -27,7 +28,7 @@ export default defineComponent({
  delay: 0,
  duration: props.animationDuration,
  easing: 'easeOutCubic',
- onUpdate: (keys: any) => {
+ onUpdate: (keys: toType) => {
  innerValue.value = keys.value;
  },
  onFinish: () => {

packages/devui-vue/devui/statistic/src/utils/animation.ts

@@ -1,15 +1,17 @@
-import * as easing from './easing';
-
-export type easingType = 'easeOutCubic' | 'linear' | 'easeOutExpo' | 'easeInOutExpo';
-export type startFunc = (key: number) => number;
-export type updateFunc = (key: any) => any;
-export type finishFunc = (key: any) => any;
+import easing from './easing';
 export interface fromType {
  value: number;
 }
 export interface toType {
  value: number;
 }
+
+export type easingType = 'easeOutCubic' | 'linear' | 'easeOutExpo' | 'easeInOutExpo';
+export type formAndToAttributesType = 'value' | unknown;
+export type startFunc = (key: number) => number;
+export type updateFunc = (key: toType) => void;
+export type finishFunc = (key: toType) => void;
+
 export interface AnimationOptions {
  from: fromType;
  to: toType;
@@ -36,9 +38,9 @@ export class Tween {
  timer?: null | number;
  time?: number;
  elapsed?: number;
- keys?: any;
+ keys?: toType;
  constructor(options: AnimationOptions) {
- const { from, to, duration, delay, easing, onStart, onUpdate, onFinish } = options;
+ const { from, to, duration, delay, easing: easingValue, onStart, onUpdate, onFinish } = options;
  for (const key in from) {
  if (to[key] === undefined) {
  to[key] = from[key];
@@ -55,7 +57,7 @@ export class Tween {
  this.to = to;
  this.duration = duration;
  this.delay = delay;
- this.easing = easing;
+ this.easing = easingValue;
  this.onStart = onStart;
  this.onUpdate = onUpdate;
  this.onFinish = onFinish;

packages/devui-vue/devui/statistic/src/utils/easing.ts

@@ -25,3 +25,5 @@ export const easeInExpo = function (x: number): number {
 export const easeInOutCirc = function (x: number): number {
  return x < 0.5 ? (1 - sqrt(1 - pow(2 * x, 2))) / 2 : (sqrt(1 - pow(-2 * x + 2, 2)) + 1) / 2;
 };
+
+export default { easeOutCubic, linear, easeOutExpo, easeInOutExpo, easeInExpo, easeInOutCirc };