From 68f9cd34e25f739aee6df13499702a7d9a0796a3 Mon Sep 17 00:00:00 2001
From: Bang <15622356989@163.com>
Date: Mon, 5 Jun 2023 18:05:45 +0800
Subject: [PATCH 1/7] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96tag=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/portal-ak/src/pages/tag/TagBasic.vue | 20 +++++++++----------
 .../portal-ak/src/pages/tag/TagClosable.vue   |  6 +++---
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/portal-ak/src/pages/tag/TagBasic.vue b/packages/portal-ak/src/pages/tag/TagBasic.vue
index 54e90a5e..56b85693 100644
--- a/packages/portal-ak/src/pages/tag/TagBasic.vue
+++ b/packages/portal-ak/src/pages/tag/TagBasic.vue
@@ -5,24 +5,24 @@ import { OTag } from '@components/index';
 <template>
   <h3>运营标签</h3>
   <section>
-    <OTag color="primary">NEW</OTag>
-    <OTag color="primary">HOT</OTag>
-    <OTag color="primary">推荐</OTag>
-    <OTag color="primary" class="tag-ascend">优质模型</OTag>
+    <OTag color="primary" round="pill">NEW</OTag>
+    <OTag color="primary" round="pill">HOT</OTag>
+    <OTag color="primary" round="pill">推荐</OTag>
+    <OTag round="pill" class="tag-ascend">优质模型</OTag>
   </section>
 
   <h3>信息标签</h3>
   <section>
-    <OTag>Python</OTag>
-    <OTag>C++</OTag>
-    <OTag class="tag-normal-inverse">Python</OTag>
+    <OTag round="pill">Python</OTag>
+    <OTag round="pill">C++</OTag>
+    <OTag round="pill" class="tag-normal-inverse">Python</OTag>
   </section>
 
   <h3>状态标签</h3>
   <section>
-    <OTag color="success">已完成</OTag>
-    <OTag class="tag-unstart">未开始</OTag>
-    <OTag color="danger">未通过</OTag>
+    <OTag round="pill" color="success">已完成</OTag>
+    <OTag round="pill" class="tag-unstart">未开始</OTag>
+    <OTag round="pill" color="danger">未通过</OTag>
   </section>
 </template>
 <style lang="scss"></style>
diff --git a/packages/portal-ak/src/pages/tag/TagClosable.vue b/packages/portal-ak/src/pages/tag/TagClosable.vue
index 2ab35dd7..12bca929 100644
--- a/packages/portal-ak/src/pages/tag/TagClosable.vue
+++ b/packages/portal-ak/src/pages/tag/TagClosable.vue
@@ -8,8 +8,8 @@ const handleClose = () => {
 <template>
   <h3>可删除标签</h3>
   <section>
-    <OTag closable @close="handleClose">可操作标签1</OTag>
-    <OTag closable @close="handleClose">可操作标签2</OTag>
-    <OTag closable @close="handleClose">可操作标签3</OTag>
+    <OTag round="pill" closable @close="handleClose">可操作标签1</OTag>
+    <OTag round="pill" closable @close="handleClose">可操作标签2</OTag>
+    <OTag round="pill" closable @close="handleClose">可操作标签3</OTag>
   </section>
 </template>
-- 
Gitee


From b729f63ea8d1cd233d7489863c739427a362fa07 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 5 Jun 2023 21:33:32 +0800
Subject: [PATCH 2/7] v39

---
 packages/opendesign/package.json                          | 2 +-
 packages/opendesign/src/components/_shared/icons.ts       | 8 +-------
 packages/opendesign/src/components/carousel/OCarousel.vue | 1 +
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/packages/opendesign/package.json b/packages/opendesign/package.json
index 4e87435c..9b1d2622 100644
--- a/packages/opendesign/package.json
+++ b/packages/opendesign/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opensig/opendesign",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "types": "es/index.d.ts",
diff --git a/packages/opendesign/src/components/_shared/icons.ts b/packages/opendesign/src/components/_shared/icons.ts
index ed9cb5a0..b93d291c 100644
--- a/packages/opendesign/src/components/_shared/icons.ts
+++ b/packages/opendesign/src/components/_shared/icons.ts
@@ -18,7 +18,6 @@ import {
   OIconStar,
   OIconRefresh,
   OIconDelete,
-  OIconPoint,
   OIconEye,
   OIconEyeOff,
   OIconFile,
@@ -101,11 +100,6 @@ export const IconRefresh = shallowRef<Component>(OIconRefresh);
  */
 export const IconDelete = shallowRef<Component>(OIconDelete);
 
-/**
- * 错误/失败图标
- */
-export const IconError = shallowRef<Component>(OIconPoint);
-
 /**
  * 预览图标
  */
@@ -117,7 +111,7 @@ export const IconPreview = shallowRef<Component>(OIconEye);
 export const IconFile = shallowRef<Component>(OIconFile);
 
 /**
- * 文件图标
+ * 编辑图标
  */
 export const IconEdit = shallowRef<Component>(OIconEdit);
 
diff --git a/packages/opendesign/src/components/carousel/OCarousel.vue b/packages/opendesign/src/components/carousel/OCarousel.vue
index f7dfab49..4b903624 100644
--- a/packages/opendesign/src/components/carousel/OCarousel.vue
+++ b/packages/opendesign/src/components/carousel/OCarousel.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, watch, computed, onMounted, onUnmounted, provide } from 'vue';
+// TODO 支持图标可配置
 import { OIconChevronLeft, OIconChevronRight } from '../icon-components';
 import Gallery from './gallery';
 import Toggle from './toggle';
-- 
Gitee


From 26ab5eac65bbe10077a0bc89b59c7808d5900747 Mon Sep 17 00:00:00 2001
From: Bang <15622356989@163.com>
Date: Mon, 5 Jun 2023 22:05:48 +0800
Subject: [PATCH 3/7] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9card=20demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../carousel/__demo__/CarouselBasic.vue       |  2 +-
 .../src/components/carousel/style/index.scss  |  1 +
 .../portal-ak/src/assets/theme/card.a.scss    | 31 ++++++++++++
 .../assets/theme/{card.scss => card.k.scss}   | 48 +++----------------
 .../portal-ak/src/assets/theme/index.a.scss   |  2 +
 .../portal-ak/src/assets/theme/index.k.scss   |  2 +
 .../portal-ak/src/assets/theme/index.scss     |  1 -
 packages/portal-ak/src/main.ts                |  3 ++
 .../portal-ak/src/pages/card/TheIndex.vue     |  4 +-
 .../portal-ak/src/pages/card/a/CardText-A.vue |  6 +--
 .../src/pages/card/k/CardCoverAndText-K.vue   |  7 ++-
 .../portal-ak/src/pages/card/k/CardIcon-K.vue | 31 +++++++++---
 .../portal-ak/src/pages/card/k/CardText-K.vue |  6 +--
 13 files changed, 85 insertions(+), 59 deletions(-)
 create mode 100644 packages/portal-ak/src/assets/theme/card.a.scss
 rename packages/portal-ak/src/assets/theme/{card.scss => card.k.scss} (40%)
 create mode 100644 packages/portal-ak/src/assets/theme/index.a.scss
 create mode 100644 packages/portal-ak/src/assets/theme/index.k.scss

diff --git a/packages/opendesign/src/components/carousel/__demo__/CarouselBasic.vue b/packages/opendesign/src/components/carousel/__demo__/CarouselBasic.vue
index d32ce328..2803c8e6 100644
--- a/packages/opendesign/src/components/carousel/__demo__/CarouselBasic.vue
+++ b/packages/opendesign/src/components/carousel/__demo__/CarouselBasic.vue
@@ -67,7 +67,7 @@ const initSlides = () => {
       </OCarousel>
     </div>
     <div class="block" style="overflow: hidden">
-      <OCarousel class="carousel" auto-play indicator-click click-to-switch @change="onChange2" @before-change="onBeforeChange2">
+      <OCarousel class="carousel" indicator-click click-to-switch @change="onChange2" @before-change="onBeforeChange2">
         <OCarouselItem v-for="s in carousel" :key="s" class="slide-item2">
           <OFigure class="img" :src="s" />
         </OCarouselItem>
diff --git a/packages/opendesign/src/components/carousel/style/index.scss b/packages/opendesign/src/components/carousel/style/index.scss
index f0d60d19..762397d3 100644
--- a/packages/opendesign/src/components/carousel/style/index.scss
+++ b/packages/opendesign/src/components/carousel/style/index.scss
@@ -64,6 +64,7 @@
   transform: translate3d(-50%, 0, 0);
 }
 .o-carousel-indicator-bar {
+  
   width: 48px;
   height: 12px;
   margin: 4px;
diff --git a/packages/portal-ak/src/assets/theme/card.a.scss b/packages/portal-ak/src/assets/theme/card.a.scss
new file mode 100644
index 00000000..dbdd598c
--- /dev/null
+++ b/packages/portal-ak/src/assets/theme/card.a.scss
@@ -0,0 +1,31 @@
+@use './mixin.scss' as *;
+
+@include respond-to('up-pad') {
+  .c-card-ascend-hover {
+    position: relative;
+  }
+
+  .c-card-ascend-hover:before {
+    background-image: linear-gradient(269deg, #e0f4f5, #e5f3f9 24%, #bac2ea 58%, #d0b4e5 97%);
+    content: '';
+    height: 100%;
+    left: 0;
+    -webkit-mask-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.34) 22%, hsla(0, 0%, 100%, 0) 61%);
+    mask-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.34) 22%, hsla(0, 0%, 100%, 0) 61%);
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    transition: opacity 0.3s;
+    width: 100%;
+    z-index: 0;
+  }
+
+  .c-card-ascend-hover > * {
+    position: relative;
+    z-index: 1;
+  }
+
+  .c-card-ascend-hover:hover:before {
+    opacity: 1;
+  }
+}
diff --git a/packages/portal-ak/src/assets/theme/card.scss b/packages/portal-ak/src/assets/theme/card.k.scss
similarity index 40%
rename from packages/portal-ak/src/assets/theme/card.scss
rename to packages/portal-ak/src/assets/theme/card.k.scss
index f0988d53..1138e054 100644
--- a/packages/portal-ak/src/assets/theme/card.scss
+++ b/packages/portal-ak/src/assets/theme/card.k.scss
@@ -1,20 +1,20 @@
 @use './mixin.scss' as *;
 
