🔱: [client] sync upgrade with 12 commits [trident-sync]

refactor: 1.11.0
refactor: 1.11.0
refactor: 1.11.0
refactor: 1.11.0
refactor: ts化
refactor: ts化
feat: 全面TS化
perf: 全面ts化
refactor: 继续优化ts
perf: ts定义优化
fix: 修复wangeditor无法上传视频的bug

packages/ui/certd-client/src/views/framework/home/index.vue

@@ -4,7 +4,7 @@
   </fs-page>
 </template>
 
-<script>
+<script lang="ts">
 import { defineComponent } from "vue";
 import PageCover from "./page-cover/index.vue";
 export default defineComponent({

packages/ui/certd-client/src/views/framework/home/page-cover/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="d2-page-cover">
-    <div class="d2-page-cover__title" @click="$open('https://github.com/fast-crud/fast-crud')">
+    <div class="d2-page-cover__title">
       <div class="title-line">
         <img width="50" src="./image/logo.svg" />
         FsAdmin v{{ version }}
@@ -9,10 +9,10 @@
     <p class="d2-page-cover__sub-title">面向配置的crud编程，快速开发crud功能</p>
     <div class="exampleBox">
       <div class="left">
-        <fs-highlight :code="helper.crud" lang="javascript" />
+        <fs-highlight :code="helperRef.crud" lang="javascript" />
       </div>
       <div class="icon">
-        <fs-icon :icon="$fsui.icons.arrowRight" />
+        <fs-icon :icon="ui.icons.arrowRight" />
       </div>
       <div class="right">
         <img style="border: 1px solid #eee" src="./image/crud.png" />
@@ -22,32 +22,26 @@
       <div class="left"></div>
       <div class="right">
         <div>如果觉得好用，请不要吝啬你的star哟！</div>
-        <a href="https://gitee.com/fast-crud/fast-crud" target="_blank"
-          ><img src="https://gitee.com/fast-crud/fast-crud/badge/star.svg?theme=dark" alt="star"
-        /></a>
-        <a href="https://github.com/fast-crud/fast-crud" target="_blank"
-          ><img alt="GitHub stars" src="https://img.shields.io/github/stars/fast-crud/fast-crud?logo=github"
-        /></a>
+        <a href="https://gitee.com/fast-crud/fast-crud" target="_blank"><img src="https://gitee.com/fast-crud/fast-crud/badge/star.svg?theme=dark" alt="star" /></a>
+        <a href="https://github.com/fast-crud/fast-crud" target="_blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/fast-crud/fast-crud?logo=github" /></a>
       </div>
     </div>
   </div>
 </template>
-<script>
-import helper from "./helper";
-
+<script lang="ts">
 import { defineComponent, ref } from "vue";
+import { useUi } from "@fast-crud/fast-crud";
+import helper from "./helper";
 export default defineComponent({
   name: "PageCover",
   setup() {
     const version = ref(import.meta.env.VITE_APP_VERSION);
-
+    const helperRef = ref(helper);
+    const { ui } = useUi();
     return {
-      version
-    };
-  },
-  data() {
-    return {
-      helper: helper
+      ui,
+      version,
+      helperRef
     };
   }
 });