+ {{ index + 1 }}
+
+
+
+ {{ `${$t('ui.captcha.clickInOrder')}` + `【${hintText}】` }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/slider-captcha-action.vue b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/slider-captcha-action.vue
new file mode 100644
index 000000000..b449c5408
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/slider-captcha-action.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/slider-captcha-bar.vue b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/slider-captcha-bar.vue
new file mode 100644
index 000000000..0884ccb6a
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/slider-captcha-bar.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/slider-captcha-content.vue b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/slider-captcha-content.vue
new file mode 100644
index 000000000..905c1696c
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-captcha/slider-captcha-content.vue
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+ {{ isPassing ? successText : text }}
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-rotate-captcha/index.vue b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-rotate-captcha/index.vue
new file mode 100644
index 000000000..06f118ff6
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/captcha/slider-rotate-captcha/index.vue
@@ -0,0 +1,213 @@
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/captcha/types.ts b/packages/ui/certd-client/src/vben/common-ui/components/captcha/types.ts
new file mode 100644
index 000000000..481667a98
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/captcha/types.ts
@@ -0,0 +1,175 @@
+import type { CSSProperties } from 'vue';
+
+import type { ClassType } from '/@/vben/types';
+
+export interface CaptchaData {
+ /**
+ * x
+ */
+ x: number;
+ /**
+ * y
+ */
+ y: number;
+ /**
+ * 时间戳
+ */
+ t: number;
+}
+export interface CaptchaPoint extends CaptchaData {
+ /**
+ * 数据索引
+ */
+ i: number;
+}
+export interface PointSelectionCaptchaCardProps {
+ /**
+ * 验证码图片
+ */
+ captchaImage: string;
+ /**
+ * 验证码图片高度
+ * @default '220px'
+ */
+ height?: number | string;
+ /**
+ * 水平内边距
+ * @default '12px'
+ */
+ paddingX?: number | string;
+ /**
+ * 垂直内边距
+ * @default '16px'
+ */
+ paddingY?: number | string;
+ /**
+ * 标题
+ * @default '请按图依次点击'
+ */
+ title?: string;
+ /**
+ * 验证码图片宽度
+ * @default '300px'
+ */
+ width?: number | string;
+}
+
+export interface PointSelectionCaptchaProps
+ extends PointSelectionCaptchaCardProps {
+ /**
+ * 是否展示确定按钮
+ * @default false
+ */
+ showConfirm?: boolean;
+ /**
+ * 提示图片
+ * @default ''
+ */
+ hintImage?: string;
+ /**
+ * 提示文本
+ * @default ''
+ */
+ hintText?: string;
+}
+
+export interface SliderCaptchaProps {
+ class?: ClassType;
+ /**
+ * @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/ui/certd-client/src/vben/common-ui/components/col-page/col-page.vue b/packages/ui/certd-client/src/vben/common-ui/components/col-page/col-page.vue
new file mode 100644
index 000000000..9d583ebe8
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/col-page/col-page.vue
@@ -0,0 +1,107 @@
+
+
+
+ ![verify]()
+
+
+
+
+
+ {{ verifyTip }}
+
+
+ {{ defaultTip || $t('ui.captcha.sliderRotateDefaultTip') }}
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/count-to/index.ts b/packages/ui/certd-client/src/vben/common-ui/components/count-to/index.ts
new file mode 100644
index 000000000..d942796ea
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/count-to/index.ts
@@ -0,0 +1,2 @@
+export { default as CountTo } from './count-to.vue';
+export * from './types';
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/count-to/types.ts b/packages/ui/certd-client/src/vben/common-ui/components/count-to/types.ts
new file mode 100644
index 000000000..0b3bd82d6
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/count-to/types.ts
@@ -0,0 +1,53 @@
+import type { CubicBezierPoints, EasingFunction } from '@vueuse/core';
+
+import type { StyleValue } from 'vue';
+
+import { TransitionPresets as TransitionPresetsData } from '@vueuse/core';
+
+export type TransitionPresets = keyof typeof TransitionPresetsData;
+
+export const TransitionPresetsKeys = Object.keys(
+ TransitionPresetsData,
+) as TransitionPresets[];
+
+export interface CountToProps {
+ /** 初始值 */
+ startVal?: number;
+ /** 当前值 */
+ endVal: number;
+ /** 是否禁用动画 */
+ disabled?: boolean;
+ /** 延迟动画开始的时间 */
+ delay?: number;
+ /** 持续时间 */
+ duration?: number;
+ /** 小数位数 */
+ decimals?: number;
+ /** 小数点 */
+ decimal?: string;
+ /** 分隔符 */
+ separator?: string;
+ /** 前缀 */
+ prefix?: string;
+ /** 后缀 */
+ suffix?: string;
+ /** 过渡效果 */
+ transition?: CubicBezierPoints | EasingFunction | TransitionPresets;
+ /** 整数部分的类名 */
+ mainClass?: string;
+ /** 小数部分的类名 */
+ decimalClass?: string;
+ /** 前缀部分的类名 */
+ prefixClass?: string;
+ /** 后缀部分的类名 */
+ suffixClass?: string;
+
+ /** 整数部分的样式 */
+ mainStyle?: StyleValue;
+ /** 小数部分的样式 */
+ decimalStyle?: StyleValue;
+ /** 前缀部分的样式 */
+ prefixStyle?: StyleValue;
+ /** 后缀部分的样式 */
+ suffixStyle?: StyleValue;
+}
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/ellipsis-text/ellipsis-text.vue b/packages/ui/certd-client/src/vben/common-ui/components/ellipsis-text/ellipsis-text.vue
new file mode 100644
index 000000000..587da3d75
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/ellipsis-text/ellipsis-text.vue
@@ -0,0 +1,148 @@
+
+
+
+ {{ prefix }}
+
+
+ {{ numMain }}
+
+ {{ numDec }}
+
+
+
+ {{ suffix }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/ellipsis-text/index.ts b/packages/ui/certd-client/src/vben/common-ui/components/ellipsis-text/index.ts
new file mode 100644
index 000000000..67a236c98
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/ellipsis-text/index.ts
@@ -0,0 +1 @@
+export { default as EllipsisText } from './ellipsis-text.vue';
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/icon-picker/icon-picker.vue b/packages/ui/certd-client/src/vben/common-ui/components/icon-picker/icon-picker.vue
new file mode 100644
index 000000000..cfc5152fd
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/icon-picker/icon-picker.vue
@@ -0,0 +1,304 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t('common.noData') }}
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/loading/spinner.vue b/packages/ui/certd-client/src/vben/common-ui/components/loading/spinner.vue
new file mode 100644
index 000000000..5e6684a24
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/loading/spinner.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/page/__tests__/page.test.ts b/packages/ui/certd-client/src/vben/common-ui/components/page/__tests__/page.test.ts
new file mode 100644
index 000000000..a89061f5c
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/page/__tests__/page.test.ts
@@ -0,0 +1,89 @@
+import { mount } from '@vue/test-utils';
+
+import { describe, expect, it } from 'vitest';
+
+import { Page } from '..';
+
+describe('page.vue', () => {
+ it('renders title when passed', () => {
+ const wrapper = mount(Page, {
+ props: {
+ title: 'Test Title',
+ },
+ });
+
+ expect(wrapper.text()).toContain('Test Title');
+ });
+
+ it('renders description when passed', () => {
+ const wrapper = mount(Page, {
+ props: {
+ description: 'Test Description',
+ },
+ });
+
+ expect(wrapper.text()).toContain('Test Description');
+ });
+
+ it('renders default slot content', () => {
+ const wrapper = mount(Page, {
+ slots: {
+ default: 'Default Slot Content
', + }, + }); + + expect(wrapper.html()).toContain('Default Slot Content
'); + }); + + it('renders footer slot when showFooter is true', () => { + const wrapper = mount(Page, { + props: { + showFooter: true, + }, + slots: { + footer: 'Footer Slot Content
', + }, + }); + + expect(wrapper.html()).toContain('Footer Slot Content
'); + }); + + it('applies the custom contentClass', () => { + const wrapper = mount(Page, { + props: { + contentClass: 'custom-class', + }, + }); + + const contentDiv = wrapper.find('.p-4'); + expect(contentDiv.classes()).toContain('custom-class'); + }); + + it('does not render title slot if title prop is provided', () => { + const wrapper = mount(Page, { + props: { + title: 'Test Title', + }, + slots: { + title: 'Title Slot Content
', + }, + }); + + expect(wrapper.text()).toContain('Title Slot Content'); + expect(wrapper.html()).not.toContain('Test Title'); + }); + + it('does not render description slot if description prop is provided', () => { + const wrapper = mount(Page, { + props: { + description: 'Test Description', + }, + slots: { + description: 'Description Slot Content
', + }, + }); + + expect(wrapper.text()).toContain('Description Slot Content'); + expect(wrapper.html()).not.toContain('Test Description'); + }); +}); diff --git a/packages/ui/certd-client/src/vben/common-ui/components/page/index.ts b/packages/ui/certd-client/src/vben/common-ui/components/page/index.ts new file mode 100644 index 000000000..fd9e02f22 --- /dev/null +++ b/packages/ui/certd-client/src/vben/common-ui/components/page/index.ts @@ -0,0 +1,2 @@ +export { default as Page } from './page.vue'; +export * from './types'; diff --git a/packages/ui/certd-client/src/vben/common-ui/components/page/page.vue b/packages/ui/certd-client/src/vben/common-ui/components/page/page.vue new file mode 100644 index 000000000..557336bce --- /dev/null +++ b/packages/ui/certd-client/src/vben/common-ui/components/page/page.vue @@ -0,0 +1,105 @@ + + + +
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/page/types.ts b/packages/ui/certd-client/src/vben/common-ui/components/page/types.ts
new file mode 100644
index 000000000..5316d08d9
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/page/types.ts
@@ -0,0 +1,11 @@
+export interface PageProps {
+ title?: string;
+ description?: string;
+ contentClass?: string;
+ /**
+ * 根据content可见高度自适应
+ */
+ autoContentHeight?: boolean;
+ headerClass?: string;
+ footerClass?: string;
+}
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/resize/index.ts b/packages/ui/certd-client/src/vben/common-ui/components/resize/index.ts
new file mode 100644
index 000000000..f9375221d
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/resize/index.ts
@@ -0,0 +1 @@
+export { default as VResize } from './resize.vue';
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/resize/resize.vue b/packages/ui/certd-client/src/vben/common-ui/components/resize/resize.vue
new file mode 100644
index 000000000..aaf89eaf2
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/resize/resize.vue
@@ -0,0 +1,1122 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ title }}
+
+ + {{ description }} +
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/components/tippy/directive.ts b/packages/ui/certd-client/src/vben/common-ui/components/tippy/directive.ts
new file mode 100644
index 000000000..ed277d6a6
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/components/tippy/directive.ts
@@ -0,0 +1,100 @@
+import type { ComputedRef, Directive } from 'vue';
+
+import { useTippy } from 'vue-tippy';
+
+export default function useTippyDirective(isDark: ComputedRef
+
+
+ + + {{ name }} + + {{ description }} +
+ +
+
+
+
+
+ 基本信息
+
+
+ -
+
+
- + {{ item.title }} + +
-
+
+
+
+
+
+
+
+
+
+ 生产环境依赖
+
+
+ -
+
+
- + {{ item.title }} + +
-
+
+
+
+
+
+
+
+
+
+ 开发环境依赖
+
+
+ -
+
+
- + {{ item.title }} + +
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/code-login.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/code-login.vue
new file mode 100644
index 000000000..e2e8b8652
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/code-login.vue
@@ -0,0 +1,117 @@
+
+
+
+
+
+
+
+
+
+ <slot name="title">
+ {{ title || $t('authentication.welcomeBack') }} 📲
+ </slot>
+ <template #desc>
+ <span class="text-muted-foreground">
+ <slot name="subTitle">
+ {{ subTitle || $t('authentication.codeSubtitle') }}
+ </slot>
+ </span>
+ </template>
+
+
+
+
+ {{ submitButtonText || $t('common.login') }}
+
+
+
+ {{ $t('common.back') }}
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/forget-password.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/forget-password.vue
new file mode 100644
index 000000000..c1554a658
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/forget-password.vue
@@ -0,0 +1,116 @@
+
+
+
+
+
+ <slot name="title">
+ {{ title || $t('authentication.forgetPassword') }} 🤦🏻♂️
+ </slot>
+ <template #desc>
+ <slot name="subTitle">
+ {{ subTitle || $t('authentication.forgetPasswordSubtitle') }}
+ </slot>
+ </template>
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/index.ts b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/index.ts
new file mode 100644
index 000000000..ac5e1e014
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/index.ts
@@ -0,0 +1,7 @@
+export { default as AuthenticationCodeLogin } from './code-login.vue';
+export { default as AuthenticationForgetPassword } from './forget-password.vue';
+export { default as AuthenticationLoginExpiredModal } from './login-expired-modal.vue';
+export { default as AuthenticationLogin } from './login.vue';
+export { default as AuthenticationQrCodeLogin } from './qrcode-login.vue';
+export { default as AuthenticationRegister } from './register.vue';
+export type { AuthenticationProps } from './types';
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/login-expired-modal.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/login-expired-modal.vue
new file mode 100644
index 000000000..cbdb7167b
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/login-expired-modal.vue
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+ {{ submitButtonText || $t('authentication.sendResetLink') }}
+
+
+
+ {{ $t('common.back') }}
+
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/login.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/login.vue
new file mode 100644
index 000000000..a5f2bb063
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/login.vue
@@ -0,0 +1,186 @@
+
+
+
+
+
+
+ <slot name="title">
+ {{ title || `${$t('authentication.welcomeBack')} 👋🏻` }}
+ </slot>
+ <template #desc>
+ <span class="text-muted-foreground">
+ <slot name="subTitle">
+ {{ subTitle || $t('authentication.loginSubtitle') }}
+ </slot>
+ </span>
+ </template>
+
+
+
+
+
+
+ {{ submitButtonText || $t('common.login') }}
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/qrcode-login.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/qrcode-login.vue
new file mode 100644
index 000000000..2b278b99d
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/qrcode-login.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+ {{ $t('authentication.rememberMe') }}
+
+
+
+
+ {{ $t('authentication.forgetPassword') }}
+
+
+
+ {{ $t('authentication.mobileLogin') }}
+
+
+ {{ $t('authentication.qrcodeLogin') }}
+
+
+
+
+
+ {{ $t('authentication.accountTip') }}
+
+ {{ $t('authentication.createAccount') }}
+
+
+
+
+ <slot name="title">
+ {{ title || $t('authentication.welcomeBack') }} 📱
+ </slot>
+ <template #desc>
+ <span class="text-muted-foreground">
+ <slot name="subTitle">
+ {{ subTitle || $t('authentication.qrcodeSubtitle') }}
+ </slot>
+ </span>
+ </template>
+
+
+
+ {{ $t('common.back') }}
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/register.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/register.vue
new file mode 100644
index 000000000..8ed35613c
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/register.vue
@@ -0,0 +1,121 @@
+
+
+
+
+ ![qrcode]()
+
+
+
+
+
+ <slot name="title">
+ {{ title || $t('authentication.createAnAccount') }} 🚀
+ </slot>
+ <template #desc>
+ <slot name="subTitle">
+ {{ subTitle || $t('authentication.signUpSubtitle') }}
+ </slot>
+ </template>
+
+
+
+
+
+ {{ submitButtonText || $t('authentication.signUp') }}
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/third-party-login.vue b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/third-party-login.vue
new file mode 100644
index 000000000..ff334200b
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/third-party-login.vue
@@ -0,0 +1,37 @@
+
+
+
+
+ {{ $t('authentication.alreadyHaveAccount') }}
+
+ {{ $t('authentication.goToLogin') }}
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/authentication/types.ts b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/types.ts
new file mode 100644
index 000000000..cb297e2e1
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/authentication/types.ts
@@ -0,0 +1,70 @@
+interface AuthenticationProps {
+ /**
+ * @zh_CN 验证码登录路径
+ */
+ codeLoginPath?: string;
+ /**
+ * @zh_CN 忘记密码路径
+ */
+ forgetPasswordPath?: string;
+
+ /**
+ * @zh_CN 是否处于加载处理状态
+ */
+ loading?: boolean;
+
+ /**
+ * @zh_CN 二维码登录路径
+ */
+ qrCodeLoginPath?: string;
+
+ /**
+ * @zh_CN 注册路径
+ */
+ registerPath?: string;
+
+ /**
+ * @zh_CN 是否显示验证码登录
+ */
+ showCodeLogin?: boolean;
+ /**
+ * @zh_CN 是否显示忘记密码
+ */
+ showForgetPassword?: boolean;
+
+ /**
+ * @zh_CN 是否显示二维码登录
+ */
+ showQrcodeLogin?: boolean;
+
+ /**
+ * @zh_CN 是否显示注册按钮
+ */
+ showRegister?: boolean;
+
+ /**
+ * @zh_CN 是否显示记住账号
+ */
+ showRememberMe?: boolean;
+
+ /**
+ * @zh_CN 是否显示第三方登录
+ */
+ showThirdPartyLogin?: boolean;
+
+ /**
+ * @zh_CN 登录框子标题
+ */
+ subTitle?: string;
+
+ /**
+ * @zh_CN 登录框标题
+ */
+ title?: string;
+ /**
+ * @zh_CN 提交按钮文本
+ */
+ submitButtonText?: string;
+}
+
+export type { AuthenticationProps };
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/analysis/analysis-chart-card.vue b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/analysis/analysis-chart-card.vue
new file mode 100644
index 000000000..b02ed374f
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/analysis/analysis-chart-card.vue
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+ {{ $t('authentication.thirdPartyLogin') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ tab.label }}
+
+
+
+
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/analysis/analysis-overview.vue b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/analysis/analysis-overview.vue
new file mode 100644
index 000000000..dc91b3ef3
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/analysis/analysis-overview.vue
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+ {{ item.title }}
+
+
+
+
+
+ {{ item.totalTitle }}
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/analysis/index.ts b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/analysis/index.ts
new file mode 100644
index 000000000..7c67b8721
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/analysis/index.ts
@@ -0,0 +1,3 @@
+export { default as AnalysisChartCard } from './analysis-chart-card.vue';
+export { default as AnalysisChartsTabs } from './analysis-charts-tabs.vue';
+export { default as AnalysisOverview } from './analysis-overview.vue';
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/index.ts b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/index.ts
new file mode 100644
index 000000000..bc74424bc
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/index.ts
@@ -0,0 +1,3 @@
+export * from './analysis';
+export type * from './typing';
+export * from './workbench';
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/typing.ts b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/typing.ts
new file mode 100644
index 000000000..48fc9c7bf
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/typing.ts
@@ -0,0 +1,48 @@
+import type { Component } from 'vue';
+
+interface AnalysisOverviewItem {
+ icon: Component | string;
+ title: string;
+ totalTitle: string;
+ totalValue: number;
+ value: number;
+}
+
+interface WorkbenchProjectItem {
+ color?: string;
+ content: string;
+ date: string;
+ group: string;
+ icon: Component | string;
+ title: string;
+ url?: string;
+}
+
+interface WorkbenchTrendItem {
+ avatar: string;
+ content: string;
+ date: string;
+ title: string;
+}
+
+interface WorkbenchTodoItem {
+ completed: boolean;
+ content: string;
+ date: string;
+ title: string;
+}
+
+interface WorkbenchQuickNavItem {
+ color?: string;
+ icon: Component | string;
+ title: string;
+ url?: string;
+}
+
+export type {
+ AnalysisOverviewItem,
+ WorkbenchProjectItem,
+ WorkbenchQuickNavItem,
+ WorkbenchTodoItem,
+ WorkbenchTrendItem,
+};
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/workbench/index.ts b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/workbench/index.ts
new file mode 100644
index 000000000..76b7af17b
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/workbench/index.ts
@@ -0,0 +1,5 @@
+export { default as WorkbenchHeader } from './workbench-header.vue';
+export { default as WorkbenchProject } from './workbench-project.vue';
+export { default as WorkbenchQuickNav } from './workbench-quick-nav.vue';
+export { default as WorkbenchTodo } from './workbench-todo.vue';
+export { default as WorkbenchTrends } from './workbench-trends.vue';
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/workbench/workbench-header.vue b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/workbench/workbench-header.vue
new file mode 100644
index 000000000..157f23f67
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/workbench/workbench-header.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/workbench/workbench-project.vue b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/workbench/workbench-project.vue
new file mode 100644
index 000000000..680720dad
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/dashboard/workbench/workbench-project.vue
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 待办
+ 2/10
+
+
+
+ 项目
+ 8
+
+
+ 团队
+ 300
+
+
+
+
+
+
+
+ {{ item.content }}
+
+
+ {{ item.group }}
+ {{ item.date }}
+
+
+
+
+ -
+
-
+ ++
+ +++ {{ item.title }} +
+ + ++ + {{ item.date }} + ++
+
-
+
-
+ ++
+ +++ {{ item.title }} +
+ + ++ + {{ item.date }} + ++
+
+ ![]()
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-403.vue b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-403.vue
new file mode 100644
index 000000000..e3908673b
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-403.vue
@@ -0,0 +1,151 @@
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-404.vue b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-404.vue
new file mode 100644
index 000000000..385cf6a5e
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-404.vue
@@ -0,0 +1,154 @@
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-500.vue b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-500.vue
new file mode 100644
index 000000000..97326b7c6
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-500.vue
@@ -0,0 +1,215 @@
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-coming-soon.vue b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-coming-soon.vue
new file mode 100644
index 000000000..e511c43c0
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-coming-soon.vue
@@ -0,0 +1,262 @@
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-offline.vue b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-offline.vue
new file mode 100644
index 000000000..9e50b19b4
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/icon-offline.vue
@@ -0,0 +1,112 @@
+
+
+
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/warning.svg b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/warning.svg
new file mode 100644
index 000000000..951a905c3
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/icons/warning.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/fallback/index.ts b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/index.ts
new file mode 100644
index 000000000..f56f66517
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/fallback/index.ts
@@ -0,0 +1,2 @@
+export type * from './fallback';
+export { default as Fallback } from './fallback.vue';
diff --git a/packages/ui/certd-client/src/vben/common-ui/ui/index.ts b/packages/ui/certd-client/src/vben/common-ui/ui/index.ts
new file mode 100644
index 000000000..fb99fdec1
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/common-ui/ui/index.ts
@@ -0,0 +1,4 @@
+export * from './about';
+export * from './authentication';
+export * from './dashboard';
+export * from './fallback';
diff --git a/packages/ui/certd-client/src/vben/composables/__tests__/use-sortable.test.ts b/packages/ui/certd-client/src/vben/composables/__tests__/use-sortable.test.ts
new file mode 100644
index 000000000..e7ba1f134
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/composables/__tests__/use-sortable.test.ts
@@ -0,0 +1,48 @@
+import type { SortableOptions } from 'sortablejs';
+
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { useSortable } from '../use-sortable';
+
+describe('useSortable', () => {
+ beforeEach(() => {
+ vi.mock('sortablejs/modular/sortable.complete.esm.js', () => ({
+ default: {
+ create: vi.fn(),
+ },
+ }));
+ });
+ it('should call Sortable.create with the correct options', async () => {
+ // Create a mock element
+ const mockElement = document.createElement('div') as HTMLDivElement;
+
+ // Define custom options
+ const customOptions: SortableOptions = {
+ group: 'test-group',
+ sort: false,
+ };
+
+ // Use the useSortable function
+ const { initializeSortable } = useSortable(mockElement, customOptions);
+
+ // Initialize sortable
+ await initializeSortable();
+
+ // Import sortablejs to access the mocked create function
+ const Sortable = await import(
+ 'sortablejs/modular/sortable.complete.esm.js'
+ );
+
+ // Verify that Sortable.create was called with the correct parameters
+ expect(Sortable.default.create).toHaveBeenCalledTimes(1);
+ expect(Sortable.default.create).toHaveBeenCalledWith(
+ mockElement,
+ expect.objectContaining({
+ animation: 300,
+ delay: 400,
+ delayOnTouchOnly: true,
+ ...customOptions,
+ }),
+ );
+ });
+});
diff --git a/packages/ui/certd-client/src/vben/composables/index.ts b/packages/ui/certd-client/src/vben/composables/index.ts
new file mode 100644
index 000000000..e6c28809f
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/composables/index.ts
@@ -0,0 +1,8 @@
+export * from "./use-is-mobile";
+export * from "./use-layout-style";
+export * from "./use-namespace";
+export * from "./use-priority-value";
+export * from "./use-scroll-lock";
+export * from "./use-simple-locale";
+export * from "./use-sortable";
+export { useEmitAsProps, useForwardExpose, useForwardProps, useForwardPropsEmits } from "radix-vue";
diff --git a/packages/ui/certd-client/src/vben/composables/use-is-mobile.ts b/packages/ui/certd-client/src/vben/composables/use-is-mobile.ts
new file mode 100644
index 000000000..66163dc63
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/composables/use-is-mobile.ts
@@ -0,0 +1,7 @@
+import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
+
+export function useIsMobile() {
+ const breakpoints = useBreakpoints(breakpointsTailwind);
+ const isMobile = breakpoints.smaller("md");
+ return { isMobile };
+}
diff --git a/packages/ui/certd-client/src/vben/composables/use-layout-style.ts b/packages/ui/certd-client/src/vben/composables/use-layout-style.ts
new file mode 100644
index 000000000..e5e9e1de7
--- /dev/null
+++ b/packages/ui/certd-client/src/vben/composables/use-layout-style.ts
@@ -0,0 +1,79 @@
+import type { CSSProperties } from "vue";
+
+import type { VisibleDomRect } from "/@/vben/shared/utils";
+
+import { computed, onMounted, onUnmounted, ref } from "vue";
+
+import { CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT, CSS_VARIABLE_LAYOUT_CONTENT_WIDTH, CSS_VARIABLE_LAYOUT_FOOTER_HEIGHT, CSS_VARIABLE_LAYOUT_HEADER_HEIGHT } from "/@/vben/shared/constants";
+import { getElementVisibleRect } from "/@/vben/shared/utils";
+
+import { useCssVar, useDebounceFn } from "@vueuse/core";
+
+/**
+ * @zh_CN content style
+ */
+export function useLayoutContentStyle() {
+ let resizeObserver: null | ResizeObserver = null;
+ const contentElement = ref
+
+
+
+
+
+ + {{ titleText }} +
++ {{ descText }} +
+