feat(milestone): [milestone] 修改示例适配默认主题 (#2561)

opentiny · Nov 27, 2024 · 1df0f4d · 1df0f4d
1 parent 83c5e04
commit 1df0f4d
Show file tree

Hide file tree

Showing 9 changed files with 34 additions and 46 deletions.
diff --git a/examples/sites/demos/pc/app/milestone/basic-usage-composition-api.vue b/examples/sites/demos/pc/app/milestone/basic-usage-composition-api.vue
@@ -25,13 +25,13 @@ const statusMap = ref({
   // 对应 status = completed
   completed: '#1890ff',
   // 对应 status = doing
-  doing: '#7eb7fc',
+  doing: '#e8faff',
   // 对应 status = back
-  back: '#ff8800',
+  back: '#edf7df',
   // 对应 status = end
   end: '#faad14',
   // 对应 status = cancel
-  cancel: '#fce2e0'
+  cancel: '#f230301A'
 })
 
 // 数据源

diff --git a/examples/sites/demos/pc/app/milestone/basic-usage.spec.ts b/examples/sites/demos/pc/app/milestone/basic-usage.spec.ts
@@ -34,18 +34,18 @@ test('基本用法', async ({ page }) => {
       'box-shadow': 'none'
     },
     {
-      'background-color': 'rgb(126, 183, 252)',
+      'background-color': 'rgb(232, 250, 255)',
       'color': 'rgb(255, 255, 255)',
       'box-shadow': 'none'
     },
     {
       'background-color': 'rgb(255, 255, 255)',
-      'color': 'rgb(252, 226, 224)',
+      'color': 'rgba(242, 48, 48, 0.1)',
       'box-shadow': 'none'
     },
     {
       'background-color': 'rgb(255, 255, 255)',
-      'color': 'rgb(255, 136, 0)',
+      'color': 'rgb(237, 247, 223)',
       'box-shadow': 'none'
     },
     {
@@ -56,7 +56,7 @@ test('基本用法', async ({ page }) => {
   ]
   const titles = ['completed 状态', 'completed 状态', 'doing 状态', 'cancel 状态', 'back 状态', 'end 状态']
   const flagContents = [/引导用户按照流程完成任务/, /test7欢迎使用vui/, /test8/, /test6/]
-  const flagLineColors = ['rgb(255, 136, 0)', 'rgb(255, 136, 0)', 'rgb(126, 183, 252)', 'rgb(252, 226, 224)']
+  const flagLineColors = ['rgb(237, 247, 223)', 'rgb(237, 247, 223)', 'rgb(232, 250, 255)', 'rgba(242, 48, 48, 0.1)']
 
   await expect(nodes).toHaveCount(nodeCount)
   await expect(nodeLines).toHaveCount(nodeCount)

diff --git a/examples/sites/demos/pc/app/milestone/basic-usage.vue b/examples/sites/demos/pc/app/milestone/basic-usage.vue
@@ -30,13 +30,13 @@ export default {
         // 对应 status = completed
         completed: '#1890ff',
         // 对应 status = doing
-        doing: '#7eb7fc',
+        doing: '#e8faff',
         // 对应 status = back
-        back: '#ff8800',
+        back: '#edf7df',
         // 对应 status = end
         end: '#faad14',
         // 对应 status = cancel
-        cancel: '#fce2e0'
+        cancel: '#f230301A'
       },
       // 数据源
       milestoneData: [

diff --git a/examples/sites/demos/pc/app/milestone/custom-flag-composition-api.vue b/examples/sites/demos/pc/app/milestone/custom-flag-composition-api.vue
@@ -12,15 +12,12 @@
 import { ref } from 'vue'
 import { TinyMilestone } from '@opentiny/vue'
 
-const timeActive1 = ref(1)
-const normalActive = ref(2)
-const advancedActive = ref(2)
 const statusMap = ref({
-  completed: 'var(--tv-color-bg-disabled-control-active)',
-  doing: '#7ED321',
-  back: '#f5222d',
+  completed: '#f0f7ff',
+  doing: '#e8faff',
+  back: '#edf7df',
   end: '#faad14',
-  cancel: '#d9d9d9'
+  cancel: '#f230301A'
 })
 const milestoneData = ref([
   {

diff --git a/examples/sites/demos/pc/app/milestone/custom-flag.vue b/examples/sites/demos/pc/app/milestone/custom-flag.vue
@@ -17,15 +17,12 @@ export default {
   },
   data() {
     return {
-      timeActive1: 1,
-      normalActive: 2,
-      advancedActive: 2,
       statusMap: {
-        completed: 'var(--tv-color-bg-disabled-control-active)',
-        doing: '#7ED321',
-        back: '#f5222d',
+        completed: '#f0f7ff',
+        doing: '#e8faff',
+        back: '#edf7df',
         end: '#faad14',
-        cancel: '#d9d9d9'
+        cancel: '#f230301A'
       },
       milestoneData: [
         {

diff --git a/examples/sites/demos/pc/app/milestone/data-field-mapping-composition-api.vue b/examples/sites/demos/pc/app/milestone/data-field-mapping-composition-api.vue
@@ -20,11 +20,11 @@ import { ref } from 'vue'
 import { TinyMilestone } from '@opentiny/vue'
 
 const statusMap = ref({
-  completed: 'var(--tv-color-bg-disabled-control-active)',
-  doing: '#7ED321',
-  back: '#f5222d',
+  completed: '#f0f7ff',
+  doing: '#e8faff',
+  back: '#edf7df',
   end: '#faad14',
-  cancel: '#d9d9d9'
+  cancel: '#f230301A'
 })
 const milestoneData = ref([
   {

diff --git a/examples/sites/demos/pc/app/milestone/data-field-mapping.vue b/examples/sites/demos/pc/app/milestone/data-field-mapping.vue
@@ -25,11 +25,11 @@ export default {
   data() {
     return {
       statusMap: {
-        completed: 'var(--tv-color-bg-disabled-control-active)',
-        doing: '#7ED321',
-        back: '#f5222d',
+        completed: '#f0f7ff',
+        doing: '#e8faff',
+        back: '#edf7df',
         end: '#faad14',
-        cancel: '#d9d9d9'
+        cancel: '#f230301A'
       },
       milestoneData: [
         {

diff --git a/examples/sites/demos/pc/app/milestone/milestone-events-composition-api.vue b/examples/sites/demos/pc/app/milestone/milestone-events-composition-api.vue
@@ -13,15 +13,12 @@
 import { ref } from 'vue'
 import { TinyMilestone, TinyNotify } from '@opentiny/vue'
 
-const timeActive1 = ref(1)
-const normalActive = ref(2)
-const advancedActive = ref(2)
 const statusMap = ref({
-  completed: 'var(--tv-color-bg-disabled-control-active)',
-  doing: '#7ED321',
-  back: '#f5222d',
+  completed: '#f0f7ff',
+  doing: '#e8faff',
+  back: '#edf7df',
   end: '#faad14',
-  cancel: '#d9d9d9'
+  cancel: '#f230301A'
 })
 const milestoneData = ref([
   {

diff --git a/examples/sites/demos/pc/app/milestone/milestone-events.vue b/examples/sites/demos/pc/app/milestone/milestone-events.vue
@@ -18,15 +18,12 @@ export default {
   },
   data() {
     return {
-      timeActive1: 1,
-      normalActive: 2,
-      advancedActive: 2,
       statusMap: {
-        completed: 'var(--tv-color-bg-disabled-control-active)',
-        doing: '#7ED321',
-        back: '#f5222d',
+        completed: '#f0f7ff',
+        doing: '#e8faff',
+        back: '#edf7df',
         end: '#faad14',
-        cancel: '#d9d9d9'
+        cancel: '#f230301A'
       },
       milestoneData: [
         {