From 0df5a921a3522cf28d475a5aee2f3b6eaadb397c Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 27 Mar 2023 17:28:29 +0800
Subject: [PATCH 01/15] =?UTF-8?q?popup=E5=A2=9E=E5=8A=A0hover-click?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/popup/__demo__/PopupTarget.vue  | 18 ++++++++++++++++--
 .../opendesign/src/components/popup/popup.ts   | 13 +++++++++++++
 .../opendesign/src/components/popup/types.ts   |  2 +-
 3 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/packages/opendesign/src/components/popup/__demo__/PopupTarget.vue b/packages/opendesign/src/components/popup/__demo__/PopupTarget.vue
index dd4ea8de..0faba770 100644
--- a/packages/opendesign/src/components/popup/__demo__/PopupTarget.vue
+++ b/packages/opendesign/src/components/popup/__demo__/PopupTarget.vue
@@ -8,8 +8,16 @@ const content = 'this is popup content';
   <h4>Popup Target</h4>
 
   <OPopup position="tl" trigger="click" :unmount-on-hide="false">
-    <div class="popup-box">{{ content }}</div>
-    <template #target><div>123</div></template>
+    <div class="popup-box">click {{ content }}</div>
+    <template #target><div class="btn">click 123</div></template>
+  </OPopup>
+  <OPopup position="tl" trigger="hover" :unmount-on-hide="false">
+    <div class="popup-box">hover {{ content }}</div>
+    <template #target><div class="btn">hover 123</div></template>
+  </OPopup>
+  <OPopup position="tl" trigger="hover-click" :unmount-on-hide="false">
+    <div class="popup-box">hover-click {{ content }}</div>
+    <template #target><div class="btn">hover-click 123</div></template>
   </OPopup>
 </template>
 <style lang="scss" scoped>
@@ -23,4 +31,10 @@ const content = 'this is popup content';
   background-color: #eee;
   // overflow: visible;
 }
+.btn {
+  padding: 12px 24px;
+  border: 1px solid #333;
+  margin: 12px;
+  display: inline-block;
+}
 </style>
diff --git a/packages/opendesign/src/components/popup/popup.ts b/packages/opendesign/src/components/popup/popup.ts
index 268a52d5..74505c60 100644
--- a/packages/opendesign/src/components/popup/popup.ts
+++ b/packages/opendesign/src/components/popup/popup.ts
@@ -440,6 +440,19 @@ export function bindTrigger(
       };
       listeners.push(removeFn);
     },
