From 025d5aeeafe838ae102cc95e1b7e10f93110f1fc Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Fri, 13 Sep 2024 16:11:52 +0800
Subject: [PATCH 01/24] =?UTF-8?q?chore(@vben/common-ui):=20=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=8B=96=E6=8B=BD=E6=A0=A1=E9=AA=8C=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/effects/common-ui/package.json       |   1 +
 .../effects/common-ui/src/components/index.ts |   1 +
 .../components/verify/drag-verify/action.vue  |   9 +
 .../src/components/verify/drag-verify/bar.vue |   9 +
 .../components/verify/drag-verify/content.vue |  14 +
 .../components/verify/drag-verify/index.vue   | 314 ++++++++++++++++++
 .../common-ui/src/components/verify/index.ts  |   2 +
 .../common-ui/src/components/verify/typing.ts |  14 +
 .../components/verify/use-event-listener.ts   |  61 ++++
 .../src/router/routes/modules/examples.ts     |  19 ++
 .../examples/verify/drag-verify/index.vue     |  36 ++
 pnpm-lock.yaml                                |   3 +
 12 files changed, 483 insertions(+)
 create mode 100644 packages/effects/common-ui/src/components/verify/drag-verify/action.vue
 create mode 100644 packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
 create mode 100644 packages/effects/common-ui/src/components/verify/drag-verify/content.vue
 create mode 100644 packages/effects/common-ui/src/components/verify/drag-verify/index.vue
 create mode 100644 packages/effects/common-ui/src/components/verify/index.ts
 create mode 100644 packages/effects/common-ui/src/components/verify/typing.ts
 create mode 100644 packages/effects/common-ui/src/components/verify/use-event-listener.ts
 create mode 100644 playground/src/views/examples/verify/drag-verify/index.vue

diff --git a/packages/effects/common-ui/package.json b/packages/effects/common-ui/package.json
index 9bc0a8a03de..10d3d1049fb 100644
--- a/packages/effects/common-ui/package.json
+++ b/packages/effects/common-ui/package.json
@@ -27,6 +27,7 @@
     "@vben/icons": "workspace:*",
     "@vben/locales": "workspace:*",
     "@vben/types": "workspace:*",
+    "@vueuse/core": "^11.0.3",
     "@vueuse/integrations": "^11.0.3",
     "qrcode": "^1.5.4",
     "vue": "^3.5.4",
diff --git a/packages/effects/common-ui/src/components/index.ts b/packages/effects/common-ui/src/components/index.ts
index 865adf409db..cefe1ce3fc6 100644
--- a/packages/effects/common-ui/src/components/index.ts
+++ b/packages/effects/common-ui/src/components/index.ts
@@ -1,6 +1,7 @@
 export * from './captcha';
 export * from './ellipsis-text';
 export * from './page';
+export * from './verify';
 export * from '@vben-core/form-ui';
 export * from '@vben-core/popup-ui';
 
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
new file mode 100644
index 00000000000..7e861709390
--- /dev/null
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+const cls = [`darg-verify-action`];
+</script>
+
+<template>
+  <div :class="cls">cc</div>
+</template>
+
+<style scoped></style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
new file mode 100644
index 00000000000..e1617fbe5fa
--- /dev/null
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+const cls = [`darg-verify-bar`];
+</script>
+
+<template>
+  <div :class="cls"></div>
+</template>
+
+<style scoped></style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
new file mode 100644
index 00000000000..fba8e411da2
--- /dev/null
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+defineProps<{
+  successText: string;
+  text: string;
+}>();
+
+const cls = [`darg-verify-content`];
+</script>
+
+<template>
+  <div :class="cls">123</div>
+</template>
+
+<style scoped></style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
new file mode 100644
index 00000000000..ec073a8bb0d
--- /dev/null
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -0,0 +1,314 @@
+<script setup lang="ts">
+import {
+  computed,
+  type PropType,
+  reactive,
+  ref,
+  type Ref,
+  unref,
+  watch,
+  watchEffect,
+} from 'vue';
+
+import { useTimeoutFn } from '@vueuse/core';
+
+import { useEventListener } from '../use-event-listener';
+import ActionCmp from './action.vue';
+import BarCmp from './bar.vue';
+import ContentCmp from './content.vue';
+
+const props = defineProps({
+  actionStyle: {
+    default: () => ({}),
+    type: Object as PropType<any>,
+  },
+
+  barStyle: {
+    default: () => ({}),
+    type: Object as PropType<any>,
+  },
+
+  circle: {
+    default: false,
+    type: Boolean as PropType<boolean>,
+  },
+  contentStyle: {
+    default: () => ({}),
+    type: Object as PropType<any>,
+  },
+  height: {
+    default: 40,
+    type: [Number, String] as PropType<number | string>,
+  },
+
+  isSlot: {
+    default: false,
+    type: Boolean as PropType<boolean>,
+  },
+
+  successText: {
+    default: '验证通过',
+    type: [String] as PropType<string>,
+  },
+
+  text: {
+    default: '请按住滑块拖动',
+    type: [String] as PropType<string>,
+  },
+  value: {
+    default: false,
+    type: Boolean as PropType<boolean>,
+  },
+  width: {
+    default: 220,
+    type: [Number, String] as PropType<number | string>,
+  },
+  wrapStyle: {
+    default: () => ({}),
+    type: Object as PropType<any>,
+  },
+});
+
+const emit = defineEmits([
+  'success',
+  'update:value',
+  'change',
+  'start',
+  'move',
+  'end',
+]);
+
+const state = reactive({
+  endTime: 0,
+  isMoving: false,
+  isPassing: false,
+  moveDistance: 0,
+  startTime: 0,
+  toLeft: false,
+});
+
+defineExpose({
+  resume,
+});
+
+const wrapElRef = ref<HTMLDivElement>();
+const barElRef = ref<HTMLDivElement | null>(null);
+const contentElRef = ref<HTMLDivElement | null>(null);
+const actionElRef = ref(null) as Ref<HTMLDivElement | null>;
+
+useEventListener({
+  el: document,
+  listener: () => {
+    if (state.isMoving) {
+      resume();
+    }
+  },
+  name: 'mouseup',
+});
+
+const getActionStyleRef = computed(() => {
+  const { actionStyle, height } = props;
+  const h = `${Number.parseInt(height as string)}px`;
+  return {
+    height: h,
+    left: 0,
+    width: h,
+    ...actionStyle,
+  };
+});
+
+const getWrapStyleRef = computed(() => {
+  const { circle, height, width, wrapStyle } = props;
+  const h = Number.parseInt(height as string);
+  const w = `${Number.parseInt(width as string)}px`;
+  return {
+    borderRadius: circle ? `${h / 2}px` : 0,
+    height: `${h}px`,
+    lineHeight: `${h}px`,
+    width: w,
+    ...wrapStyle,
+  };
+});
+
+const getBarStyleRef = computed(() => {
+  const { barStyle, circle, height } = props;
+  const h = Number.parseInt(height as string);
+  return {
+    borderRadius: circle ? `${h / 2}px 0 0 ${h / 2}px` : 0,
+    height: `${h}px`,
+    ...barStyle,
+  };
+});
+
+const getContentStyleRef = computed(() => {
+  const { contentStyle, height, width } = props;
+  const h = `${Number.parseInt(height as string)}px`;
+  const w = `${Number.parseInt(width as string)}px`;
+
+  return {
+    height: h,
+    width: w,
+    ...contentStyle,
+  };
+});
+
+watch(
+  () => state.isPassing,
+  (isPassing) => {
+    if (isPassing) {
+      const { endTime, startTime } = state;
+      const time = (endTime - startTime) / 1000;
+      emit('success', { isPassing, time: time.toFixed(1) });
+      emit('update:value', isPassing);
+      emit('change', isPassing);
+    }
+  },
+);
+
+watchEffect(() => {
+  state.isPassing = !!props.value;
+});
+
+function getEventPageX(e: MouseEvent | TouchEvent): number {
+  if (e instanceof MouseEvent) {
+    return e.pageX;
+  } else if (e instanceof TouchEvent && e.touches[0]) {
+    return e.touches[0].pageX;
+  }
+  return 0;
+}
+
+function handleDragStart(e: MouseEvent | TouchEvent) {
+  if (state.isPassing) {
+    return;
+  }
+  const actionEl = unref(actionElRef);
+  if (!actionEl) return;
+  emit('start', e);
+  state.moveDistance =
+    getEventPageX(e) -
+    Number.parseInt(actionEl.style.left.replace('px', ''), 10);
+  state.startTime = Date.now();
+  state.isMoving = true;
+}
+
+function getOffset(el: HTMLDivElement) {
+  const actionWidth = Number.parseInt(el.style.width);
+  const { width } = props;
+  const widthNum = Number.parseInt(width as string);
+  const offset = widthNum - actionWidth - 6;
+  return { actionWidth, offset, widthNum };
+}
+
+function handleDragMoving(e: MouseEvent | TouchEvent) {
+  const { isMoving, moveDistance } = state;
+  if (isMoving) {
+    const actionEl = unref(actionElRef);
+    const barEl = unref(barElRef);
+    if (!actionEl || !barEl) return;
+    const { actionWidth, offset, widthNum } = getOffset(actionEl);
+    const moveX = getEventPageX(e) - moveDistance;
+
+    emit('move', {
+      event: e,
+      moveDistance,
+      moveX,
+    });
+    if (moveX > 0 && moveX <= offset) {
+      actionEl.style.left = `${moveX}px`;
+      barEl.style.width = `${moveX + actionWidth / 2}px`;
+    } else if (moveX > offset) {
+      actionEl.style.left = `${widthNum - actionWidth}px`;
+      barEl.style.width = `${widthNum - actionWidth / 2}px`;
+      if (!props.isSlot) {
+        checkPass();
+      }
+    }
+  }
+}
+
+function handleDragOver(e: MouseEvent | TouchEvent) {
+  const { isMoving, isPassing, moveDistance } = state;
+  if (isMoving && !isPassing) {
+    emit('end', e);
+    const actionEl = unref(actionElRef);
+    const barEl = unref(barElRef);
+    if (!actionEl || !barEl) return;
+    const moveX = getEventPageX(e) - moveDistance;
+    const { actionWidth, offset, widthNum } = getOffset(actionEl);
+    if (moveX < offset) {
+      if (props.isSlot) {
+        setTimeout(() => {
+          if (props.value) {
+            const contentEl = unref(contentElRef);
+            if (contentEl) {
+              contentEl.style.width = `${Number.parseInt(barEl.style.width)}px`;
+            }
+          } else {
+            resume();
+          }
+        }, 0);
+      } else {
+        resume();
+      }
+    } else {
+      actionEl.style.left = `${widthNum - actionWidth}px`;
+      barEl.style.width = `${widthNum - actionWidth / 2}px`;
+      checkPass();
+    }
+    state.isMoving = false;
+  }
+}
+
+function checkPass() {
+  if (props.isSlot) {
+    resume();
+    return;
+  }
+  state.endTime = Date.now();
+  state.isPassing = true;
+  state.isMoving = false;
+}
+
+function resume() {
+  state.isMoving = false;
+  state.isPassing = false;
+  state.moveDistance = 0;
+  state.toLeft = false;
+  state.startTime = 0;
+  state.endTime = 0;
+  const actionEl = unref(actionElRef);
+  const barEl = unref(barElRef);
+  const contentEl = unref(contentElRef);
+  if (!actionEl || !barEl || !contentEl) return;
+  state.toLeft = true;
+  useTimeoutFn(() => {
+    state.toLeft = false;
+    actionEl.style.left = '0';
+    barEl.style.width = '0';
+    //  The time is consistent with the animation time
+  }, 300);
+  contentEl.style.width = unref(getContentStyleRef).width;
+}
+</script>
+
+<template>
+  <div
+    ref="wrapElRef"
+    :style="getWrapStyleRef"
+    class="darg-verify"
+    @onMouseleave="handleDragOver"
+    @onMousemove="handleDragMoving"
+    @onMouseup="handleDragOver"
+    @onTouchend="handleDragOver"
+    @onTouchmove="handleDragMoving"
+  >
+    <BarCmp :style="getBarStyleRef" />
+    <ContentCmp :success-text="successText" :text="text" />
+    <ActionCmp
+      :style="getActionStyleRef"
+      @on-mousedown="handleDragStart"
+      @on-touchstart="handleDragStart"
+    />
+  </div>
+</template>
diff --git a/packages/effects/common-ui/src/components/verify/index.ts b/packages/effects/common-ui/src/components/verify/index.ts
new file mode 100644
index 00000000000..991ba7a6be1
--- /dev/null
+++ b/packages/effects/common-ui/src/components/verify/index.ts
@@ -0,0 +1,2 @@
+export { default as DragVerify } from './drag-verify/index.vue';
+export * from './typing';
diff --git a/packages/effects/common-ui/src/components/verify/typing.ts b/packages/effects/common-ui/src/components/verify/typing.ts
new file mode 100644
index 00000000000..42256968bef
--- /dev/null
+++ b/packages/effects/common-ui/src/components/verify/typing.ts
@@ -0,0 +1,14 @@
+export interface DragVerifyActionType {
+  resume: () => void;
+}
+
+export interface VerifyPassingData {
+  isPassing: boolean;
+  time: number;
+}
+
+export interface VerifyMoveData {
+  event: MouseEvent | TouchEvent;
+  moveDistance: number;
+  moveX: number;
+}
diff --git a/packages/effects/common-ui/src/components/verify/use-event-listener.ts b/packages/effects/common-ui/src/components/verify/use-event-listener.ts
new file mode 100644
index 00000000000..180023527d0
--- /dev/null
+++ b/packages/effects/common-ui/src/components/verify/use-event-listener.ts
@@ -0,0 +1,61 @@
+import type { Ref } from 'vue';
+import { ref, unref, watch } from 'vue';
+
+import { useDebounceFn, useThrottleFn } from '@vueuse/core';
+
+export type RemoveEventFn = () => void;
+export interface UseEventParams {
+  el?: any | Element | Ref<Element | undefined> | Window;
+  name: string;
+  listener: EventListener;
+  options?: AddEventListenerOptions | boolean;
+  autoRemove?: boolean;
+  isDebounce?: boolean;
+  wait?: number;
+}
+export function useEventListener({
+  autoRemove = true,
+  el = window,
+  isDebounce = true,
+  listener,
+  name,
+  options,
+  wait = 80,
+}: UseEventParams): { removeEvent: RemoveEventFn } {
+  let remove: RemoveEventFn = () => {};
+  const isAddRef = ref(false);
+
+  if (el) {
+    const element = ref(el as Element) as Ref<Element>;
+
+    const handler = isDebounce
+      ? useDebounceFn(listener, wait)
+      : useThrottleFn(listener, wait);
+    const realHandler = wait ? handler : listener;
+    const removeEventListener = (e: Element) => {
+      isAddRef.value = true;
+      e.removeEventListener(name, realHandler, options);
+    };
+    const addEventListener = (e: Element) =>
+      e.addEventListener(name, realHandler, options);
+
+    const removeWatch = watch(
+      element,
+      (v, _ov, cleanUp) => {
+        if (v) {
+          !unref(isAddRef) && addEventListener(v);
+          cleanUp(() => {
+            autoRemove && removeEventListener(v);
+          });
+        }
+      },
+      { immediate: true },
+    );
+
+    remove = () => {
+      removeEventListener(element.value);
+      removeWatch();
+    };
+  }
+  return { removeEvent: remove };
+}
diff --git a/playground/src/router/routes/modules/examples.ts b/playground/src/router/routes/modules/examples.ts
index c946e79c2bc..1e53131cc40 100644
--- a/playground/src/router/routes/modules/examples.ts
+++ b/playground/src/router/routes/modules/examples.ts
@@ -101,6 +101,25 @@ const routes: RouteRecordRaw[] = [
           },
         ],
       },
+      {
+        name: 'VerifyExample',
+        path: '/examples/verify',
+        meta: {
+          icon: 'logos:recaptcha',
+          title: '验证组件',
+        },
+        children: [
+          {
+            name: 'DragVerifyExample',
+            path: '/examples/verify/drag-verify',
+            component: () =>
+              import('#/views/examples/verify/drag-verify/index.vue'),
+            meta: {
+              title: '拖拽校验',
+            },
+          },
+        ],
+      },
     ],
   },
 ];
diff --git a/playground/src/views/examples/verify/drag-verify/index.vue b/playground/src/views/examples/verify/drag-verify/index.vue
new file mode 100644
index 00000000000..823b839e6d7
--- /dev/null
+++ b/playground/src/views/examples/verify/drag-verify/index.vue
@@ -0,0 +1,36 @@
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+import {
+  DragVerify,
+  type DragVerifyActionType,
+  Page,
+  type VerifyPassingData,
+} from '@vben/common-ui';
+
+import { Button, message } from 'ant-design-vue';
+
+function handleSuccess(data: VerifyPassingData) {
+  const { time } = data;
+  message.success(`校验成功,耗时${time}秒`);
+}
+function handleBtnClick(elRef?: DragVerifyActionType) {
+  if (!elRef) {
+    return;
+  }
+  elRef.resume();
+}
+
+const el1 = ref<DragVerifyActionType>();
+</script>
+
+<template>
+  <Page title="拖动校验示例">
+    <div class="flex items-center justify-center p-4">
+      <DragVerify ref="el1" @success="handleSuccess" />
+      <Button class="ml-2" type="primary" @click="handleBtnClick(el1)">
+        还原
+      </Button>
+    </div>
+  </Page>
+</template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9ac4c17b74c..3da5bae4e90 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -983,6 +983,9 @@ importers:
       '@vben/types':
         specifier: workspace:*
         version: link:../../types
+      '@vueuse/core':
+        specifier: ^11.0.3
+        version: 11.0.3(vue@3.5.4(typescript@5.6.2))
       '@vueuse/integrations':
         specifier: ^11.0.3
         version: 11.0.3(async-validator@4.2.5)(axios@1.7.7)(focus-trap@7.5.4)(nprogress@0.2.0)(qrcode@1.5.4)(sortablejs@1.15.3)(vue@3.5.4(typescript@5.6.2))

