diff --git a/package.json b/package.json
index 809cadbc..afc4e53b 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "print-js": "^1.0.63",
     "serialize-javascript": "^6.0.0",
     "sortablejs": "^1.12.0",
+    "spritejs": "^3.8.0",
     "vue-draggable-resizable": "^2.3.0",
     "vue-json-editor": "^1.4.3",
     "vue-okr-tree": "^1.0.10",
diff --git a/project/dvui/components/AiDataPanel.vue b/project/dvui/components/AiDataPanel.vue
deleted file mode 100644
index 11ec9fa8..00000000
--- a/project/dvui/components/AiDataPanel.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-  <section class="AiDataPanel">
-    <b class="item-title" v-text="label"/>
-    <div class="num-bg">
-      <span ref="num" class="num" v-text="num"/>
-    </div>
-  </section>
-</template>
-
-<script>
-import {gsap} from 'gsap'
-
-export default {
-  name: "AiDataPanel",
-  props: {
-    label: {default: "标题"},
-    value: {default: 0}
-  },
-  data() {
-    return {
-      num: 0
-    }
-  },
-  methods: {
-    animation() {
-      let demo = {num: Math.max(this.value - 30, 0)}
-      gsap.to(demo, 1, {
-        num: this.value, onUpdate: () => {
-          this.num = demo.num?.toFixed(0)
-        }
-      })
-    }
-  },
-  mounted() {
-    this.animation()
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.AiDataPanel {
-  flex: 1;
-  width: 172px;
-  height: 160px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background: #000;
-
-  & + .AiDataPanel {
-    margin-left: 16px;
-  }
-
-  .item-title {
-    font-size: 24px;
-    line-height: 32px;
-    background-image: -webkit-linear-gradient(bottom, #35BEFF, #EBF9FF, #FFFFFF);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    margin-top: 30px;
-  }
-
-  .num-bg {
-    width: 100%;
-    height: 160px;
-    background-image: url(https://cdn.cunwuyun.cn/dvcp/dv/dianjiang/number-bg.png);
-    background-size: 100% 100%;
-    position: relative;
-    margin-top: -76px;
-
-    .num {
-      position: absolute;
-      left: 0;
-      bottom: 30px;
-      width: 100%;
-      text-align: center;
-      height: 50px;
-      font-size: 40px;
-      font-family: D-DIN-Bold, D-DIN;
-      font-weight: bold;
-      line-height: 54px;
-      background-image: -webkit-linear-gradient(bottom, #35BEFF, #EBF9FF, #FFFFFF);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-    }
-  }
-}
-</style>
diff --git a/project/dvui/components/AiStaData.vue b/project/dvui/components/AiStaData.vue
deleted file mode 100644
index f225badc..00000000
--- a/project/dvui/components/AiStaData.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-  <section class="AiStaData">
-    <ai-data-panel v-for="op in data" :key="op[key]"
-                   :label="op[label]" :value="op[key]"/>
-  </section>
-</template>
-
-<script>
-import AiDataPanel from "./AiDataPanel";
-
-export default {
-  name: "AiStaData",
-  components: {AiDataPanel},
-  props: {
-    data: {default: () => []},
-    key: {default: "id"},
-    label: {default: "label"},
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.AiStaData {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-</style>