diff --git a/docs/.vitepress/config/index.ts b/docs/.vitepress/config/index.ts
index 5c19d9b..04ad93d 100644
--- a/docs/.vitepress/config/index.ts
+++ b/docs/.vitepress/config/index.ts
@@ -31,6 +31,7 @@ export default defineConfig({
{ text: 'Overlay', link: '/component/overlay' },
{ text: 'TextEllipsis', link: '/component/text-ellipsis' },
{ text: 'TextHighlight', link: '/component/text-highlight' },
+ { text: 'PullRefresh', link: '/component/pull-refresh' },
],
},
],
diff --git a/docs/component/captcha.md b/docs/component/captcha.md
index cb5285b..f02d619 100644
--- a/docs/component/captcha.md
+++ b/docs/component/captcha.md
@@ -24,7 +24,7 @@
| 名称 | 类型 | 说明 | 默认值 |
| --------------- | ------------------------------------------------------------------------- | --------------------------------- | ------------ |
-| type | `CaptchType` | 验证的方式 | `'slider'` |
+| type | `'slider' \| 'pointer'` | 验证的方式 | `'slider'` |
| canvasSize | `[number, number]` | 画布大小 | `[500, 300]` |
| image | `string` | 图片地址 | - |
| texts | `string[]` | 验证方式为 `pointer` 时的验证文字 | - |
@@ -90,11 +90,6 @@
## 内置类型
```ts
-enum CaptchType {
- slider = 'slider',
- pointer = 'pointer',
-}
-
type CheckStatusInfo = {
success: boolean;
message: string;
diff --git a/docs/component/pull-refresh.md b/docs/component/pull-refresh.md
new file mode 100644
index 0000000..47c2a1e
--- /dev/null
+++ b/docs/component/pull-refresh.md
@@ -0,0 +1,7 @@
+# PullRefresh
+
+## 基础用法
+
+:::demo pull-refresh/base
+
+:::
diff --git a/docs/demos/pull-refresh/base.vue b/docs/demos/pull-refresh/base.vue
new file mode 100644
index 0000000..80a0e64
--- /dev/null
+++ b/docs/demos/pull-refresh/base.vue
@@ -0,0 +1,22 @@
+
+
+ {{ i }}
+
+
+
+
diff --git a/package.json b/package.json
index ea7e61d..3436db2 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
"build:build-utils": "pnpm -C ./internal/build-utils build && pnpm i",
"docs:dev": "pnpm -C ./docs dev",
"docs:build": "pnpm -C ./docs build",
+ "play:dev": "pnpm -C ./playground dev",
"create": "tsx ./scripts/create.ts"
},
"peerDependencies": {
diff --git a/packages/cdx-component/component.ts b/packages/cdx-component/component.ts
index 0004562..adae563 100644
--- a/packages/cdx-component/component.ts
+++ b/packages/cdx-component/component.ts
@@ -8,8 +8,9 @@ import { CdxTextEllipsis } from '../components/text-ellipsis';
import { CdxTextHighlight } from '../components/text-highlight';
import { CdxModel } from '../components/model';
import { CdxCountTo } from '../components/count-to';
-import { CdxCollapse ,CdxCollapseItem} from '../components/collapse';
+import { CdxCollapse, CdxCollapseItem } from '../components/collapse';
import { CdxCollapseTransition } from '../components/collapse-transition';
+import { CdxPullRefresh } from '../components/pull-refresh';
import type { Plugin } from 'vue';
@@ -30,4 +31,5 @@ export default [
CdxCollapse,
CdxCollapseItem,
CdxCollapseTransition,
+ CdxPullRefresh,
] as Plugin[];
diff --git a/packages/components/captcha/src/captcha.ts b/packages/components/captcha/src/captcha.ts
index 0df35dd..10a313c 100644
--- a/packages/components/captcha/src/captcha.ts
+++ b/packages/components/captcha/src/captcha.ts
@@ -1,63 +1,60 @@
-import { buildProps, definePropType } from '@cdx-component/utils';
-import type { ExtractPropTypes } from 'vue';
-
-export type CheckStatusInfo = {
- success: boolean;
- message: string;
-};
-export enum CheckStatus {
- success = 'success',
- fail = 'fail',
- none = 'none',
-}
-export enum CaptchType {
- slider = 'slider',
- pointer = 'pointer',
-}
-export const captchaProps = buildProps({
- type: {
- type: String,
- values: ['slider', 'pointer'],
- default: CaptchType.slider,
- },
- image: {
- type: String,
- required: true,
- },
- canvasSize: {
- type: definePropType<[number, number]>(Array),
- default: () => [500, 300],
- },
- texts: {
- type: definePropType(Array),
- validator: (v: any) =>
- Array.isArray(v) && v.every((item: any) => typeof item === 'string' && item.length === 1),
- },
- fontRate: {
- type: Number,
- default: 0.108,
- validator: (v: any) => typeof v === 'number' && v >= 0 && v <= 1,
- },
- onBeforSuccess: {
- type: definePropType<() => Promise | boolean | CheckStatusInfo>(Function),
- },
- loading: {
- type: Boolean,
- default: false,
- },
- onRefresh: {
- type: definePropType<() => void | Promise>(Function),
- },
- tipDuration: {
- type: Number,
- default: 3000,
- },
-} as const);
-export type CaptchaProps = ExtractPropTypes;
-
-export const captchaEmits = {
- success: () => true,
- fail: () => true,
- imgError: () => true,
-};
-export type CaptchaEmits = typeof captchaEmits;
+import { buildProps, definePropType } from '@cdx-component/utils';
+import type { ExtractPropTypes } from 'vue';
+
+export type CheckStatusInfo = {
+ success: boolean;
+ message: string;
+};
+export enum CheckStatus {
+ success = 'success',
+ fail = 'fail',
+ none = 'none',
+}
+
+export const captchaProps = buildProps({
+ type: {
+ type: String,
+ values: ['slider', 'pointer'],
+ default: 'slider',
+ },
+ image: {
+ type: String,
+ required: true,
+ },
+ canvasSize: {
+ type: definePropType<[number, number]>(Array),
+ default: () => [500, 300],
+ },
+ texts: {
+ type: definePropType(Array),
+ validator: (v: any) =>
+ Array.isArray(v) && v.every((item: any) => typeof item === 'string' && item.length === 1),
+ },
+ fontRate: {
+ type: Number,
+ default: 0.108,
+ validator: (v: any) => typeof v === 'number' && v >= 0 && v <= 1,
+ },
+ onBeforSuccess: {
+ type: definePropType<() => Promise | boolean | CheckStatusInfo>(Function),
+ },
+ loading: {
+ type: Boolean,
+ default: false,
+ },
+ onRefresh: {
+ type: definePropType<() => void | Promise>(Function),
+ },
+ tipDuration: {
+ type: Number,
+ default: 3000,
+ },
+} as const);
+export type CaptchaProps = ExtractPropTypes;
+
+export const captchaEmits = {
+ success: () => true,
+ fail: () => true,
+ imgError: () => true,
+};
+export type CaptchaEmits = typeof captchaEmits;
diff --git a/packages/components/captcha/src/captcha.vue b/packages/components/captcha/src/captcha.vue
index 7df7c27..72e3327 100644
--- a/packages/components/captcha/src/captcha.vue
+++ b/packages/components/captcha/src/captcha.vue
@@ -1,7 +1,7 @@
+
+
+
+
+
+
+ {{ headText }}
+
+
+
+
+
+
+