From 3faee458b31cbd73107eb624dc38685dbba0fe40 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Wed, 12 Nov 2025 11:19:09 +0800
Subject: [PATCH] =?UTF-8?q?refactor(codecheck):=20=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E6=B3=A8=E9=87=8A=E4=BB=A3=E7=A0=81=EF=BC=8C=E5=8F=8A=E4=B8=8D?=
 =?UTF-8?q?=E5=86=8D=E4=BD=BF=E7=94=A8=E7=9A=84innerPanel\innerFrame\inner?=
 =?UTF-8?q?Input?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../_components/inner-frame/InnerFrame.vue    |  50 ----
 .../src/_components/inner-frame/index.ts      |   3 -
 .../_components/inner-frame/style/index.scss  | 116 --------
 .../_components/inner-frame/style/index.ts    |   2 -
 .../_components/inner-frame/style/var.scss    | 167 ------------
 .../src/_components/inner-frame/types.ts      |  57 ----
 .../_components/inner-input/InnerInput.vue    | 256 ------------------
 .../src/_components/inner-input/index.ts      |   3 -
 .../src/_components/inner-input/input.ts      |   8 -
 .../_components/inner-input/style/index.scss  | 110 --------
 .../_components/inner-input/style/index.ts    |   2 -
 .../_components/inner-input/style/var.scss    |   3 -
 .../src/_components/inner-input/types.ts      |  90 ------
 .../_components/inner-panel/InnerPanel.vue    |  79 ------
 .../src/_components/inner-panel/index.ts      |   3 -
 .../_components/inner-panel/style/index.scss  |   2 -
 .../_components/inner-panel/style/index.ts    |   2 -
 .../_components/inner-panel/style/var.scss    |   8 -
 .../src/_components/inner-panel/types.ts      |  19 --
 .../src/card/__demo__/CardBasic.vue           |   7 +-
 .../src/carousel/__demo__/CarouselBasic.vue   |   2 -
 .../src/carousel/effects/gallery.ts           |   1 -
 .../opendesign/src/checkbox/style/style.scss  |   2 -
 .../src/form/__demo__/FormRules.vue           |   1 -
 .../src/grid/__demo__/GridBasic.vue           |   1 -
 .../opendesign/src/hooks/use-out-click.ts     |   2 -
 .../src/input/__demo__/InputEvent.vue         |   1 -
 .../src/input/__demo__/InputValid.vue         |   1 -
 packages/opendesign/src/layer/style/var.scss  |   1 -
 .../opendesign/src/option/style/style.scss    |   2 -
 packages/opendesign/src/popup/OPopup.vue      |  32 ---
 .../src/popup/__demo__/PopupContainer.vue     |   7 +-
 .../src/popup/__demo__/PopupTarget.vue        |   1 -
 packages/opendesign/src/popup/style/var.scss  |   3 -
 .../src/select/__demo__/SelectTest.vue        |   7 +-
 packages/opendesign/src/table/OTable.vue      |   3 -
 .../src/table/__demo__/TableSpan.vue          |   1 -
 .../src/table/__docs__/__case__/TableSpan.vue |   1 -
 .../textarea/__demo__/TextareaAutoHeight.vue  |   1 -
 .../src/textarea/__demo__/TextareaBasic.vue   |   4 +-
 .../__docs__/__case__/TextareaAutoHeight.vue  |   1 -
 .../__docs__/__case__/TextareaBasic.vue       |   4 +-
 42 files changed, 6 insertions(+), 1060 deletions(-)
 delete mode 100644 packages/opendesign/src/_components/inner-frame/InnerFrame.vue
 delete mode 100644 packages/opendesign/src/_components/inner-frame/index.ts
 delete mode 100644 packages/opendesign/src/_components/inner-frame/style/index.scss
 delete mode 100644 packages/opendesign/src/_components/inner-frame/style/index.ts
 delete mode 100644 packages/opendesign/src/_components/inner-frame/style/var.scss
 delete mode 100644 packages/opendesign/src/_components/inner-frame/types.ts
 delete mode 100644 packages/opendesign/src/_components/inner-input/InnerInput.vue
 delete mode 100644 packages/opendesign/src/_components/inner-input/index.ts
 delete mode 100644 packages/opendesign/src/_components/inner-input/input.ts
 delete mode 100644 packages/opendesign/src/_components/inner-input/style/index.scss
 delete mode 100644 packages/opendesign/src/_components/inner-input/style/index.ts
 delete mode 100644 packages/opendesign/src/_components/inner-input/style/var.scss
 delete mode 100644 packages/opendesign/src/_components/inner-input/types.ts
 delete mode 100644 packages/opendesign/src/_components/inner-panel/InnerPanel.vue
 delete mode 100644 packages/opendesign/src/_components/inner-panel/index.ts
 delete mode 100644 packages/opendesign/src/_components/inner-panel/style/index.scss
 delete mode 100644 packages/opendesign/src/_components/inner-panel/style/index.ts
 delete mode 100644 packages/opendesign/src/_components/inner-panel/style/var.scss
 delete mode 100644 packages/opendesign/src/_components/inner-panel/types.ts