-.card-k {
-  .o-card {
+.c-card-kunpeng {
+  &.o-card {
     --card-shadow: none;
     --card-shadow-hover: none;
     --card-shadow-active: none;
     --card-radius: 0;
   }
 
-  .o-card-cover-v,
-  .o-card-cover-h,
-  .o-card-cover-hr {
+  &.o-card-cover-v,
+  &.o-card-cover-h,
+  &.o-card-cover-hr {
     --card-cover-padding: 0;
   }
 
-  .o-card-hoverable {
+  &.o-card-hoverable {
     .o-card-icon {
       transition: color var(--o-duration-s) var(--o-easing-standard);
     }
@@ -27,7 +27,7 @@
     }
   }
 
-  .o-card-hoverable.o-card-cursor-pointer {
+  &.o-card-hoverable.o-card-cursor-pointer {
     .o-card-title {
       transition: color var(--o-duration-s) var(--o-easing-standard);
     }
@@ -40,37 +40,3 @@
     }
   }
 }
-
-@include respond-to('up-pad') {
-  .g-ascend-card-hover {
-    position: relative;
-  }
-
-  .g-ascend-card-hover:before {
-    background-image: linear-gradient(269deg, #e0f4f5, #e5f3f9 24%, #bac2ea 58%, #d0b4e5 97%);
-    content: '';
-    height: 100%;
-    left: 0;
-    -webkit-mask-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.34) 22%, hsla(0, 0%, 100%, 0) 61%);
-    mask-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.34) 22%, hsla(0, 0%, 100%, 0) 61%);
-    opacity: 0;
-    position: absolute;
-    top: 0;
-    transition: opacity 0.3s;
-    width: 100%;
-    z-index: 0;
-  }
-
-  .g-ascend-card-hover > * {
-    position: relative;
-    z-index: 1;
-  }
-
-  .g-ascend-card-hover:hover:before {
-    opacity: 1;
-  }
-
-  .g-ascend-card-shadow:hover {
-    box-shadow: var(--o-shadow-2);
-  }
-}
diff --git a/packages/portal-ak/src/assets/theme/index.a.scss b/packages/portal-ak/src/assets/theme/index.a.scss
new file mode 100644
index 00000000..2536f9a2
--- /dev/null
+++ b/packages/portal-ak/src/assets/theme/index.a.scss
@@ -0,0 +1,2 @@
+@use './index.scss' as *;
+@use './card.a.scss' as *;
diff --git a/packages/portal-ak/src/assets/theme/index.k.scss b/packages/portal-ak/src/assets/theme/index.k.scss
new file mode 100644
index 00000000..08d9bcfa
--- /dev/null
+++ b/packages/portal-ak/src/assets/theme/index.k.scss
@@ -0,0 +1,2 @@
+@use './index.scss' as *;
+@use './card.k.scss' as *;
diff --git a/packages/portal-ak/src/assets/theme/index.scss b/packages/portal-ak/src/assets/theme/index.scss
index ce2fe548..a0e14cd9 100644
--- a/packages/portal-ak/src/assets/theme/index.scss
+++ b/packages/portal-ak/src/assets/theme/index.scss
@@ -15,6 +15,5 @@
 @use './textarea.scss' as *;
 @use './upload.scss' as *;
 @use './pagination.scss' as *;
-@use './card.scss' as *;
 @use './tab.scss' as *;
 @use './figure.scss' as *;
diff --git a/packages/portal-ak/src/main.ts b/packages/portal-ak/src/main.ts
index 9fb1eea6..ca47cb0d 100644
--- a/packages/portal-ak/src/main.ts
+++ b/packages/portal-ak/src/main.ts
@@ -12,6 +12,9 @@ import './assets/theme/k.dark.token.css';
 import './assets/theme/k.media.token.css';
 
 import '@opensig/opendesign/src/components/css';
+
+import './assets/theme/index.a.scss';
+import './assets/theme/index.k.scss';
 import './assets/theme/index.scss';
 
 import { router } from '@/router';
diff --git a/packages/portal-ak/src/pages/card/TheIndex.vue b/packages/portal-ak/src/pages/card/TheIndex.vue
index 2492bf36..df39c4c8 100644
--- a/packages/portal-ak/src/pages/card/TheIndex.vue
+++ b/packages/portal-ak/src/pages/card/TheIndex.vue
@@ -14,12 +14,12 @@ const prefix = computed(() => theme.value.split('.')[0]);
 </script>
 
 <template>
-  <div v-if="prefix === 'a'" class="page-demo card-a">
+  <div v-if="prefix === 'a'" class="page-demo">
     <CardTextA />
     <CardIconA />
     <CardCoverAndTextA />
   </div>
-  <div v-if="prefix === 'k'" class="page-demo card-k">
+  <div v-if="prefix === 'k'" class="page-demo">
     <CardTextK />
     <CardIconK />
     <CardCoverAndTextK />