+    'hover-click': () => {
+      el?.addEventListener('mouseover', enterFn);
+      outClick.addListener(el, hideFn, (e: MouseEvent) => {
+        return !!popupRef.value?.contains(e.target as HTMLElement);
+      });
+      const removeFn = () => {
+        el?.removeEventListener('mouseover', enterFn);
+      };
+      listeners.push(removeFn);
+      listeners.push(() => {
+        outClick.removeListener(el, hideFn);
+      });
+    },
     click: () => {
       el?.addEventListener('click', toggleFn);
 
diff --git a/packages/opendesign/src/components/popup/types.ts b/packages/opendesign/src/components/popup/types.ts
index 63cf4470..ef7c184b 100644
--- a/packages/opendesign/src/components/popup/types.ts
+++ b/packages/opendesign/src/components/popup/types.ts
@@ -2,7 +2,7 @@ import { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
 
 export type PopupPositionT = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';
 
-export type PopupTriggerT = 'hover' | 'click' | 'focus' | 'contextmenu' | 'none';
+export type PopupTriggerT = 'hover' | 'click' | 'focus' | 'contextmenu' | 'none' | 'hover-click';
 
 export const popupProps = {
   /**
-- 
Gitee


From 9c18a30f99b5e38669d840065a4d1fab935872e5 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 27 Mar 2023 17:28:36 +0800
Subject: [PATCH 02/15] =?UTF-8?q?textarea=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/textarea/OTextarea.vue     |  2 +-
 .../textarea/__demo__/TextareaBasic.vue       |  2 +-
 .../src/components/textarea/style/index.scss  |  1 +
 .../src/components/textarea/types.ts          | 22 +++++++++----------
 4 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/packages/opendesign/src/components/textarea/OTextarea.vue b/packages/opendesign/src/components/textarea/OTextarea.vue
index de7bd065..afc57b02 100644
--- a/packages/opendesign/src/components/textarea/OTextarea.vue
+++ b/packages/opendesign/src/components/textarea/OTextarea.vue
@@ -178,7 +178,7 @@ const onMirrorResize = (en: ResizeObserverEntry) => {
           resize: resizeValue,
           height: textareaHeight + 'px',
         }"
-        :maxlength="props.inputOnOutLimit ? '' : props.maxLength"
+        :maxlength="props.inputOnOutlimit ? '' : props.maxLength"
         :rows="props.rows"
         :cols="props.cols"
         @focus="onFocus"
diff --git a/packages/opendesign/src/components/textarea/__demo__/TextareaBasic.vue b/packages/opendesign/src/components/textarea/__demo__/TextareaBasic.vue
index 72574e31..67b3b5d8 100644
--- a/packages/opendesign/src/components/textarea/__demo__/TextareaBasic.vue
+++ b/packages/opendesign/src/components/textarea/__demo__/TextareaBasic.vue
@@ -99,7 +99,7 @@ const printEvent = (event: string, val?: string | number) => {
     </div>
     <div>
       <div>input-out-limit：超出长度时不能输入</div>
-      <OTextarea v-model="val2" :max-length="10" :input-out-limit="false" />
+      <OTextarea v-model="val2" :max-length="10" :input-on-outlimit="false" />
     </div>
   </section>
   <h4>Clearable</h4>
diff --git a/packages/opendesign/src/components/textarea/style/index.scss b/packages/opendesign/src/components/textarea/style/index.scss
index b1bd1ffe..ed12ebca 100644
--- a/packages/opendesign/src/components/textarea/style/index.scss
+++ b/packages/opendesign/src/components/textarea/style/index.scss
@@ -41,6 +41,7 @@
   background-color: transparent;
   display: inline-flex;
   width: 100%;
+  height: 100%;
   line-height: inherit;
   min-height: calc(var(--textarea-text-height) + var(--textarea-padding-v) * 2);
 
diff --git a/packages/opendesign/src/components/textarea/types.ts b/packages/opendesign/src/components/textarea/types.ts
index 7877ba2e..b57b18a4 100644
--- a/packages/opendesign/src/components/textarea/types.ts
+++ b/packages/opendesign/src/components/textarea/types.ts
@@ -1,7 +1,7 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import type { SizeT, RoundT, VariantT } from '../_shared/global';
 
-export type ResizeT = 'both' | 'horizontal'| 'h' | 'vertical' | 'v' | 'none';
+export type ResizeT = 'both' | 'horizontal' | 'h' | 'vertical' | 'v' | 'none';
 export const textareaProps = {
   /**
    * 下拉框的值
@@ -27,28 +27,28 @@ export const textareaProps = {
    * 圆角值
    */
   round: {
-    type: String as PropType<RoundT>
+    type: String as PropType<RoundT>,
   },
   /**
    * 颜色类型
    */
   color: {
     type: String as PropType<'normal' | 'success' | 'warning' | 'danger'>,
-    default: 'normal'
+    default: 'normal',
   },
   /**
    * 按钮类型：ColorT
    */
   variant: {
     type: String as PropType<VariantT>,
-    default: 'outline'
+    default: 'outline',
   },
   /**
    * 提示文本
    */
   placeholder: {
     type: String,
-    default: ''
+    default: '',
   },
   /**
    * 是否禁用
@@ -67,7 +67,7 @@ export const textareaProps = {
    */
   clearable: {
     type: Boolean,
-    default: true
+    default: true,
   },
   /**
    * 是否自动增加宽度
@@ -80,21 +80,21 @@ export const textareaProps = {
    */
   resize: {
     type: String as PropType<ResizeT>,
-    default: 'vertical'
+    default: 'vertical',
   },
   /**
    * 显示的行数
    */
   rows: {
     type: Number,
-    default: 3
+    default: undefined,
   },
   /**
    * 显示的行数
    */
   cols: {
     type: Number,
-    default: 20
+    default: undefined,
   },
   /**
    * 最大字符长度
@@ -105,9 +105,9 @@ export const textareaProps = {
   /**
    * 超过最大字符长度时是否允许输入
    */
-  inputOnOutLimit: {
+  inputOnOutlimit: {
     type: Boolean,
-    default: true
+    default: true,
   },
   /**
    * 是否自动计算高度
-- 
Gitee


From 1b29cf9502460d1c77157304a24850ae67284d70 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 27 Mar 2023 17:34:45 +0800
Subject: [PATCH 03/15] fix

---
 packages/opendesign/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/opendesign/package.json b/packages/opendesign/package.json
index 96b2b10c..579881af 100644
--- a/packages/opendesign/package.json
+++ b/packages/opendesign/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opensig/opendesign",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "types": "es/index.d.ts",
-- 
Gitee


From 37ddec8920db5be9daff6616d5e2c918c80eafa2 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 27 Mar 2023 18:12:22 +0800
Subject: [PATCH 04/15] =?UTF-8?q?popup=E5=A2=9E=E5=8A=A0=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E9=9A=90=E8=97=8F=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/popup/OPopup.vue           |  1 +
 .../components/popup/__demo__/PopupTarget.vue |  6 +-
 .../opendesign/src/components/popup/popup.ts  | 89 +++++++++++--------
 .../opendesign/src/components/popup/types.ts  |  9 +-
 4 files changed, 68 insertions(+), 37 deletions(-)

diff --git a/packages/opendesign/src/components/popup/OPopup.vue b/packages/opendesign/src/components/popup/OPopup.vue
index 82b50585..35fb8966 100644
--- a/packages/opendesign/src/components/popup/OPopup.vue
+++ b/packages/opendesign/src/components/popup/OPopup.vue
@@ -104,6 +104,7 @@ const bindTargetEvent = (el: HTMLElement | null) => {
   triggerListener = bindTrigger(el, popupRef, triggers, {
     updateFn: updateVisible,
     hoverDelay: props.hoverDelay,
+    autoHide: props.autoHide,
   });
 
   if (props.hideWhenTargetInvisible) {
diff --git a/packages/opendesign/src/components/popup/__demo__/PopupTarget.vue b/packages/opendesign/src/components/popup/__demo__/PopupTarget.vue
index 0faba770..248c1fea 100644
--- a/packages/opendesign/src/components/popup/__demo__/PopupTarget.vue
+++ b/packages/opendesign/src/components/popup/__demo__/PopupTarget.vue
@@ -15,10 +15,14 @@ const content = 'this is popup content';
     <div class="popup-box">hover {{ content }}</div>
     <template #target><div class="btn">hover 123</div></template>
   </OPopup>
-  <OPopup position="tl" trigger="hover-click" :unmount-on-hide="false">
+  <OPopup position="tl" trigger="hover-outclick" :unmount-on-hide="false">
     <div class="popup-box">hover-click {{ content }}</div>
     <template #target><div class="btn">hover-click 123</div></template>
   </OPopup>
+  <OPopup position="tl" trigger="hover" :auto-hide="false" :unmount-on-hide="false">
+    <div class="popup-box">hover not autohide {{ content }}</div>
+    <template #target><div class="btn">hover not autohide</div></template>
+  </OPopup>
 </template>
 <style lang="scss" scoped>
 #wrap {
diff --git a/packages/opendesign/src/components/popup/popup.ts b/packages/opendesign/src/components/popup/popup.ts
index 74505c60..09be760b 100644
--- a/packages/opendesign/src/components/popup/popup.ts
+++ b/packages/opendesign/src/components/popup/popup.ts
@@ -394,6 +394,7 @@ export function calcPopupStyle(
 }
 
 // 监听元素的触发事件
+// eslint-disable-next-line max-lines-per-function
 export function bindTrigger(
   el: HTMLElement | null,
   popupRef: Ref<HTMLElement | null>,
@@ -401,9 +402,11 @@ export function bindTrigger(
   {
     updateFn,
     hoverDelay = 100,
+    autoHide = true,
   }: {
     updateFn: (isVisible?: boolean, delay?: number) => void;
     hoverDelay?: number;
+    autoHide?: boolean;
   }
 ) {
   if (!el) {
@@ -433,48 +436,46 @@ export function bindTrigger(
   const triggerHandlers: Record<PopupTriggerT, () => void> = {
     hover: () => {
       el?.addEventListener('mouseover', enterFn);
-      el?.addEventListener('mouseleave', leavefn);
-      const removeFn = () => {
-        el?.removeEventListener('mouseover', enterFn);
-        el?.removeEventListener('mouseleave', leavefn);
-      };
-      listeners.push(removeFn);
-    },
-    'hover-click': () => {
-      el?.addEventListener('mouseover', enterFn);
-      outClick.addListener(el, hideFn, (e: MouseEvent) => {
-        return !!popupRef.value?.contains(e.target as HTMLElement);
-      });
-      const removeFn = () => {
-        el?.removeEventListener('mouseover', enterFn);
-      };
-      listeners.push(removeFn);
       listeners.push(() => {
-        outClick.removeListener(el, hideFn);
+        el?.removeEventListener('mouseover', enterFn);
       });
+
+      if (autoHide) {
+        el?.addEventListener('mouseleave', leavefn);
+        listeners.push(() => {
+          el?.removeEventListener('mouseleave', leavefn);
+        });
+      }
     },
     click: () => {
       el?.addEventListener('click', toggleFn);
 
-      outClick.addListener(el, hideFn, (e: MouseEvent) => {
-        return !!popupRef.value?.contains(e.target as HTMLElement);
-      });
-
       listeners.push(() => {
         el?.removeEventListener('click', toggleFn);
       });
-      listeners.push(() => {
-        outClick.removeListener(el, hideFn);
-      });
+
+      if (autoHide) {
+        outClick.addListener(el, hideFn, (e: MouseEvent) => {
+          return !!popupRef.value?.contains(e.target as HTMLElement);
+        });
+
+        listeners.push(() => {
+          outClick.removeListener(el, hideFn);
+        });
+      }
     },
     focus: () => {
       el?.addEventListener('focusin', showFn);
-      el?.addEventListener('focusout', hideFn);
-      const removeFn = () => {
+      listeners.push(() => {
         el?.removeEventListener('focusin', showFn);
-        el?.removeEventListener('focusout', hideFn);
-      };
-      listeners.push(removeFn);
+      });
+
+      if (autoHide) {
+        el?.addEventListener('focusout', hideFn);
+        listeners.push(() => {
+          el?.removeEventListener('focusout', hideFn);
+        });
+      }
     },
     contextmenu: () => {
       const fn = (e: Event) => {
@@ -483,19 +484,37 @@ export function bindTrigger(
       };
       el?.addEventListener('contextmenu', fn);
 
-      outClick.addListener(el, hideFn, (e: MouseEvent) => {
-        return !!popupRef.value?.contains(e.target as HTMLElement);
-      });
-
       listeners.push(() => {
         el?.removeEventListener('contextmenu', fn);
       });
 
+      if (autoHide) {
+        outClick.addListener(el, hideFn, (e: MouseEvent) => {
+          return !!popupRef.value?.contains(e.target as HTMLElement);
+        });
+        listeners.push(() => {
+          outClick.removeListener(el, hideFn);
+        });
+      }
+    },
+    none: () => {},
+    // hover 显示 outclick隐藏
+    'hover-outclick': () => {
+      el?.addEventListener('mouseover', enterFn);
+
       listeners.push(() => {
-        outClick.removeListener(el, hideFn);
+        el?.removeEventListener('mouseover', enterFn);
       });
+
+      if (autoHide) {
+        outClick.addListener(el, hideFn, (e: MouseEvent) => {
+          return !!popupRef.value?.contains(e.target as HTMLElement);
+        });
+        listeners.push(() => {
+          outClick.removeListener(el, hideFn);
+        });
+      }
     },
-    none: () => {},
   };
 
   triggers.forEach((tr: PopupTriggerT) => {
diff --git a/packages/opendesign/src/components/popup/types.ts b/packages/opendesign/src/components/popup/types.ts
index ef7c184b..8c1a5b97 100644
--- a/packages/opendesign/src/components/popup/types.ts
+++ b/packages/opendesign/src/components/popup/types.ts
@@ -2,7 +2,7 @@ import { ComponentPublicInstance, ExtractPropTypes, PropType } from 'vue';
 
 export type PopupPositionT = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb';
 
-export type PopupTriggerT = 'hover' | 'click' | 'focus' | 'contextmenu' | 'none' | 'hover-click';
+export type PopupTriggerT = 'hover' | 'click' | 'focus' | 'contextmenu' | 'none' | 'hover-outclick';
 
 export const popupProps = {
   /**
@@ -111,6 +111,13 @@ export const popupProps = {
     type: String,
     default: 'o-zoom-fade',
   },
+  /**
+   * 是否自动隐藏
+   */
+  autoHide: {
+    type: Boolean,
+    default: true,
+  },
 };
 
 export type PopupPropsT = ExtractPropTypes<typeof popupProps>;
-- 
Gitee


From ba09908fe1e7db57b8ad770c2e2eaf72947906db Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 27 Mar 2023 18:15:43 +0800
Subject: [PATCH 05/15] .16 up

---
 packages/opendesign/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/opendesign/package.json b/packages/opendesign/package.json
index 579881af..2d064962 100644
--- a/packages/opendesign/package.json
+++ b/packages/opendesign/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opensig/opendesign",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "types": "es/index.d.ts",
-- 
Gitee


From ea24856fdcfa891bb9b8bdf88e09540b7f02e81e Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 27 Mar 2023 19:42:24 +0800
Subject: [PATCH 06/15] =?UTF-8?q?popover=20=E5=A2=9E=E5=8A=A0auto-hide?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/opendesign/src/components/popover/OPopover.vue | 1 +
 packages/opendesign/src/components/popover/types.ts     | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/opendesign/src/components/popover/OPopover.vue b/packages/opendesign/src/components/popover/OPopover.vue
index 16ef118b..6da47229 100644
--- a/packages/opendesign/src/components/popover/OPopover.vue
+++ b/packages/opendesign/src/components/popover/OPopover.vue
@@ -32,6 +32,7 @@ const targetElRef = ref<ComponentPublicInstance | null>(null);
     :wrap-class="props.wrapClass ?? 'o-popover-wrap'"
     :anchor-class="props.anchor ? props.anchorClass ?? 'o-popover-anchor' : ''"
     :unmount-on-hide="props.unmountOnHide"
+    :auto-hide="props.autoHide"
     @update:visible="updateVisible"
   >
     <div class="o-popover-body" v-bind="$attrs">
diff --git a/packages/opendesign/src/components/popover/types.ts b/packages/opendesign/src/components/popover/types.ts
index 73166c37..6df24090 100644
--- a/packages/opendesign/src/components/popover/types.ts
+++ b/packages/opendesign/src/components/popover/types.ts
@@ -2,7 +2,7 @@ import { ExtractPropTypes } from 'vue';
 
 import { popupProps } from '../popup/types';
 
-const { position, trigger, target, visible, wrapper, unmountOnHide, anchorClass, wrapClass } = popupProps;
+const { position, trigger, target, visible, wrapper, unmountOnHide, anchorClass, wrapClass, autoHide } = popupProps;
 
 export const popoverProps = {
   position,
@@ -13,6 +13,7 @@ export const popoverProps = {
   unmountOnHide,
   anchorClass,
   wrapClass,
+  autoHide,
   /**
    * 距离触发元素的偏移量
    */
-- 
Gitee


From 6409bac3683a28e7df0afb8f5d674ef8e3031498 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 27 Mar 2023 19:42:34 +0800
Subject: [PATCH 07/15] =?UTF-8?q?slides=E5=A2=9E=E5=8A=A0expose?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/slides/OSlides.vue         | 59 +++++++++++--------
 .../slides/__demo__/SlidesBasic.vue           | 23 ++++++--
 .../src/components/slides/gallery.ts          |  2 +-
 .../opendesign/src/components/slides/types.ts |  6 ++
 4 files changed, 61 insertions(+), 29 deletions(-)

diff --git a/packages/opendesign/src/components/slides/OSlides.vue b/packages/opendesign/src/components/slides/OSlides.vue
index a15f9cc1..86f2b6ea 100644
--- a/packages/opendesign/src/components/slides/OSlides.vue
+++ b/packages/opendesign/src/components/slides/OSlides.vue
@@ -5,7 +5,7 @@ import { IconChevronLeft, IconChevronRight } from '../icons';
 import GallerySlides, { GallerySlidesT } from './gallery';
 import { slidesInjectKey } from './provide';
 
-import { slidesProps } from './types';
+import { slidesExposeT, slidesProps } from './types';
 
 const props = defineProps(slidesProps);
 
@@ -47,22 +47,29 @@ const fixIndex = (idx: number) => {
 let slidesInstance: GallerySlidesT | null = null;
 
 const activeSlideByIndex = (index: number) => {
-  const to = fixIndex(index);
-  const from = activeIndex.value;
-  if (to === from) {
-    return;
-  }
-  emits('before-change', to, activeIndex.value);
+  return new Promise((resolve) => {
+    const to = fixIndex(index);
+    const from = activeIndex.value;
+    if (to === from) {
+      resolve(false);
+    }
 
-  switch (props.type) {
-    case 'gallery': {
-      (slidesInstance as GallerySlidesT)?.active(to).then(() => {
-        emits('change', to, from);
-      });
-      activeIndex.value = to;
-      break;
+    emits('before-change', to, activeIndex.value);
+
+    switch (props.type) {
+      case 'gallery': {
+        (slidesInstance as GallerySlidesT)?.active(to).then(() => {
+          emits('change', to, from);
+          resolve(true);
+        });
+        activeIndex.value = to;
+        break;
+      }
+      default: {
+        resolve(false);
+      }
     }
-  }
+  });
 };
 
 let timer: number | null = null;
@@ -82,18 +89,18 @@ const startPlay = () => {
 // 激活slide
 const activeSlide = (index: number) => {
   if (isChanging) {
-    return;
+    return Promise.resolve();
   }
   isChanging = true;
   // 停止自动播放
   stopPlay();
-  activeSlideByIndex(index);
-
-  // 恢复自动播放
-  if (props.autoPlay) {
-    startPlay();
-  }
-  isChanging = false;
+  return activeSlideByIndex(index).then(() => {
+    // 恢复自动播放
+    if (props.autoPlay) {
+      startPlay();
+    }
+    isChanging = false;
+  });
 };
 
 const initSlides = () => {
@@ -140,6 +147,12 @@ onUnmounted(() => {
 provide(slidesInjectKey, {
   type: props.type,
 });
+
+defineExpose<slidesExposeT>({
+  play: startPlay,
+  stop: startPlay,
+  active: activeSlide,
+});
 </script>
 <template>
   <div
diff --git a/packages/opendesign/src/components/slides/__demo__/SlidesBasic.vue b/packages/opendesign/src/components/slides/__demo__/SlidesBasic.vue
index 4778fe49..45729743 100644
--- a/packages/opendesign/src/components/slides/__demo__/SlidesBasic.vue
+++ b/packages/opendesign/src/components/slides/__demo__/SlidesBasic.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { ref } from 'vue';
 import { OFigure } from '../../figure';
 import '../../figure/style';
 import { OSlides, OSlideItem } from '../index';
@@ -11,25 +12,37 @@ const slides = [
 const onChange = (now: number, last: number) => {
   console.log('slides changed', now, last);
 };
+const onBeforeChange = (now: number, last: number) => {
+  console.log('slides before changed', now, last);
+};
+
+const slidesRef = ref(null);
+let idx = 1;
+const next = () => {
+  slidesRef.value?.active(++idx).then(() => {
+    console.log('done', idx);
+  });
+};
 </script>
 <template>
   <h4>基本</h4>
-  <!-- <div class="block">
+  <div class="block">
+    <h2 @click="next">Next</h2>
     <div class="center"></div>
-    <OSlides loop class="gallery-slides" :auto-play="false" :active-index="0" @change="onChange">
+    <OSlides ref="slidesRef" loop class="gallery-slides" :auto-play="false" :active-index="idx" @change="onChange" @before-change="onBeforeChange">
       <OSlideItem v-for="s in 6" :key="s" class="gallery-slide">
         <div class="slide">{{ s - 1 }}</div>
         <div class="center red"></div>
       </OSlideItem>
     </OSlides>
-  </div> -->
-  <div class="block" style="overflow: hidden">
+  </div>
+  <!-- <div class="block" style="overflow: hidden">
     <OSlides class="slides" auto-play @change="onChange">
       <OSlideItem v-for="s in slides" :key="s" class="slide-item2">
         <OFigure class="img" :src="s" />
       </OSlideItem>
     </OSlides>
-  </div>
+  </div> -->
   <!-- <div class="block" style="overflow: hidden">
     <OSlides loop class="slides2" :auto-play="true" style="--slide-gap-x: 16px" :active-index="1" @change="onChange">
       <OSlideItem v-for="s in slides" :key="s" class="slide-item2">
diff --git a/packages/opendesign/src/components/slides/gallery.ts b/packages/opendesign/src/components/slides/gallery.ts
index b7bd23d3..c6d16706 100644
--- a/packages/opendesign/src/components/slides/gallery.ts
+++ b/packages/opendesign/src/components/slides/gallery.ts
@@ -42,7 +42,7 @@ export default class GallerySlides {
       this.loopRange();
       this.isChanging = false;
 
-      if (resolveArr.length > 1) {
+      if (resolveArr.length > 0) {
         resolveArr.forEach((fn) => fn(null));
         resolveArr = [];
       }
diff --git a/packages/opendesign/src/components/slides/types.ts b/packages/opendesign/src/components/slides/types.ts
index 6cf96d34..ed441b96 100644
--- a/packages/opendesign/src/components/slides/types.ts
+++ b/packages/opendesign/src/components/slides/types.ts
@@ -62,3 +62,9 @@ export const slidesProps = {
 };
 
 export type SlidesPropsT = ExtractPropTypes<typeof slidesProps>;
+
+export interface slidesExposeT {
+  play: () => void;
+  stop: () => void;
+  active: (index: number) => Promise<void>;
+}
-- 
Gitee


From c1cd851469a3c358604dd1f0c0d2a3b52fd6d28c Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 27 Mar 2023 19:53:22 +0800
Subject: [PATCH 08/15] =?UTF-8?q?slides=20=E5=AF=BC=E5=87=BA=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/opendesign/src/components/slides/OSlides.vue      | 2 +-
 .../src/components/slides/__demo__/SlidesBasic.vue         | 2 +-
 packages/opendesign/src/components/slides/index.ts         | 7 +++----
 packages/opendesign/src/components/slides/types.ts         | 6 ------
 4 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/packages/opendesign/src/components/slides/OSlides.vue b/packages/opendesign/src/components/slides/OSlides.vue
index 86f2b6ea..e6a363ba 100644
--- a/packages/opendesign/src/components/slides/OSlides.vue
+++ b/packages/opendesign/src/components/slides/OSlides.vue
@@ -148,7 +148,7 @@ provide(slidesInjectKey, {
   type: props.type,
 });
 
-defineExpose<slidesExposeT>({
+defineExpose({
   play: startPlay,
   stop: startPlay,
   active: activeSlide,
diff --git a/packages/opendesign/src/components/slides/__demo__/SlidesBasic.vue b/packages/opendesign/src/components/slides/__demo__/SlidesBasic.vue
index 45729743..f575f811 100644
--- a/packages/opendesign/src/components/slides/__demo__/SlidesBasic.vue
+++ b/packages/opendesign/src/components/slides/__demo__/SlidesBasic.vue
@@ -16,7 +16,7 @@ const onBeforeChange = (now: number, last: number) => {
   console.log('slides before changed', now, last);
 };
 
-const slidesRef = ref(null);
+const slidesRef = ref<InstanceType<typeof OSlides> | null>(null);
 let idx = 1;
 const next = () => {
   slidesRef.value?.active(++idx).then(() => {
diff --git a/packages/opendesign/src/components/slides/index.ts b/packages/opendesign/src/components/slides/index.ts
index 437e9441..587223e7 100644
--- a/packages/opendesign/src/components/slides/index.ts
+++ b/packages/opendesign/src/components/slides/index.ts
@@ -9,7 +9,6 @@ const OSlides = Object.assign(_OSlides, {
   },
 });
 
-export {
-  OSlides,
-  OSlideItem
-};
+export { OSlides, OSlideItem };
+
+export * from './types';
diff --git a/packages/opendesign/src/components/slides/types.ts b/packages/opendesign/src/components/slides/types.ts
index ed441b96..6cf96d34 100644
--- a/packages/opendesign/src/components/slides/types.ts
+++ b/packages/opendesign/src/components/slides/types.ts
@@ -62,9 +62,3 @@ export const slidesProps = {
 };
 
 export type SlidesPropsT = ExtractPropTypes<typeof slidesProps>;
-
-export interface slidesExposeT {
-  play: () => void;
-  stop: () => void;
-  active: (index: number) => Promise<void>;
-}
-- 
Gitee


From ce73a54463e25b89d1e1ce75dab592a9b422cc97 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 27 Mar 2023 19:54:19 +0800
Subject: [PATCH 09/15] rm

---
 packages/opendesign/src/components/slides/OSlides.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/opendesign/src/components/slides/OSlides.vue b/packages/opendesign/src/components/slides/OSlides.vue
index e6a363ba..8d6b45be 100644
--- a/packages/opendesign/src/components/slides/OSlides.vue
+++ b/packages/opendesign/src/components/slides/OSlides.vue
@@ -5,7 +5,7 @@ import { IconChevronLeft, IconChevronRight } from '../icons';
 import GallerySlides, { GallerySlidesT } from './gallery';
 import { slidesInjectKey } from './provide';
 
-import { slidesExposeT, slidesProps } from './types';
+import { slidesProps } from './types';
 
 const props = defineProps(slidesProps);
 
-- 
Gitee


From 268a34e1f60fb0e04318a34b5db06a52acb080a3 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 27 Mar 2023 20:36:50 +0800
Subject: [PATCH 10/15] fix

---
 packages/opendesign/package.json                    | 2 +-
 packages/opendesign/src/components/popup/OPopup.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/opendesign/package.json b/packages/opendesign/package.json
index 2d064962..3bd858be 100644
--- a/packages/opendesign/package.json
+++ b/packages/opendesign/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opensig/opendesign",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "types": "es/index.d.ts",
diff --git a/packages/opendesign/src/components/popup/OPopup.vue b/packages/opendesign/src/components/popup/OPopup.vue
index 35fb8966..5d266cc3 100644
--- a/packages/opendesign/src/components/popup/OPopup.vue
+++ b/packages/opendesign/src/components/popup/OPopup.vue
@@ -334,7 +334,7 @@ const onPopupHoverIn = () => {
   }
 };
 const onPopupHoverOut = () => {
-  if (triggers.includes('hover')) {
+  if (triggers.includes('hover') && props.autoHide) {
     updateVisible(false, props.hoverDelay);
   }
 };
-- 
Gitee


From e26f3728ca0b4cbaeecf9b5709a5b3a58efdf7e7 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 27 Mar 2023 23:33:00 +0800
Subject: [PATCH 11/15] fix

---
 packages/opendesign/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/opendesign/package.json b/packages/opendesign/package.json
index 3bd858be..2894f601 100644
--- a/packages/opendesign/package.json
+++ b/packages/opendesign/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opensig/opendesign",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "types": "es/index.d.ts",
-- 
Gitee


From a996ea5b61f2f1de957f53ca6e22f8a782f6be5d Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Tue, 28 Mar 2023 17:47:10 +0800
Subject: [PATCH 12/15] =?UTF-8?q?=E5=88=87=E6=8D=A2=E6=97=B6=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0active=E7=B1=BB=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/slides/OSlides.vue         | 33 ++++++++++++++-----
 .../src/components/slides/gallery.ts          |  5 ++-
 2 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/packages/opendesign/src/components/slides/OSlides.vue b/packages/opendesign/src/components/slides/OSlides.vue
index 8d6b45be..404f9157 100644
--- a/packages/opendesign/src/components/slides/OSlides.vue
+++ b/packages/opendesign/src/components/slides/OSlides.vue
@@ -46,23 +46,18 @@ const fixIndex = (idx: number) => {
 // gallery
 let slidesInstance: GallerySlidesT | null = null;
 
-const activeSlideByIndex = (index: number) => {
+const activeSlideByIndex = (to: number): Promise<boolean> => {
   return new Promise((resolve) => {
-    const to = fixIndex(index);
     const from = activeIndex.value;
-    if (to === from) {
+    if (to === from || !slideElList.value) {
       resolve(false);
     }
 
-    emits('before-change', to, activeIndex.value);
-
     switch (props.type) {
       case 'gallery': {
         (slidesInstance as GallerySlidesT)?.active(to).then(() => {
-          emits('change', to, from);
           resolve(true);
         });
-        activeIndex.value = to;
         break;
       }
       default: {
@@ -88,13 +83,33 @@ const startPlay = () => {
 
 // 激活slide
 const activeSlide = (index: number) => {
-  if (isChanging) {
+  if (isChanging || !slideElList.value) {
     return Promise.resolve();
   }
   isChanging = true;
   // 停止自动播放
   stopPlay();
-  return activeSlideByIndex(index).then(() => {
+
+  const to = fixIndex(index);
+  const from = activeIndex.value;
+
+  emits('before-change', to, activeIndex.value);
+
+  return activeSlideByIndex(to).then((success) => {
+    if (!success) {
+      return;
+    }
+
+    const toSlideEl = (slideElList.value as HTMLElement[])[to];
+    const fromSlideEl = (slideElList.value as HTMLElement[])[from];
+
+    fromSlideEl.classList.remove('o-slide-active');
+    toSlideEl.classList.add('o-slide-active');
+
+    emits('change', to, from);
+
+    activeIndex.value = to;
+
     // 恢复自动播放
     if (props.autoPlay) {
       startPlay();
diff --git a/packages/opendesign/src/components/slides/gallery.ts b/packages/opendesign/src/components/slides/gallery.ts
index c6d16706..76f04280 100644
--- a/packages/opendesign/src/components/slides/gallery.ts
+++ b/packages/opendesign/src/components/slides/gallery.ts
@@ -28,16 +28,14 @@ export default class GallerySlides {
   moveValue: number;
   currentIndex: number;
   isChanging: boolean;
-  waitAnimation: (() => void) | null;
   constructor(slideElList: HTMLElement[], slideContainer: HTMLElement, activeIndex: number, options?: GallerySlidesOptionT) {
     const { alignType = 'center' } = options || {};
     this.total = slideElList.length;
-    this.waitAnimation = null;
 
     slideContainer.addEventListener('transitionend', () => {
       slideContainer.style.willChange = '';
       slideContainer.classList.remove('is-animating');
-      console.log('animate end');
+      // console.log('animate end');
 
       this.loopRange();
       this.isChanging = false;
@@ -85,6 +83,7 @@ export default class GallerySlides {
     this.isChanging = animate;
     this.currentIndex = slideIndex;
     const slide = this.slideList[slideIndex];
+
     if (!slide) {
       return Promise.resolve(null);
     }
-- 
Gitee


From 149b9e0b43a0186656c1f25e622130141dc66ea3 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Tue, 28 Mar 2023 18:16:05 +0800
Subject: [PATCH 13/15] fix resize

---
 .../opendesign/src/components/tabs/OTabs.vue  | 75 +++++++++++--------
 .../components/tabs/__demo__/TabsBasic.vue    |  2 +-
 .../src/components/tabs/style/index.scss      |  2 +-
 .../src/components/tabs/style/var.scss        |  2 +
 .../opendesign/src/components/tabs/types.ts   |  6 --
 5 files changed, 46 insertions(+), 41 deletions(-)

diff --git a/packages/opendesign/src/components/tabs/OTabs.vue b/packages/opendesign/src/components/tabs/OTabs.vue
index 14bd832b..ebe94225 100644
--- a/packages/opendesign/src/components/tabs/OTabs.vue
+++ b/packages/opendesign/src/components/tabs/OTabs.vue
@@ -3,6 +3,7 @@ import { provide, ref, nextTick } from 'vue';
 import { tabsInjectKey } from './provide';
 import { IconAdd } from '../_shared/icons';
 import { tabsProps } from './types';
+import { OResizeObserver } from '../resize-observer';
 
 const props = defineProps(tabsProps);
 
@@ -21,9 +22,14 @@ const bodyRef = ref<HTMLElement | null>(null);
 
 const valueSet: Array<string | number> = [];
 
-const updateArchor = (el: HTMLElement) => {
+let activeNavEl: HTMLElement | null = null;
+
+const updateArchor = () => {
   nextTick(() => {
-    const { clientWidth, offsetLeft } = el;
+    if (!activeNavEl) {
+      return;
+    }
+    const { clientWidth, offsetLeft } = activeNavEl;
     archorStyle.value = {
       transform: `translate3d(${offsetLeft}px, 0px, 0px)`,
       width: `${clientWidth}px`,
@@ -34,14 +40,15 @@ const updateArchor = (el: HTMLElement) => {
 // 更新tab当前选中值
 const updateValue = (value: string | number, navEl: HTMLElement | null) => {
   emits('update:modelValue', value);
-
+  activeNavEl = navEl;
   if (activeKey.value !== value) {
     emits('change', value, activeKey.value);
     activeKey.value = value;
   }
 
   if (navEl) {
-    updateArchor(navEl);
+    activeNavEl = navEl;
+    updateArchor();
   }
 };
 
@@ -56,7 +63,8 @@ const initValue = (value: string | number, navEl: HTMLElement | null) => {
   }
 
   if (activeKey.value === value && navEl) {
-    updateArchor(navEl);
+    activeNavEl = navEl;
+    updateArchor();
   }
 };
 // 删除页签
@@ -83,42 +91,43 @@ provide(tabsInjectKey, {
   onDeletePane,
   initValue,
 });
+const onHeadResize = () => {
+  updateArchor();
+  console.log('resize');
+};
 </script>
 <template>
   <div class="o-tabs">
-    <div
-      class="o-tabs-head"
-      :class="[
-        `o-tabs-${props.variant}`,
-        {
-          'with-act': $slots.suffix || $slots.prefix,
-          'show-line': props.line,
-        },
-      ]"
-    >
-      <div v-if="$slots.prefix" class="o-tabs-head-prefix">
-        <slot name="prefix"></slot>
-      </div>
+    <OResizeObserver @resize="onHeadResize">
       <div
-        class="o-tabs-navs"
-        :style="{
-          'justify-content': props.navJustify,
-        }"
+        class="o-tabs-head"
+        :class="[
+          `o-tabs-${props.variant}`,
+          {
+            'with-act': $slots.suffix || $slots.prefix,
+            'show-line': props.line,
+          },
+        ]"
       >
-        <div ref="navsRef" class="o-tabs-navs-wrap"></div>
-        <div v-if="props.variant === 'text'" class="o-tab-nav-archor" :style="archorStyle">
-          <slot name="archor">
-            <div class="o-tab-nav-archor-line"></div>
-          </slot>
+        <div v-if="$slots.prefix" class="o-tabs-head-prefix">
+          <slot name="prefix"></slot>
         </div>
-        <div v-if="props.addable" class="o-tab-nav-add" @click="onAddNav">
-          <IconAdd />
+        <div class="o-tabs-navs">
+          <div ref="navsRef" class="o-tabs-navs-wrap"></div>
+          <div v-if="props.variant === 'text'" class="o-tab-nav-archor" :style="archorStyle">
+            <slot name="archor">
+              <div class="o-tab-nav-archor-line"></div>
+            </slot>
+          </div>
+          <div v-if="props.addable" class="o-tab-nav-add" @click="onAddNav">
+            <IconAdd />
+          </div>
+        </div>
+        <div v-if="$slots.suffix" class="o-tabs-head-suffix">
+          <slot name="suffix"></slot>
         </div>
       </div>
-      <div v-if="$slots.suffix" class="o-tabs-head-suffix">
-        <slot name="suffix"></slot>
-      </div>
-    </div>
+    </OResizeObserver>
     <div ref="bodyRef" class="o-tabs-body">
       <slot></slot>
     </div>
diff --git a/packages/opendesign/src/components/tabs/__demo__/TabsBasic.vue b/packages/opendesign/src/components/tabs/__demo__/TabsBasic.vue
index 31bf2db9..79e77e4f 100644
--- a/packages/opendesign/src/components/tabs/__demo__/TabsBasic.vue
+++ b/packages/opendesign/src/components/tabs/__demo__/TabsBasic.vue
@@ -77,7 +77,7 @@ const onChange = (v: string | number, oldv?: string | number) => {
       <OTabPane value="Tab D" class="pane">pane 4</OTabPane>
     </OTabs>
     <p>center</p>
-    <OTabs v-model="activeTab" nav-justify="center" addable @change="tabChange">
+    <OTabs v-model="activeTab" :style="{ '--tabs-nav-justify': 'center' }" addable @change="tabChange">
       <template #prefix>Prefix</template>
       <template #suffix>Suffix</template>
       <OTabPane value="Tab A" class="pane"><template #nav>Nav 1</template>pane 1 </OTabPane>
diff --git a/packages/opendesign/src/components/tabs/style/index.scss b/packages/opendesign/src/components/tabs/style/index.scss
index 466b6641..432cfb8c 100644
--- a/packages/opendesign/src/components/tabs/style/index.scss
+++ b/packages/opendesign/src/components/tabs/style/index.scss
@@ -5,6 +5,7 @@
   align-items: center;
   position: relative;
   width: 100%;
+  justify-content: var(--tabs-nav-justify, 'flex-start');
 }
 .o-tabs-head {
   font-size: var(--tabs-nav-text-size);
@@ -15,7 +16,6 @@
   &.with-act {
     display: flex;
     align-items: center;
-    // justify-content: space-between;
   }
   &.show-line::after {
     content: '';
diff --git a/packages/opendesign/src/components/tabs/style/var.scss b/packages/opendesign/src/components/tabs/style/var.scss
index 1e2ccd89..1ca0d46b 100644
--- a/packages/opendesign/src/components/tabs/style/var.scss
+++ b/packages/opendesign/src/components/tabs/style/var.scss
@@ -13,6 +13,8 @@
 
   --tabs-nav-divider: 1px solid var(--o-color-control1);
   --tabs-nav-archor-color: var(--o-color-primary1);
+
+  --tabs-nav-justify: flex-start;
 }
 
 .o-tabs-solid {
diff --git a/packages/opendesign/src/components/tabs/types.ts b/packages/opendesign/src/components/tabs/types.ts
index 07f13cc4..9d6c8956 100644
--- a/packages/opendesign/src/components/tabs/types.ts
+++ b/packages/opendesign/src/components/tabs/types.ts
@@ -35,12 +35,6 @@ export const tabsProps = {
     type: Boolean,
     default: true,
   },
-  /**
-   * 是否nav的横向排列布局，支持justify-content的所有值
-   */
-  navJustify: {
-    type: String,
-  },
 };
 
 export type TabsPropsT = ExtractPropTypes<typeof tabsProps>;
-- 
Gitee


From 0cd0cffd0c0893c0209266a3bef1dddfce57896c Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Tue, 28 Mar 2023 19:16:56 +0800
Subject: [PATCH 14/15] =?UTF-8?q?=E6=B3=A8=E9=87=8Aconsole.log?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/_shared/vue-utils.ts       | 21 ++++++++-----------
 .../src/components/dropdown/ODropdownItem.vue |  1 -
 .../src/components/pagination/OPagination.vue |  2 +-
 .../src/components/popup/OPopup.vue           |  2 +-
 .../src/components/select/OSelect.vue         |  2 +-
 .../opendesign/src/components/table/table.ts  | 10 ++++-----
 .../opendesign/src/components/tabs/OTabs.vue  |  1 -
 7 files changed, 16 insertions(+), 23 deletions(-)

diff --git a/packages/opendesign/src/components/_shared/vue-utils.ts b/packages/opendesign/src/components/_shared/vue-utils.ts
index 73e401ac..107577a3 100644
--- a/packages/opendesign/src/components/_shared/vue-utils.ts
+++ b/packages/opendesign/src/components/_shared/vue-utils.ts
@@ -14,7 +14,7 @@ export const enum ShapeFlags {
   SUSPENSE = 1 << 7, //suspense组件
   COMPONENT_SHOULD_KEEP_ALIVE = 1 << 8, //需要被keep-live的有状态组件
   COMPONENT_KEPT_ALIVE = 1 << 9, //已经被keep-alive的有状态组件
-  COMPONENT = ShapeFlags.STATEFUL_COMPONENT | ShapeFlags.FUNCTIONAL_COMPONENT//有状态或函数式组件
+  COMPONENT = ShapeFlags.STATEFUL_COMPONENT | ShapeFlags.FUNCTIONAL_COMPONENT, //有状态或函数式组件
 }
 /**
  * 判断vnode是不是element
@@ -57,8 +57,8 @@ export function useSlotElement(componentName?: string) {
   const components = [];
 
   onMounted(() => {
-    children?.forEach(child => {
-      console.log(child, isComponent(child));
+    children?.forEach((child) => {
+      // console.log(child, isComponent(child));
       if (isComponent(child, child.type)) {
         if (componentName && child.type.name === componentName) {
           components.push(child);
@@ -71,7 +71,7 @@ export function useSlotElement(componentName?: string) {
       if (nodes) {
         children = nodes;
       }
-    }
+    },
   };
 }
 export function getFirstComponent(vn: VNode | VNode[]): VNode | null {
@@ -103,7 +103,6 @@ export function getFirstComponent(vn: VNode | VNode[]): VNode | null {
   return null;
 }
 
-
 export const getFirstElement = (vn: VNode | VNode[]): HTMLElement | null => {
   if (isArray(vn)) {
     for (const child of vn) {
@@ -122,7 +121,7 @@ export const getFirstElement = (vn: VNode | VNode[]): HTMLElement | null => {
       const result = getFirstElement(vn.component.subTree);
       if (result) {
         return result;
-      };
+      }
     }
   } else if (isArrayChildren(vn, vn.children)) {
     for (const child of vn.children) {
@@ -142,18 +141,16 @@ export function useSlotFirstElement() {
   onMounted(() => {
     if (children) {
       fistElement.value = getFirstElement(children);
-      console.log(fistElement.value);
-
+      // console.log(fistElement.value);
     }
   });
   return {
     setSlot(nodes: VNode[] | undefined) {
       if (nodes) {
         children = nodes;
-        console.log(children);
-
+        // console.log(children);
       }
     },
-    fistElement
+    fistElement,
   };
-}
\ No newline at end of file
+}
diff --git a/packages/opendesign/src/components/dropdown/ODropdownItem.vue b/packages/opendesign/src/components/dropdown/ODropdownItem.vue
index 85f49e85..54c0ca1c 100644
--- a/packages/opendesign/src/components/dropdown/ODropdownItem.vue
+++ b/packages/opendesign/src/components/dropdown/ODropdownItem.vue
@@ -7,7 +7,6 @@ const props = defineProps(dropdownItemProps);
 const dropdownInjection = inject(dropdownInjectKey, null);
 
 const onItemClick = () => {
-  console.log(1);
   if (props.disabled) {
     return;
   }
diff --git a/packages/opendesign/src/components/pagination/OPagination.vue b/packages/opendesign/src/components/pagination/OPagination.vue
index 4b2a90bd..82e59d33 100644
--- a/packages/opendesign/src/components/pagination/OPagination.vue
+++ b/packages/opendesign/src/components/pagination/OPagination.vue
@@ -103,7 +103,7 @@ const pageSizeChange = (val: string | number) => {
   currentPageSize.value = Number(val);
   nextTick(() => {
     currentPage.value = Math.floor(currentIndex / currentPageSize.value) + 1;
-    console.log(currentIndex, totalPage.value, currentPage.value, currentPageSize.value);
+    // console.log(currentIndex, totalPage.value, currentPage.value, currentPageSize.value);
 
     pages.value = getPagerItem(totalPage.value, currentPage.value, props.showPageCount);
 
diff --git a/packages/opendesign/src/components/popup/OPopup.vue b/packages/opendesign/src/components/popup/OPopup.vue
index 5d266cc3..a625016d 100644
--- a/packages/opendesign/src/components/popup/OPopup.vue
+++ b/packages/opendesign/src/components/popup/OPopup.vue
@@ -135,7 +135,7 @@ const updatePopupStyle = () => {
   if (!targetEl || !popupRef.value || !wrapperEl.value) {
     return;
   }
-  console.log('calc popup position...');
+  // console.log('calc popup position...');
 
   const {
     popupStyle: pStyle,
diff --git a/packages/opendesign/src/components/select/OSelect.vue b/packages/opendesign/src/components/select/OSelect.vue
index 2afc2448..21395868 100644
--- a/packages/opendesign/src/components/select/OSelect.vue
+++ b/packages/opendesign/src/components/select/OSelect.vue
@@ -51,7 +51,7 @@ provide(selectOptionInjectKey, {
       if (activeVal.value !== val.value) {
         emits('change', val.value);
         activeVal.value = val.value;
-        console.log('选中change', val.value, activeLabel.value);
+        // console.log('选中change', val.value, activeLabel.value);
       }
       emits('update:modelValue', val.value);
       showOption.value = false;
diff --git a/packages/opendesign/src/components/table/table.ts b/packages/opendesign/src/components/table/table.ts
index 7490179f..dacae076 100644
--- a/packages/opendesign/src/components/table/table.ts
+++ b/packages/opendesign/src/components/table/table.ts
@@ -7,10 +7,10 @@ export function getColumnData(columns?: string[] | TableColumnT[]): TableColumnT
     return [];
   }
 
-  return columns.map(item => {
+  return columns.map((item) => {
     if (isString(item)) {
       return {
-        key: item
+        key: item,
       };
     }
 
@@ -30,7 +30,6 @@ function getSkipCell(rowIndex: number, columnIndex: number, span: { rowspan?: nu
   return skip;
 }
 
-
 export function getBodyData(columnData: Ref<TableColumnT[]>, bodyData?: TableRowT[], cellSpan?: CellSpanT) {
   if (!bodyData) {
     return [];
@@ -43,7 +42,7 @@ export function getBodyData(columnData: Ref<TableColumnT[]>, bodyData?: TableRow
   const rlt = [];
   let span = null;
   const skipCell: Record<string, boolean> = {};
-  console.log(s, t);
+  // console.log(s, t);
   const end = Math.min(s + t, bodyData.length);
 
   for (let r = s; r < end; r += 1) {
@@ -56,7 +55,7 @@ export function getBodyData(columnData: Ref<TableColumnT[]>, bodyData?: TableRow
       }
       const cell: TableCellT = {
         value: row[col.key],
-        key: col.key
+        key: col.key,
       };
 
       if (span) {
@@ -71,7 +70,6 @@ export function getBodyData(columnData: Ref<TableColumnT[]>, bodyData?: TableRow
         }
       }
 
-
       if (!skipCell[`${r}-${c}`]) {
         if (c === colLenght - 1) {
           cell.last = true;
diff --git a/packages/opendesign/src/components/tabs/OTabs.vue b/packages/opendesign/src/components/tabs/OTabs.vue
index ebe94225..0fff3517 100644
--- a/packages/opendesign/src/components/tabs/OTabs.vue
+++ b/packages/opendesign/src/components/tabs/OTabs.vue
@@ -93,7 +93,6 @@ provide(tabsInjectKey, {
 });
 const onHeadResize = () => {
   updateArchor();
-  console.log('resize');
 };
 </script>
 <template>
-- 
Gitee


From 86770a2c6656c80bbe0615770b961b136e8e8b5c Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Tue, 28 Mar 2023 19:24:10 +0800
Subject: [PATCH 15/15] =?UTF-8?q?dialog=20=E6=94=AF=E6=8C=81=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E9=80=9A=E8=BF=87css=20=E6=94=B9=E5=8F=98position?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/opendesign/package.json                           | 2 +-
 packages/opendesign/src/components/dialog/style/index.scss | 2 +-
 packages/opendesign/src/components/dialog/style/var.scss   | 2 ++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/opendesign/package.json b/packages/opendesign/package.json
index 2894f601..eeb5c507 100644
--- a/packages/opendesign/package.json
+++ b/packages/opendesign/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opensig/opendesign",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "types": "es/index.d.ts",
diff --git a/packages/opendesign/src/components/dialog/style/index.scss b/packages/opendesign/src/components/dialog/style/index.scss
index 8274de6e..0c2a977c 100644
--- a/packages/opendesign/src/components/dialog/style/index.scss
+++ b/packages/opendesign/src/components/dialog/style/index.scss
@@ -1,7 +1,7 @@
 @use './var.scss';
 
 .o-dialog {
-  position: absolute;
+  position: var(--dlg-position, 'fixed');
   left: 0;
   right: 0;
   top: 0;
diff --git a/packages/opendesign/src/components/dialog/style/var.scss b/packages/opendesign/src/components/dialog/style/var.scss
index 1d0c641c..a36fe702 100644
--- a/packages/opendesign/src/components/dialog/style/var.scss
+++ b/packages/opendesign/src/components/dialog/style/var.scss
@@ -1,4 +1,6 @@
 .o-dialog {
+  --dlg-position: fixed;
+
   --dlg-close-size: var(--o-icon_size-xs);
   --dlg-close-color: var(--o-color-info2);
   --dlg-close-color-hover: var(--o-color-primary2);
-- 
Gitee