diff --git a/packages/opendesign/src/_components/inner-frame/InnerFrame.vue b/packages/opendesign/src/_components/inner-frame/InnerFrame.vue
deleted file mode 100644
index a3d811ba..00000000
--- a/packages/opendesign/src/_components/inner-frame/InnerFrame.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<script setup lang="ts">
-import { defaultSize } from '../../_utils/global';
-import { innerFrameProps } from './types';
-import { getRoundClass } from '../../_utils/style-class';
-
-const props = defineProps(innerFrameProps);
-
-const round = getRoundClass(props, 'if');
-</script>
-<template>
-  <label
-    class="o-i-frame"
-    :class="[
-      `o-if-${props.color}`,
-      `o-if-${props.variant}`,
-      `o-if-${props.size || defaultSize}`,
-      {
-        'o-if-disabled': props.disabled,
-        'o-if-readonly': props.readonly,
-        'o-if-focused': props.focused,
-      },
-      round.class.value,
-    ]"
-    :style="round.style.value"
-    :for="props.for"
-  >
-    <div v-if="$slots.prepend" class="o-if-prepend" @mousedown.prevent>
-      <slot name="prepend"></slot>
-    </div>
-    <div
-      class="o-if-main"
-      :class="{
-        'has-prepend': $slots.prepend,
-        'has-append': $slots.append,
-      }"
-    >
-      <div v-if="$slots.prefix" class="o-if-prefix" @mousedown.prevent>
-        <slot name="prefix"></slot>
-      </div>
-      <slot></slot>
-
-      <div v-if="$slots.suffix" class="o-if-suffix" @mousedown.prevent>
-        <slot name="suffix"></slot>
-      </div>
-    </div>
-    <div v-if="$slots.append" class="o-if-append" @mousedown.prevent>
-      <slot name="append"></slot>
-    </div>
-  </label>
-</template>
diff --git a/packages/opendesign/src/_components/inner-frame/index.ts b/packages/opendesign/src/_components/inner-frame/index.ts
deleted file mode 100644
index 39244cbe..00000000
--- a/packages/opendesign/src/_components/inner-frame/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import InnerFrame from './InnerFrame.vue';
-
-export { InnerFrame };
diff --git a/packages/opendesign/src/_components/inner-frame/style/index.scss b/packages/opendesign/src/_components/inner-frame/style/index.scss
deleted file mode 100644
index 5601fc66..00000000
--- a/packages/opendesign/src/_components/inner-frame/style/index.scss
+++ /dev/null
@@ -1,116 +0,0 @@
-@use '../../../_styles/mixin.scss' as *;
-@use './var.scss';
-
-.o-i-frame {
-  color: var(--if-color);
-  display: inline-flex;
-  height: var(--if-height);
-  font-size: var(--if-text-size);
-  line-height: var(--if-text-height);
-}
-
-.o-if-main {
-  display: flex;
-  padding: var(--if-padding);
-  width: 100%;
-  overflow: hidden;
-  position: relative;
-  border-radius: var(--if-radius);
-  border: var(--if-bd);
-  background-color: var(--if-bg-color);
-  transition: all var(--o-duration-s) var(--o-easing-standard);
-
-  cursor: pointer;
-  @include hover {
-    border-color: var(--if-bd-color-hover);
-    background-color: var(--if-bg-color-hover);
-  }
-
-  .o-if-focused & {
-    border-color: var(--if-bd-color-focus);
-    background-color: var(--if-bg-color-focus);
-  }
-
-  .o-if-disabled &,
-  .o-if-readonly & {
-    color: var(--if-color-disabled);
-    border-color: var(--if-bd-color-disabled);
-    background-color: var(--if-bg-color-disabled);
-  }
-  .o-if-disabled & {
-    cursor: not-allowed;
-  }
-  .o-if-readonly & {
-    cursor: default;
-  }
-
-  &.has-prepend {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-  &.has-append {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-}
-
-.o-if-append,
-.o-if-prepend {
-  display: flex;
-  align-items: center;
-  border: var(--if-ap-bd);
-  background-color: var(--if-ap-bg-color);
-
-  .o-if-readonly &,
-  .o-if-disabled & {
-    border: var(--if-ap-bd-disabled);
-  }
-}
-
-.o-if-append {
-  flex-shrink: 0;
-  padding: var(--if-append-padding);
-  border-top-right-radius: var(--if-radius);
-  border-bottom-right-radius: var(--if-radius);
-}
-
-.o-if-prepend {
-  flex-shrink: 0;
-  padding: var(--if-prepend-padding);
-  border-top-left-radius: var(--if-radius);
-  border-bottom-left-radius: var(--if-radius);
-}
-
-.o-if-solid {
-  .o-if-prepend {
-    border-left-width: 0;
-    border-top-width: 0;
-    border-bottom-width: 0;
-  }
-  .o-if-append {
-    border-right-width: 0;
-    border-top-width: 0;
-    border-bottom-width: 0;
-  }
-}
-
-.o-if-outline {
-  .o-if-prepend {
-    border-right-width: 0;
-  }
-  .o-if-append {
-    border-left-width: 0;
-  }
-}
-.o-if-text {
-  .o-if-main {
-    border-right-width: 0;
-    border-top-width: 0;
-    border-left-width: 0;
-  }
-}
-.o-if-prefix,
-.o-if-suffix {
-  display: flex;
-  align-items: center;
-}
diff --git a/packages/opendesign/src/_components/inner-frame/style/index.ts b/packages/opendesign/src/_components/inner-frame/style/index.ts
deleted file mode 100644
index 344262c5..00000000
--- a/packages/opendesign/src/_components/inner-frame/style/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import '../../../_styles';
-import './index.scss';
diff --git a/packages/opendesign/src/_components/inner-frame/style/var.scss b/packages/opendesign/src/_components/inner-frame/style/var.scss
deleted file mode 100644
index 377c6cd2..00000000
--- a/packages/opendesign/src/_components/inner-frame/style/var.scss
+++ /dev/null
@@ -1,167 +0,0 @@
-.o-i-frame {
-  --if-color: var(--o-color-info2);
-  --if-color-disabled: var(--o-color-info4);
-  --icon-color: var(--o-color-info2);
-  --icon-color-hover: var(--o-color-info2);
-  --icon-color-disabled: var(--o-color-info4);
-
-  --if-ap-bd: 1px solid var(--if-ap-bd-color);
-  --if-ap-bd-disabled: 1px solid var(--if-ap-bd-color-disabled);
-
-  --if-bd: 1px solid var(--if-bd-color);
-  --if-bd-hover: 1px solid var(--if-bd-color-hover);
-  --if-bd-focus: 1px solid var(--if-bd-color-focus);
-  --if-bd-disabled: 1px solid var(--if-bd-color-disabled);
-}
-
-.o-if-text,
-.o-if-outline {
-  --if-bg-color: transparent;
-  --if-bg-color-hover: var(--o-color-control-light);
-  --if-bg-color-focus: var(--o-color-control-light);
-
-  &.o-if-normal {
-    --if-bd-color: var(--o-color-control1);
-    --if-bd-color-hover: var(--o-color-primary2);
-    --if-bd-color-focus: var(--o-color-primary3);
-    --if-bd-color-disabled: var(--o-color-control4);
-  }
-  &.o-if-success {
-    --if-bd-color: var(--o-color-success1);
-    --if-bd-color-hover: var(--o-color-success2);
-    --if-bd-color-focus: var(--o-color-success3);
-    --if-bd-color-disabled: var(--o-color-success4);
-  }
-  &.o-if-warning {
-    --if-bd-color: var(--o-color-warning1);
-    --if-bd-color-hover: var(--o-color-warning2);
-    --if-bd-color-focus: var(--o-color-warning3);
-    --if-bd-color-disabled: var(--o-color-warning4);
-  }
-
-  &.o-if-danger {
-    --if-bd-color: var(--o-color-danger1);
-    --if-bd-color-hover: var(--o-color-danger2);
-    --if-bd-color-focus: var(--o-color-danger3);
-    --if-bd-color-disabled: var(--o-color-danger4);
-  }
-}
-.o-if-outline {
-  --if-ap-bd-color: var(--o-color-control1);
-  --if-ap-bd-color-disabled: var(--o-color-control4);
-}
-
-.o-if-solid {
-  --if-ap-bg-color: var(--o-color-control1-light);
-  --if-ap-bd-color: var(--o-color-control2-light);
-  --if-ap-bd-color-disabled: var(--o-color-control2-light);
-
-  &.o-if-normal {
-    --if-bd-color: var(--o-color-control1-light);
-    --if-bd-color-hover: var(--o-color-primary2-light);
-    --if-bd-color-focus: var(--o-color-primary3-light);
-    --if-bd-color-disabled: var(--o-color-control4-light);
-
-    --if-bg-color: var(--o-color-control1-light);
-    --if-bg-color-hover: var(--o-color-control-light);
-    --if-bg-color-disabled: var(--o-color-control4-light);
-  }
-  &.o-if-success {
-    --if-bd-color: var(--o-color-success1-light);
-    --if-bd-color-hover: var(--o-color-success2-light);
-    --if-bd-color-focus: var(--o-color-success3-light);
-    --if-bd-color-disabled: var(--o-color-success4-light);
-
-    --if-bg-color: var(--o-color-success1-light);
-    --if-bg-color-hover: var(--o-color-control-light);
-    --if-bg-color-disabled: var(--o-color-success4-light);
-  }
-  &.o-if-warning {
-    --if-bd-color: var(--o-color-warning1-light);
-    --if-bd-color-hover: var(--o-color-warning2-light);
-    --if-bd-color-focus: var(--o-color-warning3-light);
-    --if-bd-color-disabled: var(--o-color-warning4-light);
-
-    --if-bg-color: var(--o-color-warning1-light);
-    --if-bg-color-hover: var(--o-color-control-light);
-    --if-bg-color-disabled: var(--o-color-warning4-light);
-  }
-
-  &.o-if-danger {
-    --if-bd-color: var(--o-color-danger1-light);
-    --if-bd-color-hover: var(--o-color-danger2-light);
-    --if-bd-color-focus: var(--o-color-danger3-light);
-    --if-bd-color-disabled: var(--o-color-danger4-light);
-
-    --if-bg-color: var(--o-color-danger1-light);
-    --if-bg-color-hover: var(--o-color-control-light);
-    --if-bg-color-disabled: var(--o-color-danger4-light);
-  }
-}
-
-.o-if-small {
-  --if-height: var(--o-control_size-s);
-  --if-text-size: var(--o-font_size-tip1);
-  --if-text-height: var(--o-line_height-tip1);
-  --icon-size: var(--o-icon_size_control-xs);
-
-  --if-padding: 0 7px;
-  --if-prepend-padding: 0 3px 0 4px;
-  --if-append-padding: 0 4px 0 3px;
-  --if-radius: var(--o-radius_control-xs);
-
-  --icon-c &.o-if-round-pill {
-    --if-padding: 0 9px;
-    --if-prepend-padding: 0 4px 0 8px;
-    --if-append-padding: 0 8px 0 4px;
-  }
-}
-.o-if-medium {
-  --if-height: var(--o-control_size-m);
-  --if-text-size: var(--o-font_size-text1);
-  --if-text-height: var(--o-line_height-text1);
-  --icon-size: var(--o-icon_size_control-m);
-
-  --if-padding: 0 11px;
-  --if-radius: var(--o-radius_control-s);
-
-  --if-prepend-padding: 0 7px 0 8px;
-  --if-append-padding: 0 8px 0 7px;
-
-  &.o-if-round-pill {
-    --if-prepend-padding: 0 8px 0 11px;
-    --if-append-padding: 0 11px 0 8px;
-  }
-}
-.o-if-large {
-  --if-height: var(--o-control_size-l);
-  --if-text-size: var(--o-font_size-text2);
-  --if-text-height: var(--o-line_height-text2);
-  --icon-size: var(--o-icon_size_control-m);
-
-  --if-padding: 0 15px;
-  --if-prepend-padding: 0 11px 0 12px;
-  --if-append-padding: 0 12px 0 11px;
-  --if-radius: var(--o-radius_control-l);
-
-  &.o-if-round-pill {
-    --if-prepend-padding: 0 12px 0 15px;
-    --if-append-padding: 0 15px 0 12px;
-  }
-}
-
-.o-if-round-pill {
-  --if-radius: var(--o-control_size-l);
-}
-
-.o-if-text {
-  --if-bd-color: var(--o-color-control1);
-  --if-bd-color-disabled: var(--o-color-control4);
-  --if-radius: 0;
-
-  &,
-  &.o-if-round-pill {
-    --if-prepend-padding: 0 8px 0 0;
-    --if-append-padding: 0 0 0 8px;
-  }
-}
diff --git a/packages/opendesign/src/_components/inner-frame/types.ts b/packages/opendesign/src/_components/inner-frame/types.ts
deleted file mode 100644
index b02ac049..00000000
--- a/packages/opendesign/src/_components/inner-frame/types.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { ExtractPropTypes, PropType } from 'vue';
-import type { SizeT, RoundT, VariantT, Color2T } from '../../_utils/types';
-
-export const innerFrameProps = {
-  /**
-   * 大小 SizeT
-   */
-  size: {
-    type: String as PropType<SizeT>,
-  },
-  /**
-   * 圆角值 RoundT
-   */
-  round: {
-    type: String as PropType<RoundT>,
-  },
-  /**
-   * 颜色类型 Color2T
-   */
-  color: {
-    type: String as PropType<Color2T>,
-    default: 'normal',
-  },
-  /**
-   * 按钮类型 VariantT
-   */
-  variant: {
-    type: String as PropType<VariantT>,
-    default: 'outline',
-  },
-  /**
-   * 是否聚焦
-   */
-  focused: {
-    type: Boolean,
-  },
-  /**
-   * 是否禁用
-   */
-  disabled: {
-    type: Boolean,
-  },
-  /**
-   * 是否只读
-   */
-  readonly: {
-    type: Boolean,
-  },
-  /**
-   * 关联 input
-   */
-  for: {
-    type: String,
-  },
-};
-
-export type InnerFrameProps = ExtractPropTypes<typeof innerFrameProps>;
diff --git a/packages/opendesign/src/_components/inner-input/InnerInput.vue b/packages/opendesign/src/_components/inner-input/InnerInput.vue
deleted file mode 100644
index 43fb2a9d..00000000
--- a/packages/opendesign/src/_components/inner-input/InnerInput.vue
+++ /dev/null
@@ -1,256 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, watch, onMounted } from 'vue';
-import { innerInputProps } from './types';
-import { trigger } from '../../_utils/event';
-import { Enter } from '../../_utils/keycode';
-import { toInputString } from './input';
-import { isFunction, isTouchDevice } from '../../_utils/is';
-import { IconClose, IconEyeOn, IconEyeOff } from '../../_utils/icons';
-import { vUid } from '../../directives';
-
-const props = defineProps(innerInputProps);
-
-const emits = defineEmits<{
-  /**
-   * 失焦或者enter键触发，如果传入parse，则在input时触发
-   */
-  (e: 'update:modelValue', value: string): void;
-  (e: 'change', value: string): void;
-  (e: 'input', value: string, evt: Event): void;
-  (e: 'blur', value: string, evt: FocusEvent): void;
-  (e: 'focus', value: string, evt: FocusEvent): void;
-  (e: 'clear', evt?: Event): void;
-  (e: 'pressEnter', value: string, evt: KeyboardEvent): void;
-}>();
-
-const inputRef = ref<HTMLInputElement | null>(null);
-// input类型 password|text
-const inputType = ref(props.type);
-
-// 输入框当前真实值
-const realValue = ref(toInputString(props.modelValue ?? props.defaultValue));
-
-// 监听属性变化，刷新值
-watch(
-  () => props.modelValue,
-  (val) => {
-    realValue.value = toInputString(val);
-  }
-);
-
-// 输入框显示的字符串
-const displayValue = computed(() => {
-  const v = isFunction(props.format) ? props.format(realValue.value) : realValue.value;
-  return v;
-});
-
-let lastValue: string = realValue.value;
-function updateValue(val: string) {
-  const value = isFunction(props.parse) ? props.parse(val) : val;
-  realValue.value = value;
-
-  if (lastValue !== value) {
-    emits('update:modelValue', value);
-    emits('change', value);
-    lastValue = value;
-  }
-  return value;
-}
-
-// 正在输入中文，处理输入过程中触发input事件
-let isComposing = false;
-
-// 开始中文输入
-const onCompositionStart = () => {
-  isComposing = true;
-};
-// 结束中文输入
-const onCompositionEnd = (e: Event) => {
-  if (!isComposing) {
-    return;
-  }
-
-  isComposing = false;
-  trigger(e.target as HTMLElement, 'input');
-};
-
-const onInput = (e: Event) => {
-  if (isComposing) {
-    return;
-  }
-  const val = (e.target as HTMLInputElement)?.value;
-  emits('input', val, e);
-
-  if (!props.parse) {
-    emits('update:modelValue', val);
-  }
-};
-
-// 是否聚焦
-let isFocus = false;
-const doFocus = () => {
-  inputRef.value?.focus();
-};
-
-const onFocus = (e: FocusEvent) => {
-  if (isFocus) {
-    return;
-  }
-
-  isFocus = true;
-  emits('focus', realValue.value, e);
-};
-
-const onBlur = (e: FocusEvent) => {
-  isFocus = false;
-
-  const val = (e.target as HTMLInputElement)?.value;
-  const v = updateValue(val);
-  emits('blur', v, e);
-};
-
-const onKeyDown = (e: KeyboardEvent) => {
-  const keyCode = e.key || e.code;
-  if (!isComposing && keyCode === Enter.key) {
-    const val = (e.target as HTMLInputElement)?.value;
-    const v = updateValue(val);
-    emits('pressEnter', v, e);
-  }
-};
-
-// 是否可清除
-const isClearable = computed(() => realValue.value && props.clearable && !props.disabled && !props.readonly);
-// 清除值
-const doClearValue = (e?: Event) => {
-  updateValue('');
-  emits('clear', e);
-};
-
-// 密码输入框
-const isEyeOn = ref(false);
-const togglePassword = (visible: boolean) => {
-  if (visible) {
-    inputType.value = 'text';
-  } else {
-    inputType.value = 'password';
-  }
-};
-const toggleEye = (show?: boolean) => {
-  if (show === undefined) {
-    isEyeOn.value = !isEyeOn.value;
-  } else {
-    isEyeOn.value = show;
-  }
-  togglePassword(isEyeOn.value);
-};
-
-const onClearClick = (e: Event) => {
-  e.stopPropagation();
-  e.preventDefault();
-  doClearValue();
-};
-const onEyeClick = () => {
-  if (props.disabled) {
-    return;
-  }
-  if (props.showPasswordEvent === 'click') {
-    toggleEye();
-  }
-};
-
-const onEyeMouseUp = () => {
-  if (isEyeOn.value) {
-    toggleEye(false);
-
-    if (isTouchDevice) {
-      window.removeEventListener('touchend', onEyeMouseUp);
-      window.removeEventListener('touchcancel', onEyeMouseUp);
-    } else {
-      window.removeEventListener('mouseup', onEyeMouseUp);
-    }
-  }
-};
-const onEyeMouseDown = () => {
-  if (props.disabled) {
-    return;
-  }
-  if (props.showPasswordEvent === 'pointerdown') {
-    toggleEye(true);
-    if (isTouchDevice) {
-      window.addEventListener('touchend', onEyeMouseUp);
-      window.addEventListener('touchcancel', onEyeMouseUp);
-    } else {
-      window.addEventListener('mouseup', onEyeMouseUp);
-    }
-  }
-};
-
-const uId = ref('');
-onMounted(() => {
-  if (inputRef.value) {
-    uId.value = inputRef.value.id;
-  }
-});
-
-defineExpose({
-  focus: doFocus,
-  clear: doClearValue,
-  togglePassword,
-  uId,
-});
-</script>
-<template>
-  <div
-    class="o-i-input"
-    :class="{
-      'o-ii-clearable': isClearable,
-      'o-ii-disabled': props.disabled,
-      'o-ii-readonly': props.readonly,
-      'o-ii-password': props.type === 'password',
-    }"
-  >
-    <div v-if="$slots.prefix" class="o-ii-prefix" @mousedown.prevent>
-      <slot name="prefix"></slot>
-    </div>
-    <input
-      ref="inputRef"
-      v-uid
-      class="o-ii-input"
-      :value="displayValue"
-      :type="inputType"
-      :placeholder="props.placeholder"
-      :readonly="props.readonly"
-      :disabled="props.disabled"
-      @focus="onFocus"
-      @blur="onBlur"
-      @input="onInput"
-      @keydown="onKeyDown"
-      @compositionstart="onCompositionStart"
-      @compositionend="onCompositionEnd"
-    />
-    <div v-if="$slots.suffix || props.clearable || props.type === 'password'" class="o-ii-suffix" @mousedown.prevent>
-      <span v-if="$slots.suffix" class="o-ii-suffix-icon">
-        <slot name="suffix"></slot>
-      </span>
-      <div v-if="isClearable" class="o-ii-clear" @click="onClearClick" @mousedown.prevent>
-        <IconClose class="o-ii-clear-icon" />
-      </div>
-      <div
-        v-if="props.type === 'password'"
-        class="o-ii-eye"
-        @click="onEyeClick"
-        @mousedown.prevent="onEyeMouseDown"
-        @mouseup.prevent="onEyeMouseUp"
-        @touchstart="onEyeMouseDown"
-        @touchend="onEyeMouseUp"
-        @touchcancel="onEyeMouseUp"
-      >
-        <IconEyeOn v-if="isEyeOn" class="o-ii-eye-icon" />
-        <IconEyeOff v-else class="o-ii-eye-icon" />
-      </div>
-      <span v-if="$slots.extra">
-        <slot name="extra"></slot>
-      </span>
-    </div>
-  </div>
-</template>
diff --git a/packages/opendesign/src/_components/inner-input/index.ts b/packages/opendesign/src/_components/inner-input/index.ts
deleted file mode 100644
index 0b8a6340..00000000
--- a/packages/opendesign/src/_components/inner-input/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import InnerInput from './InnerInput.vue';
-
-export { InnerInput };
diff --git a/packages/opendesign/src/_components/inner-input/input.ts b/packages/opendesign/src/_components/inner-input/input.ts
deleted file mode 100644
index 20a9493f..00000000
--- a/packages/opendesign/src/_components/inner-input/input.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { isNull, isUndefined } from '../../_utils/is';
-
-export function toInputString(val: unknown): string {
-  if (isUndefined(val) || isNull(val) || (typeof val === 'number' && isNaN(val as number))) {
-    return '';
-  }
-  return String(val);
-}
diff --git a/packages/opendesign/src/_components/inner-input/style/index.scss b/packages/opendesign/src/_components/inner-input/style/index.scss
deleted file mode 100644
index 009c7cbf..00000000
--- a/packages/opendesign/src/_components/inner-input/style/index.scss
+++ /dev/null
@@ -1,110 +0,0 @@
-@use '../../../_styles/mixin.scss' as *;
-@use './var.scss';
-.o-i-input {
-  display: flex;
-  width: 100%;
-}
-.o-ii-input {
-  outline: none;
-  border: none;
-  color: inherit;
-  cursor: inherit;
-  background-color: transparent;
-  display: inline-flex;
-  padding: 0;
-  line-height: inherit;
-  height: 100%;
-  width: 100%;
-  font-size: inherit;
-  min-width: 20px;
-
-  &::-webkit-input-placeholder {
-    color: var(--ii-placeholder-color);
-  }
-}
-
-.o-ii-suffix {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  position: relative;
-  margin-left: 4px;
-}
-.o-ii-prefix {
-  display: flex;
-  align-items: center;
-  margin-right: 4px;
-}
-
-.o-ii-suffix-icon {
-  display: flex;
-  transition: all var(--o-duration-m1) var(--o-easing-standard-out);
-}
-
-.o-ii-clear {
-  visibility: hidden;
-  flex-shrink: 0;
-  opacity: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--icon-color);
-  font-size: var(--icon-size);
-  @include x-svg-hover;
-
-  @include hoverable {
-    &:hover {
-      color: var(--icon-color-hover);
-    }
-
-    .o-ii-suffix-icon + & {
-      position: absolute;
-    }
-  }
-}
-.o-ii-clearable {
-  @include hover {
-    .o-ii-suffix-icon {
-      visibility: hidden;
-      opacity: 0;
-      transition: none;
-    }
-    .o-ii-clear {
-      visibility: visible;
-      opacity: 1;
-      transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-    }
-  }
-  @include hoverable(none) {
-    .o-ii-suffix-icon,
-    .o-ii-clear {
-      visibility: visible;
-      opacity: 1;
-    }
-  }
-}
-.o-ii-eye {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  font-size: var(--icon-size);
-  color: var(--icon-color);
-  margin-left: 4px;
-
-  @include hover {
-    color: var(--icon-color-hover);
-  }
-
-  :first-child {
-    margin-left: 0;
-  }
-  .o-ii-disabled &,
-  .o-ii-readonly & {
-    color: var(--icon-color-disabled);
-  }
-}
-
-.o-ii-password {
-  font-family: Arial, 'Helvetica Neue', Helvetica, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
-}
diff --git a/packages/opendesign/src/_components/inner-input/style/index.ts b/packages/opendesign/src/_components/inner-input/style/index.ts
deleted file mode 100644
index 344262c5..00000000
--- a/packages/opendesign/src/_components/inner-input/style/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import '../../../_styles';
-import './index.scss';
diff --git a/packages/opendesign/src/_components/inner-input/style/var.scss b/packages/opendesign/src/_components/inner-input/style/var.scss
deleted file mode 100644
index 457e76bd..00000000
--- a/packages/opendesign/src/_components/inner-input/style/var.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.o-i-input {
-  --ii-placeholder-color: var(--o-color-info4);
-}
diff --git a/packages/opendesign/src/_components/inner-input/types.ts b/packages/opendesign/src/_components/inner-input/types.ts
deleted file mode 100644
index 3b6e3374..00000000
--- a/packages/opendesign/src/_components/inner-input/types.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { ExtractPropTypes, PropType } from 'vue';
-import type { SizeT } from '../../_utils/types';
-
-export const innerInputProps = {
-  /**
-   * 大小 SizeT
-   */
-  size: {
-    type: String as PropType<SizeT>,
-  },
-  /**
-   * 下拉框的值
-   * v-model
-   */
-  modelValue: {
-    type: [String, Number],
-  },
-  /**
-   * 下拉框的默认值
-   * 非受控
-   */
-  defaultValue: {
-    type: [String, Number],
-  },
-  /**
-   * 是否是密码输入
-   */
-  type: {
-    type: String as PropType<'text' | 'password'>,
-    default: 'text',
-  },
-  /**
-   * 提示文本
-   */
-  placeholder: {
-    type: String,
-  },
-  /**
-   * input id, 用于label关联
-   */
-  inputId: {
-    type: String,
-  },
-  /**
-   * 是否禁用
-   */
-  disabled: {
-    type: Boolean,
-  },
-  /**
-   * 是否只读
-   */
-  readonly: {
-    type: Boolean,
-  },
-  /**
-   * 是否非法
-   */
-  invalid: {
-    type: Boolean,
-  },
-  /**
-   * 是否可以清除
-   */
-  clearable: {
-    type: Boolean,
-  },
-  /**
-   * 解析输入框的值
-   */
-  parse: {
-    type: Function as PropType<(value: string) => string>,
-  },
-  /**
-   * 对值格式化，控制显示格式
-   * 需搭配parse处理，保证值的正确性
-   */
-  format: {
-    type: Function as PropType<(value: string | number) => string | number>,
-  },
-  /**
-   * 显示密码的方式
-   */
-  showPasswordEvent: {
-    type: String as PropType<'click' | 'pointerdown'>,
-    default: 'pointerdown',
-  },
-};
-
-export type InnerInputProps = ExtractPropTypes<typeof innerInputProps>;
diff --git a/packages/opendesign/src/_components/inner-panel/InnerPanel.vue b/packages/opendesign/src/_components/inner-panel/InnerPanel.vue
deleted file mode 100644
index 14186578..00000000
--- a/packages/opendesign/src/_components/inner-panel/InnerPanel.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-<script setup lang="ts">
-// import { computed, ref, watch } from 'vue';
-import { innerPanelProps } from './types';
-// import { isPhonePad } from '../../_utils/global';
-import { OPopup } from '../../popup';
-
-const props = defineProps(innerPanelProps);
-
-const emits = defineEmits<{
-  (e: 'change', value: string): void;
-  (e: 'update:visible', val: boolean): void;
-}>();
-
-// const isResponding = computed(() => {
-//   return !props.noResponsive && isPhonePad.value;
-// });
-const updateVisible = (val: boolean) => {
-  emits('update:visible', val);
-};
-</script>
-<template>
-  <!-- <ODialog
-      v-model:visible="isSelecting"
-      :before-show="props.beforeOptionsShow"
-      :before-hide="props.beforeOptionsHide"
-      hide-close
-      class="o-select-dlg"
-      :actions="props.multiple ? selectDlgAction : undefined"
-      :mask-close="!props.multiple"
-      :class="{
-        'is-loading': props.loading,
-      }"
-      size="small"
-      @change="onSelectDlgChange"
-      v-if="isResponding"
-    >
-      <template v-if="props.optionTitle" #header>
-        <div class="o-select-options-head">{{ props.optionTitle }}</div>
-      </template>
-      <SelectOption
-        :size="props.size"
-        :wrap-class="props.optionWrapClass"
-        :loading="props.loading"
-        class="o-select-options-dlg"
-        :option-title="props.optionTitle"
-        :multiple="props.multiple"
-      >
-        <template v-for="name in filterSlots($slots, OptionSlotNames)" #[name]="slotData">
-          <slot :name="name" v-bind="slotData"></slot>
-        </template>
-        <template #option-target><div ref="optionsRef"></div></template>
-      </SelectOption>
-    </ODialog> -->
-  <OPopup
-    class="o-i-panel"
-    :offset="props.offset"
-    :edge-offset="props.edgeOffset"
-    :visible="props.visible"
-    :position="props.position"
-    :trigger="props.trigger"
-    :target="props.target"
-    :wrapper="props.wrapper"
-    :body-class="props.bodyClass"
-    :anchor-class="props.anchor ? props.anchorClass : ''"
-    :unmount-on-hide="props.unmountOnHide"
-    :auto-hide="props.autoHide"
-    :disabled="props.disabled"
-    :transition="props.transition"
-    :adjust-width="props.adjustWidth"
-    :adjust-min-width="props.adjustMinWidth"
-    :hide-when-target-invisible="props.hideWhenTargetInvisible"
-    :hover-delay="props.hoverDelay"
-    :before-hide="props.beforeHide"
-    :before-show="props.beforeShow"
-    @update:visible="updateVisible"
-  >
-    <slot></slot>
-  </OPopup>
-</template>
diff --git a/packages/opendesign/src/_components/inner-panel/index.ts b/packages/opendesign/src/_components/inner-panel/index.ts
deleted file mode 100644
index 7cd048ab..00000000
--- a/packages/opendesign/src/_components/inner-panel/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import InnerPanel from './InnerPanel.vue';
-
-export { InnerPanel };
diff --git a/packages/opendesign/src/_components/inner-panel/style/index.scss b/packages/opendesign/src/_components/inner-panel/style/index.scss
deleted file mode 100644
index 1221e127..00000000
--- a/packages/opendesign/src/_components/inner-panel/style/index.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@use '../../../_styles/mixin.scss' as *;
-@use './var.scss';
diff --git a/packages/opendesign/src/_components/inner-panel/style/index.ts b/packages/opendesign/src/_components/inner-panel/style/index.ts
deleted file mode 100644
index 344262c5..00000000
--- a/packages/opendesign/src/_components/inner-panel/style/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import '../../../_styles';
-import './index.scss';
diff --git a/packages/opendesign/src/_components/inner-panel/style/var.scss b/packages/opendesign/src/_components/inner-panel/style/var.scss
deleted file mode 100644
index 10b71671..00000000
--- a/packages/opendesign/src/_components/inner-panel/style/var.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.o-i-panel {
-  --popup-bg-color: var(--o-color-fill2);
-  --popup-shadow: var(--o-shadow-1);
-  --popup-radius: var(--o-radius_control-s);
-  --popup-bd: none;
-  // --popup-min-width: 312px;
-  --popup-padding: 0;
-}
diff --git a/packages/opendesign/src/_components/inner-panel/types.ts b/packages/opendesign/src/_components/inner-panel/types.ts
deleted file mode 100644
index f6d75263..00000000
--- a/packages/opendesign/src/_components/inner-panel/types.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { ExtractPropTypes } from 'vue';
-import { popupProps } from '../../popup/types';
-
-popupProps.trigger.default = 'click-outclick';
-popupProps.position.default = 'bl';
-popupProps.anchor.default = false;
-popupProps.offset.default = 4;
-
-export const innerPanelProps = {
-  ...popupProps,
-  /**
-   * 下拉浮层是否响应式
-   */
-  noResponsive: {
-    type: Boolean,
-  },
-};
-
-export type InnerPanelProps = ExtractPropTypes<typeof innerPanelProps>;
diff --git a/packages/opendesign/src/card/__demo__/CardBasic.vue b/packages/opendesign/src/card/__demo__/CardBasic.vue
index 8f4233bb..47d0c509 100644
--- a/packages/opendesign/src/card/__demo__/CardBasic.vue
+++ b/packages/opendesign/src/card/__demo__/CardBasic.vue
@@ -128,13 +128,10 @@ const card = {
   width: calc(25% - 6px);
 }
 .footer {
-  // margin-top: ;
   display: flex;
-  justify-detail: space-between;
+  justify-content: space-between;
 }