diff --git a/packages/portal-ak/src/pages/card/a/CardText-A.vue b/packages/portal-ak/src/pages/card/a/CardText-A.vue
index ccbb8951..4f1b96a9 100644
--- a/packages/portal-ak/src/pages/card/a/CardText-A.vue
+++ b/packages/portal-ak/src/pages/card/a/CardText-A.vue
@@ -12,7 +12,7 @@ const cardInfo = {
   <section>
     <div class="display-item">
       <h4>单体卡片（无操作按钮）</h4>
-      <OCard hoverable cursor="pointer" class="g-ascend-card-hover" :detail="cardInfo.detail" :href="cardInfo.href" target="_blank">
+      <OCard hoverable cursor="pointer" class="c-card-ascend-hover" :detail="cardInfo.detail" :href="cardInfo.href" target="_blank">
         <template #header>
           <span :style="{ fontWeight: 500 }">{{ cardInfo.title }}</span>
           <div class="card-tags">
@@ -30,7 +30,7 @@ const cardInfo = {
 
     <div class="display-item">
       <h4>单体卡片（有操作按钮）</h4>
-      <OCard hoverable class="g-ascend-card-hover" :detail="cardInfo.detail">
+      <OCard hoverable class="c-card-ascend-hover" :detail="cardInfo.detail">
         <template #header>
           <span :style="{ fontWeight: 500 }">{{ cardInfo.title }}</span>
           <div class="card-tags">
@@ -47,7 +47,7 @@ const cardInfo = {
 
     <div class="display-item">
       <h4>复合卡片</h4>
-      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" class="g-ascend-card-hover">
+      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" class="c-card-ascend-hover">
         <template #footer>
           <OButton round="pill" color="primary" variant="outline">操作按钮1</OButton>
           <OButton round="pill" color="primary" variant="outline">操作按钮2</OButton>
diff --git a/packages/portal-ak/src/pages/card/k/CardCoverAndText-K.vue b/packages/portal-ak/src/pages/card/k/CardCoverAndText-K.vue
index 925b605a..607a43ba 100644
--- a/packages/portal-ak/src/pages/card/k/CardCoverAndText-K.vue
+++ b/packages/portal-ak/src/pages/card/k/CardCoverAndText-K.vue
@@ -23,6 +23,7 @@ const cardInfo = {
         :cover-ratio="16 / 9"
         :href="cardInfo.href"
         target="_blank"
+        class="c-card-kunpeng"
       />
     </div>
 
@@ -39,6 +40,7 @@ const cardInfo = {
         :style="{ '--card-detail-max-row': 2 }"
         :href="cardInfo.href"
         target="_blank"
+        class="c-card-kunpeng"
       />
     </div>
 
@@ -55,12 +57,13 @@ const cardInfo = {
         :style="{ '--card-detail-max-row': 2 }"
         :href="cardInfo.href"
         target="_blank"
+        class="c-card-kunpeng"
       />
     </div>
 
     <div class="display-item">
       <h4>单体卡片（带操作）</h4>
-      <OCard hoverable :cover="cardInfo.cover" :title="cardInfo.title" :detail="cardInfo.detail" :cover-ratio="16 / 9">
+      <OCard hoverable :cover="cardInfo.cover" :title="cardInfo.title" :detail="cardInfo.detail" :cover-ratio="16 / 9" class="c-card-kunpeng">
         <template #footer>
           <OButton color="primary" round="pill">操作按钮</OButton>
         </template>
@@ -69,7 +72,7 @@ const cardInfo = {
 
     <div class="display-item">
       <h4>复合卡片</h4>
-      <OCard hoverable :cover="cardInfo.cover" :title="cardInfo.title" :detail="cardInfo.detail" :cover-ratio="16 / 9">
+      <OCard hoverable :cover="cardInfo.cover" :title="cardInfo.title" :detail="cardInfo.detail" :cover-ratio="16 / 9" class="c-card-kunpeng">
         <template #footer>
           <OButton color="primary" round="pill">操作按钮1</OButton>
           <OButton color="primary" round="pill">操作按钮2</OButton>
diff --git a/packages/portal-ak/src/pages/card/k/CardIcon-K.vue b/packages/portal-ak/src/pages/card/k/CardIcon-K.vue
index 056ae0d4..2c930935 100644
--- a/packages/portal-ak/src/pages/card/k/CardIcon-K.vue
+++ b/packages/portal-ak/src/pages/card/k/CardIcon-K.vue
@@ -13,12 +13,21 @@ const cardInfo = {
   <section>
     <div class="display-item">
       <h4>单体卡片（不带操作）</h4>
-      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" :icon="OIconSkill" cursor="pointer" :href="cardInfo.href" target="_blank" />
+      <OCard
+        hoverable
+        :title="cardInfo.title"
+        :detail="cardInfo.detail"
+        :icon="OIconSkill"
+        cursor="pointer"
+        :href="cardInfo.href"
+        target="_blank"
+        class="c-card-kunpeng"
+      />
     </div>
 
     <div class="display-item">
       <h4>单体卡片（带操作）</h4>
-      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" :icon="OIconSkill">
+      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" :icon="OIconSkill" class="c-card-kunpeng">
         <template #footer>
           <OButton round="pill" color="primary" variant="outline">操作按钮</OButton>
         </template>
@@ -27,7 +36,7 @@ const cardInfo = {
 
     <div class="display-item">
       <h4>复合卡片</h4>
-      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" :icon="OIconSkill">
+      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" :icon="OIconSkill" class="c-card-kunpeng">
         <template #footer>
           <OButton round="pill" color="primary" variant="outline">操作按钮1</OButton>
           <OButton round="pill" color="primary" variant="outline">操作按钮2</OButton>
@@ -37,12 +46,22 @@ const cardInfo = {
 
     <div class="display-item">
       <h4>单体卡片（不带操作、横向布局）</h4>
-      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" :icon="OIconSkill" layout="h" cursor="pointer" :href="cardInfo.href" target="_blank" />
+      <OCard
+        hoverable
+        :title="cardInfo.title"
+        :detail="cardInfo.detail"
+        :icon="OIconSkill"
+        layout="h"
+        cursor="pointer"
+        :href="cardInfo.href"
+        target="_blank"
+        class="c-card-kunpeng"
+      />
     </div>
 
     <div class="display-item">
       <h4>单体卡片（带操作、横向布局）</h4>
-      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" :icon="OIconSkill" layout="h">
+      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" :icon="OIconSkill" layout="h" class="c-card-kunpeng">
         <template #footer>
           <OButton round="pill" color="primary" variant="outline">操作按钮</OButton>
         </template>
@@ -51,7 +70,7 @@ const cardInfo = {
 
     <div class="display-item">
       <h4>复合卡片（横向布局）</h4>
-      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" :icon="OIconSkill" layout="hr">
+      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" :icon="OIconSkill" layout="hr" class="c-card-kunpeng">
         <template #footer>
           <OButton round="pill" color="primary">操作按钮1</OButton>
           <OButton round="pill" color="primary">操作按钮2</OButton>
diff --git a/packages/portal-ak/src/pages/card/k/CardText-K.vue b/packages/portal-ak/src/pages/card/k/CardText-K.vue
index 510c80df..ad2fd07c 100644
--- a/packages/portal-ak/src/pages/card/k/CardText-K.vue
+++ b/packages/portal-ak/src/pages/card/k/CardText-K.vue
@@ -12,7 +12,7 @@ const cardInfo = {
   <section>
     <div class="display-item">
       <h4>单体卡片（不带操作）</h4>
-      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail" cursor="pointer" :href="cardInfo.href" target="_blank">
+      <OCard class="c-card-kunpeng" hoverable :title="cardInfo.title" :detail="cardInfo.detail" cursor="pointer" :href="cardInfo.href" target="_blank">
         <template #footer>
           <div class="card-footer">
             <div class="card-rate">
@@ -40,7 +40,7 @@ const cardInfo = {
 
     <div class="display-item">
       <h4>单体卡片（带操作）</h4>
-      <OCard hoverable :title="cardInfo.title" :detail="cardInfo.detail">
+      <OCard class="c-card-kunpeng" hoverable :title="cardInfo.title" :detail="cardInfo.detail">
         <template #footer>
           <OButton round="pill" color="primary" variant="outline">操作按钮</OButton>
         </template>
@@ -49,7 +49,7 @@ const cardInfo = {
 
     <div class="display-item">
       <h4>复合卡片</h4>
-      <OCard :title="cardInfo.title" :detail="cardInfo.detail">
+      <OCard class="c-card-kunpeng" :title="cardInfo.title" :detail="cardInfo.detail">
         <template #footer>
           <OButton round="pill" color="primary">操作按钮1</OButton>
           <OButton round="pill" color="primary">操作按钮2</OButton>
-- 
Gitee


From 511f0d3258ee5770fdc8bf6202ea7edadeffb966 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 5 Jun 2023 22:05:57 +0800
Subject: [PATCH 4/7] up

---
 packages/portal-ak/src/assets/theme/button.scss  | 2 +-
 packages/portal-ak/src/pages/button/BtnBasic.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/portal-ak/src/assets/theme/button.scss b/packages/portal-ak/src/assets/theme/button.scss
index 040104db..5a2420b0 100644
--- a/packages/portal-ak/src/assets/theme/button.scss
+++ b/packages/portal-ak/src/assets/theme/button.scss
@@ -35,7 +35,7 @@
   }
 }
 
-.btn-ascend {
+.c-btn-ascend {
   color: rgb(var(--o-color-white)) !important;
   background: linear-gradient(90deg, #2e53fa 0%, #7b25f4 100%);
   border-color: transparent;
diff --git a/packages/portal-ak/src/pages/button/BtnBasic.vue b/packages/portal-ak/src/pages/button/BtnBasic.vue
index e312e772..49c74536 100644
--- a/packages/portal-ak/src/pages/button/BtnBasic.vue
+++ b/packages/portal-ak/src/pages/button/BtnBasic.vue
@@ -6,7 +6,7 @@ import { OButton, OLink, OIcon, OIconRefresh, OIconAdd, OIconChevronRight } from
     <h3>类型 & 尺寸</h3>
     <section>
       M:
-      <OButton class="btn-ascend" variant="solid" color="primary">运营按钮</OButton>
+      <OButton class="c-btn-ascend" variant="solid" color="primary">运营按钮</OButton>
       <OButton variant="solid" color="primary">强调按钮</OButton>
       <OButton variant="solid" color="primary" :icon="OIconAdd">强调按钮</OButton>
       <OButton variant="outline" color="primary">描边按钮</OButton>
@@ -21,7 +21,7 @@ import { OButton, OLink, OIcon, OIconRefresh, OIconAdd, OIconChevronRight } from
     </section>
     <section>
       L:
-      <OButton class="btn-ascend" variant="solid" color="primary" size="large">运营按钮</OButton>
+      <OButton class="c-btn-ascend" variant="solid" color="primary" size="large">运营按钮</OButton>
       <OButton variant="solid" color="primary" size="large">强调按钮</OButton>
       <OButton variant="solid" color="primary" :icon="OIconAdd" size="large">强调按钮</OButton>
       <OButton variant="outline" color="primary" size="large">描边按钮</OButton>
@@ -36,7 +36,7 @@ import { OButton, OLink, OIcon, OIconRefresh, OIconAdd, OIconChevronRight } from
     </section>
     <h3>禁用</h3>
     <section>
-      <OButton disabled class="btn-ascend" variant="solid" color="primary">运营按钮</OButton>
+      <OButton disabled class="c-btn-ascend" variant="solid" color="primary">运营按钮</OButton>
       <OButton disabled variant="solid" color="primary">强调按钮</OButton>
       <OButton disabled variant="solid" color="primary" :icon="OIconAdd">强调按钮</OButton>
       <OButton disabled variant="outline" color="primary">描边按钮</OButton>
-- 
Gitee


From f510893a30f3c6d437a4b0909edbf77e8640b354 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 5 Jun 2023 23:03:44 +0800
Subject: [PATCH 5/7] fix

---
 .vscode/opendesign.token.code-snippets        | 18 ++++----
 .../src/components/badge/style/index.scss     |  2 +-
 .../src/components/button/style/var.scss      |  6 +--
 .../src/components/card/style/media.scss      |  2 +-
 .../src/components/card/style/var.scss        |  2 +-
 .../src/components/cascader/style/index.scss  |  2 +-
 .../src/components/cascader/style/var.scss    |  2 +-
 .../src/components/checkbox/style/var.scss    |  2 +-
 .../src/components/dropdown/style/var.scss    |  4 +-
 .../src/components/input/style/var.scss       |  6 +--
 .../src/components/menu/style/var.scss        |  4 +-
 .../message/__demo__/MessageBasic.vue         |  4 +-
 .../message/__demo__/MessageClosable.vue      |  2 +-
 .../message/__demo__/MessageCustomContent.vue |  4 +-
 .../message/__demo__/MessageCustomIcon.vue    |  4 +-
 .../src/components/message/style/var.scss     |  2 +-
 .../src/components/message/use-message.ts     |  4 +-
 .../src/components/option/style/var.scss      |  2 +-
 .../src/components/pagination/style/var.scss  |  2 +-
 .../src/components/popover/style/var.scss     |  2 +-
 .../components/popup/__demo__/IndexPopup.vue  |  2 +-
 .../src/components/rate/style/var.scss        |  2 +-
 .../src/components/select/style/var.scss      | 10 ++---
 .../src/components/style/dark.token.css       |  6 +--
 .../src/components/style/light.token.css      |  6 +--
 .../src/components/table/style/var.scss       |  2 +-
 .../src/components/tag/style/index.scss       |  2 +-
 .../src/components/tag/style/media.scss       |  2 +-
 .../src/components/tag/style/var.scss         |  2 +-
 .../src/components/textarea/style/var.scss    |  6 +--
 .../src/components/upload/style/var.scss      |  6 +--
 packages/portal-ak/src/App.vue                |  7 +--
 .../portal-ak/src/assets/style/style.scss     |  7 +++
 .../src/assets/theme/a.dark.token.css         | 10 ++---
 .../src/assets/theme/a.light.token.css        | 10 ++---
 .../portal-ak/src/assets/theme/input.scss     |  2 +
 .../src/assets/theme/k.dark.token.css         | 10 ++---
 .../src/assets/theme/k.light.token.css        | 10 ++---
 packages/portal-ak/src/assets/theme/rate.scss | 22 ++++++----
 .../portal-ak/src/assets/theme/select.scss    |  2 +-
 .../portal-ak/src/assets/theme/table.scss     |  4 +-
 .../portal-ak/src/pages/button/BtnBasic.vue   | 44 +++++++++++--------
 .../src/pages/checkbox/CheckboxBasic.vue      |  1 -
 .../pages/checkbox/CheckboxIndeterminate.vue  | 11 ++---
 .../src/pages/message/MessageBasic.vue        |  4 +-
 .../src/pages/progress/ProgressBasic.vue      |  7 +--
 .../portal-ak/src/pages/rate/RateBasic.vue    | 34 +++++---------
 .../portal/src/assets/style/a.dark.token.css  | 10 ++---
 .../portal/src/assets/style/a.light.token.css | 10 ++---
 .../portal/src/assets/style/k.dark.token.css  | 10 ++---
 .../portal/src/assets/style/k.light.token.css | 10 ++---
 51 files changed, 169 insertions(+), 178 deletions(-)

diff --git a/.vscode/opendesign.token.code-snippets b/.vscode/opendesign.token.code-snippets
index b35a4376..d6c0a210 100644
--- a/.vscode/opendesign.token.code-snippets
+++ b/.vscode/opendesign.token.code-snippets
@@ -1967,27 +1967,27 @@
     "description": "大尺寸圆角[light: 8px, dark: 8px]",
     "scope": "css,scss,less"
   },
-  "--o-radius-control-s": {
+  "--o-radius_control-s": {
     "prefix": [
-      "var(--o-radius-control-s)"
+      "var(--o-radius_control-s)"
     ],
-    "body": "var(--o-radius-control-s)",
+    "body": "var(--o-radius_control-s)",
     "description": "小尺寸控件圆角[light: var(--o-radius-s), dark: var(--o-radius-s)]",
     "scope": "css,scss,less"
   },
-  "--o-radius-control-m": {
+  "--o-radius_control-m": {
     "prefix": [
-      "var(--o-radius-control-m)"
+      "var(--o-radius_control-m)"
     ],
-    "body": "var(--o-radius-control-m)",
+    "body": "var(--o-radius_control-m)",
     "description": "中尺寸控件圆角[light: var(--o-radius-m), dark: var(--o-radius-m)]",
     "scope": "css,scss,less"
   },
-  "--o-radius-control-l": {
+  "--o-radius_control-l": {
     "prefix": [
-      "var(--o-radius-control-l)"
+      "var(--o-radius_control-l)"
     ],
-    "body": "var(--o-radius-control-l)",
+    "body": "var(--o-radius_control-l)",
     "description": "大尺寸控件圆角[light: var(--o-radius-l), dark: var(--o-radius-l)]",
     "scope": "css,scss,less"
   },
diff --git a/packages/opendesign/src/components/badge/style/index.scss b/packages/opendesign/src/components/badge/style/index.scss
index 6eaef796..ea4d5f9c 100644
--- a/packages/opendesign/src/components/badge/style/index.scss
+++ b/packages/opendesign/src/components/badge/style/index.scss
@@ -33,7 +33,7 @@
   margin-block-end: 0;
   font-size: var(--badge-text-size);
   line-height: var(--badge-text-height);
-  zoom: 0.66667;
+  transform: scale(0.66667);
 }
 
 .o-badge-dot {
diff --git a/packages/opendesign/src/components/button/style/var.scss b/packages/opendesign/src/components/button/style/var.scss
index 6f94ab52..d2ab9785 100644
--- a/packages/opendesign/src/components/button/style/var.scss
+++ b/packages/opendesign/src/components/button/style/var.scss
@@ -156,17 +156,17 @@
 }
 
 .o-btn-small {
-  --btn-radius: var(--o-radius-control-xs);
+  --btn-radius: var(--o-radius_control-xs);
   --btn-gap: 2px;
   --btn-padding: 0 11px;
 }
 .o-btn-medium {
-  --btn-radius: var(--o-radius-control-s);
+  --btn-radius: var(--o-radius_control-s);
   --btn-gap: 8px;
   --btn-padding: 0 15px;
 }
 .o-btn-large {
-  --btn-radius: var(--o-radius-control-l);
+  --btn-radius: var(--o-radius_control-l);
   --btn-gap: 8px;
   --btn-padding: 0 23px;
 }
diff --git a/packages/opendesign/src/components/card/style/media.scss b/packages/opendesign/src/components/card/style/media.scss
index 6d76047e..329e4451 100644
--- a/packages/opendesign/src/components/card/style/media.scss
+++ b/packages/opendesign/src/components/card/style/media.scss
@@ -2,7 +2,7 @@
 
 @include respond-to('phone-pad') {
   .o-card {
-    --card-radius: var(--o-radius-control-s);
+    --card-radius: var(--o-radius_control-s);
 
     --card-main-padding: 16px;
 
diff --git a/packages/opendesign/src/components/card/style/var.scss b/packages/opendesign/src/components/card/style/var.scss
index a9c95c4a..4fce6e0b 100644
--- a/packages/opendesign/src/components/card/style/var.scss
+++ b/packages/opendesign/src/components/card/style/var.scss
@@ -1,6 +1,6 @@
 .o-card {
   --card-bg-color: var(--o-color-control-light);
-  --card-radius: var(--o-radius-control-l);
+  --card-radius: var(--o-radius_control-l);
 
   --card-shadow: none;
   --card-shadow-hover: var(--o-shadow-2);
diff --git a/packages/opendesign/src/components/cascader/style/index.scss b/packages/opendesign/src/components/cascader/style/index.scss
index 2dc5728d..06e8377b 100644
--- a/packages/opendesign/src/components/cascader/style/index.scss
+++ b/packages/opendesign/src/components/cascader/style/index.scss
@@ -4,7 +4,7 @@
 .o-cascader-panel {
   position: relative;
   display: inline-flex;
-  border-radius: var(--o-radius-control-l);
+  border-radius: var(--o-radius_control-l);
   height: 200px;
 }
 
diff --git a/packages/opendesign/src/components/cascader/style/var.scss b/packages/opendesign/src/components/cascader/style/var.scss
index 4344ba62..6d0673d1 100644
--- a/packages/opendesign/src/components/cascader/style/var.scss
+++ b/packages/opendesign/src/components/cascader/style/var.scss
@@ -8,7 +8,7 @@
   --cascader-option-text-height: var(--o-line_height-text1);
 
   --cascader-option-padding: 8px 12px;
-  --cascader-option-radius: var(--o-radius-control-s);
+  --cascader-option-radius: var(--o-radius_control-s);
 
   --cascader-option-bg-color: transparent;
   --cascader-option-bg-color-hover: var(--o-color-control2-light);
diff --git a/packages/opendesign/src/components/checkbox/style/var.scss b/packages/opendesign/src/components/checkbox/style/var.scss
index b975cda5..a456f75f 100644
--- a/packages/opendesign/src/components/checkbox/style/var.scss
+++ b/packages/opendesign/src/components/checkbox/style/var.scss
@@ -7,7 +7,7 @@
   --checkbox-color: var(--o-color-info1);
   --checkbox-color-disabled: var(--o-color-info4);
 
-  --checkbox-radius: var(--o-radius-control-xs);
+  --checkbox-radius: var(--o-radius_control-xs);
 
   --checkbox-input-wrap-size: var(--o-control_size-s);
   --checkbox-input-size: var(--o-control_size-xs);
diff --git a/packages/opendesign/src/components/dropdown/style/var.scss b/packages/opendesign/src/components/dropdown/style/var.scss
index 66b162b5..a4a60433 100644
--- a/packages/opendesign/src/components/dropdown/style/var.scss
+++ b/packages/opendesign/src/components/dropdown/style/var.scss
@@ -2,7 +2,7 @@
   --dropdown-list-bg-color: var(--o-color-control-light);
   --dropdown-list-shadow: var(--o-shadow-2);
   --dropdown-list-bd: none;
-  --dropdown-list-radius: var(--o-radius-control-l);
+  --dropdown-list-radius: var(--o-radius_control-l);
   --dropdown-list-padding: 4px;
 }
 
@@ -19,5 +19,5 @@
   --dropdown-item-text-height: var(--o-line_height-text1);
 
   --dropdown-item-padding: 8px 12px;
-  --dropdown-item-radius: var(--o-radius-control-s);
+  --dropdown-item-radius: var(--o-radius_control-s);
 }
diff --git a/packages/opendesign/src/components/input/style/var.scss b/packages/opendesign/src/components/input/style/var.scss
index 51f23a61..48767113 100644
--- a/packages/opendesign/src/components/input/style/var.scss
+++ b/packages/opendesign/src/components/input/style/var.scss
@@ -96,7 +96,7 @@
   --input-padding: 0 8px;
   --input-append-padding: 0 4px;
   --input-prepend-padding: 0 4px;
-  --input-radius: var(--o-radius-control-xs);
+  --input-radius: var(--o-radius_control-xs);
 
   &.o-input-round-pill {
     --input-append-padding: 0 6px 0 4px;
@@ -112,7 +112,7 @@
   --input-padding: 0 12px;
   --input-append-padding: 0 8px;
   --input-prepend-padding: 0 8px;
-  --input-radius: var(--o-radius-control-s);
+  --input-radius: var(--o-radius_control-s);
 
   &.o-input-round-pill {
     --input-append-padding: 0 12px 0 8px;
@@ -128,7 +128,7 @@
   --input-padding: 0 16px;
   --input-append-padding: 0 12px;
   --input-prepend-padding: 0 12px;
-  --input-radius: var(--o-radius-control-l);
+  --input-radius: var(--o-radius_control-l);
 
   &.o-input-round-pill {
     --input-append-padding: 0 16px 0 12px;
diff --git a/packages/opendesign/src/components/menu/style/var.scss b/packages/opendesign/src/components/menu/style/var.scss
index e4d0d0cf..d1fd47e9 100644
--- a/packages/opendesign/src/components/menu/style/var.scss
+++ b/packages/opendesign/src/components/menu/style/var.scss
@@ -10,7 +10,7 @@
   --sub-menu-text-height: var(--o-line_height-text1);
   --sub-menu-icon-size: var(--o-icon_size-s);
   --sub-menu-icon-arrow-size: var(--o-icon_size-xs);
-  --sub-menu-radius: var(--o-radius-control-s);
+  --sub-menu-radius: var(--o-radius_control-s);
 }
 
 .o-menu-item {
@@ -20,5 +20,5 @@
   --menu-item-text-height: var(--o-line_height-text1);
   --menu-item-bg-color-active: var(--o-color-control3-light);
   --menu-item-bg-color-hover: var(--o-color-control2-light);
-  --menu-item-radius: var(--o-radius-control-s);
+  --menu-item-radius: var(--o-radius_control-s);
 }
diff --git a/packages/opendesign/src/components/message/__demo__/MessageBasic.vue b/packages/opendesign/src/components/message/__demo__/MessageBasic.vue
index f74eb8e7..08529cb4 100644
--- a/packages/opendesign/src/components/message/__demo__/MessageBasic.vue
+++ b/packages/opendesign/src/components/message/__demo__/MessageBasic.vue
@@ -32,7 +32,7 @@ const handleDangerBtnClick = () => {
 };
 
 const handleLoadingBtnClick = () => {
-  message.open({
+  message.show({
     content: '排队中，请稍后',
     status: 'loading',
   });
@@ -67,7 +67,7 @@ const handleDangerBtnClick2 = () => {
 };
 
 const handleLoadingBtnClick2 = () => {
-  message.open({
+  message.show({
     content: '排队中，请稍后',
     status: 'loading',
     position: 'bottom',
diff --git a/packages/opendesign/src/components/message/__demo__/MessageClosable.vue b/packages/opendesign/src/components/message/__demo__/MessageClosable.vue
index e20b94ae..913482fd 100644
--- a/packages/opendesign/src/components/message/__demo__/MessageClosable.vue
+++ b/packages/opendesign/src/components/message/__demo__/MessageClosable.vue
@@ -40,7 +40,7 @@ const handleDangerBtnClick = () => {
 };
 
 const handleLoadingBtnClick = () => {
-  message.open({
+  message.show({
     content: '排队中，请稍后',
     status: 'loading',
     closable: true,
diff --git a/packages/opendesign/src/components/message/__demo__/MessageCustomContent.vue b/packages/opendesign/src/components/message/__demo__/MessageCustomContent.vue
index b349fe25..a66db6a5 100644
--- a/packages/opendesign/src/components/message/__demo__/MessageCustomContent.vue
+++ b/packages/opendesign/src/components/message/__demo__/MessageCustomContent.vue
@@ -11,14 +11,14 @@ import '../../button/style';
 const message = useMessage();
 
 const handleClick1 = () => {
-  message.open({
+  message.show({
     content: h('strong', ['这是自定义', h('i', 'content')]),
     status: 'info',
   });
 };
 
 const handleClick2 = () => {
-  message.open({
+  message.show({
     content: OIconAdd,
     status: 'info',
   });
diff --git a/packages/opendesign/src/components/message/__demo__/MessageCustomIcon.vue b/packages/opendesign/src/components/message/__demo__/MessageCustomIcon.vue
index 814627d1..1f4efdc7 100644
--- a/packages/opendesign/src/components/message/__demo__/MessageCustomIcon.vue
+++ b/packages/opendesign/src/components/message/__demo__/MessageCustomIcon.vue
@@ -11,7 +11,7 @@ import '../../button/style';
 const message = useMessage();
 
 const handleClick1 = () => {
-  message.open({
+  message.show({
     content: '自定义Icon1',
     status: 'info',
     icon: OIconAdd,
@@ -19,7 +19,7 @@ const handleClick1 = () => {
 };
 
 const handleClick2 = () => {
-  message.open({
+  message.show({
     content: '自定义Icon2',
     status: 'info',
     icon: h(OIconEyeOff, { class: 'o-rotating' }),
diff --git a/packages/opendesign/src/components/message/style/var.scss b/packages/opendesign/src/components/message/style/var.scss
index 91ec9332..3e6f4dd6 100644
--- a/packages/opendesign/src/components/message/style/var.scss
+++ b/packages/opendesign/src/components/message/style/var.scss
@@ -8,7 +8,7 @@
 
   --message-shadow: var(--o-shadow-2);
 
-  --message-radius: var(--o-radius-control-s);
+  --message-radius: var(--o-radius_control-s);
 
   --message-padding: 8px 16px;
 
diff --git a/packages/opendesign/src/components/message/use-message.ts b/packages/opendesign/src/components/message/use-message.ts
index 9ff8239e..72208cab 100644
--- a/packages/opendesign/src/components/message/use-message.ts
+++ b/packages/opendesign/src/components/message/use-message.ts
@@ -95,7 +95,7 @@ const loading = (params: MessageParamsT): void => {
   });
 };
 
-const open = (params: MessageParamsT): void => {
+const show = (params: MessageParamsT): void => {
   const options: MessageParamsT = normalizeOptions(params);
   return showMessage({
     ...options,
@@ -114,7 +114,7 @@ const Message = {
   warning,
   danger,
   loading,
-  open,
+  show,
   closeAll,
 };
 
diff --git a/packages/opendesign/src/components/option/style/var.scss b/packages/opendesign/src/components/option/style/var.scss
index 00a81f15..9b9fe7dc 100644
--- a/packages/opendesign/src/components/option/style/var.scss
+++ b/packages/opendesign/src/components/option/style/var.scss
@@ -14,7 +14,7 @@
 
   --option-padding: 7px 12px;
   --option-gap: 2px;
-  --option-radius: var(--o-radius-control-s);
+  --option-radius: var(--o-radius_control-s);
 }
 .o-option-multiple {
   --option-bg-color-active: transparent;
diff --git a/packages/opendesign/src/components/pagination/style/var.scss b/packages/opendesign/src/components/pagination/style/var.scss
index 137564f1..9cdb0f7f 100644
--- a/packages/opendesign/src/components/pagination/style/var.scss
+++ b/packages/opendesign/src/components/pagination/style/var.scss
@@ -13,7 +13,7 @@
   --pagination-item-color-active: var(--o-color-info2);
   --pagination-item-color-current: var(--o-color-primary1);
 
-  --pagination-radius: var(--o-radius-control-s);
+  --pagination-radius: var(--o-radius_control-s);
 }
 .o-pagination-outline {
   --pagination-arrow-bd-color: var(--o-color-control1);
diff --git a/packages/opendesign/src/components/popover/style/var.scss b/packages/opendesign/src/components/popover/style/var.scss
index 0a4d51dc..9eb0459d 100644
--- a/packages/opendesign/src/components/popover/style/var.scss
+++ b/packages/opendesign/src/components/popover/style/var.scss
@@ -1,7 +1,7 @@
 .o-popover {
   --popover-bg-color: var(--o-color-fill2);
   --popover-shadow: var(--o-shadow-1);
-  --popover-radius: var(--o-radius-control-l);
+  --popover-radius: var(--o-radius_control-l);
   --popover-bd: none;
   --popover-min-width: 120px;
   --popover-padding: 4px 8px;
diff --git a/packages/opendesign/src/components/popup/__demo__/IndexPopup.vue b/packages/opendesign/src/components/popup/__demo__/IndexPopup.vue
index ac779fa2..6c7b1d29 100644
--- a/packages/opendesign/src/components/popup/__demo__/IndexPopup.vue
+++ b/packages/opendesign/src/components/popup/__demo__/IndexPopup.vue
@@ -19,7 +19,7 @@ import PopupTarget from './PopupTarget.vue';
   background-color: var(--o-color-fill2);
   box-shadow: var(--o-shadow-1);
   padding: 4px 8px;
-  border-radius: var(--o-radius-control-s);
+  border-radius: var(--o-radius_control-s);
   border: 1px solid red;
 }
 </style>
diff --git a/packages/opendesign/src/components/rate/style/var.scss b/packages/opendesign/src/components/rate/style/var.scss
index 8a9ea5b2..c3f54ce5 100644
--- a/packages/opendesign/src/components/rate/style/var.scss
+++ b/packages/opendesign/src/components/rate/style/var.scss
@@ -36,6 +36,6 @@
   --rate-popover-color: var(--o-color-info1);
   --rate-popover-text-size: var(--o-font_size-tip1);
   --rate-popover-text-height: var(--o-line_height-tip2);
-  --rate-popover-radius: var(--o-radius-control-s);
+  --rate-popover-radius: var(--o-radius_control-s);
   --rate-popover-padding: 2px 8px;
 }
diff --git a/packages/opendesign/src/components/select/style/var.scss b/packages/opendesign/src/components/select/style/var.scss
index 17a326be..abb80e18 100644
--- a/packages/opendesign/src/components/select/style/var.scss
+++ b/packages/opendesign/src/components/select/style/var.scss
@@ -19,7 +19,7 @@
 .o-select,
 .o-select-tag-popover {
   --select-tag-bg-color: var(--o-color-control1-light);
-  --select-tag-radius: var(--o-radius-control-s);
+  --select-tag-radius: var(--o-radius_control-s);
 
   --select-tag-text-size: var(--o-font_size-tip1);
   --select-tag-text-height: var(--o-line_height-tip1);
@@ -114,7 +114,7 @@
   --select-text-size: var(--o-font_size-tip1);
   --select-text-height: var(--o-line_height-tip1);
   --select-padding: 0 6px 0 8px;
-  --select-radius: var(--o-radius-control-xs);
+  --select-radius: var(--o-radius_control-xs);
   --select-icon-size: var(--o-icon_size-xs);
 
   --select-tag-min-height: var(--o-control_size-xs);
@@ -132,7 +132,7 @@
   --select-text-size: var(--o-font_size-text1);
   --select-text-height: var(--o-line_height-text1);
   --select-padding: 0 8px 0 12px;
-  --select-radius: var(--o-radius-control-s);
+  --select-radius: var(--o-radius_control-s);
 
   // --select-multiple-max-height: 60px;
 }
@@ -143,7 +143,7 @@
   --select-text-size: var(--o-font_size-text2);
   --select-text-height: var(--o-line_height-text2);
   --select-padding: 0 12px 0 16px;
-  --select-radius: var(--o-radius-control-l);
+  --select-radius: var(--o-radius_control-l);
 
   // --select-multiple-max-height: 60px;
 }
@@ -157,7 +157,7 @@
   --select-options-bg-color: var(--o-color-control-light);
   --select-options-shadow: var(--o-shadow-2);
   --select-options-bd: none;
-  --select-options-radius: var(--o-radius-control-s);
+  --select-options-radius: var(--o-radius_control-s);
   --select-options-padding: 4px;
 
   --select-empty-padding: 16px;
diff --git a/packages/opendesign/src/components/style/dark.token.css b/packages/opendesign/src/components/style/dark.token.css
index 426f542e..ecdb86d0 100644
--- a/packages/opendesign/src/components/style/dark.token.css
+++ b/packages/opendesign/src/components/style/dark.token.css
@@ -1728,21 +1728,21 @@
    * @group radius
    * @description 小尺寸控件圆角
    */
-  --o-radius-control-s: var(--o-radius-s);
+  --o-radius_control-s: var(--o-radius-s);
   /**
    * @name 中尺寸控件圆角
    * @type size
    * @group radius
    * @description 中尺寸控件圆角
    */
-  --o-radius-control-m: var(--o-radius-m);
+  --o-radius_control-m: var(--o-radius-m);
   /**
    * @name 大尺寸控件圆角
    * @type size
    * @group radius
    * @description 大尺寸控件圆角
    */
-  --o-radius-control-l: var(--o-radius-l);
+  --o-radius_control-l: var(--o-radius-l);
   /**
    * @name 持续时间
    * @type animation
diff --git a/packages/opendesign/src/components/style/light.token.css b/packages/opendesign/src/components/style/light.token.css
index 46663c72..22ff7d2d 100644
--- a/packages/opendesign/src/components/style/light.token.css
+++ b/packages/opendesign/src/components/style/light.token.css
@@ -1728,21 +1728,21 @@
    * @group radius
    * @description 小尺寸控件圆角
    */
-  --o-radius-control-s: var(--o-radius-s);
+  --o-radius_control-s: var(--o-radius-s);
   /**
    * @name 中尺寸控件圆角
    * @type size
    * @group radius
    * @description 中尺寸控件圆角
    */
-  --o-radius-control-m: var(--o-radius-m);
+  --o-radius_control-m: var(--o-radius-m);
   /**
    * @name 大尺寸控件圆角
    * @type size
    * @group radius
    * @description 大尺寸控件圆角
    */
-  --o-radius-control-l: var(--o-radius-l);
+  --o-radius_control-l: var(--o-radius-l);
   /**
    * @name 持续时间
    * @type animation
diff --git a/packages/opendesign/src/components/table/style/var.scss b/packages/opendesign/src/components/table/style/var.scss
index 80af1ce0..1a6769f6 100644
--- a/packages/opendesign/src/components/table/style/var.scss
+++ b/packages/opendesign/src/components/table/style/var.scss
@@ -22,7 +22,7 @@
   --table-body-min-height: 200px;
 
   --table-bg-color: var(--o-color-control-light);
-  --table-radius: var(--o-radius-control-m);
+  --table-radius: var(--o-radius_control-m);
 
   --table-cell-padding: 8px 12px;
   --table-cell-height: 48px;
diff --git a/packages/opendesign/src/components/tag/style/index.scss b/packages/opendesign/src/components/tag/style/index.scss
index 94e2fef5..ea794afe 100644
--- a/packages/opendesign/src/components/tag/style/index.scss
+++ b/packages/opendesign/src/components/tag/style/index.scss
@@ -23,7 +23,7 @@
   .o-tag-label,
   .o-tag-icon,
   .o-tag-close {
-    zoom: 0.833334;
+    transform: scale(0.833334);
   }
 }
 
diff --git a/packages/opendesign/src/components/tag/style/media.scss b/packages/opendesign/src/components/tag/style/media.scss
index 0294f7e6..128b1412 100644
--- a/packages/opendesign/src/components/tag/style/media.scss
+++ b/packages/opendesign/src/components/tag/style/media.scss
@@ -10,7 +10,7 @@
     .o-tag-label,
     .o-tag-icon,
     .o-tag-close {
-      zoom: 0.833334;
+      transform: scale(0.833334);
     }
   }
 }
diff --git a/packages/opendesign/src/components/tag/style/var.scss b/packages/opendesign/src/components/tag/style/var.scss
index 0a4d5aa8..da46e26c 100644
--- a/packages/opendesign/src/components/tag/style/var.scss
+++ b/packages/opendesign/src/components/tag/style/var.scss
@@ -1,5 +1,5 @@
 .o-tag {
-  --tag-radius: var(--o-radius-control-xs);
+  --tag-radius: var(--o-radius_control-xs);
 }
 
 .o-tag-normal {
diff --git a/packages/opendesign/src/components/textarea/style/var.scss b/packages/opendesign/src/components/textarea/style/var.scss
index c166510c..fe9212e5 100644
--- a/packages/opendesign/src/components/textarea/style/var.scss
+++ b/packages/opendesign/src/components/textarea/style/var.scss
@@ -78,7 +78,7 @@
   --textarea-text-height: var(--o-line_height-tip1);
   --textarea-padding-v: 2px;
   --textarea-padding-h: 8px;
-  --textarea-radius: var(--o-radius-control-xs);
+  --textarea-radius: var(--o-radius_control-xs);
   --textarea-radius-pill: 12px;
 }
 .o-textarea-size-medium {
@@ -86,7 +86,7 @@
   --textarea-text-height: var(--o-line_height-text1);
   --textarea-padding-v: 4px;
   --textarea-padding-h: 12px;
-  --textarea-radius: var(--o-radius-control-s);
+  --textarea-radius: var(--o-radius_control-s);
   --textarea-radius-pill: 16px;
 }
 .o-textarea-size-large {
@@ -94,6 +94,6 @@
   --textarea-text-height: var(--o-line_height-text2);
   --textarea-padding-v: 6px;
   --textarea-padding-h: 12px;
-  --textarea-radius: var(--o-radius-control-l);
+  --textarea-radius: var(--o-radius_control-l);
   --textarea-radius-pill: 20px;
 }
diff --git a/packages/opendesign/src/components/upload/style/var.scss b/packages/opendesign/src/components/upload/style/var.scss
index 8fdd9520..13096dc3 100644
--- a/packages/opendesign/src/components/upload/style/var.scss
+++ b/packages/opendesign/src/components/upload/style/var.scss
@@ -8,7 +8,7 @@
   --upload-color-disabled: var(--o-color-info4);
 
   --upload-item-bg-hover: var(--o-color-control2-light);
-  --upload-item-radius: var(--o-radius-control-s);
+  --upload-item-radius: var(--o-radius_control-s);
 
   --upload-progress-height: 1px;
   --upload-progress-radius: var(--upload-progress-height);
@@ -16,7 +16,7 @@
   --upload-progress-value-bg-color: var(--o-color-primary1);
 
   --upload-drag-padding: 32px 0;
-  --upload-drag-radius: var(--o-radius-control-s);
+  --upload-drag-radius: var(--o-radius_control-s);
   --upload-drag-color: var(--o-color-info2);
   --upload-drag-color-disabled: var(--o-color-info4);
 
@@ -32,7 +32,7 @@
   --upload-drag-bd-dragging: 1px dashed var(--o-color-primary2);
   --upload-drag-bd-disabled: 1px dashed var(--o-color-control4);
 
-  --upload-card-radius: var(--o-radius-control-s);
+  --upload-card-radius: var(--o-radius_control-s);
   --upload-card-width: 120px;
   --upload-card-height: var(--upload-card-width);
   --upload-card-gap: 8px;
diff --git a/packages/portal-ak/src/App.vue b/packages/portal-ak/src/App.vue
index 3fa9f84f..e7251759 100644
--- a/packages/portal-ak/src/App.vue
+++ b/packages/portal-ak/src/App.vue
@@ -4,9 +4,4 @@
   <router-view />
 </template>
 
-<style lang="scss">
-section {
-  padding: 16px;
-  border: 1px solid var(--o-color-control1-light);
-}
-</style>
+<style lang="scss"></style>
diff --git a/packages/portal-ak/src/assets/style/style.scss b/packages/portal-ak/src/assets/style/style.scss
index 15336603..ab8d6d51 100644
--- a/packages/portal-ak/src/assets/style/style.scss
+++ b/packages/portal-ak/src/assets/style/style.scss
@@ -41,7 +41,14 @@ section {
   justify-content: flex-start;
   flex-wrap: wrap;
   gap: 16px;
+  padding: 24px;
+
+  border: 1px solid var(--o-color-control1-light);
+
   + section {
     margin-top: 12px;
   }
+  &.block {
+    display: block;
+  }
 }
diff --git a/packages/portal-ak/src/assets/theme/a.dark.token.css b/packages/portal-ak/src/assets/theme/a.dark.token.css
index d2e4a302..416c9810 100644
--- a/packages/portal-ak/src/assets/theme/a.dark.token.css
+++ b/packages/portal-ak/src/assets/theme/a.dark.token.css
@@ -1791,28 +1791,28 @@
    * @group radius
    * @description 大尺寸控件圆角
    */
-  --o-radius-control-l: var(--o-radius-l);
+  --o-radius_control-l: var(--o-radius-l);
   /**
    * @name 中尺寸控件圆角
    * @type size
    * @group radius
    * @description 中尺寸控件圆角
    */
-  --o-radius-control-m: var(--o-radius-m);
+  --o-radius_control-m: var(--o-radius-m);
   /**
    * @name 小尺寸控件圆角
    * @type size
    * @group radius
    * @description 小尺寸控件圆角
    */
-  --o-radius-control-s: var(--o-radius-s);
+  --o-radius_control-s: var(--o-radius-s);
   /**
    * @name 超小尺寸控件圆角
    * @type size
    * @group radius
    * @description 超小尺寸控件圆角
    */
-  --o-radius-control-xs: var(--o-radius-xs);
+  --o-radius_control-xs: var(--o-radius-xs);
   /**
    * @name 持续时间
    * @type animation
@@ -1904,4 +1904,4 @@
    * @description 用于大卡片、场景切换
    */
   --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
+}
\ No newline at end of file
diff --git a/packages/portal-ak/src/assets/theme/a.light.token.css b/packages/portal-ak/src/assets/theme/a.light.token.css
index 24844054..801aee6f 100644
--- a/packages/portal-ak/src/assets/theme/a.light.token.css
+++ b/packages/portal-ak/src/assets/theme/a.light.token.css
@@ -1791,28 +1791,28 @@
    * @group radius
    * @description 大尺寸控件圆角
    */
-  --o-radius-control-l: var(--o-radius-l);
+  --o-radius_control-l: var(--o-radius-l);
   /**
    * @name 中尺寸控件圆角
    * @type size
    * @group radius
    * @description 中尺寸控件圆角
    */
-  --o-radius-control-m: var(--o-radius-m);
+  --o-radius_control-m: var(--o-radius-m);
   /**
    * @name 小尺寸控件圆角
    * @type size
    * @group radius
    * @description 小尺寸控件圆角
    */
-  --o-radius-control-s: var(--o-radius-s);
+  --o-radius_control-s: var(--o-radius-s);
   /**
    * @name 超小尺寸控件圆角
    * @type size
    * @group radius
    * @description 超小尺寸控件圆角
    */
-  --o-radius-control-xs: var(--o-radius-xs);
+  --o-radius_control-xs: var(--o-radius-xs);
   /**
    * @name 持续时间
    * @type animation
@@ -1904,4 +1904,4 @@
    * @description 用于大卡片、场景切换
    */
   --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
+}
\ No newline at end of file
diff --git a/packages/portal-ak/src/assets/theme/input.scss b/packages/portal-ak/src/assets/theme/input.scss
index fff1db93..68dfa2f4 100644
--- a/packages/portal-ak/src/assets/theme/input.scss
+++ b/packages/portal-ak/src/assets/theme/input.scss
@@ -18,6 +18,7 @@
   --input-padding: 0 16px;
   --input-text-size: var(--o-font_size-tip1);
   --input-text-height: var(--o-line_height-tip1);
+  &,
   &.o-input-round-pill {
     --input-prepend-padding: 0;
   }
@@ -26,6 +27,7 @@
 .o-input-large {
   --input-text-size: var(--o-font_size-text1);
   --input-text-height: var(--o-line_height-text1);
+  &,
   &.o-input-round-pill {
     --input-prepend-padding: 0;
   }
diff --git a/packages/portal-ak/src/assets/theme/k.dark.token.css b/packages/portal-ak/src/assets/theme/k.dark.token.css
index e0cb3977..9f0744ed 100644
--- a/packages/portal-ak/src/assets/theme/k.dark.token.css
+++ b/packages/portal-ak/src/assets/theme/k.dark.token.css
@@ -1791,28 +1791,28 @@
    * @group radius
    * @description 大尺寸控件圆角
    */
-  --o-radius-control-l: var(--o-radius-l);
+  --o-radius_control-l: var(--o-radius-l);
   /**
    * @name 中尺寸控件圆角
    * @type size
    * @group radius
    * @description 中尺寸控件圆角
    */
-  --o-radius-control-m: var(--o-radius-m);
+  --o-radius_control-m: var(--o-radius-m);
   /**
    * @name 小尺寸控件圆角
    * @type size
    * @group radius
    * @description 小尺寸控件圆角
    */
-  --o-radius-control-s: var(--o-radius-s);
+  --o-radius_control-s: var(--o-radius-s);
   /**
    * @name 超小尺寸控件圆角
    * @type size
    * @group radius
    * @description 超小尺寸控件圆角
    */
-  --o-radius-control-xs: var(--o-radius-xs);
+  --o-radius_control-xs: var(--o-radius-xs);
   /**
    * @name 持续时间
    * @type animation
@@ -1904,4 +1904,4 @@
    * @description 用于大卡片、场景切换
    */
   --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
+}
\ No newline at end of file
diff --git a/packages/portal-ak/src/assets/theme/k.light.token.css b/packages/portal-ak/src/assets/theme/k.light.token.css
index edfd9c34..007cc243 100644
--- a/packages/portal-ak/src/assets/theme/k.light.token.css
+++ b/packages/portal-ak/src/assets/theme/k.light.token.css
@@ -1791,28 +1791,28 @@
    * @group radius
    * @description 大尺寸控件圆角
    */
-  --o-radius-control-l: var(--o-radius-l);
+  --o-radius_control-l: var(--o-radius-l);
   /**
    * @name 中尺寸控件圆角
    * @type size
    * @group radius
    * @description 中尺寸控件圆角
    */
-  --o-radius-control-m: var(--o-radius-m);
+  --o-radius_control-m: var(--o-radius-m);
   /**
    * @name 小尺寸控件圆角
    * @type size
    * @group radius
    * @description 小尺寸控件圆角
    */
-  --o-radius-control-s: var(--o-radius-s);
+  --o-radius_control-s: var(--o-radius-s);
   /**
    * @name 超小尺寸控件圆角
    * @type size
    * @group radius
    * @description 超小尺寸控件圆角
    */
-  --o-radius-control-xs: var(--o-radius-xs);
+  --o-radius_control-xs: var(--o-radius-xs);
   /**
    * @name 持续时间
    * @type animation
@@ -1904,4 +1904,4 @@
    * @description 用于大卡片、场景切换
    */
   --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
+}
\ No newline at end of file
diff --git a/packages/portal-ak/src/assets/theme/rate.scss b/packages/portal-ak/src/assets/theme/rate.scss
index 72041021..6e35fe81 100644
--- a/packages/portal-ak/src/assets/theme/rate.scss
+++ b/packages/portal-ak/src/assets/theme/rate.scss
@@ -36,12 +36,18 @@
     }
   }
 }
-.rate-empty {
-  --rate-color: var(--o-color-info4);
-  --rate-color-selected: var(--o-color-info4);
-  .o-rate-icon {
-    path {
-      color: currentColor !important;
-    }
-  }
+
+.c-star-full {
+  color: rgb(var(--o-red-huawei));
+}
+
+.c-star-empty {
+  color: var(--o-color-info4);
+}
+
+.c-star-label {
+  color: var(--o-color-info2);
+  font-size: var(--o-font_size-tip1);
+  line-height: var(--o-line_height-tip1);
+  margin-left: 8px;
 }
diff --git a/packages/portal-ak/src/assets/theme/select.scss b/packages/portal-ak/src/assets/theme/select.scss
index ef57f78b..ba1467de 100644
--- a/packages/portal-ak/src/assets/theme/select.scss
+++ b/packages/portal-ak/src/assets/theme/select.scss
@@ -30,7 +30,7 @@
   }
 }
 .o-select-options {
-  --select-options-radius: var(--o-radius-control-m);
+  --select-options-radius: var(--o-radius_control-m);
   --select-options-max-height: 302px;
 }
 // 移动端响应式
diff --git a/packages/portal-ak/src/assets/theme/table.scss b/packages/portal-ak/src/assets/theme/table.scss
index 7991f413..101fec85 100644
--- a/packages/portal-ak/src/assets/theme/table.scss
+++ b/packages/portal-ak/src/assets/theme/table.scss
@@ -19,7 +19,7 @@
     --table-text-height: var(--o-line_height-tip2);
 
     --table-cell-padding: 8px 12px 7px;
-    --table-radius: var(--o-radius-control-s);
+    --table-radius: var(--o-radius_control-s);
   }
 }
 
@@ -45,6 +45,6 @@
 
     --table-text-size: var(--o-font_size-tip2);
     --table-text-height: var(--o-line_height-tip2);
-    --table-radius: var(--o-radius-control-s);
+    --table-radius: var(--o-radius_control-s);
   }
 }
diff --git a/packages/portal-ak/src/pages/button/BtnBasic.vue b/packages/portal-ak/src/pages/button/BtnBasic.vue
index 49c74536..fe10b96a 100644
--- a/packages/portal-ak/src/pages/button/BtnBasic.vue
+++ b/packages/portal-ak/src/pages/button/BtnBasic.vue
@@ -6,11 +6,11 @@ import { OButton, OLink, OIcon, OIconRefresh, OIconAdd, OIconChevronRight } from
     <h3>类型 & 尺寸</h3>
     <section>
       M:
-      <OButton class="c-btn-ascend" variant="solid" color="primary">运营按钮</OButton>
-      <OButton variant="solid" color="primary">强调按钮</OButton>
-      <OButton variant="solid" color="primary" :icon="OIconAdd">强调按钮</OButton>
-      <OButton variant="outline" color="primary">描边按钮</OButton>
-      <OButton variant="outline" color="primary" :icon="OIconAdd">描边按钮</OButton>
+      <OButton round="pill" class="c-btn-ascend" variant="solid" color="primary">运营按钮</OButton>
+      <OButton round="pill" variant="solid" color="primary">强调按钮</OButton>
+      <OButton round="pill" variant="solid" color="primary" :icon="OIconAdd">强调按钮</OButton>
+      <OButton round="pill" variant="outline" color="primary">描边按钮</OButton>
+      <OButton round="pill" variant="outline" color="primary" :icon="OIconAdd">描边按钮</OButton>
       <OLink color="primary" size="medium">文本按钮</OLink>
       <OLink color="primary" size="medium" :icon="OIconAdd">文本按钮</OLink>
       <OLink color="primary" size="medium">
@@ -21,30 +21,36 @@ import { OButton, OLink, OIcon, OIconRefresh, OIconAdd, OIconChevronRight } from
     </section>
     <section>
       L:
-      <OButton class="c-btn-ascend" variant="solid" color="primary" size="large">运营按钮</OButton>
-      <OButton variant="solid" color="primary" size="large">强调按钮</OButton>
-      <OButton variant="solid" color="primary" :icon="OIconAdd" size="large">强调按钮</OButton>
-      <OButton variant="outline" color="primary" size="large">描边按钮</OButton>
-      <OButton variant="outline" color="primary" :icon="OIconAdd" size="large">描边按钮</OButton>
+      <OButton round="pill" class="c-btn-ascend" variant="solid" color="primary" size="large">运营按钮</OButton>
+      <OButton round="pill" variant="solid" color="primary" size="large">强调按钮</OButton>
+      <OButton round="pill" variant="solid" color="primary" :icon="OIconAdd" size="large">强调按钮</OButton>
+      <OButton round="pill" variant="outline" color="primary" size="large">描边按钮</OButton>
+      <OButton round="pill" variant="outline" color="primary" :icon="OIconAdd" size="large">描边按钮</OButton>
       <OLink color="primary" size="large">文本按钮</OLink>
       <OLink color="primary" :icon="OIconAdd" size="large">文本按钮</OLink>
-      <OLink color="primary" size="large">
-        文本按钮 <template #suffix><OIconChevronRight class="o-link-arrow" /></template>
+      <OLink color="primary" class="c-link-kunpeng">
+        鲲鹏文本按钮 <template #suffix><OIconChevronRight class="o-link-arrow" /></template>
+      </OLink>
+      <OLink color="primary" class="c-link-ascend">
+        昇腾文本按钮 <template #suffix><OIconChevronRight class="o-link-arrow" /></template>
       </OLink>
       <OLink hover-underline size="large">链接按钮</OLink>
       <OIcon :icon="OIconRefresh" button size="large" />
     </section>
     <h3>禁用</h3>
     <section>
-      <OButton disabled class="c-btn-ascend" variant="solid" color="primary">运营按钮</OButton>
-      <OButton disabled variant="solid" color="primary">强调按钮</OButton>
-      <OButton disabled variant="solid" color="primary" :icon="OIconAdd">强调按钮</OButton>
-      <OButton disabled variant="outline" color="primary">描边按钮</OButton>
-      <OButton disabled variant="outline" color="primary" :icon="OIconAdd">描边按钮</OButton>
+      <OButton round="pill" disabled class="c-btn-ascend" variant="solid" color="primary">运营按钮</OButton>
+      <OButton round="pill" disabled variant="solid" color="primary">强调按钮</OButton>
+      <OButton round="pill" disabled variant="solid" color="primary" :icon="OIconAdd">强调按钮</OButton>
+      <OButton round="pill" disabled variant="outline" color="primary">描边按钮</OButton>
+      <OButton round="pill" disabled variant="outline" color="primary" :icon="OIconAdd">描边按钮</OButton>
       <OLink disabled color="primary">文本按钮</OLink>
       <OLink disabled color="primary" :icon="OIconAdd">文本按钮</OLink>
-      <OLink disabled color="primary">
-        文本按钮 <template #suffix><OIconChevronRight class="o-link-arrow" /></template>
+      <OLink disabled color="primary" class="c-link-kunpeng">
+        鲲鹏文本按钮 <template #suffix><OIconChevronRight class="o-link-arrow" /></template>
+      </OLink>
+      <OLink disabled color="primary" class="c-link-ascend">
+        昇腾文本按钮 <template #suffix><OIconChevronRight class="o-link-arrow" /></template>
       </OLink>
       <OLink disabled hover-underline>链接按钮</OLink>
       <OIcon disabled :icon="OIconRefresh" button />
diff --git a/packages/portal-ak/src/pages/checkbox/CheckboxBasic.vue b/packages/portal-ak/src/pages/checkbox/CheckboxBasic.vue
index 2cd69ac5..71882c7a 100644
--- a/packages/portal-ak/src/pages/checkbox/CheckboxBasic.vue
+++ b/packages/portal-ak/src/pages/checkbox/CheckboxBasic.vue
@@ -12,4 +12,3 @@ const checkboxVal = ref([1]);
     <OCheckbox v-model="checkboxVal" :value="2">选项2</OCheckbox>
   </section>
 </template>
-'
diff --git a/packages/portal-ak/src/pages/checkbox/CheckboxIndeterminate.vue b/packages/portal-ak/src/pages/checkbox/CheckboxIndeterminate.vue
index 52fce821..215d12be 100644
--- a/packages/portal-ak/src/pages/checkbox/CheckboxIndeterminate.vue
+++ b/packages/portal-ak/src/pages/checkbox/CheckboxIndeterminate.vue
@@ -31,9 +31,9 @@ const handleChange = (val: Array<string | number>) => {
 
 <template>
   <h3>半选</h3>
-  <section>
+  <section class="block">
     <OCheckbox v-model="checkboxVal1" value="a" :indeterminate="indeterminate" @change="handleChangeAll">Check All </OCheckbox>
-
+    <br />
     <OCheckboxGroup v-model="checkboxVal2" @change="handleChange">
       <OCheckbox :value="1">Option 1</OCheckbox>
       <OCheckbox :value="2">Option 2</OCheckbox>
@@ -42,9 +42,4 @@ const handleChange = (val: Array<string | number>) => {
   </section>
 </template>
 
-<style scoped>
-section {
-  flex-direction: column;
-  align-items: flex-start;
-}
-</style>
+<style scoped></style>
diff --git a/packages/portal-ak/src/pages/message/MessageBasic.vue b/packages/portal-ak/src/pages/message/MessageBasic.vue
index 2f0430c0..c6af6e83 100644
--- a/packages/portal-ak/src/pages/message/MessageBasic.vue
+++ b/packages/portal-ak/src/pages/message/MessageBasic.vue
@@ -28,7 +28,7 @@ const handleDangerBtnClick = () => {
 };
 
 const handleLoadingBtnClick = () => {
-  message.open({
+  message.show({
     content: '排队中，请稍后',
     status: 'loading',
   });
@@ -63,7 +63,7 @@ const handleDangerBtnClick2 = () => {
 };
 
 const handleLoadingBtnClick2 = () => {
-  message.open({
+  message.show({
     content: '排队中，请稍后',
     status: 'loading',
     position: 'bottom',
diff --git a/packages/portal-ak/src/pages/progress/ProgressBasic.vue b/packages/portal-ak/src/pages/progress/ProgressBasic.vue
index 9e59ab7b..f305c367 100644
--- a/packages/portal-ak/src/pages/progress/ProgressBasic.vue
+++ b/packages/portal-ak/src/pages/progress/ProgressBasic.vue
@@ -42,9 +42,4 @@ const val3 = ref(100);
   </section>
 </template>
 
-<style lang="scss" scoped>
-section {
-  flex-direction: column;
-  align-items: flex-start;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/packages/portal-ak/src/pages/rate/RateBasic.vue b/packages/portal-ak/src/pages/rate/RateBasic.vue
index ef2ecb16..f1d73f00 100644
--- a/packages/portal-ak/src/pages/rate/RateBasic.vue
+++ b/packages/portal-ak/src/pages/rate/RateBasic.vue
@@ -1,41 +1,27 @@
 <script setup lang="ts">
-import { ORate } from '@components/index';
+import { ORate, OIconStar, OFlex } from '@components/index';
 </script>
 
 <template>
   <h3>基础用法</h3>
-  <section>
-    <div class="display-box">
-      <ORate color="primary" :default-value="1" readonly :count="1" />
-      <span class="rate-label">4.0</span>
+  <section class="block">
+    <div class="flex-box">
+      <OIconStar class="c-star-full" />
+      <span class="c-star-label">4.0</span>
     </div>
 
-    <div class="display-box">
-      <ORate :default-value="0" color="primary" readonly :count="1" class="rate-empty" />
-      <span class="rate-label">暂无评分</span>
+    <div class="flex-box">
+      <OIconStar class="c-star-empty" />
+      <span class="c-star-label">暂无评分</span>
     </div>
 
-    <div class="display-box">
-      <ORate :default-value="3" color="primary" size="large" />
-    </div>
+    <ORate :default-value="3" color="primary" size="large" />
   </section>
 </template>
 
 <style scoped>
-section {
-  flex-direction: column;
-  align-items: flex-start;
-}
-
-.display-box {
+.flex-box {
   display: flex;
   align-items: center;
 }
-
-.rate-label {
-  color: var(--o-color-info2);
-  font-size: var(--o-font_size-tip1);
-  line-height: var(--o-line_height-tip1);
-  margin-left: 8px;
-}
 </style>
diff --git a/packages/portal/src/assets/style/a.dark.token.css b/packages/portal/src/assets/style/a.dark.token.css
index d2e4a302..416c9810 100644
--- a/packages/portal/src/assets/style/a.dark.token.css
+++ b/packages/portal/src/assets/style/a.dark.token.css
@@ -1791,28 +1791,28 @@
    * @group radius
    * @description 大尺寸控件圆角
    */
-  --o-radius-control-l: var(--o-radius-l);
+  --o-radius_control-l: var(--o-radius-l);
   /**
    * @name 中尺寸控件圆角
    * @type size
    * @group radius
    * @description 中尺寸控件圆角
    */
-  --o-radius-control-m: var(--o-radius-m);
+  --o-radius_control-m: var(--o-radius-m);
   /**
    * @name 小尺寸控件圆角
    * @type size
    * @group radius
    * @description 小尺寸控件圆角
    */
-  --o-radius-control-s: var(--o-radius-s);
+  --o-radius_control-s: var(--o-radius-s);
   /**
    * @name 超小尺寸控件圆角
    * @type size
    * @group radius
    * @description 超小尺寸控件圆角
    */
-  --o-radius-control-xs: var(--o-radius-xs);
+  --o-radius_control-xs: var(--o-radius-xs);
   /**
    * @name 持续时间
    * @type animation
@@ -1904,4 +1904,4 @@
    * @description 用于大卡片、场景切换
    */
   --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
+}
\ No newline at end of file
diff --git a/packages/portal/src/assets/style/a.light.token.css b/packages/portal/src/assets/style/a.light.token.css
index 24844054..801aee6f 100644
--- a/packages/portal/src/assets/style/a.light.token.css
+++ b/packages/portal/src/assets/style/a.light.token.css
@@ -1791,28 +1791,28 @@
    * @group radius
    * @description 大尺寸控件圆角
    */
-  --o-radius-control-l: var(--o-radius-l);
+  --o-radius_control-l: var(--o-radius-l);
   /**
    * @name 中尺寸控件圆角
    * @type size
    * @group radius
    * @description 中尺寸控件圆角
    */
-  --o-radius-control-m: var(--o-radius-m);
+  --o-radius_control-m: var(--o-radius-m);
   /**
    * @name 小尺寸控件圆角
    * @type size
    * @group radius
    * @description 小尺寸控件圆角
    */
-  --o-radius-control-s: var(--o-radius-s);
+  --o-radius_control-s: var(--o-radius-s);
   /**
    * @name 超小尺寸控件圆角
    * @type size
    * @group radius
    * @description 超小尺寸控件圆角
    */
-  --o-radius-control-xs: var(--o-radius-xs);
+  --o-radius_control-xs: var(--o-radius-xs);
   /**
    * @name 持续时间
    * @type animation
@@ -1904,4 +1904,4 @@
    * @description 用于大卡片、场景切换
    */
   --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
+}
\ No newline at end of file
diff --git a/packages/portal/src/assets/style/k.dark.token.css b/packages/portal/src/assets/style/k.dark.token.css
index e0cb3977..9f0744ed 100644
--- a/packages/portal/src/assets/style/k.dark.token.css
+++ b/packages/portal/src/assets/style/k.dark.token.css
@@ -1791,28 +1791,28 @@
    * @group radius
    * @description 大尺寸控件圆角
    */
-  --o-radius-control-l: var(--o-radius-l);
+  --o-radius_control-l: var(--o-radius-l);
   /**
    * @name 中尺寸控件圆角
    * @type size
    * @group radius
    * @description 中尺寸控件圆角
    */
-  --o-radius-control-m: var(--o-radius-m);
+  --o-radius_control-m: var(--o-radius-m);
   /**
    * @name 小尺寸控件圆角
    * @type size
    * @group radius
    * @description 小尺寸控件圆角
    */
-  --o-radius-control-s: var(--o-radius-s);
+  --o-radius_control-s: var(--o-radius-s);
   /**
    * @name 超小尺寸控件圆角
    * @type size
    * @group radius
    * @description 超小尺寸控件圆角
    */
-  --o-radius-control-xs: var(--o-radius-xs);
+  --o-radius_control-xs: var(--o-radius-xs);
   /**
    * @name 持续时间
    * @type animation
@@ -1904,4 +1904,4 @@
    * @description 用于大卡片、场景切换
    */
   --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
+}
\ No newline at end of file
diff --git a/packages/portal/src/assets/style/k.light.token.css b/packages/portal/src/assets/style/k.light.token.css
index edfd9c34..007cc243 100644
--- a/packages/portal/src/assets/style/k.light.token.css
+++ b/packages/portal/src/assets/style/k.light.token.css
@@ -1791,28 +1791,28 @@
    * @group radius
    * @description 大尺寸控件圆角
    */
-  --o-radius-control-l: var(--o-radius-l);
+  --o-radius_control-l: var(--o-radius-l);
   /**
    * @name 中尺寸控件圆角
    * @type size
    * @group radius
    * @description 中尺寸控件圆角
    */
-  --o-radius-control-m: var(--o-radius-m);
+  --o-radius_control-m: var(--o-radius-m);
   /**
    * @name 小尺寸控件圆角
    * @type size
    * @group radius
    * @description 小尺寸控件圆角
    */
-  --o-radius-control-s: var(--o-radius-s);
+  --o-radius_control-s: var(--o-radius-s);
   /**
    * @name 超小尺寸控件圆角
    * @type size
    * @group radius
    * @description 超小尺寸控件圆角
    */
-  --o-radius-control-xs: var(--o-radius-xs);
+  --o-radius_control-xs: var(--o-radius-xs);
   /**
    * @name 持续时间
    * @type animation
@@ -1904,4 +1904,4 @@
    * @description 用于大卡片、场景切换
    */
   --o-easing-emphasized-out: cubic-bezier(0.05, 0.7, 0.1, 1);
-}
+}
\ No newline at end of file
-- 
Gitee


From 2ba15da2fe733eb00917b86a21d83ccc79f808e9 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 5 Jun 2023 23:05:51 +0800
Subject: [PATCH 6/7] =?UTF-8?q?dialog=20=E6=94=AF=E6=8C=81round?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/opendesign/src/components/dialog/ODialog.vue | 1 +
 packages/opendesign/src/components/dialog/types.ts    | 3 ++-
 packages/portal-ak/src/pages/dialog/TheBasic.vue      | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/opendesign/src/components/dialog/ODialog.vue b/packages/opendesign/src/components/dialog/ODialog.vue
index ad9f6633..64459a1e 100644
--- a/packages/opendesign/src/components/dialog/ODialog.vue
+++ b/packages/opendesign/src/components/dialog/ODialog.vue
@@ -71,6 +71,7 @@ defineExpose({
             :color="item.color"
             :variant="!item.variant && isPhonePad ? 'text' : item.variant"
             :size="item.size"
+            :round="item.round"
             @click="item.onClick"
           >
             {{ item.label }}
diff --git a/packages/opendesign/src/components/dialog/types.ts b/packages/opendesign/src/components/dialog/types.ts
index 277ad838..9a40ce78 100644
--- a/packages/opendesign/src/components/dialog/types.ts
+++ b/packages/opendesign/src/components/dialog/types.ts
@@ -1,6 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { layerProps } from '../layer/types';
-import { ColorT, SizeT, VariantT } from '../_shared/types';
+import { ColorT, SizeT, VariantT, RoundT } from '../_shared/types';
 
 export const DialogSizeTypes = ['exlarge', 'large', 'medium', 'small', 'auto'] as const;
 export type DialogSizeT = (typeof DialogSizeTypes)[number];
@@ -11,6 +11,7 @@ export interface DialogActionT {
   variant?: VariantT;
   size?: SizeT;
   label: string;
+  round?: RoundT;
   onClick: () => void;
 }
 
diff --git a/packages/portal-ak/src/pages/dialog/TheBasic.vue b/packages/portal-ak/src/pages/dialog/TheBasic.vue
index ab6aaec0..d19e877c 100644
--- a/packages/portal-ak/src/pages/dialog/TheBasic.vue
+++ b/packages/portal-ak/src/pages/dialog/TheBasic.vue
@@ -44,6 +44,7 @@ const dlgAction: DialogActionT[] = [
     id: 'cancel',
     label: '取消',
     size: 'large',
+    round: 'pill',
     onClick: () => {
       console.log('cancel');
       toggle('show0');
@@ -55,6 +56,7 @@ const dlgAction: DialogActionT[] = [
     color: 'primary',
     variant: 'solid',
     size: 'large',
+    round: 'pill',
     onClick: () => {
       console.log('cancel');
       toggle('show0');
-- 
Gitee


From a21855d1b82674c2771591b9ceda1a64814009e0 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 5 Jun 2023 23:08:38 +0800
Subject: [PATCH 7/7] up

---
 .../portal-ak/src/assets/theme/card.a.scss    | 31 ---------
 .../portal-ak/src/assets/theme/card.k.scss    | 42 ------------
 .../portal-ak/src/assets/theme/index.a.scss   |  2 -
 .../portal-ak/src/assets/theme/index.k.scss   |  2 -
 .../portal-ak/src/assets/theme/select.scss    | 64 -------------------
 5 files changed, 141 deletions(-)
 delete mode 100644 packages/portal-ak/src/assets/theme/card.a.scss
 delete mode 100644 packages/portal-ak/src/assets/theme/card.k.scss
 delete mode 100644 packages/portal-ak/src/assets/theme/index.a.scss
 delete mode 100644 packages/portal-ak/src/assets/theme/index.k.scss
 delete mode 100644 packages/portal-ak/src/assets/theme/select.scss

diff --git a/packages/portal-ak/src/assets/theme/card.a.scss b/packages/portal-ak/src/assets/theme/card.a.scss
deleted file mode 100644
index dbdd598c..00000000
--- a/packages/portal-ak/src/assets/theme/card.a.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-@use './mixin.scss' as *;
-
-@include respond-to('up-pad') {
-  .c-card-ascend-hover {
-    position: relative;
-  }
-
-  .c-card-ascend-hover:before {
-    background-image: linear-gradient(269deg, #e0f4f5, #e5f3f9 24%, #bac2ea 58%, #d0b4e5 97%);
-    content: '';
-    height: 100%;
-    left: 0;
-    -webkit-mask-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.34) 22%, hsla(0, 0%, 100%, 0) 61%);
-    mask-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.34) 22%, hsla(0, 0%, 100%, 0) 61%);
-    opacity: 0;
-    position: absolute;
-    top: 0;
-    transition: opacity 0.3s;
-    width: 100%;
-    z-index: 0;
-  }
-
-  .c-card-ascend-hover > * {
-    position: relative;
-    z-index: 1;
-  }
-
-  .c-card-ascend-hover:hover:before {
-    opacity: 1;
-  }
-}
diff --git a/packages/portal-ak/src/assets/theme/card.k.scss b/packages/portal-ak/src/assets/theme/card.k.scss
deleted file mode 100644
index 1138e054..00000000
--- a/packages/portal-ak/src/assets/theme/card.k.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-@use './mixin.scss' as *;
-
-.c-card-kunpeng {
-  &.o-card {
-    --card-shadow: none;
-    --card-shadow-hover: none;
-    --card-shadow-active: none;
-    --card-radius: 0;
-  }
-
-  &.o-card-cover-v,
-  &.o-card-cover-h,
-  &.o-card-cover-hr {
-    --card-cover-padding: 0;
-  }
-
-  &.o-card-hoverable {
-    .o-card-icon {
-      transition: color var(--o-duration-s) var(--o-easing-standard);
-    }
-    @include hover {
-      &:hover {
-        .o-card-icon {
-          color: rgb(var(--o-red-huawei));
-        }
-      }
-    }
-  }
-
-  &.o-card-hoverable.o-card-cursor-pointer {
-    .o-card-title {
-      transition: color var(--o-duration-s) var(--o-easing-standard);
-    }
-    @include hover {
-      &:hover {
-        .o-card-title {
-          color: rgb(var(--o-red-huawei));
-        }
-      }
-    }
-  }
-}
diff --git a/packages/portal-ak/src/assets/theme/index.a.scss b/packages/portal-ak/src/assets/theme/index.a.scss
deleted file mode 100644
index 2536f9a2..00000000
--- a/packages/portal-ak/src/assets/theme/index.a.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@use './index.scss' as *;
-@use './card.a.scss' as *;
diff --git a/packages/portal-ak/src/assets/theme/index.k.scss b/packages/portal-ak/src/assets/theme/index.k.scss
deleted file mode 100644
index 08d9bcfa..00000000
--- a/packages/portal-ak/src/assets/theme/index.k.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@use './index.scss' as *;
-@use './card.k.scss' as *;
diff --git a/packages/portal-ak/src/assets/theme/select.scss b/packages/portal-ak/src/assets/theme/select.scss
deleted file mode 100644
index ba1467de..00000000
--- a/packages/portal-ak/src/assets/theme/select.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-@use './mixin.scss' as *;
-
-.o-select-outline {
-  --select-bg-color: var(--o-color-control-light);
-  --select-bg-color-disabled: var(--o-color-control4-light);
-}
-.o-select-text {
-  --select-color: var(--o-color-info1);
-  --select-color-hover: var(--o-color-info2);
-  --select-color-focus: var(--o-color-info2);
-  --select-bg-color-hover: transparent;
-  --select-bg-color-focus: transparent;
-}
-.o-select-medium {
-  --select-padding: 0 16px;
-  --select-text-size: var(--o-font_size-tip1);
-  --select-text-height: var(--o-line_height-tip1);
-  @include respond-to('phone-pad') {
-    --select-icon-size: var(--o-icon_size-xs);
-  }
-}
-.o-select-large {
-  --select-padding: 0 16px;
-  --select-text-size: var(--o-font_size-text1);
-  --select-text-height: var(--o-line_height-text1);
-
-  @include respond-to('phone-pad') {
-    --select-text-size: var(--o-font_size-tip1);
-    --select-text-height: var(--o-line_height-tip1);
-  }
-}
-.o-select-options {
-  --select-options-radius: var(--o-radius_control-m);
-  --select-options-max-height: 302px;
-}
-// 移动端响应式
-.o-select-options-dlg {
-  --select-options-radius: 0;
-}
-
-.o-select,
-.o-select-tag-popover {
-  --select-tag-radius: var(--o-control_size-s);
-  --select-tag-text-size: var(--o-font_size-tip2);
-  --select-tag-text-height: var(--o-line_height-tip2);
-}
-.o-select {
-  --select-multiple-padding: 3px 16px;
-}
-
-.c-select-action {
-  border-top: 1px solid var(--o-color-control1);
-  padding: 8px 12px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  &:hover {
-    color: var(--o-color-link1);
-  }
-  > .o-icon {
-    font-size: var(--o-icon_size-xs);
-    margin-right: 4px;
-  }
-}
-- 
Gitee