From fe884592478cb1c7d72b39a53a3f34a6eea68499 Mon Sep 17 00:00:00 2001
From: zhanyini <zhanyini666@163.com>
Date: Wed, 30 Oct 2024 11:39:34 -0700
Subject: [PATCH 1/3] feat(domos): [select,action-menu] optimization demo

---
 .../demos/pc/app/action-menu/icon-composition-api.vue     | 2 +-
 examples/sites/demos/pc/app/action-menu/icon.vue          | 2 +-
 .../sites/demos/pc/app/select/size-composition-api.vue    | 8 ++++----
 examples/sites/demos/pc/app/select/size.spec.ts           | 6 +++---
 examples/sites/demos/pc/app/select/size.vue               | 8 ++++----
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue b/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue
index d89b08a9d7..21521c4154 100644
--- a/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue
+++ b/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>场景1：只显示图标</p>
+    <p>场景1：显示图标</p>
     <tiny-action-menu
       class="custom-icon"
       :options="options"
diff --git a/examples/sites/demos/pc/app/action-menu/icon.vue b/examples/sites/demos/pc/app/action-menu/icon.vue
index 12425818fa..5a45236ec5 100644
--- a/examples/sites/demos/pc/app/action-menu/icon.vue
+++ b/examples/sites/demos/pc/app/action-menu/icon.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>场景1：只显示图标</p>
+    <p>场景1：显示图标</p>
     <tiny-action-menu
       class="custom-icon"
       :options="options"
diff --git a/examples/sites/demos/pc/app/select/size-composition-api.vue b/examples/sites/demos/pc/app/select/size-composition-api.vue
index 1e684d8157..7192ccf68c 100644
--- a/examples/sites/demos/pc/app/select/size-composition-api.vue
+++ b/examples/sites/demos/pc/app/select/size-composition-api.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
-    <p>默认</p>
+    <p>medium</p>
     <br />
-    <tiny-select v-model="value1" multiple :options="options"></tiny-select>
+    <tiny-select v-model="value2" size="medium" multiple :options="options"></tiny-select>
     <br />
     <br />
-    <p>medium</p>
+    <p>默认</p>
     <br />
-    <tiny-select v-model="value2" size="medium" multiple :options="options"></tiny-select>
+    <tiny-select v-model="value1" multiple :options="options"></tiny-select>
     <br />
     <br />
     <p>small</p>
