From db3b1b466284c921d7d81d820477ef03e51d965f Mon Sep 17 00:00:00 2001
From: chilingling <michaelchiling1024@gmail.com>
Date: Sun, 14 Apr 2024 20:24:30 -0700
Subject: [PATCH] fix(chore): fix some vue warining on console

---
 .../src/mock/get/app-center/v1/apps/schema/918.json   | 11 +++++------
 packages/plugins/help/src/HelpIcon.vue                |  2 +-
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/mockServer/src/mock/get/app-center/v1/apps/schema/918.json b/mockServer/src/mock/get/app-center/v1/apps/schema/918.json
index 668014e61a..851c9a1557 100644
--- a/mockServer/src/mock/get/app-center/v1/apps/schema/918.json
+++ b/mockServer/src/mock/get/app-center/v1/apps/schema/918.json
@@ -769,7 +769,7 @@
               {
                 "componentName": "TinyTimeLine",
                 "props": {
-                  "active": "2",
+                  "active": 2,
                   "data": [
                     {
                       "name": "基础配置"
@@ -1525,7 +1525,6 @@
           {
             "componentName": "div",
             "props": {
-              
               "style": "border-width: 1px;z-index:1;border-style: solid; border-color: #ffffff; padding-top: 10px; padding-left: 10px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background-color: #fff; position: fixed; inset: auto 0% 0% 0%; height: 80px; line-height: 80px; border-radius: 0px;"
             },
             "children": [
@@ -1551,7 +1550,7 @@
                   {
                     "componentName": "TinyCol",
                     "props": {
-                      "span": "8"
+                      "span": 8
                     },
                     "id": "b9d051a5",
                     "children": [
@@ -1564,7 +1563,7 @@
                           {
                             "componentName": "TinyCol",
                             "props": {
-                              "span": "5",
+                              "span": 5,
                               "style": "display: flex;"
                             },
                             "id": "02352776",
@@ -1598,7 +1597,7 @@
                           {
                             "componentName": "TinyCol",
                             "props": {
-                              "span": "7"
+                              "span": 7
                             },
                             "id": "82b6c659",
                             "children": [
@@ -1666,7 +1665,7 @@
                   {
                     "componentName": "TinyCol",
                     "props": {
-                      "span": "4",
+                      "span": 4,
                       "style": "display: flex; flex-direction: row-reverse; border-radius: 0px; height: 100%; justify-content: flex-start; align-items: center;"
                     },
                     "id": "10b73009",
diff --git a/packages/plugins/help/src/HelpIcon.vue b/packages/plugins/help/src/HelpIcon.vue
index f285fdf2ba..64da288a7a 100644
--- a/packages/plugins/help/src/HelpIcon.vue
+++ b/packages/plugins/help/src/HelpIcon.vue
@@ -82,7 +82,7 @@ export default {
 
     const state = reactive({
       showStep: false,
-      guideWidth: 360,
+      guideWidth: '360',
       showTooltip: false,
       showHelpDialog: false,
       helpBox: false