-// .card2 {
-// height: 260px;
-// }
+
 .card-icon {
   display: flex;
   align-items: flex-start;
diff --git a/packages/opendesign/src/carousel/__demo__/CarouselBasic.vue b/packages/opendesign/src/carousel/__demo__/CarouselBasic.vue
index 9773a723..188292a6 100644
--- a/packages/opendesign/src/carousel/__demo__/CarouselBasic.vue
+++ b/packages/opendesign/src/carousel/__demo__/CarouselBasic.vue
@@ -129,7 +129,6 @@ const initSlides = () => {
   left: 50%;
   top: 0;
   z-index: 10;
-  // margin-left: -1px;
   &.red {
     border-color: red;
   }
@@ -144,7 +143,6 @@ const initSlides = () => {
   margin: auto;
   height: 200px;
   overflow: hidden;
-  // background-color: red;
 }
 .slide-item2 {
   width: 100%;
diff --git a/packages/opendesign/src/carousel/effects/gallery.ts b/packages/opendesign/src/carousel/effects/gallery.ts
index 0d43649f..d6c16c12 100644
--- a/packages/opendesign/src/carousel/effects/gallery.ts
+++ b/packages/opendesign/src/carousel/effects/gallery.ts
@@ -61,7 +61,6 @@ export default class Gallery extends Effect {
 
     this.alignType = alignType;
     this.moveValue = 0;
-    // this.currentIndex = activeIndex;
     this.isChanging = false;
 
     // handle touch
diff --git a/packages/opendesign/src/checkbox/style/style.scss b/packages/opendesign/src/checkbox/style/style.scss
index b9a8606b..0bd87add 100644
--- a/packages/opendesign/src/checkbox/style/style.scss
+++ b/packages/opendesign/src/checkbox/style/style.scss
@@ -60,8 +60,6 @@
   transition: border-color var(--o-duration-s) var(--o-easing-standard), background-color var(--o-duration-s) var(--o-easing-standard);
 
   svg {
-    // width: var(--checkbox-input-size);
-    // height: var(--checkbox-input-size);
     width: 24px;
     height: 24px;
     color: var(--checkbox-input-icon-color);
diff --git a/packages/opendesign/src/form/__demo__/FormRules.vue b/packages/opendesign/src/form/__demo__/FormRules.vue
index 849190db..0f765dbf 100644
--- a/packages/opendesign/src/form/__demo__/FormRules.vue
+++ b/packages/opendesign/src/form/__demo__/FormRules.vue
@@ -225,7 +225,6 @@ const values = computed(() =>
     return `${k}: ${JSON.stringify(formModel.value[k as keyof typeof formModel.value])}`;
   })
 );
-// console.log(values);
 
 const formRef = ref<InstanceType<typeof OForm>>();
 const reset = () => {
diff --git a/packages/opendesign/src/grid/__demo__/GridBasic.vue b/packages/opendesign/src/grid/__demo__/GridBasic.vue
index 2751b49e..791d20b8 100644
--- a/packages/opendesign/src/grid/__demo__/GridBasic.vue
+++ b/packages/opendesign/src/grid/__demo__/GridBasic.vue
@@ -99,7 +99,6 @@ import { ORow, OCol } from '../index';
   display: flex;
   align-items: center;
   justify-content: center;
-  // width: 25vw;
   height: 48px;
 }
 </style>
diff --git a/packages/opendesign/src/hooks/use-out-click.ts b/packages/opendesign/src/hooks/use-out-click.ts
index 3bf32dd2..1d1bd750 100644
--- a/packages/opendesign/src/hooks/use-out-click.ts
+++ b/packages/opendesign/src/hooks/use-out-click.ts
@@ -1,7 +1,5 @@
 import { isTouchDevice } from '../_utils/is';
 
-// type mEvent =  isTouchDevice ? TouchEvent : MouseEvent;
-
 interface handlerItemT {
   handler: () => void;
   exception?: (e: Event) => boolean;
diff --git a/packages/opendesign/src/input/__demo__/InputEvent.vue b/packages/opendesign/src/input/__demo__/InputEvent.vue
index 0dc336f4..dc5095d1 100644
--- a/packages/opendesign/src/input/__demo__/InputEvent.vue
+++ b/packages/opendesign/src/input/__demo__/InputEvent.vue
@@ -18,7 +18,6 @@ const format = (v: string) => {
 
 const inputRef = ref<InstanceType<typeof OInput>>();
 const focus = () => {
-  // console.log(inputRef.value?.focus);
   inputRef.value?.focus();
 };
 const blur = () => {
diff --git a/packages/opendesign/src/input/__demo__/InputValid.vue b/packages/opendesign/src/input/__demo__/InputValid.vue
index 1c9b0a49..0850e303 100644
--- a/packages/opendesign/src/input/__demo__/InputValid.vue
+++ b/packages/opendesign/src/input/__demo__/InputValid.vue
@@ -17,7 +17,6 @@ const format = (v: string) => {
 };
 const check = (v: string) => {
   return v.length % 2 === 0;
-  // return true;
 };
 const valueOnInvalidChange = (inputValue: string, lastValidInputValue: string) => {
   console.log('valueOnInvalidChange', inputValue, lastValidInputValue);
diff --git a/packages/opendesign/src/layer/style/var.scss b/packages/opendesign/src/layer/style/var.scss
index bc32c7ce..1dba062c 100644
--- a/packages/opendesign/src/layer/style/var.scss
+++ b/packages/opendesign/src/layer/style/var.scss
@@ -1,7 +1,6 @@
 .o-layer {
   --layer-position: absolute;
   --layer-mask: var(--o-color-mask1);
-  // --layer-z-index: calc(var(--o-z-index-base) + 10);
   --layer-align: center;
   --layer-justify: center;
   --layer-origin: center;
diff --git a/packages/opendesign/src/option/style/style.scss b/packages/opendesign/src/option/style/style.scss
index c2acbb3d..87bf2239 100644
--- a/packages/opendesign/src/option/style/style.scss
+++ b/packages/opendesign/src/option/style/style.scss
@@ -24,11 +24,9 @@
   }
 
   &.active {
-    // @include me-hover {
     font-weight: 500;
     color: var(--option-color-active);
     background-color: var(--option-bg-color-active);
-    // }
   }
 }
 
diff --git a/packages/opendesign/src/popup/OPopup.vue b/packages/opendesign/src/popup/OPopup.vue
index 25b78c2e..0d9ae256 100644
--- a/packages/opendesign/src/popup/OPopup.vue
+++ b/packages/opendesign/src/popup/OPopup.vue
@@ -104,28 +104,6 @@ onMounted(() => {
     }
   });
 
-  // 触发元素为dom或者选择器，处理事件触发
-  // nextTick(() => {
-  // if (!wrapperEl.value) {
-  //   if (typeof props.wrapper === 'string') {
-  //     wrapperEl.value = document.querySelector(props.wrapper);
-  //   } else {
-  //     wrapperEl.value = props.wrapper;
-  //   }
-  // }
-
-  // 绑定触发元素事件
-  // if (typeof props.target === 'string') {
-  // bindTargetEvent(document.querySelector(props.target));
-  // } else if (isHtmlElement(props.target)) {
-  // bindTargetEvent(props.target as HTMLElement);
-  // }
-
-  // 初始为true时，更新样式
-  // if (visible.value) {
-  //   updatePopupStyle();
-  // }
-  // });
 });
 
 let triggerListener: ReturnType<typeof bindTrigger> = [];
@@ -310,16 +288,6 @@ const updateVisible = async (isVisible?: boolean, delay?: number) => {
   }
 };
 
-// 触发元素为组件ref，因生命周期问题，延后绑定处理事件触发
-// watch(
-//   () => props.target,
-//   (ele) => {
-//     if (isHtmlElement((ele as ComponentPublicInstance)?.$el)) {
-//       bindTargetEvent((ele as ComponentPublicInstance).$el);
-//     }
-//   }
-// );
-
 watch(targetElRef, (elRef) => {
   if (isHtmlElement(elRef?.$el)) {
     bindTargetEvent(elRef?.$el);
diff --git a/packages/opendesign/src/popup/__demo__/PopupContainer.vue b/packages/opendesign/src/popup/__demo__/PopupContainer.vue
index 5e1c16a4..d8fb54bf 100644
--- a/packages/opendesign/src/popup/__demo__/PopupContainer.vue
+++ b/packages/opendesign/src/popup/__demo__/PopupContainer.vue
@@ -17,10 +17,7 @@ const btn9 = ref(null);
 const visible = ref(true);
 const text = ref('text');
 const width = ref('50vw');
-setTimeout(() => {
-  // text.value += '--|';
-  // width.value = '40vw';
-}, 2000);
+
 </script>
 <template>
   <h4>popup container</h4>
@@ -102,7 +99,6 @@ setTimeout(() => {
   position: relative;
   z-index: 10;
   background-color: #eee;
-  // overflow: visible;
 }
 .content {
   height: 50vh;
@@ -146,7 +142,6 @@ setTimeout(() => {
 }
 .btn8 {
   left: 45vw;
-  // bottom: 0;
   top: 100vh;
 }
 .btn9 {
diff --git a/packages/opendesign/src/popup/__demo__/PopupTarget.vue b/packages/opendesign/src/popup/__demo__/PopupTarget.vue
index 880c8263..c8c7dfe3 100644
--- a/packages/opendesign/src/popup/__demo__/PopupTarget.vue
+++ b/packages/opendesign/src/popup/__demo__/PopupTarget.vue
@@ -35,7 +35,6 @@ const elRef = ref(null);
   position: relative;
   z-index: 10;
   background-color: #eee;
-  // overflow: visible;
 }
 .btn {
   padding: 12px 24px;
diff --git a/packages/opendesign/src/popup/style/var.scss b/packages/opendesign/src/popup/style/var.scss
index 52b330b9..e69de29b 100644
--- a/packages/opendesign/src/popup/style/var.scss
+++ b/packages/opendesign/src/popup/style/var.scss
@@ -1,3 +0,0 @@
-// .o-popup {
-// --popup-z-index: var(--o-z-index-base);
-// }
diff --git a/packages/opendesign/src/select/__demo__/SelectTest.vue b/packages/opendesign/src/select/__demo__/SelectTest.vue
index 439fff34..401d3054 100644
--- a/packages/opendesign/src/select/__demo__/SelectTest.vue
+++ b/packages/opendesign/src/select/__demo__/SelectTest.vue
@@ -2,12 +2,7 @@
 import { ref, watchEffect } from 'vue';
 import { OSelect } from '../index';
 import { OOption } from '../../option';
-// const options = [
-//   { label: 'option 1', value: 0 },
-//   { label: 'option 2', value: 'opt2' },
-//   { label: 'option 3', value: '' },
-//   { label: 'option 4', value: 'opt4' },
-// ];
+
 const selectVal1 = ref<number | string>(0);
 const options = ref<Array<{ label: string; value: number }>>([]);
 console.time('select');
diff --git a/packages/opendesign/src/table/OTable.vue b/packages/opendesign/src/table/OTable.vue
index fed221a9..40f4f6ba 100644
--- a/packages/opendesign/src/table/OTable.vue
+++ b/packages/opendesign/src/table/OTable.vue
@@ -9,9 +9,6 @@ import { useTableMeta, DEFAULT_CELL_LAST_COL_MARKER, DEFAULT_ROW_LAST_MARKER } f
 
 const props = defineProps(tableProps);
 
-// type getT<T> = T extends (infer R)[] ? (R extends TableColumnT ? R['key'] : R) : never;
-// type keyT = getT<typeof props.columns>;
-
 defineSlots<{
   header(props: { columns: TableColumnT[] }): any;
   body(): any;
diff --git a/packages/opendesign/src/table/__demo__/TableSpan.vue b/packages/opendesign/src/table/__demo__/TableSpan.vue
index 945c71b9..cd30ffa5 100644
--- a/packages/opendesign/src/table/__demo__/TableSpan.vue
+++ b/packages/opendesign/src/table/__demo__/TableSpan.vue
@@ -16,7 +16,6 @@ function cellSpanFn(rowIdx: number, colIdx: number) {
   if (rowIdx === 2 && colIdx === 2) {
     return {
       rowspan: 2,
-      // colspan: 2,
     };
   }
   if (rowIdx === 0 && colIdx === 0) {
diff --git a/packages/opendesign/src/table/__docs__/__case__/TableSpan.vue b/packages/opendesign/src/table/__docs__/__case__/TableSpan.vue
index 3926eb19..9801b5d6 100644
--- a/packages/opendesign/src/table/__docs__/__case__/TableSpan.vue
+++ b/packages/opendesign/src/table/__docs__/__case__/TableSpan.vue
@@ -24,7 +24,6 @@ function cellSpanFn(rowIdx: number, colIdx: number) {
   if (rowIdx === 2 && colIdx === 2) {
     return {
       rowspan: 2,
-      // colspan: 2,
     };
   }
   if (rowIdx === 0 && colIdx === 0) {
diff --git a/packages/opendesign/src/textarea/__demo__/TextareaAutoHeight.vue b/packages/opendesign/src/textarea/__demo__/TextareaAutoHeight.vue
index 4b996320..8df63841 100644
--- a/packages/opendesign/src/textarea/__demo__/TextareaAutoHeight.vue
+++ b/packages/opendesign/src/textarea/__demo__/TextareaAutoHeight.vue
@@ -5,7 +5,6 @@ import { OTextarea } from '../index';
 const val1 = ref('max Height: 300px <OTextarea v-model="val1" auto-height /> \n<OTextarea v-model="val1" auto-height />');
 const val2 = ref('min Height: 100px');
 setTimeout(() => {
-  // val1.value = '123';
   val2.value = 'min-height: 200px; min-width: 200px <OTextarea v-model="val1" auto-height />';
 }, 2000);
 </script>
diff --git a/packages/opendesign/src/textarea/__demo__/TextareaBasic.vue b/packages/opendesign/src/textarea/__demo__/TextareaBasic.vue
index 4ae4a833..14934438 100644
--- a/packages/opendesign/src/textarea/__demo__/TextareaBasic.vue
+++ b/packages/opendesign/src/textarea/__demo__/TextareaBasic.vue
@@ -5,9 +5,7 @@ import { OTextarea } from '../index';
 const val1 = ref('');
 const val3 = ref('');
 const val2 = ref('this is input value');
-setTimeout(() => {
-  // val1.value += '---';
-}, 2000);
+
 
 const onUpdateModelValue = (val: string) => {
   val1.value = val.trim();
diff --git a/packages/opendesign/src/textarea/__docs__/__case__/TextareaAutoHeight.vue b/packages/opendesign/src/textarea/__docs__/__case__/TextareaAutoHeight.vue
index 49def81e..abdf8dc7 100644
--- a/packages/opendesign/src/textarea/__docs__/__case__/TextareaAutoHeight.vue
+++ b/packages/opendesign/src/textarea/__docs__/__case__/TextareaAutoHeight.vue
@@ -13,7 +13,6 @@ import { OTextarea } from '@opensig/opendesign';
 const val1 = ref('max Height: 300px <OTextarea v-model="val1" auto-height /> \n<OTextarea v-model="val1" auto-height />');
 const val2 = ref('min Height: 100px');
 setTimeout(() => {
-  // val1.value = '123';
   val2.value = 'min-height: 200px; min-width: 200px <OTextarea v-model="val1" auto-height />';
 }, 2000);
 </script>
diff --git a/packages/opendesign/src/textarea/__docs__/__case__/TextareaBasic.vue b/packages/opendesign/src/textarea/__docs__/__case__/TextareaBasic.vue
index eb4b6f3d..32f36373 100644
--- a/packages/opendesign/src/textarea/__docs__/__case__/TextareaBasic.vue
+++ b/packages/opendesign/src/textarea/__docs__/__case__/TextareaBasic.vue
@@ -13,9 +13,7 @@ import { OTextarea } from '@opensig/opendesign';
 const val1 = ref('');
 const val3 = ref('');
 const val2 = ref('this is input value');
-setTimeout(() => {
-  // val1.value += '---';
-}, 2000);
+
 
 const onUpdateModelValue = (val: string) => {
   val1.value = val.trim();
-- 
Gitee