diff --git a/examples/sites/demos/pc/app/select/size.spec.ts b/examples/sites/demos/pc/app/select/size.spec.ts
index 183f48a405..54022497a7 100644
--- a/examples/sites/demos/pc/app/select/size.spec.ts
+++ b/examples/sites/demos/pc/app/select/size.spec.ts
@@ -5,7 +5,7 @@ test('默认尺寸', async ({ page }) => {
   await page.goto('select#size')
 
   const wrap = page.locator('#size')
-  const select = wrap.locator('.tiny-select').nth(0)
+  const select = wrap.locator('.tiny-select').nth(1)
   const input = select.locator('.tiny-input')
   const tag = select.locator('.tiny-tag')
 
@@ -18,12 +18,12 @@ test('medium 尺寸', async ({ page }) => {
   await page.goto('select#size')
 
   const wrap = page.locator('#size')
-  const select = wrap.locator('.tiny-select').nth(1)
+  const select = wrap.locator('.tiny-select').nth(0)
   const input = select.locator('.tiny-input')
   const tag = select.locator('.tiny-tag')
 
   await expect(input).toHaveClass(/tiny-input-medium/)
-  // TODO: 此处继承input 尺寸的话，应该是32
+
   await expect(input.locator('.tiny-input__inner')).toHaveCSS('height', '40px')
   await expect(tag.nth(0)).toHaveClass(/tiny-tag--medium tiny-tag--light/)
 })
diff --git a/examples/sites/demos/pc/app/select/size.vue b/examples/sites/demos/pc/app/select/size.vue
index ebd67f8ef1..9c2b742d50 100644
--- a/examples/sites/demos/pc/app/select/size.vue
+++ b/examples/sites/demos/pc/app/select/size.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
-    <p>默认</p>
+    <p>medium</p>
     <br />
-    <tiny-select v-model="value1" multiple :options="options"></tiny-select>
+    <tiny-select v-model="value2" size="medium" multiple :options="options"></tiny-select>
     <br />
     <br />
-    <p>medium</p>
+    <p>默认</p>
     <br />
-    <tiny-select v-model="value2" size="medium" multiple :options="options"></tiny-select>
+    <tiny-select v-model="value1" multiple :options="options"></tiny-select>
     <br />
     <br />
     <p>small</p>

From ac7730da1737d8641b2215b80ddf18a5df0507c5 Mon Sep 17 00:00:00 2001
From: zhanyini <zhanyini666@163.com>
Date: Mon, 4 Nov 2024 14:14:14 -0800
Subject: [PATCH 2/3] fix(time-range): [time-picker,date-picker] modify style

---
 packages/theme/src/time-range/index.less | 23 +++++++----------------
 packages/theme/src/time-range/vars.less  | 22 ++++++++++------------
 2 files changed, 17 insertions(+), 28 deletions(-)

diff --git a/packages/theme/src/time-range/index.less b/packages/theme/src/time-range/index.less
index b60ca95014..cb0fc7ca06 100644
--- a/packages/theme/src/time-range/index.less
+++ b/packages/theme/src/time-range/index.less
@@ -24,7 +24,6 @@
   &__content {
     position: relative;
     text-align: center;
-    padding: var(--tv-TimeRange-content-padding);
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
@@ -39,31 +38,26 @@
     display: flex;
     justify-content: space-around;
     color: var(--tv-TimeRange-header-text-color);
-    padding: 8px;
-    height: 30px;
+    padding: var(--tv-TimeRange-title-padding);
     align-items: center;
-    line-height: 30px;
   }
 
   &__cell {
-    box-sizing: border-box;
-    margin: 0;
-    padding: var(--tv-TimeRange-cell-padding);
     width: 50%;
+
+    .tiny-time-panel__content {
+      padding-bottom: var(--tv-TimeRange-cell-content-padding-bottom);
+    }
   }
 
   &__header {
     height: var(--tv-TimeRange-header-height);
     color: var(--tv-TimeRange-header-text-color);
     line-height: var(--tv-TimeRange-header-line-height);
-    margin-bottom: var(--tv-TimeRange-header-margin-bottom);
+    padding: var(--tv-TimeRange-header-padding);
     text-align: left;
     font-size: var(--tv-TimeRange-font-size);
-    border-bottom: 1px solid var(--tv-TimeRange-header-border-bottom);
-
-    span {
-      margin-left: var(--tv-TimeRange-header-margin-left);
-    }
+    border-bottom: 1px solid var(--tv-TimeRange-border-color-divider);
   }
 
   &__body {
@@ -73,9 +67,6 @@
   &__footer {
     border-top: 1px solid var(--tv-TimeRange-border-color-divider);
     padding: var(--tv-TimeRange-footer-padding);
-    height: var(--tv-TimeRange-footer-height);
-    box-sizing: border-box;
-    margin-top: 12px;
     display: flex;
     justify-content: flex-end;
     align-items: center;
diff --git a/packages/theme/src/time-range/vars.less b/packages/theme/src/time-range/vars.less
index a41af0f20d..b7ca1a6349 100644
--- a/packages/theme/src/time-range/vars.less
+++ b/packages/theme/src/time-range/vars.less
@@ -19,27 +19,25 @@
   --tv-TimeRange-border-color-divider: var(--tv-color-border-divider, #f0f0f0);
 
   // 单元格内间距
-  --tv-TimeRange-cell-padding: 0px;
-  // 内容区内间距
-  --tv-TimeRange-content-padding: 0px;
+  --tv-TimeRange-cell-content-padding-bottom: var(--tv-space-xl, 16px);
 
   // 头部高度
   --tv-TimeRange-header-height: var(--tv-size-height-xl, 48px);
   // 头部行高
-  --tv-TimeRange-header-line-height: calc(var(--tv-size-height-xl, 48px) - 2px);
-  // 头部底部外间距
-  --tv-TimeRange-header-margin-bottom: 0px;
+  --tv-TimeRange-header-line-height: 48px;
+
   // 头部文本色
   --tv-TimeRange-header-text-color: var(--tv-color-text-weaken, #808080);
-  // 头部右侧外间距
-  --tv-TimeRange-header-margin-left: var(--tv-space-xl, 16px);
+  // 头部内间距
+  --tv-TimeRange-header-padding: 0 var(--tv-space-xl, 16px);
+  // 标题内间距
+  --tv-TimeRange-title-padding: var(--tv-space-lg, 12px) var(--tv-space-md, 8px) var(--tv-space-md, 8px)
+    var(--tv-space-md, 8px);
 
-  // 底部高度
-  --tv-TimeRange-footer-height: 56px;
   // 底部内间距
-  --tv-TimeRange-footer-padding: var(--tv-space-xl, 16px) var(--tv-space-xl, 16px) 0 0;
+  --tv-TimeRange-footer-padding: var(--tv-space-xl, 16px);
 
-  //按钮内间距
+  // 按钮内间距
   --tv-TimeRange-btn-padding: 0 var(--tv-space-sm, 4px);
   // 按钮高度
   --tv-TimeRange-btn-height: var(--tv-size-height-sm, 28px);

From 89287491b24ed31629f4bd3eb8339d1865984153 Mon Sep 17 00:00:00 2001
From: zhanyini <zhanyini666@163.com>
Date: Tue, 5 Nov 2024 10:11:08 -0800
Subject: [PATCH 3/3] fix(time-range): [time-picker] revise review comments

---
 packages/theme/src/time-range/vars.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/theme/src/time-range/vars.less b/packages/theme/src/time-range/vars.less
index b7ca1a6349..3346babe3e 100644
--- a/packages/theme/src/time-range/vars.less
+++ b/packages/theme/src/time-range/vars.less
@@ -24,7 +24,7 @@
   // 头部高度
   --tv-TimeRange-header-height: var(--tv-size-height-xl, 48px);
   // 头部行高
-  --tv-TimeRange-header-line-height: 48px;
+  --tv-TimeRange-header-line-height: var(--tv-TimeRange-header-height, 48px);
 
   // 头部文本色
   --tv-TimeRange-header-text-color: var(--tv-color-text-weaken, #808080);