From e6fa94450902bb033e5850498b0307af58deec80 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Fri, 13 Sep 2024 16:34:16 +0800
Subject: [PATCH 02/24] =?UTF-8?q?chore:=20=E5=A2=9E=E5=8A=A0=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/verify/drag-verify/index.vue   | 88 ++++++++++++++++++-
 1 file changed, 86 insertions(+), 2 deletions(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index ec073a8bb0d..9100ede765b 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -307,8 +307,92 @@ function resume() {
     <ContentCmp :success-text="successText" :text="text" />
     <ActionCmp
       :style="getActionStyleRef"
-      @on-mousedown="handleDragStart"
-      @on-touchstart="handleDragStart"
+      @mousedown="handleDragStart"
+      @touchstart="handleDragStart"
     />
   </div>
 </template>
+<style lang="scss">
+$radius: 4px;
+
+@keyframes slidetounlock {
+  0% {
+    background-position: -120px 0;
+  }
+
+  100% {
+    background-position: 120px 0;
+  }
+}
+
+.darg-verify {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  background-color: rgb(238 238 238);
+  border: 1px solid #ddd;
+  border-radius: $radius;
+
+  &-bar {
+    position: absolute;
+    width: 0;
+    height: 36px;
+    background-color: green;
+    border-radius: $radius;
+
+    &.to-left {
+      width: 0 !important;
+      transition: width 0.3s;
+    }
+  }
+
+  &-content {
+    position: absolute;
+    top: 0;
+    font-size: 12px;
+    user-select: none;
+    background-color: -webkit-gradient(
+      linear,
+      left top,
+      right top,
+      color-stop(0, #333),
+      color-stop(0.4, #333),
+      color-stop(0.5, #fff),
+      color-stop(0.6, #333),
+      color-stop(1, #333)
+    );
+    background-clip: text;
+    animation: slidetounlock 3s infinite;
+    text-size-adjust: none;
+
+    &.success {
+      -webkit-text-fill-color: white;
+    }
+
+    & > * {
+      -webkit-text-fill-color: #333;
+    }
+  }
+
+  &-action {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: move;
+    background-color: white;
+    border-radius: $radius;
+
+    &__icon {
+      cursor: inherit;
+    }
+
+    &.to-left {
+      left: 0 !important;
+      transition: left 0.3s;
+    }
+  }
+}
+</style>

From e0986374046f0ef1f24ad329f04991e5e115bf5a Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sat, 14 Sep 2024 12:03:12 +0800
Subject: [PATCH 03/24] Merge branch 'main' into wangjue-verify-comp


From 5530e6e1c3668ab176cda47b877003bea0cb0d8a Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sat, 14 Sep 2024 12:42:25 +0800
Subject: [PATCH 04/24] =?UTF-8?q?chore:=20=E5=B0=81=E8=A3=85action?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/verify/drag-verify/action.vue  | 29 +++++++++++-
 .../src/components/verify/drag-verify/bar.vue | 12 ++++-
 .../components/verify/drag-verify/content.vue | 14 ++++--
 .../components/verify/drag-verify/index.vue   | 46 +++++++++++--------
 pnpm-lock.yaml                                |  2 +-
 5 files changed, 77 insertions(+), 26 deletions(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
index 7e861709390..966cc406bd2 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
@@ -1,9 +1,34 @@
 <script setup lang="ts">
-const cls = [`darg-verify-action`];
+import { computed, ref } from 'vue';
+
+const props = defineProps<{
+  isPassing: boolean;
+  toLeft: boolean;
+}>();
+const divRef = ref<HTMLDivElement>();
+const cls = computed(() => {
+  return {
+    'darg-verify-action': true,
+    'to-left': props.toLeft,
+  };
+});
+const left = ref('0px');
+
+defineExpose({
+  getEl: () => {
+    return divRef.value;
+  },
+  getStyle: () => {
+    return divRef.value && divRef.value && divRef.value.style;
+  },
+  setLeft: (val: string) => {
+    left.value = val;
+  },
+});
 </script>
 
 <template>
-  <div :class="cls">cc</div>
+  <div ref="divRef" :class="cls" :style="{ left }">cc</div>
 </template>
 
 <style scoped></style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
index e1617fbe5fa..82d1eefe306 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
@@ -1,5 +1,15 @@
 <script setup lang="ts">
-const cls = [`darg-verify-bar`];
+import { computed } from 'vue';
+
+const props = defineProps<{
+  toLeft: boolean;
+}>();
+const cls = computed(() => {
+  return {
+    'drag-verify-bar': true,
+    'to-left': props.toLeft,
+  };
+});
 </script>
 
 <template>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
index fba8e411da2..5f72f902ea9 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
@@ -1,14 +1,22 @@
 <script setup lang="ts">
-defineProps<{
+import { computed } from 'vue';
+
+const props = defineProps<{
+  isPassing: boolean;
   successText: string;
   text: string;
 }>();
 
-const cls = [`darg-verify-content`];
+const cls = computed(() => {
+  return {
+    'drag-verify-content': true,
+    success: props.isPassing,
+  };
+});
 </script>
 
 <template>
-  <div :class="cls">123</div>
+  <div :class="cls">{{ isPassing ? successText : text }}</div>
 </template>
 
 <style scoped></style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index 9100ede765b..374b195827b 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -4,7 +4,6 @@ import {
   type PropType,
   reactive,
   ref,
-  type Ref,
   unref,
   watch,
   watchEffect,
@@ -94,7 +93,7 @@ defineExpose({
 const wrapElRef = ref<HTMLDivElement>();
 const barElRef = ref<HTMLDivElement | null>(null);
 const contentElRef = ref<HTMLDivElement | null>(null);
-const actionElRef = ref(null) as Ref<HTMLDivElement | null>;
+const actionElRef = ref<typeof ActionCmp>();
 
 useEventListener({
   el: document,
@@ -182,12 +181,12 @@ function handleDragStart(e: MouseEvent | TouchEvent) {
   if (state.isPassing) {
     return;
   }
-  const actionEl = unref(actionElRef);
-  if (!actionEl) return;
+  if (!actionElRef.value) return;
   emit('start', e);
+
   state.moveDistance =
     getEventPageX(e) -
-    Number.parseInt(actionEl.style.left.replace('px', ''), 10);
+    Number.parseInt(actionElRef.value.getStyle().left.replace('px', ''), 10);
   state.startTime = Date.now();
   state.isMoving = true;
 }
@@ -203,10 +202,12 @@ function getOffset(el: HTMLDivElement) {
 function handleDragMoving(e: MouseEvent | TouchEvent) {
   const { isMoving, moveDistance } = state;
   if (isMoving) {
+    // eslint-disable-next-line no-console
+    console.log('isMoving', isMoving);
     const actionEl = unref(actionElRef);
     const barEl = unref(barElRef);
     if (!actionEl || !barEl) return;
-    const { actionWidth, offset, widthNum } = getOffset(actionEl);
+    const { actionWidth, offset, widthNum } = getOffset(actionEl.getEl());
     const moveX = getEventPageX(e) - moveDistance;
 
     emit('move', {
@@ -215,10 +216,10 @@ function handleDragMoving(e: MouseEvent | TouchEvent) {
       moveX,
     });
     if (moveX > 0 && moveX <= offset) {
-      actionEl.style.left = `${moveX}px`;
+      actionEl.setLeft(`${moveX}px`);
       barEl.style.width = `${moveX + actionWidth / 2}px`;
     } else if (moveX > offset) {
-      actionEl.style.left = `${widthNum - actionWidth}px`;
+      actionEl.setLeft(`${widthNum - actionWidth}px`);
       barEl.style.width = `${widthNum - actionWidth / 2}px`;
       if (!props.isSlot) {
         checkPass();
@@ -231,11 +232,11 @@ function handleDragOver(e: MouseEvent | TouchEvent) {
   const { isMoving, isPassing, moveDistance } = state;
   if (isMoving && !isPassing) {
     emit('end', e);
-    const actionEl = unref(actionElRef);
+    const actionEl = actionElRef.value;
     const barEl = unref(barElRef);
     if (!actionEl || !barEl) return;
     const moveX = getEventPageX(e) - moveDistance;
-    const { actionWidth, offset, widthNum } = getOffset(actionEl);
+    const { actionWidth, offset, widthNum } = getOffset(actionEl.getEl());
     if (moveX < offset) {
       if (props.isSlot) {
         setTimeout(() => {
@@ -252,7 +253,7 @@ function handleDragOver(e: MouseEvent | TouchEvent) {
         resume();
       }
     } else {
-      actionEl.style.left = `${widthNum - actionWidth}px`;
+      actionEl.setLeft(`${widthNum - actionWidth}px`);
       barEl.style.width = `${widthNum - actionWidth / 2}px`;
       checkPass();
     }
@@ -284,7 +285,7 @@ function resume() {
   state.toLeft = true;
   useTimeoutFn(() => {
     state.toLeft = false;
-    actionEl.style.left = '0';
+    actionEl.setLeft('0px');
     barEl.style.width = '0';
     //  The time is consistent with the animation time
   }, 300);
@@ -297,16 +298,23 @@ function resume() {
     ref="wrapElRef"
     :style="getWrapStyleRef"
     class="darg-verify"
-    @onMouseleave="handleDragOver"
-    @onMousemove="handleDragMoving"
-    @onMouseup="handleDragOver"
-    @onTouchend="handleDragOver"
-    @onTouchmove="handleDragMoving"
+    @mouseleave="handleDragOver"
+    @mousemove="handleDragMoving"
+    @mouseup="handleDragOver"
+    @touchend="handleDragOver"
+    @touchmove="handleDragMoving"
   >
-    <BarCmp :style="getBarStyleRef" />
-    <ContentCmp :success-text="successText" :text="text" />
+    <BarCmp :style="getBarStyleRef" :to-left="state.toLeft" />
+    <ContentCmp
+      :is-passing="state.isPassing"
+      :success-text="successText"
+      :text="text"
+    />
     <ActionCmp
+      ref="actionElRef"
+      :is-passing="state.isPassing"
       :style="getActionStyleRef"
+      :to-left="state.toLeft"
       @mousedown="handleDragStart"
       @touchstart="handleDragStart"
     />
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 500c1c62b56..6daa7e8848c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -988,7 +988,7 @@ importers:
         version: link:../../types
       '@vueuse/core':
         specifier: ^11.0.3
-        version: 11.0.3(vue@3.5.4(typescript@5.6.2))
+        version: 11.0.3(vue@3.5.5(typescript@5.6.2))
       '@vueuse/integrations':
         specifier: ^11.0.3
         version: 11.0.3(async-validator@4.2.5)(axios@1.7.7)(focus-trap@7.5.4)(nprogress@0.2.0)(qrcode@1.5.4)(sortablejs@1.15.3)(vue@3.5.5(typescript@5.6.2))

From d535c354c30ff522492304757dced8fc7cdc93c4 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sat, 14 Sep 2024 15:19:48 +0800
Subject: [PATCH 05/24] =?UTF-8?q?chore:=20=E6=8B=86=E5=88=86=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=E6=8B=96=E6=8B=BD=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/verify/drag-verify/action.vue  | 19 ++++++-
 .../src/components/verify/drag-verify/bar.vue | 15 +++++-
 .../components/verify/drag-verify/content.vue | 29 ++++++++++-
 .../components/verify/drag-verify/index.vue   | 49 ++++++-------------
 4 files changed, 71 insertions(+), 41 deletions(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
index 966cc406bd2..31d702d6cab 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
@@ -1,7 +1,9 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue';
+import { computed, type CSSProperties, ref } from 'vue';
 
 const props = defineProps<{
+  actionStyle: CSSProperties;
+  height: number | string;
   isPassing: boolean;
   toLeft: boolean;
 }>();
@@ -12,7 +14,18 @@ const cls = computed(() => {
     'to-left': props.toLeft,
   };
 });
+
 const left = ref('0px');
+const style = computed(() => {
+  const { actionStyle, height } = props;
+  const h = `${Number.parseInt(height as string)}px`;
+  return {
+    height: h,
+    left: left.value,
+    width: h,
+    ...actionStyle,
+  };
+});
 
 defineExpose({
   getEl: () => {
@@ -28,7 +41,9 @@ defineExpose({
 </script>
 
 <template>
-  <div ref="divRef" :class="cls" :style="{ left }">cc</div>
+  <div ref="divRef" :class="cls" :style="style">
+    {{ left }}
+  </div>
 </template>
 
 <style scoped></style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
index 82d1eefe306..fb61c64ac2c 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
@@ -1,19 +1,30 @@
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, ref } from 'vue';
 
 const props = defineProps<{
   toLeft: boolean;
 }>();
+const divRef = ref<HTMLDivElement>();
+const width = ref('0px');
 const cls = computed(() => {
   return {
     'drag-verify-bar': true,
     'to-left': props.toLeft,
   };
 });
+
+defineExpose({
+  getEl: () => {
+    return divRef.value;
+  },
+  setWidth: (val: string) => {
+    width.value = val;
+  },
+});
 </script>
 
 <template>
-  <div :class="cls"></div>
+  <div ref="divRef" :class="cls" :style="{ width }"></div>
 </template>
 
 <style scoped></style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
index 5f72f902ea9..b24203a9394 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
@@ -1,10 +1,13 @@
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, type CSSProperties, ref } from 'vue';
 
 const props = defineProps<{
+  contentStyle: CSSProperties;
+  height: number | string;
   isPassing: boolean;
   successText: string;
   text: string;
+  width: number | string;
 }>();
 
 const cls = computed(() => {
@@ -13,10 +16,32 @@ const cls = computed(() => {
     success: props.isPassing,
   };
 });
+
+const divRef = ref<HTMLDivElement>();
+
+const style = computed(() => {
+  const { contentStyle, height, width } = props;
+  const h = `${Number.parseInt(height as string)}px`;
+  const w = `${Number.parseInt(width as string)}px`;
+
+  return {
+    height: h,
+    width: w,
+    ...contentStyle,
+  };
+});
+
+defineExpose({
+  getEl: () => {
+    return divRef.value;
+  },
+});
 </script>
 
 <template>
-  <div :class="cls">{{ isPassing ? successText : text }}</div>
+  <div ref="divRef" :class="cls" :style="style">
+    {{ isPassing ? successText : text }}
+  </div>
 </template>
 
 <style scoped></style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index 374b195827b..1b497d860b7 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -91,8 +91,8 @@ defineExpose({
 });
 
 const wrapElRef = ref<HTMLDivElement>();
-const barElRef = ref<HTMLDivElement | null>(null);
-const contentElRef = ref<HTMLDivElement | null>(null);
+const barElRef = ref<typeof BarCmp>();
+const contentElRef = ref<typeof ContentCmp>();
 const actionElRef = ref<typeof ActionCmp>();
 
 useEventListener({
@@ -105,17 +105,6 @@ useEventListener({
   name: 'mouseup',
 });
 
-const getActionStyleRef = computed(() => {
-  const { actionStyle, height } = props;
-  const h = `${Number.parseInt(height as string)}px`;
-  return {
-    height: h,
-    left: 0,
-    width: h,
-    ...actionStyle,
-  };
-});
-
 const getWrapStyleRef = computed(() => {
   const { circle, height, width, wrapStyle } = props;
   const h = Number.parseInt(height as string);
@@ -139,18 +128,6 @@ const getBarStyleRef = computed(() => {
   };
 });
 
-const getContentStyleRef = computed(() => {
-  const { contentStyle, height, width } = props;
-  const h = `${Number.parseInt(height as string)}px`;
-  const w = `${Number.parseInt(width as string)}px`;
-
-  return {
-    height: h,
-    width: w,
-    ...contentStyle,
-  };
-});
-
 watch(
   () => state.isPassing,
   (isPassing) => {
@@ -202,8 +179,6 @@ function getOffset(el: HTMLDivElement) {
 function handleDragMoving(e: MouseEvent | TouchEvent) {
   const { isMoving, moveDistance } = state;
   if (isMoving) {
-    // eslint-disable-next-line no-console
-    console.log('isMoving', isMoving);
     const actionEl = unref(actionElRef);
     const barEl = unref(barElRef);
     if (!actionEl || !barEl) return;
@@ -217,10 +192,10 @@ function handleDragMoving(e: MouseEvent | TouchEvent) {
     });
     if (moveX > 0 && moveX <= offset) {
       actionEl.setLeft(`${moveX}px`);
-      barEl.style.width = `${moveX + actionWidth / 2}px`;
+      barEl.setWidth(`${moveX + actionWidth / 2}px`);
     } else if (moveX > offset) {
       actionEl.setLeft(`${widthNum - actionWidth}px`);
-      barEl.style.width = `${widthNum - actionWidth / 2}px`;
+      barEl.setWidth(`${widthNum - actionWidth / 2}px`);
       if (!props.isSlot) {
         checkPass();
       }
@@ -243,7 +218,7 @@ function handleDragOver(e: MouseEvent | TouchEvent) {
           if (props.value) {
             const contentEl = unref(contentElRef);
             if (contentEl) {
-              contentEl.style.width = `${Number.parseInt(barEl.style.width)}px`;
+              contentEl.style.width = `${Number.parseInt(barEl.getEl().style.width)}px`;
             }
           } else {
             resume();
@@ -254,7 +229,7 @@ function handleDragOver(e: MouseEvent | TouchEvent) {
       }
     } else {
       actionEl.setLeft(`${widthNum - actionWidth}px`);
-      barEl.style.width = `${widthNum - actionWidth / 2}px`;
+      barEl.setWidth(`${widthNum - actionWidth / 2}px`);
       checkPass();
     }
     state.isMoving = false;
@@ -286,10 +261,9 @@ function resume() {
   useTimeoutFn(() => {
     state.toLeft = false;
     actionEl.setLeft('0px');
-    barEl.style.width = '0';
+    barEl.setWidth('0px');
     //  The time is consistent with the animation time
   }, 300);
-  contentEl.style.width = unref(getContentStyleRef).width;
 }
 </script>
 
@@ -304,16 +278,21 @@ function resume() {
     @touchend="handleDragOver"
     @touchmove="handleDragMoving"
   >
-    <BarCmp :style="getBarStyleRef" :to-left="state.toLeft" />
+    <BarCmp ref="barElRef" :style="getBarStyleRef" :to-left="state.toLeft" />
     <ContentCmp
+      ref="contentElRef"
+      :content-style="contentStyle"
+      :height="height"
       :is-passing="state.isPassing"
       :success-text="successText"
       :text="text"
+      :width="width"
     />
     <ActionCmp
       ref="actionElRef"
+      :action-style="actionStyle"
+      :height="height"
       :is-passing="state.isPassing"
-      :style="getActionStyleRef"
       :to-left="state.toLeft"
       @mousedown="handleDragStart"
       @touchstart="handleDragStart"

From 03eb2028f4d70f4e45f14901eb4f6ff7f4015b0b Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sat, 14 Sep 2024 16:09:56 +0800
Subject: [PATCH 06/24] =?UTF-8?q?chore:=20=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E4=B8=BAtailwindcss=E8=AF=AD=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/verify/drag-verify/action.vue  |  13 +--
 .../src/components/verify/drag-verify/bar.vue |  23 +++-
 .../components/verify/drag-verify/content.vue |  45 ++++++--
 .../components/verify/drag-verify/index.vue   | 104 ++----------------
 4 files changed, 68 insertions(+), 117 deletions(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
index 31d702d6cab..aacb85c554d 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
@@ -8,12 +8,6 @@ const props = defineProps<{
   toLeft: boolean;
 }>();
 const divRef = ref<HTMLDivElement>();
-const cls = computed(() => {
-  return {
-    'darg-verify-action': true,
-    'to-left': props.toLeft,
-  };
-});
 
 const left = ref('0px');
 const style = computed(() => {
@@ -41,7 +35,12 @@ defineExpose({
 </script>
 
 <template>
-  <div ref="divRef" :class="cls" :style="style">
+  <div
+    ref="divRef"
+    :class="toLeft ? 'transition-width !left-0 duration-300' : ''"
+    :style="style"
+    class="absolute left-0 top-0 flex cursor-move items-center justify-center rounded-md bg-white"
+  >
     {{ left }}
   </div>
 </template>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
index fb61c64ac2c..c8dfeef36f5 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
@@ -1,15 +1,23 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue';
+import { computed, type CSSProperties, ref } from 'vue';
 
 const props = defineProps<{
+  barStyle: CSSProperties;
+  circle: boolean;
+  height: number | string;
   toLeft: boolean;
 }>();
 const divRef = ref<HTMLDivElement>();
 const width = ref('0px');
-const cls = computed(() => {
+
+const style = computed(() => {
+  const { barStyle, circle, height } = props;
+  const h = Number.parseInt(height as string);
   return {
-    'drag-verify-bar': true,
-    'to-left': props.toLeft,
+    borderRadius: circle ? `${h / 2}px 0 0 ${h / 2}px` : 0,
+    height: `${h}px`,
+    ...barStyle,
+    width: width.value,
   };
 });
 
@@ -24,7 +32,12 @@ defineExpose({
 </script>
 
 <template>
-  <div ref="divRef" :class="cls" :style="{ width }"></div>
+  <div
+    ref="divRef"
+    :class="props.toLeft ? 'transition-width !w-0 duration-300' : ''"
+    :style="style"
+    class="absolute h-9 w-0 rounded-md bg-green-600"
+  ></div>
 </template>
 
 <style scoped></style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
index b24203a9394..d28a4f4564f 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
@@ -10,13 +10,6 @@ const props = defineProps<{
   width: number | string;
 }>();
 
-const cls = computed(() => {
-  return {
-    'drag-verify-content': true,
-    success: props.isPassing,
-  };
-});
-
 const divRef = ref<HTMLDivElement>();
 
 const style = computed(() => {
@@ -39,9 +32,43 @@ defineExpose({
 </script>
 
 <template>
-  <div ref="divRef" :class="cls" :style="style">
+  <div
+    ref="divRef"
+    :class="{
+      [$style.content]: true,
+      [$style.success]: isPassing,
+      [$style.default]: !isPassing,
+    }"
+    :style="style"
+    class="absolute top-0 select-none text-xs"
+  >
     {{ isPassing ? successText : text }}
   </div>
 </template>
 
-<style scoped></style>
+<style module>
+@keyframes slidetounlock {
+  0% {
+    background-position: -120px 0;
+  }
+
+  100% {
+    background-position: 120px 0;
+  }
+}
+
+.content {
+  line-height: inherit !important;
+  background-clip: text;
+  animation: slidetounlock 3s infinite;
+  text-size-adjust: none;
+}
+
+.success {
+  -webkit-text-fill-color: white;
+}
+
+.default {
+  -webkit-text-fill-color: #333;
+}
+</style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index 1b497d860b7..515b2854d8f 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -118,16 +118,6 @@ const getWrapStyleRef = computed(() => {
   };
 });
 
-const getBarStyleRef = computed(() => {
-  const { barStyle, circle, height } = props;
-  const h = Number.parseInt(height as string);
-  return {
-    borderRadius: circle ? `${h / 2}px 0 0 ${h / 2}px` : 0,
-    height: `${h}px`,
-    ...barStyle,
-  };
-});
-
 watch(
   () => state.isPassing,
   (isPassing) => {
@@ -271,14 +261,20 @@ function resume() {
   <div
     ref="wrapElRef"
     :style="getWrapStyleRef"
-    class="darg-verify"
+    class="relative overflow-hidden rounded-md border border-gray-300 bg-gray-200 text-center"
     @mouseleave="handleDragOver"
     @mousemove="handleDragMoving"
     @mouseup="handleDragOver"
     @touchend="handleDragOver"
     @touchmove="handleDragMoving"
   >
-    <BarCmp ref="barElRef" :style="getBarStyleRef" :to-left="state.toLeft" />
+    <BarCmp
+      ref="barElRef"
+      :bar-style="barStyle"
+      :circle="circle"
+      :height="height"
+      :to-left="state.toLeft"
+    />
     <ContentCmp
       ref="contentElRef"
       :content-style="contentStyle"
@@ -299,87 +295,3 @@ function resume() {
     />
   </div>
 </template>
-<style lang="scss">
-$radius: 4px;
-
-@keyframes slidetounlock {
-  0% {
-    background-position: -120px 0;
-  }
-
-  100% {
-    background-position: 120px 0;
-  }
-}
-
-.darg-verify {
-  position: relative;
-  overflow: hidden;
-  text-align: center;
-  background-color: rgb(238 238 238);
-  border: 1px solid #ddd;
-  border-radius: $radius;
-
-  &-bar {
-    position: absolute;
-    width: 0;
-    height: 36px;
-    background-color: green;
-    border-radius: $radius;
-
-    &.to-left {
-      width: 0 !important;
-      transition: width 0.3s;
-    }
-  }
-
-  &-content {
-    position: absolute;
-    top: 0;
-    font-size: 12px;
-    user-select: none;
-    background-color: -webkit-gradient(
-      linear,
-      left top,
-      right top,
-      color-stop(0, #333),
-      color-stop(0.4, #333),
-      color-stop(0.5, #fff),
-      color-stop(0.6, #333),
-      color-stop(1, #333)
-    );
-    background-clip: text;
-    animation: slidetounlock 3s infinite;
-    text-size-adjust: none;
-
-    &.success {
-      -webkit-text-fill-color: white;
-    }
-
-    & > * {
-      -webkit-text-fill-color: #333;
-    }
-  }
-
-  &-action {
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: move;
-    background-color: white;
-    border-radius: $radius;
-
-    &__icon {
-      cursor: inherit;
-    }
-
-    &.to-left {
-      left: 0 !important;
-      transition: left 0.3s;
-    }
-  }
-}
-</style>

From e976f588e05b77dd23ab2e95d3b14a565a8a340f Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sat, 14 Sep 2024 16:47:50 +0800
Subject: [PATCH 07/24] =?UTF-8?q?chore:=20=E5=AF=BC=E5=87=BAcheck=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/@core/base/icons/src/lucide.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/@core/base/icons/src/lucide.ts b/packages/@core/base/icons/src/lucide.ts
index 6e99dcf2150..592bd73c647 100644
--- a/packages/@core/base/icons/src/lucide.ts
+++ b/packages/@core/base/icons/src/lucide.ts
@@ -10,6 +10,7 @@ export {
   ArrowUpToLine,
   Bell,
   BookOpenText,
+  Check,
   ChevronDown,
   ChevronLeft,
   ChevronRight,

From fb62ffe8f4947239b4418cb0dbd5ae6f923cd869 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sat, 14 Sep 2024 16:48:39 +0800
Subject: [PATCH 08/24] =?UTF-8?q?chore:=20=E6=8B=96=E5=8A=A8=E7=9A=84?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E5=8F=98=E4=B8=BA@vben/icons=E7=9A=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common-ui/src/components/verify/drag-verify/action.vue   | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
index aacb85c554d..3b5ce1ba9f5 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { computed, type CSSProperties, ref } from 'vue';
 
+import { Check, ChevronsRight } from '@vben/icons';
+
 const props = defineProps<{
   actionStyle: CSSProperties;
   height: number | string;
@@ -41,7 +43,8 @@ defineExpose({
     :style="style"
     class="absolute left-0 top-0 flex cursor-move items-center justify-center rounded-md bg-white"
   >
-    {{ left }}
+    <ChevronsRight v-if="!isPassing" />
+    <Check v-else />
   </div>
 </template>
 

From 986e188cd819066753a384c8109cd7e808b1a649 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sat, 14 Sep 2024 17:49:19 +0800
Subject: [PATCH 09/24] =?UTF-8?q?chore:=20=E5=AE=8C=E6=88=90=E6=8F=92?=
 =?UTF-8?q?=E6=A7=BD=E5=8A=9F=E8=83=BD=E8=BF=81=E7=A7=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/verify/drag-verify/action.vue  |  8 ++-
 .../components/verify/drag-verify/content.vue |  8 ++-
 .../components/verify/drag-verify/index.vue   | 13 +++-
 .../examples/verify/drag-verify/index.vue     | 69 +++++++++++++++++--
 4 files changed, 83 insertions(+), 15 deletions(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
index 3b5ce1ba9f5..ec60279acfa 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
@@ -43,8 +43,12 @@ defineExpose({
     :style="style"
     class="absolute left-0 top-0 flex cursor-move items-center justify-center rounded-md bg-white"
   >
-    <ChevronsRight v-if="!isPassing" />
-    <Check v-else />
+    <slot v-if="$slots.icon" name="icon"></slot>
+
+    <template v-else>
+      <ChevronsRight v-if="!isPassing" />
+      <Check v-else />
+    </template>
   </div>
 </template>
 
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
index d28a4f4564f..3ba6319db2d 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
@@ -40,9 +40,12 @@ defineExpose({
       [$style.default]: !isPassing,
     }"
     :style="style"
-    class="absolute top-0 select-none text-xs"
+    class="absolute top-0 flex select-none items-center justify-center text-xs"
   >
-    {{ isPassing ? successText : text }}
+    <slot v-if="$slots.text" name="text"></slot>
+    <template v-else>
+      {{ isPassing ? successText : text }}
+    </template>
   </div>
 </template>
 
@@ -58,7 +61,6 @@ defineExpose({
 }
 
 .content {
-  line-height: inherit !important;
   background-clip: text;
   animation: slidetounlock 3s infinite;
   text-size-adjust: none;
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index 515b2854d8f..e6180ac0708 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -252,7 +252,6 @@ function resume() {
     state.toLeft = false;
     actionEl.setLeft('0px');
     barEl.setWidth('0px');
-    //  The time is consistent with the animation time
   }, 300);
 }
 </script>
@@ -283,7 +282,11 @@ function resume() {
       :success-text="successText"
       :text="text"
       :width="width"
-    />
+    >
+      <template v-if="$slots.text" #text>
+        <slot :is-passing="state.isPassing" name="text"></slot>
+      </template>
+    </ContentCmp>
     <ActionCmp
       ref="actionElRef"
       :action-style="actionStyle"
@@ -292,6 +295,10 @@ function resume() {
       :to-left="state.toLeft"
       @mousedown="handleDragStart"
       @touchstart="handleDragStart"
-    />
+    >
+      <template v-if="$slots.actionIcon" #icon>
+        <slot :is-passing="state.isPassing" name="actionIcon"></slot>
+      </template>
+    </ActionCmp>
   </div>
 </template>
diff --git a/playground/src/views/examples/verify/drag-verify/index.vue b/playground/src/views/examples/verify/drag-verify/index.vue
index 823b839e6d7..32e6ef95b04 100644
--- a/playground/src/views/examples/verify/drag-verify/index.vue
+++ b/playground/src/views/examples/verify/drag-verify/index.vue
@@ -7,8 +7,9 @@ import {
   Page,
   type VerifyPassingData,
 } from '@vben/common-ui';
+import { Bell, Github } from '@vben/icons';
 
-import { Button, message } from 'ant-design-vue';
+import { Button, Card, message } from 'ant-design-vue';
 
 function handleSuccess(data: VerifyPassingData) {
   const { time } = data;
@@ -22,15 +23,69 @@ function handleBtnClick(elRef?: DragVerifyActionType) {
 }
 
 const el1 = ref<DragVerifyActionType>();
+const el2 = ref<DragVerifyActionType>();
+const el3 = ref<DragVerifyActionType>();
+const el4 = ref<DragVerifyActionType>();
+const el5 = ref<DragVerifyActionType>();
 </script>
 
 <template>
   <Page title="拖动校验示例">
-    <div class="flex items-center justify-center p-4">
-      <DragVerify ref="el1" @success="handleSuccess" />
-      <Button class="ml-2" type="primary" @click="handleBtnClick(el1)">
-        还原
-      </Button>
-    </div>
+    <Card>
+      <div class="flex items-center justify-center p-4">
+        <DragVerify ref="el1" @success="handleSuccess" />
+        <Button class="ml-2" type="primary" @click="handleBtnClick(el1)">
+          还原
+        </Button>
+      </div>
+      <div class="flex items-center justify-center p-4">
+        <DragVerify ref="el2" circle @success="handleSuccess" />
+        <Button class="ml-2" type="primary" @click="handleBtnClick(el2)">
+          还原
+        </Button>
+      </div>
+      <div class="flex items-center justify-center p-4">
+        <DragVerify
+          ref="el3"
+          :bar-style="{
+            backgroundColor: '#018ffb',
+          }"
+          success-text="校验成功"
+          text="拖动以进行校验"
+          @success="handleSuccess"
+        />
+        <Button class="ml-2" type="primary" @click="handleBtnClick(el3)">
+          还原
+        </Button>
+      </div>
+      <div class="flex items-center justify-center p-4">
+        <DragVerify ref="el4" @success="handleSuccess">
+          <template #actionIcon="{ isPassing }">
+            <Bell v-if="isPassing" />
+            <Github v-else />
+          </template>
+        </DragVerify>
+        <Button class="ml-2" type="primary" @click="handleBtnClick(el4)">
+          还原
+        </Button>
+      </div>
+      <div class="flex items-center justify-center p-4">
+        <DragVerify ref="el5" @success="handleSuccess">
+          <template #text="{ isPassing }">
+            <template v-if="isPassing">
+              <Bell />
+              成功
+            </template>
+            <template v-else>
+              拖动
+              <Github />
+            </template>
+          </template>
+        </DragVerify>
+        <Button class="ml-2" type="primary" @click="handleBtnClick(el5)">
+          还原
+        </Button>
+      </div>
+    </Card>
   </Page>
 </template>

From 15023e12daa5fd06721a890bea08d818684726ab Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sat, 14 Sep 2024 17:55:10 +0800
Subject: [PATCH 10/24] fix: ci error

---
 .../common-ui/src/components/verify/drag-verify/index.vue       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index e6180ac0708..6f801f38cdd 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -208,7 +208,7 @@ function handleDragOver(e: MouseEvent | TouchEvent) {
           if (props.value) {
             const contentEl = unref(contentElRef);
             if (contentEl) {
-              contentEl.style.width = `${Number.parseInt(barEl.getEl().style.width)}px`;
+              contentEl.getEl().style.width = `${Number.parseInt(barEl.getEl().style.width)}px`;
             }
           } else {
             resume();

From b7fbfa3a60367f2ae5b58c854092b4090b273718 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sat, 14 Sep 2024 18:07:38 +0800
Subject: [PATCH 11/24] =?UTF-8?q?chore:=20=E9=80=82=E9=85=8D=E6=9A=97?=
 =?UTF-8?q?=E9=BB=91=E4=B8=BB=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common-ui/src/components/verify/drag-verify/action.vue   | 3 ++-
 .../common-ui/src/components/verify/drag-verify/content.vue  | 5 -----
 .../common-ui/src/components/verify/drag-verify/index.vue    | 3 ++-
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
index ec60279acfa..6e8c00ab457 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
@@ -16,6 +16,7 @@ const style = computed(() => {
   const { actionStyle, height } = props;
   const h = `${Number.parseInt(height as string)}px`;
   return {
+    background: 'hsl(var(--background))',
     height: h,
     left: left.value,
     width: h,
@@ -41,7 +42,7 @@ defineExpose({
     ref="divRef"
     :class="toLeft ? 'transition-width !left-0 duration-300' : ''"
     :style="style"
-    class="absolute left-0 top-0 flex cursor-move items-center justify-center rounded-md bg-white"
+    class="absolute left-0 top-0 flex cursor-move items-center justify-center rounded-md"
   >
     <slot v-if="$slots.icon" name="icon"></slot>
 
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
index 3ba6319db2d..21a82c28f0e 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
@@ -37,7 +37,6 @@ defineExpose({
     :class="{
       [$style.content]: true,
       [$style.success]: isPassing,
-      [$style.default]: !isPassing,
     }"
     :style="style"
     class="absolute top-0 flex select-none items-center justify-center text-xs"
@@ -69,8 +68,4 @@ defineExpose({
 .success {
   -webkit-text-fill-color: white;
 }
-
-.default {
-  -webkit-text-fill-color: #333;
-}
 </style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index 6f801f38cdd..3470197a03c 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -110,6 +110,7 @@ const getWrapStyleRef = computed(() => {
   const h = Number.parseInt(height as string);
   const w = `${Number.parseInt(width as string)}px`;
   return {
+    backgroundColor: 'hsl(var(--background-deep))',
     borderRadius: circle ? `${h / 2}px` : 0,
     height: `${h}px`,
     lineHeight: `${h}px`,
@@ -260,7 +261,7 @@ function resume() {
   <div
     ref="wrapElRef"
     :style="getWrapStyleRef"
-    class="relative overflow-hidden rounded-md border border-gray-300 bg-gray-200 text-center"
+    class="relative overflow-hidden rounded-md border border-gray-300 text-center"
     @mouseleave="handleDragOver"
     @mousemove="handleDragMoving"
     @mouseup="handleDragOver"

From 17d827d90586391716229893de6fdeba633c33e4 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Sat, 14 Sep 2024 18:15:47 +0800
Subject: [PATCH 12/24] =?UTF-8?q?chore:=20=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 playground/src/locales/langs/en-US.json          | 6 ++++++
 playground/src/locales/langs/zh-CN.json          | 6 ++++++
 playground/src/router/routes/modules/examples.ts | 6 +++---
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/playground/src/locales/langs/en-US.json b/playground/src/locales/langs/en-US.json
index 95f3c8831b6..38aab840350 100644
--- a/playground/src/locales/langs/en-US.json
+++ b/playground/src/locales/langs/en-US.json
@@ -102,6 +102,12 @@
         "timestamp": "Timestamp:",
         "x": "x:",
         "y": "y:"
+      },
+      "verify": {
+        "title": "Verify",
+        "drag-verify": {
+          "title": "Drag Verify"
+        }
       }
     }
   }
diff --git a/playground/src/locales/langs/zh-CN.json b/playground/src/locales/langs/zh-CN.json
index 91d4962c2b0..bae489cdd3e 100644
--- a/playground/src/locales/langs/zh-CN.json
+++ b/playground/src/locales/langs/zh-CN.json
@@ -102,6 +102,12 @@
         "timestamp": "时间戳：",
         "x": "x：",
         "y": "y："
+      },
+      "verify": {
+        "title": "验证组件",
+        "drag-verify": {
+          "title": "拖动验证"
+        }
       }
     }
   }
diff --git a/playground/src/router/routes/modules/examples.ts b/playground/src/router/routes/modules/examples.ts
index 1e53131cc40..727bb1c22e3 100644
--- a/playground/src/router/routes/modules/examples.ts
+++ b/playground/src/router/routes/modules/examples.ts
@@ -105,8 +105,8 @@ const routes: RouteRecordRaw[] = [
         name: 'VerifyExample',
         path: '/examples/verify',
         meta: {
-          icon: 'logos:recaptcha',
-          title: '验证组件',
+          icon: 'arcticons:okta-verify',
+          title: $t('page.examples.verify.title'),
         },
         children: [
           {
@@ -115,7 +115,7 @@ const routes: RouteRecordRaw[] = [
             component: () =>
               import('#/views/examples/verify/drag-verify/index.vue'),
             meta: {
-              title: '拖拽校验',
+              title: $t('page.examples.verify.drag-verify.title'),
             },
           },
         ],

From b61cdf876bf5bde71881e943c71d0a9c9b435f77 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Thu, 19 Sep 2024 14:35:30 +0800
Subject: [PATCH 13/24] chore: resolve conflict

---
 packages/effects/common-ui/package.json | 1 +
 pnpm-lock.yaml                          | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/effects/common-ui/package.json b/packages/effects/common-ui/package.json
index a9cd03a4df6..34929543834 100644
--- a/packages/effects/common-ui/package.json
+++ b/packages/effects/common-ui/package.json
@@ -27,6 +27,7 @@
     "@vben/icons": "workspace:*",
     "@vben/locales": "workspace:*",
     "@vben/types": "workspace:*",
+    "@vueuse/core": "^11.1.0",
     "@vueuse/integrations": "^11.1.0",
     "qrcode": "^1.5.4",
     "vue": "^3.5.6",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1f74d17716c..57ed250db4d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -990,8 +990,8 @@ importers:
         specifier: workspace:*
         version: link:../../types
       '@vueuse/core':
-        specifier: ^11.0.3
-        version: 11.0.3(vue@3.5.5(typescript@5.6.2))
+        specifier: ^11.1.0
+        version: 11.1.0(vue@3.5.6(typescript@5.6.2))
       '@vueuse/integrations':
         specifier: ^11.1.0
         version: 11.1.0(async-validator@4.2.5)(axios@1.7.7)(focus-trap@7.5.4)(nprogress@0.2.0)(qrcode@1.5.4)(sortablejs@1.15.3)(vue@3.5.6(typescript@5.6.2))

From 306398d6c2db53605a081df9eba4b52809ed956c Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Thu, 19 Sep 2024 15:03:34 +0800
Subject: [PATCH 14/24] =?UTF-8?q?chore:=20=E8=BF=81=E7=A7=BBv2=E7=9A=84?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=97=8B=E8=BD=AC=E6=A0=A1=E9=AA=8C=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/verify/drag-verify/index.vue   |  63 +------
 .../components/verify/img-rotate/index.vue    | 154 ++++++++++++++++++
 .../common-ui/src/components/verify/props.ts  |  85 ++++++++++
 3 files changed, 242 insertions(+), 60 deletions(-)
 create mode 100644 packages/effects/common-ui/src/components/verify/img-rotate/index.vue
 create mode 100644 packages/effects/common-ui/src/components/verify/props.ts

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index 3470197a03c..07c0b9a858a 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -1,72 +1,15 @@
 <script setup lang="ts">
-import {
-  computed,
-  type PropType,
-  reactive,
-  ref,
-  unref,
-  watch,
-  watchEffect,
-} from 'vue';
+import { computed, reactive, ref, unref, watch, watchEffect } from 'vue';
 
 import { useTimeoutFn } from '@vueuse/core';
 
+import { basicProps } from '../props';
 import { useEventListener } from '../use-event-listener';
 import ActionCmp from './action.vue';
 import BarCmp from './bar.vue';
 import ContentCmp from './content.vue';
 
-const props = defineProps({
-  actionStyle: {
-    default: () => ({}),
-    type: Object as PropType<any>,
-  },
-
-  barStyle: {
-    default: () => ({}),
-    type: Object as PropType<any>,
-  },
-
-  circle: {
-    default: false,
-    type: Boolean as PropType<boolean>,
-  },
-  contentStyle: {
-    default: () => ({}),
-    type: Object as PropType<any>,
-  },
-  height: {
-    default: 40,
-    type: [Number, String] as PropType<number | string>,
-  },
-
-  isSlot: {
-    default: false,
-    type: Boolean as PropType<boolean>,
-  },
-
-  successText: {
-    default: '验证通过',
-    type: [String] as PropType<string>,
-  },
-
-  text: {
-    default: '请按住滑块拖动',
-    type: [String] as PropType<string>,
-  },
-  value: {
-    default: false,
-    type: Boolean as PropType<boolean>,
-  },
-  width: {
-    default: 220,
-    type: [Number, String] as PropType<number | string>,
-  },
-  wrapStyle: {
-    default: () => ({}),
-    type: Object as PropType<any>,
-  },
-});
+const props = defineProps(basicProps);
 
 const emit = defineEmits([
   'success',
diff --git a/packages/effects/common-ui/src/components/verify/img-rotate/index.vue b/packages/effects/common-ui/src/components/verify/img-rotate/index.vue
new file mode 100644
index 00000000000..20ddc47d911
--- /dev/null
+++ b/packages/effects/common-ui/src/components/verify/img-rotate/index.vue
@@ -0,0 +1,154 @@
+<script setup lang="ts">
+import type { DragVerifyActionType, VerifyMoveData } from '../typing';
+
+import { computed, reactive, ref, unref, watch } from 'vue';
+
+import { useTimeoutFn } from '@vueuse/core';
+
+import DragVerify from '../drag-verify/index.vue';
+import { rotateProps } from '../props';
+
+const props = defineProps(rotateProps);
+const emit = defineEmits(['success', 'change', 'update:value']);
+const basicRef = ref<DragVerifyActionType | null>(null);
+const state = reactive({
+  currentRotate: 0,
+  draged: false,
+  endTime: 0,
+  imgStyle: {},
+  isPassing: false,
+  randomRotate: 0,
+  showTip: false,
+  startTime: 0,
+  toOrigin: false,
+});
+watch(
+  () => state.isPassing,
+  (isPassing) => {
+    if (isPassing) {
+      const { endTime, startTime } = state;
+      const time = (endTime - startTime) / 1000;
+      emit('success', { isPassing, time: time.toFixed(1) });
+      emit('change', isPassing);
+      emit('update:value', isPassing);
+    }
+  },
+);
+
+const getImgWrapStyleRef = computed(() => {
+  const { imgWidth, imgWrapStyle } = props;
+  return {
+    height: `${imgWidth}px`,
+    width: `${imgWidth}px`,
+    ...imgWrapStyle,
+  };
+});
+
+const getFactorRef = computed(() => {
+  const { maxDegree, minDegree } = props;
+  if (minDegree === maxDegree) {
+    return Math.floor(1 + Math.random() * 1) / 10 + 1;
+  }
+  return 1;
+});
+function handleStart() {
+  state.startTime = Date.now();
+}
+
+function handleDragBarMove(data: VerifyMoveData) {
+  state.draged = true;
+  const { height, imgWidth, maxDegree } = props;
+  const { moveX } = data;
+  const currentRotate = Math.ceil(
+    (moveX / (imgWidth! - Number.parseInt(height as string))) *
+      maxDegree! *
+      unref(getFactorRef),
+  );
+  state.currentRotate = currentRotate;
+  state.imgStyle = {
+    transform: `rotateZ(${state.randomRotate - currentRotate}deg)`,
+  };
+}
+
+function handleImgOnLoad() {
+  const { maxDegree, minDegree } = props;
+  const ranRotate = Math.floor(
+    minDegree! + Math.random() * (maxDegree! - minDegree!),
+  ); // 生成随机角度
+  state.randomRotate = ranRotate;
+  state.imgStyle = {
+    transform: `rotateZ(${ranRotate}deg)`,
+  };
+}
+
+function handleDragEnd() {
+  const { currentRotate, randomRotate } = state;
+  const { diffDegree } = props;
+
+  if (Math.abs(randomRotate - currentRotate) >= (diffDegree || 20)) {
+    state.imgStyle = {
+      transform: `rotateZ(${randomRotate}deg)`,
+    };
+    state.toOrigin = true;
+    useTimeoutFn(() => {
+      state.toOrigin = false;
+      state.showTip = true;
+      //  时间与动画时间保持一致
+    }, 300);
+  } else {
+    checkPass();
+  }
+  state.showTip = true;
+}
+function checkPass() {
+  state.isPassing = true;
+  state.endTime = Date.now();
+}
+
+function resume() {
+  state.showTip = false;
+  const basicEl = unref(basicRef);
+  if (!basicEl) {
+    return;
+  }
+  state.isPassing = false;
+
+  basicEl.resume();
+  handleImgOnLoad();
+}
+
+defineExpose({
+  resume,
+});
+</script>
+
+<template>
+  <div class="ir-dv">
+    <div :style="getImgWrapStyleRef" class="ir-dv-img__wrap"></div>
+    <span
+      v-if="state.showTip"
+      :class="[state.isPassing ? 'success' : 'error']"
+      class="ir-dv-img__tip"
+    >
+      {{
+        state.isPassing
+          ? `验证校验成功,耗时${state.endTime - state.startTime}秒！`
+          : '验证失败！'
+      }}
+    </span>
+    <span v-if="!state.showTip && !state.draged" class="ir-dv-img__tip normal">
+      点击图片可刷新
+    </span>
+
+    <DragVerify
+      ref="basicRef"
+      :value="state.isPassing"
+      class="ir-dv-drag__bar"
+      @end="handleDragEnd"
+      @move="handleDragBarMove"
+      @start="handleStart"
+    />
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/packages/effects/common-ui/src/components/verify/props.ts b/packages/effects/common-ui/src/components/verify/props.ts
new file mode 100644
index 00000000000..04094128c12
--- /dev/null
+++ b/packages/effects/common-ui/src/components/verify/props.ts
@@ -0,0 +1,85 @@
+import type { PropType } from 'vue';
+
+export const basicProps = {
+  actionStyle: {
+    default: () => ({}),
+    type: Object as PropType<any>,
+  },
+
+  barStyle: {
+    default: () => ({}),
+    type: Object as PropType<any>,
+  },
+
+  circle: {
+    default: false,
+    type: Boolean as PropType<boolean>,
+  },
+  contentStyle: {
+    default: () => ({}),
+    type: Object as PropType<any>,
+  },
+  height: {
+    default: 40,
+    type: [Number, String] as PropType<number | string>,
+  },
+
+  isSlot: {
+    default: false,
+    type: Boolean as PropType<boolean>,
+  },
+
+  successText: {
+    default: '验证通过',
+    type: [String] as PropType<string>,
+  },
+
+  text: {
+    default: '请按住滑块拖动',
+    type: [String] as PropType<string>,
+  },
+  value: {
+    default: false,
+    type: Boolean as PropType<boolean>,
+  },
+  width: {
+    default: 220,
+    type: [Number, String] as PropType<number | string>,
+  },
+  wrapStyle: {
+    default: () => ({}),
+    type: Object as PropType<any>,
+  },
+};
+
+export const rotateProps = {
+  ...basicProps,
+  diffDegree: {
+    default: 20,
+    type: Number as PropType<number>,
+  },
+
+  imgWidth: {
+    default: 260,
+    type: Number as PropType<number>,
+  },
+
+  imgWrapStyle: {
+    default: () => ({}),
+    type: Object as PropType<any>,
+  },
+
+  maxDegree: {
+    default: 270,
+    type: Number as PropType<number>,
+  },
+
+  minDegree: {
+    default: 90,
+    type: Number as PropType<number>,
+  },
+
+  src: {
+    type: String as PropType<string>,
+  },
+};

From ee76773d9e1deb0a0da96cc917043ce28388f8ee Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Thu, 19 Sep 2024 16:25:20 +0800
Subject: [PATCH 15/24] =?UTF-8?q?chore:=20=E5=AE=8C=E5=96=84=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E6=A0=A1=E9=AA=8Cdemo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common-ui/src/components/verify/index.ts  |   2 +
 .../{img-rotate => rotate-verify}/index.vue   | 106 +++++++++++++-----
 playground/src/locales/langs/en-US.json       |   3 +
 playground/src/locales/langs/zh-CN.json       |   3 +
 .../src/router/routes/modules/examples.ts     |   9 ++
 .../examples/verify/rotate-verify/index.vue   |  26 +++++
 6 files changed, 124 insertions(+), 25 deletions(-)
 rename packages/effects/common-ui/src/components/verify/{img-rotate => rotate-verify}/index.vue (63%)
 create mode 100644 playground/src/views/examples/verify/rotate-verify/index.vue

diff --git a/packages/effects/common-ui/src/components/verify/index.ts b/packages/effects/common-ui/src/components/verify/index.ts
index 991ba7a6be1..b96f54ec124 100644
--- a/packages/effects/common-ui/src/components/verify/index.ts
+++ b/packages/effects/common-ui/src/components/verify/index.ts
@@ -1,2 +1,4 @@
 export { default as DragVerify } from './drag-verify/index.vue';
+export { default as RotateVerify } from './rotate-verify/index.vue';
+
 export * from './typing';
diff --git a/packages/effects/common-ui/src/components/verify/img-rotate/index.vue b/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
similarity index 63%
rename from packages/effects/common-ui/src/components/verify/img-rotate/index.vue
rename to packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
index 20ddc47d911..469245b6420 100644
--- a/packages/effects/common-ui/src/components/verify/img-rotate/index.vue
+++ b/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
@@ -65,9 +65,7 @@ function handleDragBarMove(data: VerifyMoveData) {
       unref(getFactorRef),
   );
   state.currentRotate = currentRotate;
-  state.imgStyle = {
-    transform: `rotateZ(${state.randomRotate - currentRotate}deg)`,
-  };
+  setImgRotate(state.randomRotate - currentRotate);
 }
 
 function handleImgOnLoad() {
@@ -76,9 +74,7 @@ function handleImgOnLoad() {
     minDegree! + Math.random() * (maxDegree! - minDegree!),
   ); // 生成随机角度
   state.randomRotate = ranRotate;
-  state.imgStyle = {
-    transform: `rotateZ(${ranRotate}deg)`,
-  };
+  setImgRotate(ranRotate);
 }
 
 function handleDragEnd() {
@@ -86,9 +82,7 @@ function handleDragEnd() {
   const { diffDegree } = props;
 
   if (Math.abs(randomRotate - currentRotate) >= (diffDegree || 20)) {
-    state.imgStyle = {
-      transform: `rotateZ(${randomRotate}deg)`,
-    };
+    setImgRotate(randomRotate);
     state.toOrigin = true;
     useTimeoutFn(() => {
       state.toOrigin = false;
@@ -100,6 +94,13 @@ function handleDragEnd() {
   }
   state.showTip = true;
 }
+
+function setImgRotate(deg: number) {
+  state.imgStyle = {
+    transform: `rotateZ(${deg}deg)`,
+  };
+}
+
 function checkPass() {
   state.isPassing = true;
   state.endTime = Date.now();
@@ -117,28 +118,51 @@ function resume() {
   handleImgOnLoad();
 }
 
+const imgCls = computed(() => {
+  return state.toOrigin ? ['transition-transform duration-300'] : [];
+});
+
+const tip = computed(() => {
+  return state.isPassing
+    ? `验证校验成功,耗时${((state.endTime - state.startTime) / 1000).toFixed(1)}秒！`
+    : '验证失败！';
+});
+
 defineExpose({
   resume,
 });
 </script>
 
 <template>
-  <div class="ir-dv">
-    <div :style="getImgWrapStyleRef" class="ir-dv-img__wrap"></div>
-    <span
-      v-if="state.showTip"
-      :class="[state.isPassing ? 'success' : 'error']"
-      class="ir-dv-img__tip"
+  <div class="relative flex flex-col items-center">
+    <div
+      :style="getImgWrapStyleRef"
+      class="relative overflow-hidden rounded-full"
     >
-      {{
-        state.isPassing
-          ? `验证校验成功,耗时${state.endTime - state.startTime}秒！`
-          : '验证失败！'
-      }}
-    </span>
-    <span v-if="!state.showTip && !state.draged" class="ir-dv-img__tip normal">
-      点击图片可刷新
-    </span>
+      <img
+        :class="imgCls"
+        :src="src"
+        :style="state.imgStyle"
+        :width="parseInt(props.width as string)"
+        alt="verify"
+        class="w-full rounded-full"
+        @click="resume"
+        @load="handleImgOnLoad"
+      />
+      <span
+        v-if="state.showTip"
+        :class="[state.isPassing ? 'success' : 'error']"
+        class="ir-dv-img__tip"
+      >
+        {{ tip }}
+      </span>
+      <span
+        v-if="!state.showTip && !state.draged"
+        class="ir-dv-img__tip normal"
+      >
+        点击图片可刷新
+      </span>
+    </div>
 
     <DragVerify
       ref="basicRef"
@@ -151,4 +175,36 @@ defineExpose({
   </div>
 </template>
 
-<style scoped></style>
+<style lang="scss">
+.ir-dv {
+  &-img__tip {
+    position: absolute;
+    bottom: 10px;
+    left: 0;
+    z-index: 1;
+    display: block;
+    width: 100%;
+    height: 30px;
+    font-size: 12px;
+    line-height: 30px;
+    color: white;
+    text-align: center;
+
+    &.success {
+      background-color: green;
+    }
+
+    &.error {
+      background-color: red;
+    }
+
+    &.normal {
+      background-color: rgb(0 0 0 / 30%);
+    }
+  }
+
+  &-drag__bar {
+    margin-top: 20px;
+  }
+}
+</style>
diff --git a/playground/src/locales/langs/en-US.json b/playground/src/locales/langs/en-US.json
index 38aab840350..186a69f5061 100644
--- a/playground/src/locales/langs/en-US.json
+++ b/playground/src/locales/langs/en-US.json
@@ -107,6 +107,9 @@
         "title": "Verify",
         "drag-verify": {
           "title": "Drag Verify"
+        },
+        "rotate-verify": {
+          "title": "Rotate Verify"
         }
       }
     }
diff --git a/playground/src/locales/langs/zh-CN.json b/playground/src/locales/langs/zh-CN.json
index bae489cdd3e..9f6271d61f2 100644
--- a/playground/src/locales/langs/zh-CN.json
+++ b/playground/src/locales/langs/zh-CN.json
@@ -107,6 +107,9 @@
         "title": "验证组件",
         "drag-verify": {
           "title": "拖动验证"
+        },
+        "rotate-verify": {
+          "title": "旋转校验"
         }
       }
     }
diff --git a/playground/src/router/routes/modules/examples.ts b/playground/src/router/routes/modules/examples.ts
index 727bb1c22e3..59463e8648f 100644
--- a/playground/src/router/routes/modules/examples.ts
+++ b/playground/src/router/routes/modules/examples.ts
@@ -118,6 +118,15 @@ const routes: RouteRecordRaw[] = [
               title: $t('page.examples.verify.drag-verify.title'),
             },
           },
+          {
+            name: 'RotateVerifyExample',
+            path: '/examples/verify/rotate-verify',
+            component: () =>
+              import('#/views/examples/verify/rotate-verify/index.vue'),
+            meta: {
+              title: $t('page.examples.verify.rotate-verify.title'),
+            },
+          },
         ],
       },
     ],
diff --git a/playground/src/views/examples/verify/rotate-verify/index.vue b/playground/src/views/examples/verify/rotate-verify/index.vue
new file mode 100644
index 00000000000..9a98ce2972f
--- /dev/null
+++ b/playground/src/views/examples/verify/rotate-verify/index.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+
+import { Page, RotateVerify } from '@vben/common-ui';
+import { preferences } from '@vben/preferences';
+import { useUserStore } from '@vben/stores';
+
+import { message } from 'ant-design-vue';
+
+const userStore = useUserStore();
+function handleSuccess() {
+  message.success('success!');
+}
+
+const avatar = computed(() => {
+  return userStore.userInfo?.avatar || preferences.app.defaultAvatar;
+});
+</script>
+
+<template>
+  <Page title="旋转校验示例">
+    <div class="flex items-center justify-center p-4">
+      <RotateVerify :src="avatar" @success="handleSuccess" />
+    </div>
+  </Page>
+</template>

From 1497d4cf90710f273478c68913309abdd110b8c3 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Thu, 19 Sep 2024 16:33:14 +0800
Subject: [PATCH 16/24] =?UTF-8?q?chore:=20=E8=BD=AC=E6=8D=A2=E4=B8=BAtailw?=
 =?UTF-8?q?indcss?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/verify/rotate-verify/index.vue | 62 +++++++------------
 1 file changed, 21 insertions(+), 41 deletions(-)

diff --git a/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue b/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
index 469245b6420..3d204da44ad 100644
--- a/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
@@ -149,25 +149,25 @@ defineExpose({
         @click="resume"
         @load="handleImgOnLoad"
       />
-      <span
-        v-if="state.showTip"
-        :class="[state.isPassing ? 'success' : 'error']"
-        class="ir-dv-img__tip"
+      <div
+        class="absolute bottom-[10px] left-0 z-10 block h-[30px] w-full text-center text-xs leading-[30px] text-white"
       >
-        {{ tip }}
-      </span>
-      <span
-        v-if="!state.showTip && !state.draged"
-        class="ir-dv-img__tip normal"
-      >
-        点击图片可刷新
-      </span>
+        <div
+          v-if="state.showTip"
+          :class="[state.isPassing ? 'success' : 'error']"
+        >
+          {{ tip }}
+        </div>
+        <div v-if="!state.showTip && !state.draged" class="normal">
+          点击图片可刷新
+        </div>
+      </div>
     </div>
 
     <DragVerify
       ref="basicRef"
       :value="state.isPassing"
-      class="ir-dv-drag__bar"
+      class="mt-5"
       @end="handleDragEnd"
       @move="handleDragBarMove"
       @start="handleStart"
@@ -176,35 +176,15 @@ defineExpose({
 </template>
 
 <style lang="scss">
-.ir-dv {
-  &-img__tip {
-    position: absolute;
-    bottom: 10px;
-    left: 0;
-    z-index: 1;
-    display: block;
-    width: 100%;
-    height: 30px;
-    font-size: 12px;
-    line-height: 30px;
-    color: white;
-    text-align: center;
-
-    &.success {
-      background-color: green;
-    }
-
-    &.error {
-      background-color: red;
-    }
+.success {
+  background-color: green;
+}
 
-    &.normal {
-      background-color: rgb(0 0 0 / 30%);
-    }
-  }
+.error {
+  background-color: red;
+}
 
-  &-drag__bar {
-    margin-top: 20px;
-  }
+.normal {
+  background-color: rgb(0 0 0 / 30%);
 }
 </style>

From 17fb81c1444e1c84981da3c68bc457a171ce847f Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Thu, 19 Sep 2024 18:15:30 +0800
Subject: [PATCH 17/24] =?UTF-8?q?chore:=20=E6=9B=BF=E6=8D=A2=E4=B8=BA?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F=E7=9A=84=E9=A2=9C=E8=89=B2=E5=8F=98=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/verify/drag-verify/bar.vue |  3 ++-
 .../components/verify/rotate-verify/index.vue | 27 ++++++++-----------
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
index c8dfeef36f5..32cdac78b15 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
@@ -14,6 +14,7 @@ const style = computed(() => {
   const { barStyle, circle, height } = props;
   const h = Number.parseInt(height as string);
   return {
+    background: 'hsl(var(--success))',
     borderRadius: circle ? `${h / 2}px 0 0 ${h / 2}px` : 0,
     height: `${h}px`,
     ...barStyle,
@@ -36,7 +37,7 @@ defineExpose({
     ref="divRef"
     :class="props.toLeft ? 'transition-width !w-0 duration-300' : ''"
     :style="style"
-    class="absolute h-9 w-0 rounded-md bg-green-600"
+    class="absolute h-9 w-0 rounded-md"
   ></div>
 </template>
 
diff --git a/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue b/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
index 3d204da44ad..9aed3589c94 100644
--- a/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
@@ -154,18 +154,27 @@ defineExpose({
       >
         <div
           v-if="state.showTip"
-          :class="[state.isPassing ? 'success' : 'error']"
+          :style="{
+            backgroundColor: state.isPassing
+              ? 'hsl(var(--success))'
+              : 'hsl(var(--red-700))',
+          }"
         >
           {{ tip }}
         </div>
-        <div v-if="!state.showTip && !state.draged" class="normal">
+        <div
+          v-if="!state.showTip && !state.draged"
+          class="bg-[rgba(0,0,0,0.3)]"
+        >
           点击图片可刷新
         </div>
       </div>
     </div>
 
     <DragVerify
+      v-bind="props"
       ref="basicRef"
+      :is-slot="true"
       :value="state.isPassing"
       class="mt-5"
       @end="handleDragEnd"
@@ -174,17 +183,3 @@ defineExpose({
     />
   </div>
 </template>
-
-<style lang="scss">
-.success {
-  background-color: green;
-}
-
-.error {
-  background-color: red;
-}
-
-.normal {
-  background-color: rgb(0 0 0 / 30%);
-}
-</style>

From c1d79161a09bf64a3fc00b48b07df0adedc2d585 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Thu, 19 Sep 2024 18:32:57 +0800
Subject: [PATCH 18/24] =?UTF-8?q?chore:=20=E4=BD=BF=E7=94=A8interface?=
 =?UTF-8?q?=E4=BB=A3=E6=9B=BF=E7=BB=84=E4=BB=B6=E7=9A=84props=E5=A3=B0?=
 =?UTF-8?q?=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/verify/drag-verify/index.vue   | 16 ++++-
 .../common-ui/src/components/verify/props.ts  | 69 ++++++++++++++++++-
 2 files changed, 82 insertions(+), 3 deletions(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index 07c0b9a858a..591b9bce61c 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -3,13 +3,25 @@ import { computed, reactive, ref, unref, watch, watchEffect } from 'vue';
 
 import { useTimeoutFn } from '@vueuse/core';
 
-import { basicProps } from '../props';
+import { type VerifyProps } from '../props';
 import { useEventListener } from '../use-event-listener';
 import ActionCmp from './action.vue';
 import BarCmp from './bar.vue';
 import ContentCmp from './content.vue';
 
-const props = defineProps(basicProps);
+const props = withDefaults(defineProps<VerifyProps>(), {
+  actionStyle: () => ({}),
+  barStyle: () => ({}),
+  circle: false,
+  contentStyle: () => ({}),
+  height: '40',
+  isSlot: false,
+  successText: '验证通过',
+  text: '请按住滑块拖动',
+  value: false,
+  width: '220',
+  wrapStyle: () => ({}),
+});
 
 const emit = defineEmits([
   'success',
diff --git a/packages/effects/common-ui/src/components/verify/props.ts b/packages/effects/common-ui/src/components/verify/props.ts
index 04094128c12..0c549e4236f 100644
--- a/packages/effects/common-ui/src/components/verify/props.ts
+++ b/packages/effects/common-ui/src/components/verify/props.ts
@@ -1,4 +1,4 @@
-import type { PropType } from 'vue';
+import type { CSSProperties, PropType } from 'vue';
 
 export const basicProps = {
   actionStyle: {
@@ -83,3 +83,70 @@ export const rotateProps = {
     type: String as PropType<string>,
   },
 };
+
+export interface VerifyProps {
+  /**
+   * @description 滑块的样式
+   * @default {}
+   */
+  actionStyle?: CSSProperties;
+
+  /**
+   * @description 滑块条的样式
+   * @default {}
+   */
+  barStyle?: CSSProperties;
+
+  /**
+   * @description 内容的样式
+   * @default {}
+   */
+  contentStyle?: CSSProperties;
+
+  /**
+   * @description 组件的样式
+   * @default {}
+   */
+  wrapStyle?: CSSProperties;
+
+  /**
+   * @description 组件是否为圆角
+   * @default false
+   */
+  circle?: boolean;
+
+  /**
+   * @description 组件宽度
+   * @default 220px
+   */
+  width?: number | string;
+  /**
+   * @description 组件高度
+   * @default 40px
+   */
+  height?: number | string;
+
+  /**
+   * @description 是否作为插槽使用，用于联动组件，可参考旋转校验组件
+   * @default false
+   */
+  isSlot?: boolean;
+
+  /**
+   * @description 验证成功的提示
+   * @default '验证通过'
+   */
+  successText?: string;
+
+  /**
+   * @description 提示文字
+   * @default '请按住滑块拖动'
+   */
+  text?: string;
+
+  /**
+   * @description 是否验证成功
+   * @default false
+   */
+  value?: boolean;
+}

From 0af84eb7d3119f8c279157de6612980235a2588d Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Fri, 20 Sep 2024 10:58:14 +0800
Subject: [PATCH 19/24] =?UTF-8?q?chore:=20=E8=B0=83=E6=95=B4props?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/verify/drag-verify/index.vue   |  19 +--
 .../common-ui/src/components/verify/props.ts  | 151 ++++++++----------
 .../components/verify/rotate-verify/index.vue |  13 +-
 .../examples/verify/drag-verify/index.vue     |   6 +-
 .../examples/verify/rotate-verify/index.vue   |  12 +-
 pnpm-lock.yaml                                |   2 +-
 6 files changed, 96 insertions(+), 107 deletions(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index 591b9bce61c..9ed1ac62063 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -3,25 +3,16 @@ import { computed, reactive, ref, unref, watch, watchEffect } from 'vue';
 
 import { useTimeoutFn } from '@vueuse/core';
 
-import { type VerifyProps } from '../props';
+import { defaultDragVerifyProps, type VerifyProps } from '../props';
 import { useEventListener } from '../use-event-listener';
 import ActionCmp from './action.vue';
 import BarCmp from './bar.vue';
 import ContentCmp from './content.vue';
 
-const props = withDefaults(defineProps<VerifyProps>(), {
-  actionStyle: () => ({}),
-  barStyle: () => ({}),
-  circle: false,
-  contentStyle: () => ({}),
-  height: '40',
-  isSlot: false,
-  successText: '验证通过',
-  text: '请按住滑块拖动',
-  value: false,
-  width: '220',
-  wrapStyle: () => ({}),
-});
+const props = withDefaults(
+  defineProps<VerifyProps>(),
+  defaultDragVerifyProps(),
+);
 
 const emit = defineEmits([
   'success',
diff --git a/packages/effects/common-ui/src/components/verify/props.ts b/packages/effects/common-ui/src/components/verify/props.ts
index 0c549e4236f..6f65144a989 100644
--- a/packages/effects/common-ui/src/components/verify/props.ts
+++ b/packages/effects/common-ui/src/components/verify/props.ts
@@ -1,88 +1,4 @@
-import type { CSSProperties, PropType } from 'vue';
-
-export const basicProps = {
-  actionStyle: {
-    default: () => ({}),
-    type: Object as PropType<any>,
-  },
-
-  barStyle: {
-    default: () => ({}),
-    type: Object as PropType<any>,
-  },
-
-  circle: {
-    default: false,
-    type: Boolean as PropType<boolean>,
-  },
-  contentStyle: {
-    default: () => ({}),
-    type: Object as PropType<any>,
-  },
-  height: {
-    default: 40,
-    type: [Number, String] as PropType<number | string>,
-  },
-
-  isSlot: {
-    default: false,
-    type: Boolean as PropType<boolean>,
-  },
-
-  successText: {
-    default: '验证通过',
-    type: [String] as PropType<string>,
-  },
-
-  text: {
-    default: '请按住滑块拖动',
-    type: [String] as PropType<string>,
-  },
-  value: {
-    default: false,
-    type: Boolean as PropType<boolean>,
-  },
-  width: {
-    default: 220,
-    type: [Number, String] as PropType<number | string>,
-  },
-  wrapStyle: {
-    default: () => ({}),
-    type: Object as PropType<any>,
-  },
-};
-
-export const rotateProps = {
-  ...basicProps,
-  diffDegree: {
-    default: 20,
-    type: Number as PropType<number>,
-  },
-
-  imgWidth: {
-    default: 260,
-    type: Number as PropType<number>,
-  },
-
-  imgWrapStyle: {
-    default: () => ({}),
-    type: Object as PropType<any>,
-  },
-
-  maxDegree: {
-    default: 270,
-    type: Number as PropType<number>,
-  },
-
-  minDegree: {
-    default: 90,
-    type: Number as PropType<number>,
-  },
-
-  src: {
-    type: String as PropType<string>,
-  },
-};
+import type { CSSProperties } from 'vue';
 
 export interface VerifyProps {
   /**
@@ -150,3 +66,68 @@ export interface VerifyProps {
    */
   value?: boolean;
 }
+
+export interface RotateProps extends VerifyProps {
+  /**
+   * @description 旋转的角度
+   * @default 20
+   */
+  diffDegree?: number;
+
+  /**
+   * @description 图片的宽度
+   * @default 260
+   */
+  imgWidth?: number;
+
+  /**
+   * @description 图片的样式
+   * @default {}
+   */
+  imgWrapStyle?: CSSProperties;
+
+  /**
+   * @description 最大旋转角度
+   * @default 270
+   */
+  maxDegree?: number;
+
+  /**
+   * @description 最小旋转角度
+   * @default 90
+   */
+  minDegree?: number;
+
+  /**
+   * @description 图片的地址
+   */
+  src?: string;
+}
+
+export function defaultDragVerifyProps() {
+  return {
+    actionStyle: () => ({}),
+    barStyle: () => ({}),
+    circle: false,
+    contentStyle: () => ({}),
+    height: '40',
+    isSlot: false,
+    successText: '验证通过',
+    text: '请按住滑块拖动',
+    value: false,
+    width: '220',
+    wrapStyle: () => ({}),
+  };
+}
+
+export function defaultRotateVerifyProps() {
+  return {
+    ...defaultDragVerifyProps(),
+    diffDegree: 20,
+    imgWidth: 260,
+    imgWrapStyle: () => ({}),
+    maxDegree: 270,
+    minDegree: 90,
+    src: '',
+  };
+}
diff --git a/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue b/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
index 9aed3589c94..f460f8493ad 100644
--- a/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
@@ -6,9 +6,12 @@ import { computed, reactive, ref, unref, watch } from 'vue';
 import { useTimeoutFn } from '@vueuse/core';
 
 import DragVerify from '../drag-verify/index.vue';
-import { rotateProps } from '../props';
+import { defaultRotateVerifyProps, type RotateProps } from '../props';
 
-const props = defineProps(rotateProps);
+const props = withDefaults(
+  defineProps<RotateProps>(),
+  defaultRotateVerifyProps(),
+);
 const emit = defineEmits(['success', 'change', 'update:value']);
 const basicRef = ref<DragVerifyActionType | null>(null);
 const state = reactive({
@@ -180,6 +183,10 @@ defineExpose({
       @end="handleDragEnd"
       @move="handleDragBarMove"
       @start="handleStart"
-    />
+    >
+      <template v-for="(_, key) in $slots" :key="key" #[key]="slotProps">
+        <slot :name="key" v-bind="slotProps"></slot>
+      </template>
+    </DragVerify>
   </div>
 </template>
diff --git a/playground/src/views/examples/verify/drag-verify/index.vue b/playground/src/views/examples/verify/drag-verify/index.vue
index 32e6ef95b04..218005972c6 100644
--- a/playground/src/views/examples/verify/drag-verify/index.vue
+++ b/playground/src/views/examples/verify/drag-verify/index.vue
@@ -7,7 +7,7 @@ import {
   Page,
   type VerifyPassingData,
 } from '@vben/common-ui';
-import { Bell, Github } from '@vben/icons';
+import { Bell, Sun } from '@vben/icons';
 
 import { Button, Card, message } from 'ant-design-vue';
 
@@ -62,7 +62,7 @@ const el5 = ref<DragVerifyActionType>();
         <DragVerify ref="el4" @success="handleSuccess">
           <template #actionIcon="{ isPassing }">
             <Bell v-if="isPassing" />
-            <Github v-else />
+            <Sun v-else />
           </template>
         </DragVerify>
         <Button class="ml-2" type="primary" @click="handleBtnClick(el4)">
@@ -78,7 +78,7 @@ const el5 = ref<DragVerifyActionType>();
             </template>
             <template v-else>
               拖动
-              <Github />
+              <Sun />
             </template>
           </template>
         </DragVerify>
diff --git a/playground/src/views/examples/verify/rotate-verify/index.vue b/playground/src/views/examples/verify/rotate-verify/index.vue
index 9a98ce2972f..64ef8637537 100644
--- a/playground/src/views/examples/verify/rotate-verify/index.vue
+++ b/playground/src/views/examples/verify/rotate-verify/index.vue
@@ -2,6 +2,7 @@
 import { computed } from 'vue';
 
 import { Page, RotateVerify } from '@vben/common-ui';
+import { Bell, Sun } from '@vben/icons';
 import { preferences } from '@vben/preferences';
 import { useUserStore } from '@vben/stores';
 
@@ -20,7 +21,16 @@ const avatar = computed(() => {
 <template>
   <Page title="旋转校验示例">
     <div class="flex items-center justify-center p-4">
-      <RotateVerify :src="avatar" @success="handleSuccess" />
+      <RotateVerify
+        :src="avatar"
+        text="拖动以进行校验"
+        @success="handleSuccess"
+      >
+        <template #actionIcon="{ isPassing }">
+          <Bell v-if="isPassing" />
+          <Sun v-else />
+        </template>
+      </RotateVerify>
     </div>
   </Page>
 </template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 36af588bc6c..f05ebf42f6c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1461,7 +1461,7 @@ importers:
         specifier: workspace:*
         version: link:../../types
       '@vueuse/core':
-        specifier: ^11.1.0
+        specifier: 'catalog:'
         version: 11.1.0(vue@3.5.6(typescript@5.6.2))
       '@vueuse/integrations':
         specifier: 'catalog:'

From 11caf8caf3c38cd2b46fe4526c9cdf76bd78bdb8 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Fri, 20 Sep 2024 11:01:18 +0800
Subject: [PATCH 20/24] =?UTF-8?q?chore:=20=E4=BC=98=E5=8C=96demo=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/examples/verify/rotate-verify/index.vue       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/playground/src/views/examples/verify/rotate-verify/index.vue b/playground/src/views/examples/verify/rotate-verify/index.vue
index 64ef8637537..12a7f9d4067 100644
--- a/playground/src/views/examples/verify/rotate-verify/index.vue
+++ b/playground/src/views/examples/verify/rotate-verify/index.vue
@@ -6,7 +6,7 @@ import { Bell, Sun } from '@vben/icons';
 import { preferences } from '@vben/preferences';
 import { useUserStore } from '@vben/stores';
 
-import { message } from 'ant-design-vue';
+import { Card, message } from 'ant-design-vue';
 
 const userStore = useUserStore();
 function handleSuccess() {
@@ -20,7 +20,7 @@ const avatar = computed(() => {
 
 <template>
   <Page title="旋转校验示例">
-    <div class="flex items-center justify-center p-4">
+    <Card class="flex items-center justify-center p-4">
       <RotateVerify
         :src="avatar"
         text="拖动以进行校验"
@@ -31,6 +31,6 @@ const avatar = computed(() => {
           <Sun v-else />
         </template>
       </RotateVerify>
-    </div>
+    </Card>
   </Page>
 </template>

From 69e024fe5b6b8145e59b0f6c25ef354d024600b4 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Fri, 20 Sep 2024 12:02:52 +0800
Subject: [PATCH 21/24] chore: follow suggest

---
 .../components/verify/drag-verify/index.vue   | 16 ++---
 .../components/verify/rotate-verify/index.vue |  8 ++-
 .../components/verify/use-event-listener.ts   | 61 -------------------
 3 files changed, 9 insertions(+), 76 deletions(-)
 delete mode 100644 packages/effects/common-ui/src/components/verify/use-event-listener.ts

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index 9ed1ac62063..aacb6c868f2 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -4,7 +4,6 @@ import { computed, reactive, ref, unref, watch, watchEffect } from 'vue';
 import { useTimeoutFn } from '@vueuse/core';
 
 import { defaultDragVerifyProps, type VerifyProps } from '../props';
-import { useEventListener } from '../use-event-listener';
 import ActionCmp from './action.vue';
 import BarCmp from './bar.vue';
 import ContentCmp from './content.vue';
@@ -41,16 +40,6 @@ const barElRef = ref<typeof BarCmp>();
 const contentElRef = ref<typeof ContentCmp>();
 const actionElRef = ref<typeof ActionCmp>();
 
-useEventListener({
-  el: document,
-  listener: () => {
-    if (state.isMoving) {
-      resume();
-    }
-  },
-  name: 'mouseup',
-});
-
 const getWrapStyleRef = computed(() => {
   const { circle, height, width, wrapStyle } = props;
   const h = Number.parseInt(height as string);
@@ -100,7 +89,10 @@ function handleDragStart(e: MouseEvent | TouchEvent) {
 
   state.moveDistance =
     getEventPageX(e) -
-    Number.parseInt(actionElRef.value.getStyle().left.replace('px', ''), 10);
+    Number.parseInt(
+      actionElRef.value.getStyle().left.replace('px', '') || '0',
+      10,
+    );
   state.startTime = Date.now();
   state.isMoving = true;
 }
diff --git a/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue b/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
index f460f8493ad..1678961a22d 100644
--- a/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
@@ -62,10 +62,12 @@ function handleDragBarMove(data: VerifyMoveData) {
   state.draged = true;
   const { height, imgWidth, maxDegree } = props;
   const { moveX } = data;
+  const denominator = imgWidth! - Number.parseInt(height as string);
+  if (denominator === 0) {
+    return;
+  }
   const currentRotate = Math.ceil(
-    (moveX / (imgWidth! - Number.parseInt(height as string))) *
-      maxDegree! *
-      unref(getFactorRef),
+    (moveX / denominator) * maxDegree! * unref(getFactorRef),
   );
   state.currentRotate = currentRotate;
   setImgRotate(state.randomRotate - currentRotate);
diff --git a/packages/effects/common-ui/src/components/verify/use-event-listener.ts b/packages/effects/common-ui/src/components/verify/use-event-listener.ts
deleted file mode 100644
index 180023527d0..00000000000
--- a/packages/effects/common-ui/src/components/verify/use-event-listener.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import type { Ref } from 'vue';
-import { ref, unref, watch } from 'vue';
-
-import { useDebounceFn, useThrottleFn } from '@vueuse/core';
-
-export type RemoveEventFn = () => void;
-export interface UseEventParams {
-  el?: any | Element | Ref<Element | undefined> | Window;
-  name: string;
-  listener: EventListener;
-  options?: AddEventListenerOptions | boolean;
-  autoRemove?: boolean;
-  isDebounce?: boolean;
-  wait?: number;
-}
-export function useEventListener({
-  autoRemove = true,
-  el = window,
-  isDebounce = true,
-  listener,
-  name,
-  options,
-  wait = 80,
-}: UseEventParams): { removeEvent: RemoveEventFn } {
-  let remove: RemoveEventFn = () => {};
-  const isAddRef = ref(false);
-
-  if (el) {
-    const element = ref(el as Element) as Ref<Element>;
-
-    const handler = isDebounce
-      ? useDebounceFn(listener, wait)
-      : useThrottleFn(listener, wait);
-    const realHandler = wait ? handler : listener;
-    const removeEventListener = (e: Element) => {
-      isAddRef.value = true;
-      e.removeEventListener(name, realHandler, options);
-    };
-    const addEventListener = (e: Element) =>
-      e.addEventListener(name, realHandler, options);
-
-    const removeWatch = watch(
-      element,
-      (v, _ov, cleanUp) => {
-        if (v) {
-          !unref(isAddRef) && addEventListener(v);
-          cleanUp(() => {
-            autoRemove && removeEventListener(v);
-          });
-        }
-      },
-      { immediate: true },
-    );
-
-    remove = () => {
-      removeEventListener(element.value);
-      removeWatch();
-    };
-  }
-  return { removeEvent: remove };
-}

From 6a746dce9563441684668ac9f6c09e477118cac2 Mon Sep 17 00:00:00 2001
From: invalid w <wangjuesix@gmail.com>
Date: Fri, 20 Sep 2024 14:50:51 +0800
Subject: [PATCH 22/24] chore: rm unnecessary style tag

---
 .../common-ui/src/components/verify/drag-verify/action.vue      | 2 --
 .../effects/common-ui/src/components/verify/drag-verify/bar.vue | 2 --
 2 files changed, 4 deletions(-)

diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
index 6e8c00ab457..01347d3324f 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
@@ -52,5 +52,3 @@ defineExpose({
     </template>
   </div>
 </template>
-
-<style scoped></style>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
index 32cdac78b15..f607550f59e 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
@@ -40,5 +40,3 @@ defineExpose({
     class="absolute h-9 w-0 rounded-md"
   ></div>
 </template>
-
-<style scoped></style>

From d6b2bf8aaa54da8c5f305a831a21e3df99bea781 Mon Sep 17 00:00:00 2001
From: vben <ann.vben@gmail.com>
Date: Sat, 21 Sep 2024 15:07:24 +0800
Subject: [PATCH 23/24] chore: update demo

---
 README.ja-JP.md                                  |  4 ++--
 README.md                                        |  4 ++--
 README.zh-CN.md                                  |  4 ++--
 docs/.vitepress/config/shared.mts                |  6 +++---
 docs/src/commercial/community.md                 |  2 +-
 docs/src/commercial/customized.md                |  2 +-
 docs/src/en/guide/essentials/settings.md         |  4 ++--
 docs/src/en/index.md                             |  2 +-
 docs/src/friend-links/index.md                   |  4 ++--
 docs/src/guide/essentials/settings.md            |  4 ++--
 docs/src/index.md                                |  2 +-
 docs/src/sponsor/personal.md                     |  2 +-
 internal/vite-config/src/options.ts              |  4 ++--
 packages/@core/base/shared/src/constants/vben.ts |  2 +-
 .../__tests__/__snapshots__/config.test.ts.snap  |  4 ++--
 packages/@core/preferences/src/config.ts         |  4 ++--
 .../common-ui/src/components/captcha/index.ts    |  2 +-
 ...card.vue => point-selection-captcha-card.vue} |  4 ++--
 .../captcha/point-selection-captcha.vue          |  2 +-
 .../common-ui/src/components/captcha/types.ts    |  7 ++++---
 .../src/components/verify/drag-verify/index.vue  |  2 +-
 playground/src/views/examples/captcha/base64.ts  |  4 ----
 playground/src/views/examples/captcha/index.vue  | 16 ++++++++++------
 pnpm-lock.yaml                                   |  2 +-
 24 files changed, 47 insertions(+), 46 deletions(-)
 rename packages/effects/common-ui/src/components/captcha/{captcha-card.vue => point-selection-captcha-card.vue} (92%)
 delete mode 100644 playground/src/views/examples/captcha/base64.ts

diff --git a/README.ja-JP.md b/README.ja-JP.md
index 093585d8852..3565eb4df9a 100644
--- a/README.ja-JP.md
+++ b/README.ja-JP.md
@@ -1,4 +1,4 @@
-<div align="center"> <a href="https://github.com/anncwb/vue-vben-admin"> <img alt="VbenAdmin Logo" width="215" src="https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp"> </a> <br> <br>
+<div align="center"> <a href="https://github.com/anncwb/vue-vben-admin"> <img alt="VbenAdmin Logo" width="215" src="https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp"> </a> <br> <br>
 
 [![license](https://img.shields.io/github/license/anncwb/vue-vben-admin.svg)](LICENSE)
 
@@ -129,7 +129,7 @@ pnpm build
 
 このプロジェクトが役に立つと思われた場合、作者にコーヒーを一杯おごってサポートを示すことができます！
 
-![donate](https://unpkg.com/@vbenjs/static-source@0.1.6/source/sponsor.png)
+![donate](https://unpkg.com/@vbenjs/static-source@0.1.7/source/sponsor.png)
 
 <a style="display: block;width: 100px;height: 50px;line-height: 50px; color: #fff;text-align: center; background: #408aed;border-radius: 4px;" href="https://www.paypal.com/paypalme/cvvben">Paypal Me</a>
 
diff --git a/README.md b/README.md
index 0f58308ca47..45f75501d30 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-<div align="center"> <a href="https://github.com/anncwb/vue-vben-admin"> <img alt="VbenAdmin Logo" width="215" src="https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp"> </a> <br> <br>
+<div align="center"> <a href="https://github.com/anncwb/vue-vben-admin"> <img alt="VbenAdmin Logo" width="215" src="https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp"> </a> <br> <br>
 
 [![license](https://img.shields.io/github/license/anncwb/vue-vben-admin.svg)](LICENSE)
 
@@ -128,7 +128,7 @@ Support modern browsers, not IE
 
 If you think this project is helpful to you, you can help the author buy a cup of coffee to show your support!
 
-![donate](https://unpkg.com/@vbenjs/static-source@0.1.6/source/sponsor.png)
+![donate](https://unpkg.com/@vbenjs/static-source@0.1.7/source/sponsor.png)
 
 <a style="display: block;width: 100px;height: 50px;line-height: 50px; color: #fff;text-align: center; background: #408aed;border-radius: 4px;" href="https://www.paypal.com/paypalme/cvvben">Paypal Me</a>
 
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 3c586bd533d..e65d5b0e093 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -1,4 +1,4 @@
-<div align="center"> <a href="https://github.com/anncwb/vue-vben-admin"> <img alt="VbenAdmin Logo" width="215" src="https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp"> </a> <br> <br>
+<div align="center"> <a href="https://github.com/anncwb/vue-vben-admin"> <img alt="VbenAdmin Logo" width="215" src="https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp"> </a> <br> <br>
 
 [![license](https://img.shields.io/github/license/anncwb/vue-vben-admin.svg)](LICENSE)
 
@@ -124,7 +124,7 @@ pnpm build
 
 如果你觉得这个项目对你有帮助，你可以帮作者买一杯咖啡表示支持!
 
-![donate](https://unpkg.com/@vbenjs/static-source@0.1.6/source/sponsor.png)
+![donate](https://unpkg.com/@vbenjs/static-source@0.1.7/source/sponsor.png)
 
 <a style="display: block;width: 100px;height: 50px;line-height: 50px; color: #fff;text-align: center; background: #408aed;border-radius: 4px;" href="https://www.paypal.com/paypalme/cvvben">Paypal Me</a>
 
diff --git a/docs/.vitepress/config/shared.mts b/docs/.vitepress/config/shared.mts
index 98e70313282..14c8a666fd8 100644
--- a/docs/.vitepress/config/shared.mts
+++ b/docs/.vitepress/config/shared.mts
@@ -32,7 +32,7 @@ export const shared = defineConfig({
   srcDir: 'src',
   themeConfig: {
     i18nRouting: true,
-    logo: 'https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp',
+    logo: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp',
     search: {
       options: {
         locales: {
@@ -138,12 +138,12 @@ function pwa(): PwaOptions {
       icons: [
         {
           sizes: '192x192',
-          src: 'https://unpkg.com/@vbenjs/static-source@0.1.6/source/pwa-icon-192.png',
+          src: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/pwa-icon-192.png',
           type: 'image/png',
         },
         {
           sizes: '512x512',
-          src: 'https://unpkg.com/@vbenjs/static-source@0.1.6/source/pwa-icon-512.png',
+          src: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/pwa-icon-512.png',
           type: 'image/png',
         },
       ],
diff --git a/docs/src/commercial/community.md b/docs/src/commercial/community.md
index 83703fa1b70..b1033454f8d 100644
--- a/docs/src/commercial/community.md
+++ b/docs/src/commercial/community.md
@@ -24,4 +24,4 @@
 
 :::
 
-<img src="https://unpkg.com/@vbenjs/static-source@0.1.6/source/wechat.jpg" style="width: 300px;"/>
+<img src="https://unpkg.com/@vbenjs/static-source@0.1.7/source/wechat.jpg" style="width: 300px;"/>
diff --git a/docs/src/commercial/customized.md b/docs/src/commercial/customized.md
index dddfc065b17..1f0bcecaf47 100644
--- a/docs/src/commercial/customized.md
+++ b/docs/src/commercial/customized.md
@@ -7,6 +7,6 @@
 - 通过邮箱联系开发者： [ann.vben@gmail.com](mailto:ann.vben@gmail.com)
 - 通过微信联系开发者：
 
- <img src="https://unpkg.com/@vbenjs/static-source@0.1.6/source/wechat.jpg" style="width: 300px;"/>
+ <img src="https://unpkg.com/@vbenjs/static-source@0.1.7/source/wechat.jpg" style="width: 300px;"/>
 
 我们会在第一时间回复您，定制费用根据需求而定。
diff --git a/docs/src/en/guide/essentials/settings.md b/docs/src/en/guide/essentials/settings.md
index 5a9eb5c4f9e..03f0bbffd54 100644
--- a/docs/src/en/guide/essentials/settings.md
+++ b/docs/src/en/guide/essentials/settings.md
@@ -163,7 +163,7 @@ const defaultPreferences: Preferences = {
     compact: false,
     contentCompact: 'wide',
     defaultAvatar:
-      'https://unpkg.com/@vbenjs/static-source@0.1.6/source/avatar-v1.webp',
+      'https://unpkg.com/@vbenjs/static-source@0.1.7/source/avatar-v1.webp',
     dynamicTitle: true,
     enableCheckUpdates: true,
     enablePreferences: true,
@@ -202,7 +202,7 @@ const defaultPreferences: Preferences = {
   },
   logo: {
     enable: true,
-    source: 'https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp',
+    source: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp',
   },
   navigation: {
     accordion: true,
diff --git a/docs/src/en/index.md b/docs/src/en/index.md
index 807a7025462..42aeef3ff1f 100644
--- a/docs/src/en/index.md
+++ b/docs/src/en/index.md
@@ -8,7 +8,7 @@ hero:
   text: Enterprise-Level Management System Framework
   tagline: Fully Upgraded, Ready to Use, Simple and Efficient
   image:
-    src: https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp
+    src: https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp
     alt: Vben Admin
   actions:
     - theme: brand
diff --git a/docs/src/friend-links/index.md b/docs/src/friend-links/index.md
index de340370ac2..59de06c0eae 100644
--- a/docs/src/friend-links/index.md
+++ b/docs/src/friend-links/index.md
@@ -9,7 +9,7 @@
 - 通过邮箱联系作者： [ann.vben@gmail.com](mailto:ann.vben@gmail.com)
 - 通过微信联系作者：
 
- <img src="https://unpkg.com/@vbenjs/static-source@0.1.6/source/wechat.jpg" style="width: 300px;"/>
+ <img src="https://unpkg.com/@vbenjs/static-source@0.1.7/source/wechat.jpg" style="width: 300px;"/>
 
 ### 提供资料
 
@@ -22,6 +22,6 @@
   - 名称：Vben Admin
   - 链接：https://www.vben.pro
   - 描述：Vben Admin 企业级开箱即用的中后台前端解决方案
-  - Logo：https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp
+  - Logo：https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp
 
 我们将定期的检查友情链接，如果发现您的网站已经删除了我们的友情链接以及链接地址是否正确。
diff --git a/docs/src/guide/essentials/settings.md b/docs/src/guide/essentials/settings.md
index 34df86d703e..01598581a8f 100644
--- a/docs/src/guide/essentials/settings.md
+++ b/docs/src/guide/essentials/settings.md
@@ -185,7 +185,7 @@ const defaultPreferences: Preferences = {
     compact: false,
     contentCompact: 'wide',
     defaultAvatar:
-      'https://unpkg.com/@vbenjs/static-source@0.1.6/source/avatar-v1.webp',
+      'https://unpkg.com/@vbenjs/static-source@0.1.7/source/avatar-v1.webp',
     dynamicTitle: true,
     enableCheckUpdates: true,
     enablePreferences: true,
@@ -224,7 +224,7 @@ const defaultPreferences: Preferences = {
   },
   logo: {
     enable: true,
-    source: 'https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp',
+    source: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp',
   },
   navigation: {
     accordion: true,
diff --git a/docs/src/index.md b/docs/src/index.md
index e467c890666..30aaa0aec9c 100644
--- a/docs/src/index.md
+++ b/docs/src/index.md
@@ -8,7 +8,7 @@ hero:
   text: 企业级管理系统框架
   tagline: 全新升级，开箱即用，简单高效
   image:
-    src: https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp
+    src: https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp
     alt: Vben Admin
   actions:
     - theme: brand
diff --git a/docs/src/sponsor/personal.md b/docs/src/sponsor/personal.md
index aa872f9767c..fa2fa232f8a 100644
--- a/docs/src/sponsor/personal.md
+++ b/docs/src/sponsor/personal.md
@@ -2,7 +2,7 @@
 
 如果你觉得这个项目对你有帮助，你可以帮作者买一杯咖啡表示支持!
 
-![](https://unpkg.com/@vbenjs/static-source@0.1.6/source/sponsor.png)
+![](https://unpkg.com/@vbenjs/static-source@0.1.7/source/sponsor.png)
 
 您的赞助将帮助我们：
 
diff --git a/internal/vite-config/src/options.ts b/internal/vite-config/src/options.ts
index 323eee1e9ab..f1e2401c77f 100644
--- a/internal/vite-config/src/options.ts
+++ b/internal/vite-config/src/options.ts
@@ -11,12 +11,12 @@ const getDefaultPwaOptions = (name: string): Partial<PwaPluginOptions> => ({
     icons: [
       {
         sizes: '192x192',
-        src: 'https://unpkg.com/@vbenjs/static-source@0.1.6/source/pwa-icon-192.png',
+        src: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/pwa-icon-192.png',
         type: 'image/png',
       },
       {
         sizes: '512x512',
-        src: 'https://unpkg.com/@vbenjs/static-source@0.1.6/source/pwa-icon-512.png',
+        src: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/pwa-icon-512.png',
         type: 'image/png',
       },
     ],
diff --git a/packages/@core/base/shared/src/constants/vben.ts b/packages/@core/base/shared/src/constants/vben.ts
index 2b8cbb35c22..0f6cbbe1bdb 100644
--- a/packages/@core/base/shared/src/constants/vben.ts
+++ b/packages/@core/base/shared/src/constants/vben.ts
@@ -12,7 +12,7 @@ export const VBEN_DOC_URL = 'https://doc.vben.pro';
  * @zh_CN Vben Logo
  */
 export const VBEN_LOGO_URL =
-  'https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp';
+  'https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp';
 
 /**
  * @zh_CN Vben Admin 首页地址
diff --git a/packages/@core/preferences/__tests__/__snapshots__/config.test.ts.snap b/packages/@core/preferences/__tests__/__snapshots__/config.test.ts.snap
index a74c79e0028..fba6d31d887 100644
--- a/packages/@core/preferences/__tests__/__snapshots__/config.test.ts.snap
+++ b/packages/@core/preferences/__tests__/__snapshots__/config.test.ts.snap
@@ -10,7 +10,7 @@ exports[`defaultPreferences immutability test > should not modify the config obj
     "colorWeakMode": false,
     "compact": false,
     "contentCompact": "wide",
-    "defaultAvatar": "https://unpkg.com/@vbenjs/static-source@0.1.6/source/avatar-v1.webp",
+    "defaultAvatar": "https://unpkg.com/@vbenjs/static-source@0.1.7/source/avatar-v1.webp",
     "dynamicTitle": true,
     "enableCheckUpdates": true,
     "enablePreferences": true,
@@ -49,7 +49,7 @@ exports[`defaultPreferences immutability test > should not modify the config obj
   },
   "logo": {
     "enable": true,
-    "source": "https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp",
+    "source": "https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp",
   },
   "navigation": {
     "accordion": true,
diff --git a/packages/@core/preferences/src/config.ts b/packages/@core/preferences/src/config.ts
index d658ad94115..a3222407936 100644
--- a/packages/@core/preferences/src/config.ts
+++ b/packages/@core/preferences/src/config.ts
@@ -10,7 +10,7 @@ const defaultPreferences: Preferences = {
     compact: false,
     contentCompact: 'wide',
     defaultAvatar:
-      'https://unpkg.com/@vbenjs/static-source@0.1.6/source/avatar-v1.webp',
+      'https://unpkg.com/@vbenjs/static-source@0.1.7/source/avatar-v1.webp',
     dynamicTitle: true,
     enableCheckUpdates: true,
     enablePreferences: true,
@@ -49,7 +49,7 @@ const defaultPreferences: Preferences = {
   },
   logo: {
     enable: true,
-    source: 'https://unpkg.com/@vbenjs/static-source@0.1.6/source/logo-v1.webp',
+    source: 'https://unpkg.com/@vbenjs/static-source@0.1.7/source/logo-v1.webp',
   },
   navigation: {
     accordion: true,
diff --git a/packages/effects/common-ui/src/components/captcha/index.ts b/packages/effects/common-ui/src/components/captcha/index.ts
index 6aab0d16e64..54b6db2bf96 100644
--- a/packages/effects/common-ui/src/components/captcha/index.ts
+++ b/packages/effects/common-ui/src/components/captcha/index.ts
@@ -1,3 +1,3 @@
-export { default as CaptchaCard } from './captcha-card.vue';
 export { default as PointSelectionCaptcha } from './point-selection-captcha.vue';
+export { default as PointSelectionCaptchaCard } from './point-selection-captcha-card.vue';
 export type * from './types';
diff --git a/packages/effects/common-ui/src/components/captcha/captcha-card.vue b/packages/effects/common-ui/src/components/captcha/point-selection-captcha-card.vue
similarity index 92%
rename from packages/effects/common-ui/src/components/captcha/captcha-card.vue
rename to packages/effects/common-ui/src/components/captcha/point-selection-captcha-card.vue
index c4eb8cfd63a..6f2761b51ee 100644
--- a/packages/effects/common-ui/src/components/captcha/captcha-card.vue
+++ b/packages/effects/common-ui/src/components/captcha/point-selection-captcha-card.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { CaptchaCardProps } from './types';
+import type { PointSelectionCaptchaCardProps } from './types';
 
 import { computed } from 'vue';
 
@@ -14,7 +14,7 @@ import {
 
 import { parseValue } from './utils';
 
-const props = withDefaults(defineProps<CaptchaCardProps>(), {
+const props = withDefaults(defineProps<PointSelectionCaptchaCardProps>(), {
   height: '220px',
   paddingX: '12px',
   paddingY: '16px',
diff --git a/packages/effects/common-ui/src/components/captcha/point-selection-captcha.vue b/packages/effects/common-ui/src/components/captcha/point-selection-captcha.vue
index 2aca7271884..57ddbb1cf50 100644
--- a/packages/effects/common-ui/src/components/captcha/point-selection-captcha.vue
+++ b/packages/effects/common-ui/src/components/captcha/point-selection-captcha.vue
@@ -5,8 +5,8 @@ import { RotateCw } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { VbenButton, VbenIconButton } from '@vben-core/shadcn-ui';
 
-import CaptchaCard from './captcha-card.vue';
 import { useCaptchaPoints } from './hooks/useCaptchaPoints';
+import CaptchaCard from './point-selection-captcha-card.vue';
 
 const props = withDefaults(defineProps<PointSelectionCaptchaProps>(), {
   height: '220px',
diff --git a/packages/effects/common-ui/src/components/captcha/types.ts b/packages/effects/common-ui/src/components/captcha/types.ts
index b9d35537278..ea7b739a4d5 100644
--- a/packages/effects/common-ui/src/components/captcha/types.ts
+++ b/packages/effects/common-ui/src/components/captcha/types.ts
@@ -18,7 +18,7 @@ export interface CaptchaPoint extends CaptchaData {
    */
   i: number;
 }
-export interface CaptchaCardProps {
+export interface PointSelectionCaptchaCardProps {
   /**
    * 验证码图片
    */
@@ -50,7 +50,8 @@ export interface CaptchaCardProps {
   width?: number | string;
 }
 
-export interface PointSelectionCaptchaProps extends CaptchaCardProps {
+export interface PointSelectionCaptchaProps
+  extends PointSelectionCaptchaCardProps {
   /**
    * 是否展示确定按钮
    * @default false
@@ -71,7 +72,7 @@ export interface PointSelectionCaptchaProps extends CaptchaCardProps {
 /**
  * TODO: 滑动验证码
  */
-// export interface SlideCaptchaProps extends CaptchaCardProps {
+// export interface SlideCaptchaProps extends PointSelectionCaptchaCardProps {
 //   /**
 //    * 瓦片图片高度
 //    * @default '40px'
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
index aacb6c868f2..d186c98236c 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
@@ -199,7 +199,7 @@ function resume() {
   <div
     ref="wrapElRef"
     :style="getWrapStyleRef"
-    class="relative overflow-hidden rounded-md border border-gray-300 text-center"
+    class="border-border relative overflow-hidden rounded-md border text-center"
     @mouseleave="handleDragOver"
     @mousemove="handleDragMoving"
     @mouseup="handleDragOver"
diff --git a/playground/src/views/examples/captcha/base64.ts b/playground/src/views/examples/captcha/base64.ts
deleted file mode 100644
index b8553410371..00000000000
--- a/playground/src/views/examples/captcha/base64.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export const hintImage =
-  'data:image/png;base64,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';
-export const captchaImage =
-  'data:image/jpeg;base64,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';
diff --git a/playground/src/views/examples/captcha/index.vue b/playground/src/views/examples/captcha/index.vue
index 80e40a8236e..483154698e0 100644
--- a/playground/src/views/examples/captcha/index.vue
+++ b/playground/src/views/examples/captcha/index.vue
@@ -9,20 +9,24 @@ import { Card, Input, InputNumber, message, Switch } from 'ant-design-vue';
 
 import { $t } from '#/locales';
 
-import { captchaImage, hintImage } from './base64';
+const DEFAULT_CAPATCHA_IMAGE =
+  'https://unpkg.com/@vbenjs/static-source@0.1.7/source/default-captcha-image.jpeg';
+
+const DEFAULT_HINT_IMAGE =
+  'https://unpkg.com/@vbenjs/static-source@0.1.7/source/default-hint-image.png';
 
 const selectedPoints = ref<CaptchaPoint[]>([]);
 const params = reactive({
-  captchaImage,
-  captchaImageUrl: '',
+  captchaImage: '',
+  captchaImageUrl: DEFAULT_CAPATCHA_IMAGE,
   height: undefined,
-  hintImage,
-  hintImageUrl: '',
+  hintImage: '',
+  hintImageUrl: DEFAULT_HINT_IMAGE,
   hintText: '唇，燕，碴，找',
   paddingX: undefined,
   paddingY: undefined,
   showConfirm: true,
-  showHintImage: true,
+  showHintImage: false,
   title: '',
   width: undefined,
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 65a296adf9d..8d42d949646 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1462,7 +1462,7 @@ importers:
         version: link:../../types
       '@vueuse/core':
         specifier: 'catalog:'
-        version: 11.1.0(vue@3.5.6(typescript@5.6.2))
+        version: 11.1.0(vue@3.5.7(typescript@5.6.2))
       '@vueuse/integrations':
         specifier: 'catalog:'
         version: 11.1.0(async-validator@4.2.5)(axios@1.7.7)(focus-trap@7.6.0)(nprogress@0.2.0)(qrcode@1.5.4)(sortablejs@1.15.3)(vue@3.5.7(typescript@5.6.2))

From 9e8fc7627906bbfd495f78b051465434c2870220 Mon Sep 17 00:00:00 2001
From: vben <ann.vben@gmail.com>
Date: Sat, 21 Sep 2024 20:45:19 +0800
Subject: [PATCH 24/24] perf: improve the experience of Captcha components

---
 .../src/components/spine-text/spine-text.vue  |  22 ++-
 packages/effects/common-ui/package.json       |   1 +
 .../common-ui/src/components/captcha/index.ts |   7 +-
 .../index.vue}                                |  18 +-
 .../point-selection-captcha-card.vue          |  16 +-
 .../slider-captcha}/index.vue                 | 160 +++++++++---------
 .../slider-captcha/slider-captcha-action.vue  |  62 +++++++
 .../slider-captcha/slider-captcha-bar.vue     |  38 +++++
 .../slider-captcha/slider-captcha-content.vue |  52 ++++++
 .../slider-rotate-captcha}/index.vue          | 104 +++++++-----
 .../common-ui/src/components/captcha/types.ts | 121 ++++++++++---
 .../common-ui/src/components/captcha/utils.ts |   7 -
 .../effects/common-ui/src/components/index.ts |   1 -
 .../components/verify/drag-verify/action.vue  |  54 ------
 .../src/components/verify/drag-verify/bar.vue |  42 -----
 .../components/verify/drag-verify/content.vue |  71 --------
 .../common-ui/src/components/verify/index.ts  |   4 -
 .../common-ui/src/components/verify/props.ts  | 133 ---------------
 .../common-ui/src/components/verify/typing.ts |  14 --
 packages/locales/src/langs/en-US.json         |  23 ++-
 packages/locales/src/langs/zh-CN.json         |  23 ++-
 playground/src/locales/langs/en-US.json       |  12 +-
 playground/src/locales/langs/zh-CN.json       |  12 +-
 .../src/router/routes/modules/examples.ts     |  39 ++---
 ...{index.vue => point-selection-captcha.vue} |   4 +-
 .../views/examples/captcha/slider-captcha.vue | 116 +++++++++++++
 .../slider-rotate-captcha.vue}                |  20 +--
 .../examples/verify/drag-verify/index.vue     |  91 ----------
 pnpm-lock.yaml                                |   3 +
 29 files changed, 621 insertions(+), 649 deletions(-)
 rename packages/effects/common-ui/src/components/captcha/{point-selection-captcha.vue => point-selection-captcha/index.vue} (89%)
 rename packages/effects/common-ui/src/components/captcha/{ => point-selection-captcha}/point-selection-captcha-card.vue (83%)
 rename packages/effects/common-ui/src/components/{verify/drag-verify => captcha/slider-captcha}/index.vue (53%)
 create mode 100644 packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-action.vue
 create mode 100644 packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-bar.vue
 create mode 100644 packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-content.vue
 rename packages/effects/common-ui/src/components/{verify/rotate-verify => captcha/slider-rotate-captcha}/index.vue (60%)
 delete mode 100644 packages/effects/common-ui/src/components/captcha/utils.ts
 delete mode 100644 packages/effects/common-ui/src/components/verify/drag-verify/action.vue
 delete mode 100644 packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
 delete mode 100644 packages/effects/common-ui/src/components/verify/drag-verify/content.vue
 delete mode 100644 packages/effects/common-ui/src/components/verify/index.ts
 delete mode 100644 packages/effects/common-ui/src/components/verify/props.ts
 delete mode 100644 packages/effects/common-ui/src/components/verify/typing.ts
 rename playground/src/views/examples/captcha/{index.vue => point-selection-captcha.vue} (98%)
 create mode 100644 playground/src/views/examples/captcha/slider-captcha.vue
 rename playground/src/views/examples/{verify/rotate-verify/index.vue => captcha/slider-rotate-captcha.vue} (50%)
 delete mode 100644 playground/src/views/examples/verify/drag-verify/index.vue

diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/spine-text/spine-text.vue b/packages/@core/ui-kit/shadcn-ui/src/components/spine-text/spine-text.vue
index ee0f453d422..f5357aee2ca 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/components/spine-text/spine-text.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/spine-text/spine-text.vue
@@ -1,5 +1,22 @@
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+const { animationDuration = 2, animationIterationCount = 'infinite' } =
+  defineProps<{
+    // 动画持续时间，单位秒
+    animationDuration?: number;
+    // 动画是否只执行一次
+    animationIterationCount?: 'infinite' | number;
+  }>();
+
+const style = computed(() => {
+  return {
+    animation: `shine ${animationDuration}s linear ${animationIterationCount}`,
+  };
+});
+</script>
 <template>
-  <div class="vben-spine-text !bg-clip-text text-transparent">
+  <div :style="style" class="vben-spine-text !bg-clip-text text-transparent">
     <slot></slot>
   </div>
 </template>
@@ -9,7 +26,8 @@
     radial-gradient(circle at center, rgb(255 255 255 / 80%), #f000) -200% 50% /
       200% 100% no-repeat,
     #000;
-  animation: shine 3s linear infinite;
+
+  /* animation: shine 3s linear infinite; */
 }
 
 .dark .vben-spine-text {
diff --git a/packages/effects/common-ui/package.json b/packages/effects/common-ui/package.json
index a89e9e39ccd..3cb4bf42c75 100644
--- a/packages/effects/common-ui/package.json
+++ b/packages/effects/common-ui/package.json
@@ -23,6 +23,7 @@
     "@vben-core/form-ui": "workspace:*",
     "@vben-core/popup-ui": "workspace:*",
     "@vben-core/shadcn-ui": "workspace:*",
+    "@vben-core/shared": "workspace:*",
     "@vben/constants": "workspace:*",
     "@vben/icons": "workspace:*",
     "@vben/locales": "workspace:*",
diff --git a/packages/effects/common-ui/src/components/captcha/index.ts b/packages/effects/common-ui/src/components/captcha/index.ts
index 54b6db2bf96..6ad68c49647 100644
--- a/packages/effects/common-ui/src/components/captcha/index.ts
+++ b/packages/effects/common-ui/src/components/captcha/index.ts
@@ -1,3 +1,6 @@
-export { default as PointSelectionCaptcha } from './point-selection-captcha.vue';
-export { default as PointSelectionCaptchaCard } from './point-selection-captcha-card.vue';
+export { default as PointSelectionCaptcha } from './point-selection-captcha/index.vue';
+export { default as PointSelectionCaptchaCard } from './point-selection-captcha/index.vue';
+
+export { default as SliderCaptcha } from './slider-captcha/index.vue';
+export { default as SliderRotateCaptcha } from './slider-rotate-captcha/index.vue';
 export type * from './types';
diff --git a/packages/effects/common-ui/src/components/captcha/point-selection-captcha.vue b/packages/effects/common-ui/src/components/captcha/point-selection-captcha/index.vue
similarity index 89%
rename from packages/effects/common-ui/src/components/captcha/point-selection-captcha.vue
rename to packages/effects/common-ui/src/components/captcha/point-selection-captcha/index.vue
index 57ddbb1cf50..63ce6c2233e 100644
--- a/packages/effects/common-ui/src/components/captcha/point-selection-captcha.vue
+++ b/packages/effects/common-ui/src/components/captcha/point-selection-captcha/index.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import type { CaptchaPoint, PointSelectionCaptchaProps } from './types';
+import type { CaptchaPoint, PointSelectionCaptchaProps } from '../types';
 
 import { RotateCw } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { VbenButton, VbenIconButton } from '@vben-core/shadcn-ui';
 
-import { useCaptchaPoints } from './hooks/useCaptchaPoints';
+import { useCaptchaPoints } from '../hooks/useCaptchaPoints';
 import CaptchaCard from './point-selection-captcha-card.vue';
 
 const props = withDefaults(defineProps<PointSelectionCaptchaProps>(), {
@@ -121,12 +121,12 @@ function handleConfirm() {
     @click="handleClick"
   >
     <template #title>
-      <slot name="title">{{ $t('captcha.title') }}</slot>
+      <slot name="title">{{ $t('ui.captcha.title') }}</slot>
     </template>
 
     <template #extra>
       <VbenIconButton
-        :aria-label="$t('captcha.refreshAriaLabel')"
+        :aria-label="$t('ui.captcha.refreshAriaLabel')"
         class="ml-1"
         @click="handleRefresh"
       >
@@ -134,19 +134,19 @@ function handleConfirm() {
       </VbenIconButton>
       <VbenButton
         v-if="showConfirm"
-        :aria-label="$t('captcha.confirmAriaLabel')"
+        :aria-label="$t('ui.captcha.confirmAriaLabel')"
         class="ml-2"
         size="sm"
         @click="handleConfirm"
       >
-        {{ $t('captcha.confirm') }}
+        {{ $t('ui.captcha.confirm') }}
       </VbenButton>
     </template>
 
     <div
       v-for="(point, index) in points"
       :key="index"
-      :aria-label="$t('captcha.pointAriaLabel') + (index + 1)"
+      :aria-label="$t('ui.captcha.pointAriaLabel') + (index + 1)"
       :style="{
         top: `${point.y - POINT_OFFSET}px`,
         left: `${point.x - POINT_OFFSET}px`,
@@ -160,7 +160,7 @@ function handleConfirm() {
     <template #footer>
       <img
         v-if="hintImage"
-        :alt="$t('captcha.alt')"
+        :alt="$t('ui.captcha.alt')"
         :src="hintImage"
         class="h-10 w-full rounded border border-solid border-slate-200"
       />
@@ -168,7 +168,7 @@ function handleConfirm() {
         v-else-if="hintText"
         class="flex h-10 w-full items-center justify-center rounded border border-solid border-slate-200"
       >
-        {{ `${$t('captcha.clickInOrder')}` + `【${hintText}】` }}
+        {{ `${$t('ui.captcha.clickInOrder')}` + `【${hintText}】` }}
       </div>
     </template>
   </CaptchaCard>
diff --git a/packages/effects/common-ui/src/components/captcha/point-selection-captcha-card.vue b/packages/effects/common-ui/src/components/captcha/point-selection-captcha/point-selection-captcha-card.vue
similarity index 83%
rename from packages/effects/common-ui/src/components/captcha/point-selection-captcha-card.vue
rename to packages/effects/common-ui/src/components/captcha/point-selection-captcha/point-selection-captcha-card.vue
index 6f2761b51ee..0ece2bf040d 100644
--- a/packages/effects/common-ui/src/components/captcha/point-selection-captcha-card.vue
+++ b/packages/effects/common-ui/src/components/captcha/point-selection-captcha/point-selection-captcha-card.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { PointSelectionCaptchaCardProps } from './types';
+import type { PointSelectionCaptchaCardProps } from '../types';
 
 import { computed } from 'vue';
 
@@ -12,8 +12,6 @@ import {
   CardTitle,
 } from '@vben-core/shadcn-ui';
 
-import { parseValue } from './utils';
-
 const props = withDefaults(defineProps<PointSelectionCaptchaCardProps>(), {
   height: '220px',
   paddingX: '12px',
@@ -26,6 +24,14 @@ const emit = defineEmits<{
   click: [MouseEvent];
 }>();
 
+const parseValue = (value: number | string) => {
+  if (typeof value === 'number') {
+    return value;
+  }
+  const parsed = Number.parseFloat(value);
+  return Number.isNaN(parsed) ? 0 : parsed;
+};
+
 const rootStyles = computed(() => ({
   padding: `${parseValue(props.paddingY)}px ${parseValue(props.paddingX)}px`,
   width: `${parseValue(props.width) + parseValue(props.paddingX) * 2}px`,
@@ -47,7 +53,7 @@ function handleClick(e: MouseEvent) {
     <CardHeader class="p-0">
       <CardTitle id="captcha-title" class="flex items-center justify-between">
         <template v-if="$slots.title">
-          <slot name="title">{{ $t('captcha.title') }}</slot>
+          <slot name="title">{{ $t('ui.captcha.title') }}</slot>
         </template>
         <template v-else>
           <span>{{ title }}</span>
@@ -60,7 +66,7 @@ function handleClick(e: MouseEvent) {
     <CardContent class="relative mt-2 flex w-full overflow-hidden rounded p-0">
       <img
         v-show="captchaImage"
-        :alt="$t('captcha.alt')"
+        :alt="$t('ui.captcha.alt')"
         :src="captchaImage"
         :style="captchaStyles"
         class="relative z-10"
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue b/packages/effects/common-ui/src/components/captcha/slider-captcha/index.vue
similarity index 53%
rename from packages/effects/common-ui/src/components/verify/drag-verify/index.vue
rename to packages/effects/common-ui/src/components/captcha/slider-captcha/index.vue
index d186c98236c..7cec62e4f69 100644
--- a/packages/effects/common-ui/src/components/verify/drag-verify/index.vue
+++ b/packages/effects/common-ui/src/components/captcha/slider-captcha/index.vue
@@ -1,26 +1,39 @@
 <script setup lang="ts">
-import { computed, reactive, ref, unref, watch, watchEffect } from 'vue';
+import type {
+  CaptchaVerifyPassingData,
+  SliderCaptchaProps,
+  SliderRotateVerifyPassingData,
+} from '../types';
+
+import { reactive, unref, useTemplateRef, watch, watchEffect } from 'vue';
+
+import { $t } from '@vben/locales';
+import { cn } from '@vben-core/shared/utils';
 
 import { useTimeoutFn } from '@vueuse/core';
 
-import { defaultDragVerifyProps, type VerifyProps } from '../props';
-import ActionCmp from './action.vue';
-import BarCmp from './bar.vue';
-import ContentCmp from './content.vue';
+import SliderCaptchaAction from './slider-captcha-action.vue';
+import SliderCaptchaBar from './slider-captcha-bar.vue';
+import SliderCaptchaContent from './slider-captcha-content.vue';
+
+const props = withDefaults(defineProps<SliderCaptchaProps>(), {
+  actionStyle: () => ({}),
+  barStyle: () => ({}),
+  contentStyle: () => ({}),
+  isSlot: false,
+  successText: '',
+  text: '',
+  wrapperStyle: () => ({}),
+});
 
-const props = withDefaults(
-  defineProps<VerifyProps>(),
-  defaultDragVerifyProps(),
-);
+const emit = defineEmits<{
+  end: [MouseEvent | TouchEvent];
+  move: [SliderRotateVerifyPassingData];
+  start: [MouseEvent | TouchEvent];
+  success: [CaptchaVerifyPassingData];
+}>();
 
-const emit = defineEmits([
-  'success',
-  'update:value',
-  'change',
-  'start',
-  'move',
-  'end',
-]);
+const modelValue = defineModel<boolean>({ default: false });
 
 const state = reactive({
   endTime: 0,
@@ -35,24 +48,10 @@ defineExpose({
   resume,
 });
 
-const wrapElRef = ref<HTMLDivElement>();
-const barElRef = ref<typeof BarCmp>();
-const contentElRef = ref<typeof ContentCmp>();
-const actionElRef = ref<typeof ActionCmp>();
-
-const getWrapStyleRef = computed(() => {
-  const { circle, height, width, wrapStyle } = props;
-  const h = Number.parseInt(height as string);
-  const w = `${Number.parseInt(width as string)}px`;
-  return {
-    backgroundColor: 'hsl(var(--background-deep))',
-    borderRadius: circle ? `${h / 2}px` : 0,
-    height: `${h}px`,
-    lineHeight: `${h}px`,
-    width: w,
-    ...wrapStyle,
-  };
-});
+const wrapperRef = useTemplateRef<HTMLDivElement>('wrapperRef');
+const barRef = useTemplateRef<typeof SliderCaptchaBar>('barRef');
+const contentRef = useTemplateRef<typeof SliderCaptchaContent>('contentRef');
+const actionRef = useTemplateRef<typeof SliderCaptchaAction>('actionRef');
 
 watch(
   () => state.isPassing,
@@ -61,14 +60,13 @@ watch(
       const { endTime, startTime } = state;
       const time = (endTime - startTime) / 1000;
       emit('success', { isPassing, time: time.toFixed(1) });
-      emit('update:value', isPassing);
-      emit('change', isPassing);
+      modelValue.value = isPassing;
     }
   },
 );
 
 watchEffect(() => {
-  state.isPassing = !!props.value;
+  state.isPassing = !!modelValue.value;
 });
 
 function getEventPageX(e: MouseEvent | TouchEvent): number {
@@ -84,34 +82,33 @@ function handleDragStart(e: MouseEvent | TouchEvent) {
   if (state.isPassing) {
     return;
   }
-  if (!actionElRef.value) return;
+  if (!actionRef.value) return;
   emit('start', e);
 
   state.moveDistance =
     getEventPageX(e) -
     Number.parseInt(
-      actionElRef.value.getStyle().left.replace('px', '') || '0',
+      actionRef.value.getStyle().left.replace('px', '') || '0',
       10,
     );
   state.startTime = Date.now();
   state.isMoving = true;
 }
 
-function getOffset(el: HTMLDivElement) {
-  const actionWidth = Number.parseInt(el.style.width);
-  const { width } = props;
-  const widthNum = Number.parseInt(width as string);
-  const offset = widthNum - actionWidth - 6;
-  return { actionWidth, offset, widthNum };
+function getOffset(actionEl: HTMLDivElement) {
+  const wrapperWidth = wrapperRef.value?.offsetWidth ?? 220;
+  const actionWidth = actionEl?.offsetWidth ?? 40;
+  const offset = wrapperWidth - actionWidth - 6;
+  return { actionWidth, offset, wrapperWidth };
 }
 
 function handleDragMoving(e: MouseEvent | TouchEvent) {
   const { isMoving, moveDistance } = state;
   if (isMoving) {
-    const actionEl = unref(actionElRef);
-    const barEl = unref(barElRef);
+    const actionEl = unref(actionRef);
+    const barEl = unref(barRef);
     if (!actionEl || !barEl) return;
-    const { actionWidth, offset, widthNum } = getOffset(actionEl.getEl());
+    const { actionWidth, offset, wrapperWidth } = getOffset(actionEl.getEl());
     const moveX = getEventPageX(e) - moveDistance;
 
     emit('move', {
@@ -123,8 +120,8 @@ function handleDragMoving(e: MouseEvent | TouchEvent) {
       actionEl.setLeft(`${moveX}px`);
       barEl.setWidth(`${moveX + actionWidth / 2}px`);
     } else if (moveX > offset) {
-      actionEl.setLeft(`${widthNum - actionWidth}px`);
-      barEl.setWidth(`${widthNum - actionWidth / 2}px`);
+      actionEl.setLeft(`${wrapperWidth - actionWidth}px`);
+      barEl.setWidth(`${wrapperWidth - actionWidth / 2}px`);
       if (!props.isSlot) {
         checkPass();
       }
@@ -136,16 +133,16 @@ function handleDragOver(e: MouseEvent | TouchEvent) {
   const { isMoving, isPassing, moveDistance } = state;
   if (isMoving && !isPassing) {
     emit('end', e);
-    const actionEl = actionElRef.value;
-    const barEl = unref(barElRef);
+    const actionEl = actionRef.value;
+    const barEl = unref(barRef);
     if (!actionEl || !barEl) return;
     const moveX = getEventPageX(e) - moveDistance;
-    const { actionWidth, offset, widthNum } = getOffset(actionEl.getEl());
+    const { actionWidth, offset, wrapperWidth } = getOffset(actionEl.getEl());
     if (moveX < offset) {
       if (props.isSlot) {
         setTimeout(() => {
-          if (props.value) {
-            const contentEl = unref(contentElRef);
+          if (modelValue.value) {
+            const contentEl = unref(contentRef);
             if (contentEl) {
               contentEl.getEl().style.width = `${Number.parseInt(barEl.getEl().style.width)}px`;
             }
@@ -157,8 +154,8 @@ function handleDragOver(e: MouseEvent | TouchEvent) {
         resume();
       }
     } else {
-      actionEl.setLeft(`${widthNum - actionWidth}px`);
-      barEl.setWidth(`${widthNum - actionWidth / 2}px`);
+      actionEl.setLeft(`${wrapperWidth - actionWidth + 10}px`);
+      barEl.setWidth(`${wrapperWidth - actionWidth / 2}px`);
       checkPass();
     }
     state.isMoving = false;
@@ -182,54 +179,55 @@ function resume() {
   state.toLeft = false;
   state.startTime = 0;
   state.endTime = 0;
-  const actionEl = unref(actionElRef);
-  const barEl = unref(barElRef);
-  const contentEl = unref(contentElRef);
+  const actionEl = unref(actionRef);
+  const barEl = unref(barRef);
+  const contentEl = unref(contentRef);
   if (!actionEl || !barEl || !contentEl) return;
   state.toLeft = true;
   useTimeoutFn(() => {
     state.toLeft = false;
-    actionEl.setLeft('0px');
-    barEl.setWidth('0px');
+    actionEl.setLeft('0');
+    barEl.setWidth('0');
   }, 300);
 }
 </script>
 
 <template>
   <div
-    ref="wrapElRef"
-    :style="getWrapStyleRef"
-    class="border-border relative overflow-hidden rounded-md border text-center"
+    ref="wrapperRef"
+    :class="
+      cn(
+        'border-border bg-background-deep relative flex h-10 w-full items-center overflow-hidden rounded-md border text-center',
+        props.class,
+      )
+    "
+    :style="wrapperStyle"
     @mouseleave="handleDragOver"
     @mousemove="handleDragMoving"
     @mouseup="handleDragOver"
     @touchend="handleDragOver"
     @touchmove="handleDragMoving"
   >
-    <BarCmp
-      ref="barElRef"
+    <SliderCaptchaBar
+      ref="barRef"
       :bar-style="barStyle"
-      :circle="circle"
-      :height="height"
       :to-left="state.toLeft"
     />
-    <ContentCmp
-      ref="contentElRef"
+    <SliderCaptchaContent
+      ref="contentRef"
       :content-style="contentStyle"
-      :height="height"
       :is-passing="state.isPassing"
-      :success-text="successText"
-      :text="text"
-      :width="width"
+      :success-text="successText || $t('ui.captcha.sliderSuccessText')"
+      :text="text || $t('ui.captcha.sliderDefaultText')"
     >
       <template v-if="$slots.text" #text>
         <slot :is-passing="state.isPassing" name="text"></slot>
       </template>
-    </ContentCmp>
-    <ActionCmp
-      ref="actionElRef"
+    </SliderCaptchaContent>
+
+    <SliderCaptchaAction
+      ref="actionRef"
       :action-style="actionStyle"
-      :height="height"
       :is-passing="state.isPassing"
       :to-left="state.toLeft"
       @mousedown="handleDragStart"
@@ -238,6 +236,6 @@ function resume() {
       <template v-if="$slots.actionIcon" #icon>
         <slot :is-passing="state.isPassing" name="actionIcon"></slot>
       </template>
-    </ActionCmp>
+    </SliderCaptchaAction>
   </div>
 </template>
diff --git a/packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-action.vue b/packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-action.vue
new file mode 100644
index 00000000000..fc002bd8b19
--- /dev/null
+++ b/packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-action.vue
@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import type { CSSProperties } from 'vue';
+import { computed, ref, useTemplateRef } from 'vue';
+
+import { Check, ChevronsRight } from '@vben/icons';
+import { Slot } from '@vben-core/shadcn-ui';
+
+const props = defineProps<{
+  actionStyle: CSSProperties;
+  isPassing: boolean;
+  toLeft: boolean;
+}>();
+
+const actionRef = useTemplateRef<HTMLDivElement>('actionRef');
+
+const left = ref('0');
+
+const style = computed(() => {
+  const { actionStyle } = props;
+  return {
+    ...actionStyle,
+    left: left.value,
+  };
+});
+
+const isDragging = computed(() => {
+  const currentLeft = Number.parseInt(left.value as string);
+
+  return currentLeft > 10 && !props.isPassing;
+});
+
+defineExpose({
+  getEl: () => {
+    return actionRef.value;
+  },
+  getStyle: () => {
+    return actionRef?.value?.style;
+  },
+  setLeft: (val: string) => {
+    left.value = val;
+  },
+});
+</script>
+
+<template>
+  <div
+    ref="actionRef"
+    :class="{
+      'transition-width !left-0 duration-300': toLeft,
+      'rounded-md': isDragging,
+    }"
+    :style="style"
+    class="bg-background dark:bg-accent absolute left-0 top-0 flex h-full cursor-move items-center justify-center px-3.5 shadow-md"
+  >
+    <Slot :is-passing="isPassing" class="text-foreground/60 size-4">
+      <slot name="icon">
+        <ChevronsRight v-if="!isPassing" />
+        <Check v-else />
+      </slot>
+    </Slot>
+  </div>
+</template>
diff --git a/packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-bar.vue b/packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-bar.vue
new file mode 100644
index 00000000000..eacf6842d3d
--- /dev/null
+++ b/packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-bar.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import { computed, type CSSProperties, ref, useTemplateRef } from 'vue';
+
+const props = defineProps<{
+  barStyle: CSSProperties;
+  toLeft: boolean;
+}>();
+
+const barRef = useTemplateRef<HTMLDivElement>('barRef');
+
+const width = ref('0');
+
+const style = computed(() => {
+  const { barStyle } = props;
+  return {
+    ...barStyle,
+    width: width.value,
+  };
+});
+
+defineExpose({
+  getEl: () => {
+    return barRef.value;
+  },
+  setWidth: (val: string) => {
+    width.value = val;
+  },
+});
+</script>
+
+<template>
+  <div
+    ref="barRef"
+    :class="toLeft && 'transition-width !w-0 duration-300'"
+    :style="style"
+    class="bg-success absolute h-full"
+  ></div>
+</template>
diff --git a/packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-content.vue b/packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-content.vue
new file mode 100644
index 00000000000..5c481f2e618
--- /dev/null
+++ b/packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-content.vue
@@ -0,0 +1,52 @@
+<script setup lang="ts">
+import type { CSSProperties } from 'vue';
+import { computed, useTemplateRef } from 'vue';
+
+import { VbenSpineText } from '@vben-core/shadcn-ui';
+
+const props = defineProps<{
+  contentStyle: CSSProperties;
+  isPassing: boolean;
+  successText: string;
+  text: string;
+}>();
+
+const contentRef = useTemplateRef<HTMLDivElement>('contentRef');
+
+const style = computed(() => {
+  const { contentStyle } = props;
+
+  return {
+    ...contentStyle,
+  };
+});
+
+defineExpose({
+  getEl: () => {
+    return contentRef.value;
+  },
+});
+</script>
+
+<template>
+  <div
+    ref="contentRef"
+    :class="{
+      [$style.success]: isPassing,
+    }"
+    :style="style"
+    class="absolute top-0 flex size-full select-none items-center justify-center text-xs"
+  >
+    <slot name="text">
+      <VbenSpineText class="flex h-full items-center">
+        {{ isPassing ? successText : text }}
+      </VbenSpineText>
+    </slot>
+  </div>
+</template>
+
+<style module>
+.success {
+  -webkit-text-fill-color: hsl(0deg 0% 98%);
+}
+</style>
diff --git a/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue b/packages/effects/common-ui/src/components/captcha/slider-rotate-captcha/index.vue
similarity index 60%
rename from packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
rename to packages/effects/common-ui/src/components/captcha/slider-rotate-captcha/index.vue
index 1678961a22d..e855900af3f 100644
--- a/packages/effects/common-ui/src/components/verify/rotate-verify/index.vue
+++ b/packages/effects/common-ui/src/components/captcha/slider-rotate-captcha/index.vue
@@ -1,22 +1,37 @@
 <script setup lang="ts">
-import type { DragVerifyActionType, VerifyMoveData } from '../typing';
+import type {
+  CaptchaVerifyPassingData,
+  SliderCaptchaActionType,
+  SliderRotateCaptchaProps,
+  SliderRotateVerifyPassingData,
+} from '../types';
 
-import { computed, reactive, ref, unref, watch } from 'vue';
+import { computed, reactive, unref, useTemplateRef, watch } from 'vue';
+
+import { $t } from '@vben/locales';
 
 import { useTimeoutFn } from '@vueuse/core';
 
-import DragVerify from '../drag-verify/index.vue';
-import { defaultRotateVerifyProps, type RotateProps } from '../props';
+import SliderCaptcha from '../slider-captcha/index.vue';
+
+const props = withDefaults(defineProps<SliderRotateCaptchaProps>(), {
+  defaultTip: '',
+  diffDegree: 20,
+  imageSize: 260,
+  maxDegree: 300,
+  minDegree: 120,
+  src: '',
+});
+
+const emit = defineEmits<{
+  success: [CaptchaVerifyPassingData];
+}>();
+
+const slideBarRef = useTemplateRef<SliderCaptchaActionType>('slideBarRef');
 
-const props = withDefaults(
-  defineProps<RotateProps>(),
-  defaultRotateVerifyProps(),
-);
-const emit = defineEmits(['success', 'change', 'update:value']);
-const basicRef = ref<DragVerifyActionType | null>(null);
 const state = reactive({
   currentRotate: 0,
-  draged: false,
+  dragging: false,
   endTime: 0,
   imgStyle: {},
   isPassing: false,
@@ -25,6 +40,9 @@ const state = reactive({
   startTime: 0,
   toOrigin: false,
 });
+
+const modalValue = defineModel<boolean>({ default: false });
+
 watch(
   () => state.isPassing,
   (isPassing) => {
@@ -32,18 +50,17 @@ watch(
       const { endTime, startTime } = state;
       const time = (endTime - startTime) / 1000;
       emit('success', { isPassing, time: time.toFixed(1) });
-      emit('change', isPassing);
-      emit('update:value', isPassing);
     }
+    modalValue.value = isPassing;
   },
 );
 
 const getImgWrapStyleRef = computed(() => {
-  const { imgWidth, imgWrapStyle } = props;
+  const { imageSize, imageWrapperStyle } = props;
   return {
-    height: `${imgWidth}px`,
-    width: `${imgWidth}px`,
-    ...imgWrapStyle,
+    height: `${imageSize}px`,
+    width: `${imageSize}px`,
+    ...imageWrapperStyle,
   };
 });
 
@@ -54,20 +71,21 @@ const getFactorRef = computed(() => {
   }
   return 1;
 });
+
 function handleStart() {
   state.startTime = Date.now();
 }
 
-function handleDragBarMove(data: VerifyMoveData) {
-  state.draged = true;
-  const { height, imgWidth, maxDegree } = props;
+function handleDragBarMove(data: SliderRotateVerifyPassingData) {
+  state.dragging = true;
+  const { imageSize, maxDegree } = props;
   const { moveX } = data;
-  const denominator = imgWidth! - Number.parseInt(height as string);
+  const denominator = imageSize!;
   if (denominator === 0) {
     return;
   }
   const currentRotate = Math.ceil(
-    (moveX / denominator) * maxDegree! * unref(getFactorRef),
+    (moveX / denominator) * 1.5 * maxDegree! * unref(getFactorRef),
   );
   state.currentRotate = currentRotate;
   setImgRotate(state.randomRotate - currentRotate);
@@ -113,7 +131,7 @@ function checkPass() {
 
 function resume() {
   state.showTip = false;
-  const basicEl = unref(basicRef);
+  const basicEl = unref(slideBarRef);
   if (!basicEl) {
     return;
   }
@@ -127,10 +145,12 @@ const imgCls = computed(() => {
   return state.toOrigin ? ['transition-transform duration-300'] : [];
 });
 
-const tip = computed(() => {
+const verifyTip = computed(() => {
   return state.isPassing
-    ? `验证校验成功,耗时${((state.endTime - state.startTime) / 1000).toFixed(1)}秒！`
-    : '验证失败！';
+    ? $t('ui.captcha.sliderRotateSuccessTip', [
+        ((state.endTime - state.startTime) / 1000).toFixed(1),
+      ])
+    : $t('ui.captcha.sliderRotateFailTip');
 });
 
 defineExpose({
@@ -142,46 +162,40 @@ defineExpose({
   <div class="relative flex flex-col items-center">
     <div
       :style="getImgWrapStyleRef"
-      class="relative overflow-hidden rounded-full"
+      class="border-border relative overflow-hidden rounded-full border shadow-md"
     >
       <img
         :class="imgCls"
         :src="src"
         :style="state.imgStyle"
-        :width="parseInt(props.width as string)"
         alt="verify"
         class="w-full rounded-full"
         @click="resume"
         @load="handleImgOnLoad"
       />
       <div
-        class="absolute bottom-[10px] left-0 z-10 block h-[30px] w-full text-center text-xs leading-[30px] text-white"
+        class="absolute bottom-3 left-0 z-10 block h-7 w-full text-center text-xs leading-[30px] text-white"
       >
         <div
           v-if="state.showTip"
-          :style="{
-            backgroundColor: state.isPassing
-              ? 'hsl(var(--success))'
-              : 'hsl(var(--red-700))',
+          :class="{
+            'bg-success/80': state.isPassing,
+            'bg-destructive/80': !state.isPassing,
           }"
         >
-          {{ tip }}
+          {{ verifyTip }}
         </div>
-        <div
-          v-if="!state.showTip && !state.draged"
-          class="bg-[rgba(0,0,0,0.3)]"
-        >
-          点击图片可刷新
+        <div v-if="!state.showTip && !state.dragging" class="bg-black/30">
+          {{ defaultTip || $t('ui.captcha.sliderRotateDefaultTip') }}
         </div>
       </div>
     </div>
 
-    <DragVerify
-      v-bind="props"
-      ref="basicRef"
-      :is-slot="true"
-      :value="state.isPassing"
+    <SliderCaptcha
+      ref="slideBarRef"
+      v-model="modalValue"
       class="mt-5"
+      is-slot
       @end="handleDragEnd"
       @move="handleDragBarMove"
       @start="handleStart"
@@ -189,6 +203,6 @@ defineExpose({
       <template v-for="(_, key) in $slots" :key="key" #[key]="slotProps">
         <slot :name="key" v-bind="slotProps"></slot>
       </template>
-    </DragVerify>
+    </SliderCaptcha>
   </div>
 </template>
diff --git a/packages/effects/common-ui/src/components/captcha/types.ts b/packages/effects/common-ui/src/components/captcha/types.ts
index ea7b739a4d5..18c0b9ae606 100644
--- a/packages/effects/common-ui/src/components/captcha/types.ts
+++ b/packages/effects/common-ui/src/components/captcha/types.ts
@@ -1,3 +1,5 @@
+import type { CSSProperties } from 'vue';
+
 export interface CaptchaData {
   /**
    * x
@@ -69,22 +71,103 @@ export interface PointSelectionCaptchaProps
   hintText?: string;
 }
 
-/**
- * TODO: 滑动验证码
- */
-// export interface SlideCaptchaProps extends PointSelectionCaptchaCardProps {
-//   /**
-//    * 瓦片图片高度
-//    * @default '40px'
-//    */
-//   tileHeight?: number | string;
-//   /**
-//    * 瓦片图片宽度
-//    * @default '150px'
-//    */
-//   tileWidth?: number | string;
-//   /**
-//    * 瓦片图片
-//    */
-//   tileImage: string;
-// }
+export interface SliderCaptchaProps {
+  class?: any;
+  /**
+   * @description 滑块的样式
+   * @default {}
+   */
+  actionStyle?: CSSProperties;
+
+  /**
+   * @description 滑块条的样式
+   * @default {}
+   */
+  barStyle?: CSSProperties;
+
+  /**
+   * @description 内容的样式
+   * @default {}
+   */
+  contentStyle?: CSSProperties;
+
+  /**
+   * @description 组件的样式
+   * @default {}
+   */
+  wrapperStyle?: CSSProperties;
+
+  /**
+   * @description 是否作为插槽使用，用于联动组件，可参考旋转校验组件
+   * @default false
+   */
+  isSlot?: boolean;
+
+  /**
+   * @description 验证成功的提示
+   * @default '验证通过'
+   */
+  successText?: string;
+
+  /**
+   * @description 提示文字
+   * @default '请按住滑块拖动'
+   */
+  text?: string;
+}
+
+export interface SliderRotateCaptchaProps {
+  /**
+   * @description 旋转的角度
+   * @default 20
+   */
+  diffDegree?: number;
+
+  /**
+   * @description 图片的宽度
+   * @default 260
+   */
+  imageSize?: number;
+
+  /**
+   * @description 图片的样式
+   * @default {}
+   */
+  imageWrapperStyle?: CSSProperties;
+
+  /**
+   * @description 最大旋转角度
+   * @default 270
+   */
+  maxDegree?: number;
+
+  /**
+   * @description 最小旋转角度
+   * @default 90
+   */
+  minDegree?: number;
+
+  /**
+   * @description 图片的地址
+   */
+  src?: string;
+  /**
+   * @description 默认提示文本
+   */
+  defaultTip?: string;
+}
+
+export interface CaptchaVerifyPassingData {
+  isPassing: boolean;
+  time: number | string;
+}
+
+export interface SliderCaptchaActionType {
+  resume: () => void;
+}
+
+export interface SliderRotateVerifyPassingData {
+  event: MouseEvent | TouchEvent;
+  moveDistance: number;
+  moveX: number;
+}
diff --git a/packages/effects/common-ui/src/components/captcha/utils.ts b/packages/effects/common-ui/src/components/captcha/utils.ts
deleted file mode 100644
index 4deb272ce25..00000000000
--- a/packages/effects/common-ui/src/components/captcha/utils.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export const parseValue = (value: number | string) => {
-  if (typeof value === 'number') {
-    return value;
-  }
-  const parsed = Number.parseFloat(value);
-  return Number.isNaN(parsed) ? 0 : parsed;
-};
diff --git a/packages/effects/common-ui/src/components/index.ts b/packages/effects/common-ui/src/components/index.ts
index cefe1ce3fc6..865adf409db 100644
--- a/packages/effects/common-ui/src/components/index.ts
+++ b/packages/effects/common-ui/src/components/index.ts
@@ -1,7 +1,6 @@
 export * from './captcha';
 export * from './ellipsis-text';
 export * from './page';
-export * from './verify';
 export * from '@vben-core/form-ui';
 export * from '@vben-core/popup-ui';
 
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue b/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
deleted file mode 100644
index 01347d3324f..00000000000
--- a/packages/effects/common-ui/src/components/verify/drag-verify/action.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script setup lang="ts">
-import { computed, type CSSProperties, ref } from 'vue';
-
-import { Check, ChevronsRight } from '@vben/icons';
-
-const props = defineProps<{
-  actionStyle: CSSProperties;
-  height: number | string;
-  isPassing: boolean;
-  toLeft: boolean;
-}>();
-const divRef = ref<HTMLDivElement>();
-
-const left = ref('0px');
-const style = computed(() => {
-  const { actionStyle, height } = props;
-  const h = `${Number.parseInt(height as string)}px`;
-  return {
-    background: 'hsl(var(--background))',
-    height: h,
-    left: left.value,
-    width: h,
-    ...actionStyle,
-  };
-});
-
-defineExpose({
-  getEl: () => {
-    return divRef.value;
-  },
-  getStyle: () => {
-    return divRef.value && divRef.value && divRef.value.style;
-  },
-  setLeft: (val: string) => {
-    left.value = val;
-  },
-});
-</script>
-
-<template>
-  <div
-    ref="divRef"
-    :class="toLeft ? 'transition-width !left-0 duration-300' : ''"
-    :style="style"
-    class="absolute left-0 top-0 flex cursor-move items-center justify-center rounded-md"
-  >
-    <slot v-if="$slots.icon" name="icon"></slot>
-
-    <template v-else>
-      <ChevronsRight v-if="!isPassing" />
-      <Check v-else />
-    </template>
-  </div>
-</template>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue b/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
deleted file mode 100644
index f607550f59e..00000000000
--- a/packages/effects/common-ui/src/components/verify/drag-verify/bar.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<script setup lang="ts">
-import { computed, type CSSProperties, ref } from 'vue';
-
-const props = defineProps<{
-  barStyle: CSSProperties;
-  circle: boolean;
-  height: number | string;
-  toLeft: boolean;
-}>();
-const divRef = ref<HTMLDivElement>();
-const width = ref('0px');
-
-const style = computed(() => {
-  const { barStyle, circle, height } = props;
-  const h = Number.parseInt(height as string);
-  return {
-    background: 'hsl(var(--success))',
-    borderRadius: circle ? `${h / 2}px 0 0 ${h / 2}px` : 0,
-    height: `${h}px`,
-    ...barStyle,
-    width: width.value,
-  };
-});
-
-defineExpose({
-  getEl: () => {
-    return divRef.value;
-  },
-  setWidth: (val: string) => {
-    width.value = val;
-  },
-});
-</script>
-
-<template>
-  <div
-    ref="divRef"
-    :class="props.toLeft ? 'transition-width !w-0 duration-300' : ''"
-    :style="style"
-    class="absolute h-9 w-0 rounded-md"
-  ></div>
-</template>
diff --git a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue b/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
deleted file mode 100644
index 21a82c28f0e..00000000000
--- a/packages/effects/common-ui/src/components/verify/drag-verify/content.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<script setup lang="ts">
-import { computed, type CSSProperties, ref } from 'vue';
-
-const props = defineProps<{
-  contentStyle: CSSProperties;
-  height: number | string;
-  isPassing: boolean;
-  successText: string;
-  text: string;
-  width: number | string;
-}>();
-
-const divRef = ref<HTMLDivElement>();
-
-const style = computed(() => {
-  const { contentStyle, height, width } = props;
-  const h = `${Number.parseInt(height as string)}px`;
-  const w = `${Number.parseInt(width as string)}px`;
-
-  return {
-    height: h,
-    width: w,
-    ...contentStyle,
-  };
-});
-
-defineExpose({
-  getEl: () => {
-    return divRef.value;
-  },
-});
-</script>
-
-<template>
-  <div
-    ref="divRef"
-    :class="{
-      [$style.content]: true,
-      [$style.success]: isPassing,
-    }"
-    :style="style"
-    class="absolute top-0 flex select-none items-center justify-center text-xs"
-  >
-    <slot v-if="$slots.text" name="text"></slot>
-    <template v-else>
-      {{ isPassing ? successText : text }}
-    </template>
-  </div>
-</template>
-
-<style module>
-@keyframes slidetounlock {
-  0% {
-    background-position: -120px 0;
-  }
-
-  100% {
-    background-position: 120px 0;
-  }
-}
-
-.content {
-  background-clip: text;
-  animation: slidetounlock 3s infinite;
-  text-size-adjust: none;
-}
-
-.success {
-  -webkit-text-fill-color: white;
-}
-</style>
diff --git a/packages/effects/common-ui/src/components/verify/index.ts b/packages/effects/common-ui/src/components/verify/index.ts
deleted file mode 100644
index b96f54ec124..00000000000
--- a/packages/effects/common-ui/src/components/verify/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { default as DragVerify } from './drag-verify/index.vue';
-export { default as RotateVerify } from './rotate-verify/index.vue';
-
-export * from './typing';
diff --git a/packages/effects/common-ui/src/components/verify/props.ts b/packages/effects/common-ui/src/components/verify/props.ts
deleted file mode 100644
index 6f65144a989..00000000000
--- a/packages/effects/common-ui/src/components/verify/props.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import type { CSSProperties } from 'vue';
-
-export interface VerifyProps {
-  /**
-   * @description 滑块的样式
-   * @default {}
-   */
-  actionStyle?: CSSProperties;
-
-  /**
-   * @description 滑块条的样式
-   * @default {}
-   */
-  barStyle?: CSSProperties;
-
-  /**
-   * @description 内容的样式
-   * @default {}
-   */
-  contentStyle?: CSSProperties;
-
-  /**
-   * @description 组件的样式
-   * @default {}
-   */
-  wrapStyle?: CSSProperties;
-
-  /**
-   * @description 组件是否为圆角
-   * @default false
-   */
-  circle?: boolean;
-
-  /**
-   * @description 组件宽度
-   * @default 220px
-   */
-  width?: number | string;
-  /**
-   * @description 组件高度
-   * @default 40px
-   */
-  height?: number | string;
-
-  /**
-   * @description 是否作为插槽使用，用于联动组件，可参考旋转校验组件
-   * @default false
-   */
-  isSlot?: boolean;
-
-  /**
-   * @description 验证成功的提示
-   * @default '验证通过'
-   */
-  successText?: string;
-
-  /**
-   * @description 提示文字
-   * @default '请按住滑块拖动'
-   */
-  text?: string;
-
-  /**
-   * @description 是否验证成功
-   * @default false
-   */
-  value?: boolean;
-}
-
-export interface RotateProps extends VerifyProps {
-  /**
-   * @description 旋转的角度
-   * @default 20
-   */
-  diffDegree?: number;
-
-  /**
-   * @description 图片的宽度
-   * @default 260
-   */
-  imgWidth?: number;
-
-  /**
-   * @description 图片的样式
-   * @default {}
-   */
-  imgWrapStyle?: CSSProperties;
-
-  /**
-   * @description 最大旋转角度
-   * @default 270
-   */
-  maxDegree?: number;
-
-  /**
-   * @description 最小旋转角度
-   * @default 90
-   */
-  minDegree?: number;
-
-  /**
-   * @description 图片的地址
-   */
-  src?: string;
-}
-
-export function defaultDragVerifyProps() {
-  return {
-    actionStyle: () => ({}),
-    barStyle: () => ({}),
-    circle: false,
-    contentStyle: () => ({}),
-    height: '40',
-    isSlot: false,
-    successText: '验证通过',
-    text: '请按住滑块拖动',
-    value: false,
-    width: '220',
-    wrapStyle: () => ({}),
-  };
-}
-
-export function defaultRotateVerifyProps() {
-  return {
-    ...defaultDragVerifyProps(),
-    diffDegree: 20,
-    imgWidth: 260,
-    imgWrapStyle: () => ({}),
-    maxDegree: 270,
-    minDegree: 90,
-    src: '',
-  };
-}
diff --git a/packages/effects/common-ui/src/components/verify/typing.ts b/packages/effects/common-ui/src/components/verify/typing.ts
deleted file mode 100644
index 42256968bef..00000000000
--- a/packages/effects/common-ui/src/components/verify/typing.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-export interface DragVerifyActionType {
-  resume: () => void;
-}
-
-export interface VerifyPassingData {
-  isPassing: boolean;
-  time: number;
-}
-
-export interface VerifyMoveData {
-  event: MouseEvent | TouchEvent;
-  moveDistance: number;
-  moveX: number;
-}
diff --git a/packages/locales/src/langs/en-US.json b/packages/locales/src/langs/en-US.json
index 338a6a81fcb..ae5e5b3c434 100644
--- a/packages/locales/src/langs/en-US.json
+++ b/packages/locales/src/langs/en-US.json
@@ -313,13 +313,20 @@
       "lockScreen": "Enable Lock Screen"
     }
   },
-  "captcha": {
-    "alt": "Supports img tag src attribute value",
-    "title": "Please complete the security verification",
-    "refreshAriaLabel": "Refresh captcha",
-    "confirmAriaLabel": "Confirm selection",
-    "confirm": "Confirm",
-    "pointAriaLabel": "Click point",
-    "clickInOrder": "Please click in order"
+  "ui": {
+    "captcha": {
+      "title": "Please complete the security verification",
+      "sliderSuccessText": "Passed",
+      "sliderDefaultText": "Slider and drag",
+      "alt": "Supports img tag src attribute value",
+      "sliderRotateDefaultTip": "Click picture to refresh",
+      "sliderRotateFailTip": "Validation failed",
+      "sliderRotateSuccessTip": "Validation successful, time {0} seconds",
+      "refreshAriaLabel": "Refresh captcha",
+      "confirmAriaLabel": "Confirm selection",
+      "confirm": "Confirm",
+      "pointAriaLabel": "Click point",
+      "clickInOrder": "Please click in order"
+    }
   }
 }
diff --git a/packages/locales/src/langs/zh-CN.json b/packages/locales/src/langs/zh-CN.json
index 816170cdf82..8d4ac6a06fa 100644
--- a/packages/locales/src/langs/zh-CN.json
+++ b/packages/locales/src/langs/zh-CN.json
@@ -313,13 +313,20 @@
       "lockScreen": "启用锁屏"
     }
   },
-  "captcha": {
-    "alt": "支持img标签src属性值",
-    "title": "请完成安全验证",
-    "refreshAriaLabel": "刷新验证码",
-    "confirmAriaLabel": "确认选择",
-    "confirm": "确认",
-    "pointAriaLabel": "点击点",
-    "clickInOrder": "请依次点击"
+  "ui": {
+    "captcha": {
+      "title": "请完成安全验证",
+      "sliderSuccessText": "验证通过",
+      "sliderDefaultText": "请按住滑块拖动",
+      "sliderRotateDefaultTip": "点击图片可刷新",
+      "sliderRotateFailTip": "验证失败",
+      "sliderRotateSuccessTip": "验证成功，耗时{0}秒",
+      "alt": "支持img标签src属性值",
+      "refreshAriaLabel": "刷新验证码",
+      "confirmAriaLabel": "确认选择",
+      "confirm": "确认",
+      "pointAriaLabel": "点击点",
+      "clickInOrder": "请依次点击"
+    }
   }
 }
diff --git a/playground/src/locales/langs/en-US.json b/playground/src/locales/langs/en-US.json
index a128204dc4b..9e926ca89b7 100644
--- a/playground/src/locales/langs/en-US.json
+++ b/playground/src/locales/langs/en-US.json
@@ -83,6 +83,9 @@
       },
       "captcha": {
         "title": "Captcha",
+        "pointSelection": "Point Selection Captcha",
+        "sliderCaptcha": "Slider Captcha",
+        "sliderRotateCaptcha": "Rotate Captcha",
         "captchaCardTitle": "Please complete the security verification",
         "pageDescription": "Verify user identity by clicking on specific locations in the image.",
         "pageTitle": "Captcha Component Example",
@@ -103,15 +106,6 @@
         "timestamp": "Timestamp:",
         "x": "x:",
         "y": "y:"
-      },
-      "verify": {
-        "title": "Verify",
-        "drag-verify": {
-          "title": "Drag Verify"
-        },
-        "rotate-verify": {
-          "title": "Rotate Verify"
-        }
       }
     }
   }
diff --git a/playground/src/locales/langs/zh-CN.json b/playground/src/locales/langs/zh-CN.json
index 3edd99bd3d5..08a2c38f4a3 100644
--- a/playground/src/locales/langs/zh-CN.json
+++ b/playground/src/locales/langs/zh-CN.json
@@ -83,6 +83,9 @@
       },
       "captcha": {
         "title": "验证码",
+        "pointSelection": "点选验证",
+        "sliderCaptcha": "滑块验证",
+        "sliderRotateCaptcha": "旋转验证",
         "captchaCardTitle": "请完成安全验证",
         "pageDescription": "通过点击图片中的特定位置来验证用户身份。",
         "pageTitle": "验证码组件示例",
@@ -103,15 +106,6 @@
         "timestamp": "时间戳：",
         "x": "x：",
         "y": "y："
-      },
-      "verify": {
-        "title": "验证组件",
-        "drag-verify": {
-          "title": "拖动验证"
-        },
-        "rotate-verify": {
-          "title": "旋转校验"
-        }
       }
     }
   }
diff --git a/playground/src/router/routes/modules/examples.ts b/playground/src/router/routes/modules/examples.ts
index 5286d75ae6f..954c1154c34 100644
--- a/playground/src/router/routes/modules/examples.ts
+++ b/playground/src/router/routes/modules/examples.ts
@@ -42,15 +42,7 @@ const routes: RouteRecordRaw[] = [
           title: $t('page.examples.ellipsis.title'),
         },
       },
-      {
-        name: 'CaptchaExample',
-        path: '/examples/captcha',
-        component: () => import('#/views/examples/captcha/index.vue'),
-        meta: {
-          icon: 'logos:recaptcha',
-          title: $t('page.examples.captcha.title'),
-        },
-      },
+
       {
         name: 'FormExample',
         path: '/examples/form',
@@ -110,29 +102,38 @@ const routes: RouteRecordRaw[] = [
         ],
       },
       {
-        name: 'VerifyExample',
-        path: '/examples/verify',
+        name: 'CaptchaExample',
+        path: '/examples/captcha',
         meta: {
-          icon: 'arcticons:okta-verify',
-          title: $t('page.examples.verify.title'),
+          icon: 'logos:recaptcha',
+          title: $t('page.examples.captcha.title'),
         },
         children: [
           {
             name: 'DragVerifyExample',
-            path: '/examples/verify/drag-verify',
+            path: '/examples/captcha/slider',
             component: () =>
-              import('#/views/examples/verify/drag-verify/index.vue'),
+              import('#/views/examples/captcha/slider-captcha.vue'),
             meta: {
-              title: $t('page.examples.verify.drag-verify.title'),
+              title: $t('page.examples.captcha.sliderCaptcha'),
             },
           },
           {
             name: 'RotateVerifyExample',
-            path: '/examples/verify/rotate-verify',
+            path: '/examples/captcha/slider-rotate',
+            component: () =>
+              import('#/views/examples/captcha/slider-rotate-captcha.vue'),
+            meta: {
+              title: $t('page.examples.captcha.sliderRotateCaptcha'),
+            },
+          },
+          {
+            name: 'CaptchaPointSelectionExample',
+            path: '/examples/captcha/point-selection',
             component: () =>
-              import('#/views/examples/verify/rotate-verify/index.vue'),
+              import('#/views/examples/captcha/point-selection-captcha.vue'),
             meta: {
-              title: $t('page.examples.verify.rotate-verify.title'),
+              title: $t('page.examples.captcha.pointSelection'),
             },
           },
         ],
diff --git a/playground/src/views/examples/captcha/index.vue b/playground/src/views/examples/captcha/point-selection-captcha.vue
similarity index 98%
rename from playground/src/views/examples/captcha/index.vue
rename to playground/src/views/examples/captcha/point-selection-captcha.vue
index 483154698e0..4a247c4b2b6 100644
--- a/playground/src/views/examples/captcha/index.vue
+++ b/playground/src/views/examples/captcha/point-selection-captcha.vue
@@ -9,7 +9,7 @@ import { Card, Input, InputNumber, message, Switch } from 'ant-design-vue';
 
 import { $t } from '#/locales';
 
-const DEFAULT_CAPATCHA_IMAGE =
+const DEFAULT_CAPTCHA_IMAGE =
   'https://unpkg.com/@vbenjs/static-source@0.1.7/source/default-captcha-image.jpeg';
 
 const DEFAULT_HINT_IMAGE =
@@ -18,7 +18,7 @@ const DEFAULT_HINT_IMAGE =
 const selectedPoints = ref<CaptchaPoint[]>([]);
 const params = reactive({
   captchaImage: '',
-  captchaImageUrl: DEFAULT_CAPATCHA_IMAGE,
+  captchaImageUrl: DEFAULT_CAPTCHA_IMAGE,
   height: undefined,
   hintImage: '',
   hintImageUrl: DEFAULT_HINT_IMAGE,
diff --git a/playground/src/views/examples/captcha/slider-captcha.vue b/playground/src/views/examples/captcha/slider-captcha.vue
new file mode 100644
index 00000000000..e6b4c99fd54
--- /dev/null
+++ b/playground/src/views/examples/captcha/slider-captcha.vue
@@ -0,0 +1,116 @@
+<script lang="ts" setup>
+import type {
+  CaptchaVerifyPassingData,
+  SliderCaptchaActionType,
+} from '@vben/common-ui';
+
+import { ref } from 'vue';
+
+import { Page, SliderCaptcha } from '@vben/common-ui';
+import { Bell, Sun } from '@vben/icons';
+
+import { Button, Card, message } from 'ant-design-vue';
+
+function handleSuccess(data: CaptchaVerifyPassingData) {
+  const { time } = data;
+  message.success(`校验成功,耗时${time}秒`);
+}
+function handleBtnClick(elRef?: SliderCaptchaActionType) {
+  if (!elRef) {
+    return;
+  }
+  elRef.resume();
+}
+
+const el1 = ref<SliderCaptchaActionType>();
+const el2 = ref<SliderCaptchaActionType>();
+const el3 = ref<SliderCaptchaActionType>();
+const el4 = ref<SliderCaptchaActionType>();
+const el5 = ref<SliderCaptchaActionType>();
+</script>
+
+<template>
+  <Page description="用于前端简单的拖动校验场景" title="滑块校验">
+    <Card class="mb-5" title="基础示例">
+      <div class="flex items-center justify-center p-4 px-[30%]">
+        <SliderCaptcha ref="el1" @success="handleSuccess" />
+        <Button class="ml-2" type="primary" @click="handleBtnClick(el1)">
+          还原
+        </Button>
+      </div>
+    </Card>
+    <Card class="mb-5" title="自定义圆角">
+      <div class="flex items-center justify-center p-4 px-[30%]">
+        <SliderCaptcha
+          ref="el2"
+          class="rounded-full"
+          @success="handleSuccess"
+        />
+        <Button class="ml-2" type="primary" @click="handleBtnClick(el2)">
+          还原
+        </Button>
+      </div>
+    </Card>
+    <Card class="mb-5" title="自定义背景色">
+      <div class="flex items-center justify-center p-4 px-[30%]">
+        <SliderCaptcha
+          ref="el3"
+          :bar-style="{
+            backgroundColor: '#018ffb',
+          }"
+          success-text="校验成功"
+          text="拖动以进行校验"
+          @success="handleSuccess"
+        />
+        <Button class="ml-2" type="primary" @click="handleBtnClick(el3)">
+          还原
+        </Button>
+      </div>
+    </Card>
+    <Card class="mb-5" title="自定义拖拽图标">
+      <div class="flex items-center justify-center p-4 px-[30%]">
+        <SliderCaptcha ref="el4" @success="handleSuccess">
+          <template #actionIcon="{ isPassing }">
+            <Bell v-if="isPassing" />
+            <Sun v-else />
+          </template>
+        </SliderCaptcha>
+        <Button class="ml-2" type="primary" @click="handleBtnClick(el4)">
+          还原
+        </Button>
+      </div>
+    </Card>
+    <Card class="mb-5" title="自定义文本">
+      <div class="flex items-center justify-center p-4 px-[30%]">
+        <SliderCaptcha
+          ref="el5"
+          success-text="成功"
+          text="拖动"
+          @success="handleSuccess"
+        />
+        <Button class="ml-2" type="primary" @click="handleBtnClick(el5)">
+          还原
+        </Button>
+      </div>
+    </Card>
+    <Card class="mb-5" title="自定义内容(slot)">
+      <div class="flex items-center justify-center p-4 px-[30%]">
+        <SliderCaptcha ref="el5" @success="handleSuccess">
+          <template #text="{ isPassing }">
+            <template v-if="isPassing">
+              <Bell class="mr-2 size-4" />
+              成功
+            </template>
+            <template v-else>
+              拖动
+              <Sun class="ml-2 size-4" />
+            </template>
+          </template>
+        </SliderCaptcha>
+        <Button class="ml-2" type="primary" @click="handleBtnClick(el5)">
+          还原
+        </Button>
+      </div>
+    </Card>
+  </Page>
+</template>
diff --git a/playground/src/views/examples/verify/rotate-verify/index.vue b/playground/src/views/examples/captcha/slider-rotate-captcha.vue
similarity index 50%
rename from playground/src/views/examples/verify/rotate-verify/index.vue
rename to playground/src/views/examples/captcha/slider-rotate-captcha.vue
index 12a7f9d4067..23775774192 100644
--- a/playground/src/views/examples/verify/rotate-verify/index.vue
+++ b/playground/src/views/examples/captcha/slider-rotate-captcha.vue
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { Page, RotateVerify } from '@vben/common-ui';
-import { Bell, Sun } from '@vben/icons';
+import { Page, SliderRotateCaptcha } from '@vben/common-ui';
 import { preferences } from '@vben/preferences';
 import { useUserStore } from '@vben/stores';
 
@@ -19,18 +18,11 @@ const avatar = computed(() => {
 </script>
 
 <template>
-  <Page title="旋转校验示例">
-    <Card class="flex items-center justify-center p-4">
-      <RotateVerify
-        :src="avatar"
-        text="拖动以进行校验"
-        @success="handleSuccess"
-      >
-        <template #actionIcon="{ isPassing }">
-          <Bell v-if="isPassing" />
-          <Sun v-else />
-        </template>
-      </RotateVerify>
+  <Page description="用于前端简单的拖动校验场景" title="滑块旋转校验">
+    <Card class="mb-5" title="基本示例">
+      <div class="flex items-center justify-center p-4">
+        <SliderRotateCaptcha :src="avatar" @success="handleSuccess" />
+      </div>
     </Card>
   </Page>
 </template>
diff --git a/playground/src/views/examples/verify/drag-verify/index.vue b/playground/src/views/examples/verify/drag-verify/index.vue
deleted file mode 100644
index 218005972c6..00000000000
--- a/playground/src/views/examples/verify/drag-verify/index.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import {
-  DragVerify,
-  type DragVerifyActionType,
-  Page,
-  type VerifyPassingData,
-} from '@vben/common-ui';
-import { Bell, Sun } from '@vben/icons';
-
-import { Button, Card, message } from 'ant-design-vue';
-
-function handleSuccess(data: VerifyPassingData) {
-  const { time } = data;
-  message.success(`校验成功,耗时${time}秒`);
-}
-function handleBtnClick(elRef?: DragVerifyActionType) {
-  if (!elRef) {
-    return;
-  }
-  elRef.resume();
-}
-
-const el1 = ref<DragVerifyActionType>();
-const el2 = ref<DragVerifyActionType>();
-const el3 = ref<DragVerifyActionType>();
-const el4 = ref<DragVerifyActionType>();
-const el5 = ref<DragVerifyActionType>();
-</script>
-
-<template>
-  <Page title="拖动校验示例">
-    <Card>
-      <div class="flex items-center justify-center p-4">
-        <DragVerify ref="el1" @success="handleSuccess" />
-        <Button class="ml-2" type="primary" @click="handleBtnClick(el1)">
-          还原
-        </Button>
-      </div>
-      <div class="flex items-center justify-center p-4">
-        <DragVerify ref="el2" circle @success="handleSuccess" />
-        <Button class="ml-2" type="primary" @click="handleBtnClick(el2)">
-          还原
-        </Button>
-      </div>
-      <div class="flex items-center justify-center p-4">
-        <DragVerify
-          ref="el3"
-          :bar-style="{
-            backgroundColor: '#018ffb',
-          }"
-          success-text="校验成功"
-          text="拖动以进行校验"
-          @success="handleSuccess"
-        />
-        <Button class="ml-2" type="primary" @click="handleBtnClick(el3)">
-          还原
-        </Button>
-      </div>
-      <div class="flex items-center justify-center p-4">
-        <DragVerify ref="el4" @success="handleSuccess">
-          <template #actionIcon="{ isPassing }">
-            <Bell v-if="isPassing" />
-            <Sun v-else />
-          </template>
-        </DragVerify>
-        <Button class="ml-2" type="primary" @click="handleBtnClick(el4)">
-          还原
-        </Button>
-      </div>
-      <div class="flex items-center justify-center p-4">
-        <DragVerify ref="el5" @success="handleSuccess">
-          <template #text="{ isPassing }">
-            <template v-if="isPassing">
-              <Bell />
-              成功
-            </template>
-            <template v-else>
-              拖动
-              <Sun />
-            </template>
-          </template>
-        </DragVerify>
-        <Button class="ml-2" type="primary" @click="handleBtnClick(el5)">
-          还原
-        </Button>
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8d42d949646..8fd7f75e381 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1448,6 +1448,9 @@ importers:
       '@vben-core/shadcn-ui':
         specifier: workspace:*
         version: link:../../@core/ui-kit/shadcn-ui
+      '@vben-core/shared':
+        specifier: workspace:*
+        version: link:../../@core/base/shared
       '@vben/constants':
         specifier: workspace:*
         version: link:../../constants