animal-island-ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +84 -0
- package/dist/cjs/index.cjs +2 -0
- package/dist/es/index.js +398 -0
- package/dist/types/components/Button/Button.d.ts +26 -0
- package/dist/types/components/Button/index.d.ts +2 -0
- package/dist/types/components/Card/Card.d.ts +18 -0
- package/dist/types/components/Card/index.d.ts +2 -0
- package/dist/types/components/Collapse/Collapse.d.ts +16 -0
- package/dist/types/components/Collapse/index.d.ts +2 -0
- package/dist/types/components/Cursor/Cursor.d.ts +10 -0
- package/dist/types/components/Cursor/index.d.ts +2 -0
- package/dist/types/components/Divider/Divider.d.ts +8 -0
- package/dist/types/components/Divider/index.d.ts +2 -0
- package/dist/types/components/Input/Input.d.ts +19 -0
- package/dist/types/components/Input/index.d.ts +2 -0
- package/dist/types/components/Modal/Modal.d.ts +23 -0
- package/dist/types/components/Modal/index.d.ts +2 -0
- package/dist/types/components/Switch/Switch.d.ts +22 -0
- package/dist/types/components/Switch/index.d.ts +2 -0
- package/dist/types/index.d.ts +17 -0
- package/package.json +67 -0
package/README.md
ADDED
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
# animal-island-ui
|
|
2
|
+
|
|
3
|
+
一款风格参考《动物森友会》的 React UI 组件库,仅用于学习与技术交流。
|
|
4
|
+
|
|
5
|
+
## 介绍
|
|
6
|
+
|
|
7
|
+
本项目是基于 React + TypeScript 实现的轻量 UI 组件库,设计风格灵感来源于任天堂《集合啦!动物森友会》游戏界面,用于个人前端技术练习与组件化开发学习。
|
|
8
|
+
|
|
9
|
+
所有视觉元素、布局、图标、动画均为独立设计实现,未直接使用任何任天堂官方美术素材、代码或资源文件。
|
|
10
|
+
|
|
11
|
+
## 安装
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npm install animal-island-ui
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
## 快速上手
|
|
20
|
+
|
|
21
|
+
```tsx
|
|
22
|
+
import { Button, Card, Switch } from 'animal-island-ui';
|
|
23
|
+
|
|
24
|
+
function App() {
|
|
25
|
+
return (
|
|
26
|
+
<div>
|
|
27
|
+
<Button type="primary">开始冒险</Button>
|
|
28
|
+
<Card color="app-blue">
|
|
29
|
+
<p>欢迎来到无人岛!</p>
|
|
30
|
+
</Card>
|
|
31
|
+
<Switch
|
|
32
|
+
defaultChecked
|
|
33
|
+
checkedChildren="开"
|
|
34
|
+
unCheckedChildren="关"
|
|
35
|
+
/>
|
|
36
|
+
</div>
|
|
37
|
+
);
|
|
38
|
+
}
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## 本地开发
|
|
42
|
+
|
|
43
|
+
```bash
|
|
44
|
+
# 克隆仓库
|
|
45
|
+
git clone https://github.com/guokaigdg/animal-island-ui.git
|
|
46
|
+
cd animal-island-ui
|
|
47
|
+
|
|
48
|
+
# 安装依赖
|
|
49
|
+
npm install
|
|
50
|
+
|
|
51
|
+
# 启动 Demo 开发服务器
|
|
52
|
+
npm run dev
|
|
53
|
+
|
|
54
|
+
# 构建组件库
|
|
55
|
+
npm run build
|
|
56
|
+
|
|
57
|
+
# 构建 Demo 站点
|
|
58
|
+
npm run build:demo
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
## 注意事项
|
|
64
|
+
|
|
65
|
+
- 本项目仅用于个人学习、研究与非商业展示,禁止任何形式的商业使用、二次售卖或盈利行为。
|
|
66
|
+
- 不用于任何商业产品、企业项目、对外服务或付费模板。
|
|
67
|
+
- 使用本组件库产生的任何风险由使用者自行承担。
|
|
68
|
+
|
|
69
|
+
## 版权与免责声明
|
|
70
|
+
|
|
71
|
+
- 本项目并非任天堂官方产品,与任天堂株式会社无任何关联、授权或合作关系。
|
|
72
|
+
- 项目名称中包含的游戏名称仅为风格描述性引用,不构成商标使用或品牌关联。
|
|
73
|
+
- 所有界面风格仅为设计灵感参考,不构成对原作品的复制或侵权。
|
|
74
|
+
- 若版权方认为相关内容存在侵权嫌疑,可通过邮箱联系,本人将在第一时间进行整改或删除处理。
|
|
75
|
+
|
|
76
|
+
## 联系方式
|
|
77
|
+
|
|
78
|
+
如有问题或版权相关沟通,请通过 Issue 或邮件联系。
|
|
79
|
+
|
|
80
|
+
## License
|
|
81
|
+
|
|
82
|
+
MIT
|
|
83
|
+
For learning purposes only.
|
|
84
|
+
本项目基于 MIT 开源协议发布,仅限学习使用,作者不对因使用本库导致的任何法律问题或损失承担责任。
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(':root{--animal-primary-color: #19c8b9;--animal-primary-color-hover: #3dd4c6;--animal-primary-color-active: #11a89b;--animal-primary-color-bg: #e6f9f6;--animal-success-color: #6fba2c;--animal-success-color-hover: #85cc45;--animal-success-color-active: #5a9e1e;--animal-warning-color: #f5c31c;--animal-warning-color-hover: #f7d04a;--animal-warning-color-active: #dba90e;--animal-error-color: #e05a5a;--animal-error-color-hover: #e87878;--animal-error-color-active: #c94444;--animal-text-color: #794f27;--animal-text-color-secondary: #9f927d;--animal-text-color-disabled: #c4b89e;--animal-border-color: #9f927d;--animal-border-color-hover: #827157;--animal-bg-color: #f8f8f0;--animal-bg-color-secondary: #f0e8d8;--animal-bg-color-disabled: #f0ece2;--animal-font-family: "M PLUS Rounded 1c", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--animal-font-size-sm: 12px;--animal-font-size-base: 14px;--animal-font-size-lg: 16px;--animal-line-height-base: 1.5715;--animal-spacing-xs: 4px;--animal-spacing-sm: 8px;--animal-spacing-md: 12px;--animal-spacing-lg: 16px;--animal-spacing-xl: 24px;--animal-border-radius-sm: 12px;--animal-border-radius-base: 18px;--animal-border-radius-lg: 24px;--animal-border-width: 2px;--animal-shadow-sm: 0 2px 4px 0 rgba(61, 52, 40, .06);--animal-shadow-base: 0 3px 10px 0 rgba(61, 52, 40, .1);--animal-shadow-lg: 0 8px 24px 0 rgba(61, 52, 40, .14);--animal-motion-duration-fast: .15s;--animal-motion-duration-base: .25s;--animal-motion-duration-slow: .35s;--animal-motion-ease: cubic-bezier(.4, 0, .2, 1);--animal-height-sm: 32px;--animal-height-base: 40px;--animal-height-lg: 48px}*,*:before,*:after{box-sizing:border-box}[class^=animal-]{font-family:var(--animal-font-family);font-size:var(--animal-font-size-base);line-height:var(--animal-line-height-base);color:var(--animal-text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.animal-btn-QoKe1{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--animal-spacing-sm);font-family:var(--animal-font-family);font-weight:600;white-space:nowrap;cursor:pointer;border:var(--animal-border-width) solid transparent;border-radius:50px;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);-webkit-user-select:none;user-select:none;outline:none;line-height:1;letter-spacing:.02em;box-shadow:var(--animal-shadow-sm)}.animal-btn-QoKe1:focus-visible{outline:2px solid var(--animal-primary-color);outline-offset:2px}.animal-btn-QoKe1:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.animal-btn-small-6Srsd{height:var(--animal-height-sm);padding:0 var(--animal-spacing-lg);font-size:var(--animal-font-size-sm);border-radius:var(--animal-border-radius-sm)}.animal-btn-middle-zEXqv{height:45px;padding:0 20px;font-size:var(--animal-font-size-base)}.animal-btn-large-k9IvA{height:var(--animal-height-lg);padding:0 32px;font-size:var(--animal-font-size-lg);border-radius:var(--animal-border-radius-lg)}.animal-btn-default-L7yE6{color:var(--animal-text-color);background:var(--animal-bg-color);border-color:var(--animal-border-color)}.animal-btn-default-L7yE6:hover:not(:disabled){color:var(--animal-primary-color);border-color:var(--animal-primary-color);box-shadow:var(--animal-shadow-base);transform:translateY(-1px)}.animal-btn-default-L7yE6:active:not(:disabled){color:var(--animal-primary-color-active);border-color:var(--animal-primary-color-active);transform:translateY(0);box-shadow:var(--animal-shadow-sm)}.animal-btn-primary-9tMG9{color:#794f27;background:#f8f8f0;border-color:#f8f8f0;box-shadow:0 5px #bdaea0}.animal-btn-primary-9tMG9:hover:not(:disabled){background:#f8f8f0;border-color:#f8f8f0;transform:translateY(-1px);box-shadow:0 6px #bdaea0}.animal-btn-primary-9tMG9:active:not(:disabled){background:#f8f8f0;border-color:#f8f8f0;transform:translateY(2px);box-shadow:0 1px #bdaea0}.animal-btn-dashed-wzZ-i{color:var(--animal-text-color);background:var(--animal-bg-color);border-color:var(--animal-border-color);border-style:dashed}.animal-btn-dashed-wzZ-i:hover:not(:disabled){color:var(--animal-primary-color);border-color:var(--animal-primary-color);transform:translateY(-1px)}.animal-btn-dashed-wzZ-i:active:not(:disabled){color:var(--animal-primary-color-active);border-color:var(--animal-primary-color-active);transform:translateY(0)}.animal-btn-text-Tope4{color:var(--animal-text-color);background:transparent;border-color:transparent;box-shadow:none}.animal-btn-text-Tope4:hover:not(:disabled){background:var(--animal-bg-color-secondary)}.animal-btn-text-Tope4:active:not(:disabled){background:#e9ddc6}.animal-btn-link-pURnf{color:var(--animal-primary-color);background:transparent;border-color:transparent;box-shadow:none}.animal-btn-link-pURnf:hover:not(:disabled){color:var(--animal-primary-color-hover);opacity:.85}.animal-btn-link-pURnf:active:not(:disabled){color:var(--animal-primary-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9{color:#fff;background:var(--animal-error-color);border-color:var(--animal-error-color);box-shadow:0 5px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9:hover:not(:disabled){background:var(--animal-error-color-hover);border-color:var(--animal-error-color-hover);box-shadow:0 6px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9:active:not(:disabled){background:var(--animal-error-color-active);border-color:var(--animal-error-color-active);box-shadow:0 1px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6,.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i{color:#e05a5a;border-color:var(--animal-error-color)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6:hover:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i:hover:not(:disabled){color:#e05a5a;border-color:var(--animal-error-color-hover)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6:active:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i:active:not(:disabled){color:#e05a5a;border-color:var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4,.animal-btn-danger-zQ4kF.animal-btn-link-pURnf{color:#fff}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4:hover:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-link-pURnf:hover:not(:disabled){color:#fff}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4:active:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-link-pURnf:active:not(:disabled){color:#fff}.animal-btn-ghost-Ykty4{background:transparent;box-shadow:none}.animal-btn-ghost-Ykty4.animal-btn-primary-9tMG9{color:var(--animal-primary-color);background:transparent;box-shadow:none}.animal-btn-ghost-Ykty4.animal-btn-primary-9tMG9:hover:not(:disabled){color:var(--animal-primary-color-hover);border-color:var(--animal-primary-color-hover);background:#19c8b914}.animal-btn-block-MC4pp{display:flex;width:100%}.animal-btn-loading-PfXLM{cursor:default;pointer-events:none;background-image:repeating-linear-gradient(-45deg,transparent,transparent 8px,var(--animal-primary-color-active) 8px,var(--animal-primary-color-active) 16px);background-size:45.25px 100%;animation:animal-animal-btn-loading-Rf1hg .9s linear infinite}.animal-btn-icon-P5CS9{display:inline-flex;align-items:center}@keyframes animal-animal-btn-loading-Rf1hg{0%{background-position:0 0}to{background-position:45.25px 0}}.animal-wrapper-IRrhj{display:inline-flex;align-items:center;width:100%;background:#f7f3df;border:2.5px solid #c4b89e;border-radius:50px;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);box-shadow:0 3px #d4c9b4}.animal-wrapper-IRrhj:hover:not(.animal-wrapper-disabled-MWwHK){border-color:#a89878;box-shadow:0 3px #c4b89e}.animal-wrapper-IRrhj:focus-within:not(.animal-wrapper-disabled-MWwHK){border-color:#fc0;box-shadow:0 3px #e0b800,0 0 0 3px #ffcc0026}.animal-wrapper-disabled-MWwHK{background:#ece8dc;border-color:#d4c9b4;box-shadow:none;opacity:.6;cursor:not-allowed}.animal-wrapper-disabled-MWwHK .animal-input-12WUn{cursor:not-allowed;color:#c4b89e}.animal-wrapper-small-mWvja{height:var(--animal-height-sm);padding:0 14px;font-size:var(--animal-font-size-sm);border-radius:40px;box-shadow:0 2px #d4c9b4}.animal-wrapper-small-mWvja:focus-within:not(.animal-wrapper-disabled-MWwHK){box-shadow:0 2px #e0b800,0 0 0 3px #ffcc0026}.animal-wrapper-middle-zXqMR{height:var(--animal-height-base);padding:0 18px;font-size:var(--animal-font-size-base)}.animal-wrapper-large-RrYM4{height:var(--animal-height-lg);padding:0 22px;font-size:var(--animal-font-size-lg);border-width:3px;border-radius:50px;box-shadow:0 4px #d4c9b4}.animal-wrapper-large-RrYM4:focus-within:not(.animal-wrapper-disabled-MWwHK){box-shadow:0 4px #e0b800,0 0 0 3px #ffcc0026}.animal-wrapper-error-W-VRo{border-color:var(--animal-error-color);box-shadow:0 3px 0 0 var(--animal-error-color-active)}.animal-wrapper-error-W-VRo:hover:not(.animal-wrapper-disabled-MWwHK){border-color:var(--animal-error-color-hover);box-shadow:0 3px 0 0 var(--animal-error-color-active)}.animal-wrapper-error-W-VRo:focus-within:not(.animal-wrapper-disabled-MWwHK){border-color:var(--animal-error-color);box-shadow:0 3px 0 0 var(--animal-error-color-active),0 0 0 3px #e05a5a1f}.animal-wrapper-warning-miO7A{border-color:var(--animal-warning-color);box-shadow:0 3px 0 0 var(--animal-warning-color-active)}.animal-wrapper-warning-miO7A:hover:not(.animal-wrapper-disabled-MWwHK){border-color:var(--animal-warning-color-hover);box-shadow:0 3px 0 0 var(--animal-warning-color-active)}.animal-wrapper-warning-miO7A:focus-within:not(.animal-wrapper-disabled-MWwHK){border-color:var(--animal-warning-color);box-shadow:0 3px 0 0 var(--animal-warning-color-active),0 0 0 3px #f5c31c1f}.animal-input-12WUn{flex:1;width:100%;border:none;outline:none;background:transparent;color:#725d42;font-size:inherit;font-family:var(--animal-font-family);font-weight:500;line-height:var(--animal-line-height-base);letter-spacing:.01em}.animal-input-12WUn::placeholder{color:#c4b89e;font-weight:400}.animal-prefix-g8f1R,.animal-suffix-o7ywP{display:inline-flex;align-items:center;color:#a0936e;flex-shrink:0;font-size:1em}.animal-prefix-g8f1R{margin-right:6px}.animal-suffix-o7ywP{margin-left:6px}.animal-clear-HuR2N{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;color:#c4b89e;font-size:13px;font-weight:700;cursor:pointer;border-radius:50%;background:transparent;transition:all var(--animal-motion-duration-fast)}.animal-clear-HuR2N:hover{color:#725d42;background:#725d421a}.animal-switch-NQPLj{position:relative;display:inline-flex;align-items:center;min-width:52px;height:28px;padding:0;background:#d4c9b4;border:2.5px solid #c4b89e;border-radius:50px;cursor:pointer;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);outline:none;box-shadow:inset 0 2px 4px #725d4226}.animal-switch-NQPLj:hover:not(.animal-switch-disabled-U5tjL){border-color:#a89878}.animal-switch-NQPLj:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.animal-switch-checked-6HKL4{background:#86d67a;border-color:#6fba2c;box-shadow:inset 0 2px 4px #5a9e1e33}.animal-switch-checked-6HKL4:hover:not(.animal-switch-disabled-U5tjL){border-color:#5a9e1e;background:#7ccc70}.animal-switch-disabled-U5tjL{cursor:not-allowed;opacity:.5}.animal-switch-small-jkWtD{min-width:38px;height:20px;border-width:2px}.animal-switch-small-jkWtD .animal-handle-KgZ7M{width:14px;height:14px;top:1px;left:1px;box-shadow:0 2px #bdaea0}.animal-switch-small-jkWtD.animal-switch-checked-6HKL4 .animal-handle-KgZ7M{left:calc(100% - 16px);box-shadow:0 2px #5a9e1e}.animal-handle-KgZ7M{position:absolute;top:2px;left:2px;width:21px;height:21px;background:#f7f3df;border:2px solid #c4b89e;border-radius:50%;box-shadow:0 3px #bdaea0;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);display:flex;align-items:center;justify-content:center;transform:translateY(-2px)}.animal-switch-checked-6HKL4 .animal-handle-KgZ7M{left:calc(100% - 24px);border-color:#6fba2c;box-shadow:0 3px #5a9e1e}.animal-inner-5x97M{display:block;padding:0 8px 0 28px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.1);letter-spacing:.02em}.animal-switch-checked-6HKL4 .animal-inner-5x97M{padding:0 28px 0 8px}.animal-switch-small-jkWtD .animal-inner-5x97M{padding:0 6px 0 20px;font-size:9px}.animal-switch-small-jkWtD.animal-switch-checked-6HKL4 .animal-inner-5x97M{padding:0 20px 0 6px}.animal-switch-loading--3JYL{pointer-events:none;opacity:.7}.animal-spinner-QK4sP{display:inline-block;width:11px;height:11px;border:2px solid #6fba2c;border-right-color:transparent;border-radius:50%;animation:animal-animal-spin-P6YYa .6s linear infinite}.animal-switch-NQPLj:not(.animal-switch-checked-6HKL4) .animal-spinner-QK4sP{border-color:#a89878;border-right-color:transparent}@keyframes animal-animal-spin-P6YYa{to{transform:rotate(360deg)}}.animal-mask-hAWeP{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000059;animation:animal-animal-fade-in-1XsMr .25s ease}.animal-modal-d0zyM{position:relative;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);display:flex;flex-direction:column;animation:animal-animal-zoom-in-rD2Xb .3s ease}.animal-modalClipped-7IuAw{width:100%;height:100%;clip-path:url(#animal-modal-clip);background:#f7f3df;color:#807359;font-family:animal-dialog,Nunito-SemiBold,sans-serif;display:flex;flex-direction:column;overflow:hidden}.animal-header-udOSi{display:flex;align-items:center;justify-content:space-between;padding:32px 48px 16px}.animal-title-s6pv3{font-size:28px;font-weight:700;color:#725d42;font-family:animal-dialog,Nunito-SemiBold,sans-serif}.animal-close-U6E4A{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;font-size:22px;color:#725d4299;cursor:pointer;border-radius:50%;transition:all .2s}.animal-close-U6E4A:hover{background:#725d421a;color:#725d42}.animal-body--aiyx{padding:32px 48px 12px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;flex:1;font-size:20px;font-weight:600;line-height:1.6;color:#8a7b66}.animal-footer-9Ib-a{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:6px 48px 28px}.animal-footer-btn-zlWAg{height:40px;padding:0 24px;font-size:18px;font-family:animal-dialog,Nunito-SemiBold,sans-serif;border:2px solid rgba(114,93,66,.3);border-radius:39.81px;background:transparent;color:#725d42;cursor:pointer;transition:all .2s;line-height:1}.animal-footer-btn-zlWAg:hover{border-color:#725d4299;background:#725d4214}.animal-footer-btn-primary-VmLZX{color:#725d42;background:#fc0;border-color:#fc0}.animal-footer-btn-primary-VmLZX:hover{background:#ffcc00d9;border-color:#ffcc00d9}@keyframes animal-animal-fade-in-1XsMr{0%{opacity:0}to{opacity:1}}@keyframes animal-animal-zoom-in-rD2Xb{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animal-card-DJ515{border-radius:20px;background:#f7f3df;padding:16px 24px;color:#725d42;font-weight:500}.animal-card-title-PL-WB{background:#fdfdf5;border-radius:40px 35px 45px 38px/38px 45px 35px 40px;padding:12px 32px;font-weight:600}.animal-card-app-pink-3Eo8d{background:#f8a6b2;color:#fff}.animal-card-purple-Gq7sR{background:#b77dee;color:#fff}.animal-card-app-blue-GHH1a{background:#889df0;color:#fff}.animal-card-app-yellow-DWB-L{background:#f7cd67;color:#725d42}.animal-card-app-orange-V5yD7{background:#e59266;color:#fff}.animal-card-app-teal-R5kFG{background:#82d5bb;color:#fff}.animal-card-app-green-xlNUs{background:#8ac68a;color:#fff}.animal-card-app-red-DzE0l{background:#fc736d;color:#fff}.animal-card-lime-green-KiJbe{background:#d1da49;color:#3d5a1a}.animal-card-yellow-green-4c-lF{background:#ecdf52;color:#725d42}.animal-card-brown-hLCrx{background:#9a835a;color:#fff}.animal-card-warm-peach-pink-RlSVo{background:#e18c6f;color:#fff}.animal-faqCard-5jlOE{position:relative;background:var(--animal-bg-color);border-radius:var(--animal-border-radius-base);border:var(--animal-border-width) solid var(--animal-border-color);overflow:hidden;transition:border-color var(--animal-motion-duration-base) var(--animal-motion-ease);margin-bottom:var(--animal-spacing-md)}.animal-faqCard-5jlOE.animal-expanded-a8Eze{background:linear-gradient(135deg,var(--animal-bg-color) 0%,var(--animal-bg-color-secondary) 100%)}.animal-faqCard-5jlOE.animal-disabled-9DAjm{opacity:.6;cursor:not-allowed}.animal-questionHeader-iqP87{display:flex;align-items:center;gap:var(--animal-spacing-md);width:100%;padding:var(--animal-spacing-lg) var(--animal-spacing-xl);background:transparent;border:none;cursor:pointer;text-align:left}.animal-questionHeader-iqP87:disabled{cursor:not-allowed}.animal-questionIcon-xRkdp{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--animal-primary-color);color:#fff;border-radius:50%;font-size:18px;font-weight:700;line-height:1;flex-shrink:0;transition:background-color var(--animal-motion-duration-base) var(--animal-motion-ease),transform var(--animal-motion-duration-base) var(--animal-motion-ease);box-shadow:0 2px 4px #19c8b94d}.animal-expanded-a8Eze .animal-questionIcon-xRkdp{background:var(--animal-primary-color-active);transform:rotate(180deg)}.animal-questionText-jVpUv{flex:1;font-size:var(--animal-font-size-lg);font-weight:600;color:var(--animal-text-color);line-height:1.4}.animal-leafDecoration-RoK4H{color:var(--animal-primary-color);opacity:.5;transition:opacity var(--animal-motion-duration-base) var(--animal-motion-ease),transform var(--animal-motion-duration-base) var(--animal-motion-ease)}.animal-expanded-a8Eze .animal-leafDecoration-RoK4H{opacity:1;transform:rotate(45deg)}.animal-answerWrapper-tzFtx{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);will-change:grid-template-rows}.animal-expanded-a8Eze .animal-answerWrapper-tzFtx{grid-template-rows:1fr}.animal-answerContent-ppsk-{overflow:hidden;padding:0 var(--animal-spacing-xl);color:var(--animal-text-color-secondary);font-size:var(--animal-font-size-base);line-height:1.7;transition:padding var(--animal-motion-duration-base) var(--animal-motion-ease)}.animal-expanded-a8Eze .animal-answerContent-ppsk-{padding-bottom:var(--animal-spacing-xl)}.animal-answerContent-ppsk- a{color:var(--animal-primary-color);text-decoration:none;font-weight:500;transition:color var(--animal-motion-duration-fast) var(--animal-motion-ease)}.animal-answerContent-ppsk- a:hover{color:var(--animal-primary-color-hover);text-decoration:underline}.animal-answerContent-ppsk- p{margin:0 0 var(--animal-spacing-sm) 0}.animal-answerContent-ppsk- p:last-child{margin-bottom:0}.animal-answerContent-ppsk- ul{margin:var(--animal-spacing-sm) 0;padding-left:var(--animal-spacing-xl)}.animal-answerContent-ppsk- li{margin-bottom:var(--animal-spacing-xs)}.animal-faqCardGroup-CbaJA{display:flex;flex-direction:column;gap:var(--animal-spacing-sm)}.animal-cursor-1CaqL,.animal-cursor-1CaqL *{cursor:url(data:image/png;base64,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) 4 0,auto}.animal-divider-ZBhpE{width:100%;height:12px;background:url(data:image/png;base64,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) center / contain no-repeat}')),document.head.appendChild(a)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),I=require("react-dom"),G="animal-btn-QoKe1",T="animal-btn-small-6Srsd",$="animal-btn-middle-zEXqv",H="animal-btn-large-k9IvA",Y="animal-btn-default-L7yE6",z="animal-btn-primary-9tMG9",K="animal-btn-dashed-wzZ-i",U="animal-btn-text-Tope4",V="animal-btn-link-pURnf",F="animal-btn-danger-zQ4kF",O="animal-btn-ghost-Ykty4",X="animal-btn-block-MC4pp",J="animal-btn-loading-PfXLM",Q="animal-animal-btn-loading-Rf1hg",Z="animal-btn-icon-P5CS9",f={btn:G,"btn-small":"animal-btn-small-6Srsd",btnSmall:T,"btn-middle":"animal-btn-middle-zEXqv",btnMiddle:$,"btn-large":"animal-btn-large-k9IvA",btnLarge:H,"btn-default":"animal-btn-default-L7yE6",btnDefault:Y,"btn-primary":"animal-btn-primary-9tMG9",btnPrimary:z,"btn-dashed":"animal-btn-dashed-wzZ-i",btnDashed:K,"btn-text":"animal-btn-text-Tope4",btnText:U,"btn-link":"animal-btn-link-pURnf",btnLink:V,"btn-danger":"animal-btn-danger-zQ4kF",btnDanger:F,"btn-ghost":"animal-btn-ghost-Ykty4",btnGhost:O,"btn-block":"animal-btn-block-MC4pp",btnBlock:X,"btn-loading":"animal-btn-loading-PfXLM",btnLoading:J,"animal-btn-loading":"animal-animal-btn-loading-Rf1hg",animalBtnLoading:Q,"btn-icon":"animal-btn-icon-P5CS9",btnIcon:Z},L=({type:n="default",size:e="middle",danger:i=!1,ghost:t=!1,block:s=!1,loading:r=!1,disabled:l=!1,icon:d,htmlType:b="button",children:c,className:w,...h})=>{const p=[f.btn,f[`btn-${n}`],f[`btn-${e}`],i&&f["btn-danger"],t&&f["btn-ghost"],s&&f["btn-block"],r&&f["btn-loading"],w].filter(Boolean).join(" ");return a.jsxs("button",{type:b,className:p,disabled:l||r,...h,children:[d&&!r&&a.jsx("span",{className:f["btn-icon"],children:d}),c&&a.jsx("span",{children:c})]})};L.displayName="Button";const _="animal-wrapper-IRrhj",aa="animal-wrapper-disabled-MWwHK",na="animal-input-12WUn",ea="animal-wrapper-small-mWvja",la="animal-wrapper-middle-zXqMR",ta="animal-wrapper-large-RrYM4",ra="animal-wrapper-error-W-VRo",ia="animal-wrapper-warning-miO7A",sa="animal-prefix-g8f1R",ca="animal-suffix-o7ywP",da="animal-clear-HuR2N",x={wrapper:_,"wrapper-disabled":"animal-wrapper-disabled-MWwHK",wrapperDisabled:aa,input:na,"wrapper-small":"animal-wrapper-small-mWvja",wrapperSmall:ea,"wrapper-middle":"animal-wrapper-middle-zXqMR",wrapperMiddle:la,"wrapper-large":"animal-wrapper-large-RrYM4",wrapperLarge:ta,"wrapper-error":"animal-wrapper-error-W-VRo",wrapperError:ra,"wrapper-warning":"animal-wrapper-warning-miO7A",wrapperWarning:ia,prefix:sa,suffix:ca,clear:da},D=({size:n="middle",prefix:e,suffix:i,allowClear:t=!1,status:s,disabled:r=!1,className:l,value:d,defaultValue:b,onChange:c,onClear:w,...h})=>{const[p,j]=m.useState(b??""),o=d!==void 0,k=o?d:p,A=m.useCallback(y=>{o||j(y.target.value),c?.(y)},[o,c]),E=m.useCallback(()=>{o||j(""),w?.();const y=new Event("input",{bubbles:!0}),N={value:""};c?.({target:N,currentTarget:N,nativeEvent:y})},[o,c,w]),W=[x.wrapper,x[`wrapper-${n}`],s&&x[`wrapper-${s}`],r&&x["wrapper-disabled"],l].filter(Boolean).join(" ");return a.jsxs("span",{className:W,children:[e&&a.jsx("span",{className:x.prefix,children:e}),a.jsx("input",{className:x.input,disabled:r,value:k,onChange:A,...h}),t&&k&&!r&&a.jsx("span",{className:x.clear,onClick:E,role:"button",tabIndex:-1,children:"×"}),i&&a.jsx("span",{className:x.suffix,children:i})]})};D.displayName="Input";const oa="animal-switch-disabled-U5tjL",pa="animal-switch-checked-6HKL4",ma="animal-switch-small-jkWtD",ba="animal-handle-KgZ7M",ha="animal-inner-5x97M",ua="animal-switch-loading--3JYL",wa="animal-spinner-QK4sP",fa="animal-animal-spin-P6YYa",C={switch:"animal-switch-NQPLj","switch-disabled":"animal-switch-disabled-U5tjL",switchDisabled:oa,"switch-checked":"animal-switch-checked-6HKL4",switchChecked:pa,"switch-small":"animal-switch-small-jkWtD",switchSmall:ma,handle:ba,inner:ha,"switch-loading":"animal-switch-loading--3JYL",switchLoading:ua,spinner:wa,"animal-spin":"animal-animal-spin-P6YYa",animalSpin:fa},P=({checked:n,defaultChecked:e=!1,size:i="default",disabled:t=!1,loading:s=!1,checkedChildren:r,unCheckedChildren:l,onChange:d,className:b})=>{const[c,w]=m.useState(e),h=n!==void 0,p=h?n:c,j=m.useCallback(()=>{if(t||s)return;const k=!p;h||w(k),d?.(k)},[t,s,p,h,d]),o=[C.switch,C[`switch-${i}`],p&&C["switch-checked"],t&&C["switch-disabled"],s&&C["switch-loading"],b].filter(Boolean).join(" ");return a.jsxs("button",{type:"button",role:"switch","aria-checked":p,className:o,onClick:j,disabled:t,children:[a.jsx("span",{className:C.handle,children:s&&a.jsx("span",{className:C.spinner})}),a.jsx("span",{className:C.inner,children:p?r:l})]})};P.displayName="Switch";const xa="animal-mask-hAWeP",Ca="animal-modal-d0zyM",ga="animal-modalClipped-7IuAw",ka="animal-header-udOSi",ja="animal-title-s6pv3",ya="animal-close-U6E4A",La="animal-body--aiyx",va="animal-footer-9Ib-a",g={mask:xa,modal:Ca,modalClipped:ga,header:ka,title:ja,close:ya,body:La,footer:va},Na=()=>a.jsx("svg",{style:{position:"absolute",width:0,height:0},"aria-hidden":!0,children:a.jsx("clipPath",{id:"animal-modal-clip",clipPathUnits:"objectBoundingBox",children:a.jsx("path",{d:"M0.501,0.005 L0.501,0.005 L0.523,0.005 L0.549,0.006 C0.704,0.01,0.796,0.017,0.825,0.027 L0.827,0.028 C0.872,0.045,0.939,0.044,0.978,0.17 C1,0.254,1,0.365,0.99,0.505 L0.988,0.513 C0.979,0.558,0.971,0.598,0.965,0.633 C0.956,0.689,0.979,0.77,0.964,0.865 C0.953,0.928,0.921,0.966,0.869,0.979 C0.821,0.986,0.773,0.992,0.726,0.995 L0.712,0.996 L0.694,0.997 C0.648,1,0.586,1,0.507,1 L0.501,1 L0.464,1 C0.385,1,0.325,0.998,0.283,0.995 C0.234,0.992,0.184,0.987,0.133,0.979 C0.081,0.966,0.05,0.928,0.039,0.865 C0.023,0.77,0.047,0.689,0.037,0.633 C0.031,0.595,0.023,0.552,0.013,0.505 C-0.006,0.365,-0.002,0.254,0.024,0.17 C0.064,0.045,0.13,0.045,0.174,0.028 L0.175,0.028 C0.204,0.017,0.303,0.009,0.474,0.005 L0.501,0.005"})})}),q=({open:n,title:e,width:i=520,maskClosable:t=!0,closable:s=!0,footer:r,onClose:l,onOk:d,children:b,className:c})=>{m.useEffect(()=>{if(!n)return;const o=k=>{k.key==="Escape"&&l?.()};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[n,l]),m.useEffect(()=>(n&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow=""}),[n]);const w=m.useCallback(()=>{t&&l?.()},[t,l]),h=m.useCallback(o=>{o.stopPropagation()},[]);if(!n)return null;const p=a.jsxs(a.Fragment,{children:[a.jsx(L,{type:"primary",onClick:l,children:"取消"}),a.jsx(L,{type:"primary",onClick:d,children:"确定"})]}),j=a.jsx("div",{className:g.mask,onClick:w,children:a.jsxs("div",{className:[g.modal,c].filter(Boolean).join(" "),style:{width:i},onClick:h,role:"dialog","aria-modal":"true",children:[a.jsx(Na,{}),a.jsxs("div",{className:g.modalClipped,children:[(e||s)&&a.jsxs("div",{className:g.header,children:[e&&a.jsx("div",{className:g.title,children:e}),s&&a.jsx("button",{className:g.close,onClick:l,"aria-label":"Close",children:"×"})]}),a.jsx("div",{className:g.body,children:b}),r!==null&&a.jsx("div",{className:g.footer,children:r===void 0?p:r})]})]})});return I.createPortal(j,document.body)};q.displayName="Modal";const Da="animal-card-DJ515",Pa="animal-card-title-PL-WB",qa="animal-card-app-pink-3Eo8d",Ba="animal-card-purple-Gq7sR",Ma="animal-card-app-blue-GHH1a",Ra="animal-card-app-yellow-DWB-L",Sa="animal-card-app-orange-V5yD7",Aa="animal-card-app-teal-R5kFG",Ea="animal-card-app-green-xlNUs",Wa="animal-card-app-red-DzE0l",Ia="animal-card-lime-green-KiJbe",Ga="animal-card-yellow-green-4c-lF",Ta="animal-card-brown-hLCrx",$a="animal-card-warm-peach-pink-RlSVo",v={card:Da,"card-title":"animal-card-title-PL-WB",cardTitle:Pa,"card-app-pink":"animal-card-app-pink-3Eo8d",cardAppPink:qa,"card-purple":"animal-card-purple-Gq7sR",cardPurple:Ba,"card-app-blue":"animal-card-app-blue-GHH1a",cardAppBlue:Ma,"card-app-yellow":"animal-card-app-yellow-DWB-L",cardAppYellow:Ra,"card-app-orange":"animal-card-app-orange-V5yD7",cardAppOrange:Sa,"card-app-teal":"animal-card-app-teal-R5kFG",cardAppTeal:Aa,"card-app-green":"animal-card-app-green-xlNUs",cardAppGreen:Ea,"card-app-red":"animal-card-app-red-DzE0l",cardAppRed:Wa,"card-lime-green":"animal-card-lime-green-KiJbe",cardLimeGreen:Ia,"card-yellow-green":"animal-card-yellow-green-4c-lF",cardYellowGreen:Ga,"card-brown":"animal-card-brown-hLCrx",cardBrown:Ta,"card-warm-peach-pink":"animal-card-warm-peach-pink-RlSVo",cardWarmPeachPink:$a},B=({type:n="default",color:e="default",children:i,className:t,style:s,onClick:r})=>{const l=[v.card,n==="title"&&v["card-title"],e!=="default"&&v[`card-${e}`],t].filter(Boolean).join(" ");return a.jsx("div",{className:l,style:s,onClick:r,children:i})};B.displayName="Card";const Ha="animal-faqCard-5jlOE",Ya="animal-expanded-a8Eze",za="animal-disabled-9DAjm",Ka="animal-questionHeader-iqP87",Ua="animal-questionIcon-xRkdp",Va="animal-questionText-jVpUv",Fa="animal-leafDecoration-RoK4H",Oa="animal-answerWrapper-tzFtx",Xa="animal-answerContent-ppsk-",u={faqCard:Ha,expanded:Ya,disabled:za,questionHeader:Ka,questionIcon:Ua,questionText:Va,leafDecoration:Fa,answerWrapper:Oa,answerContent:Xa},M=({question:n,answer:e,defaultExpanded:i=!1,disabled:t=!1,className:s,style:r})=>{const[l,d]=m.useState(i),b=()=>{t||d(!l)},c=[u.faqCard,l&&u.expanded,t&&u.disabled,s].filter(Boolean).join(" ");return a.jsxs("div",{className:c,style:r,children:[a.jsxs("button",{className:u.questionHeader,onClick:b,disabled:t,"aria-expanded":l,children:[a.jsx("span",{className:u.questionIcon,children:l?"−":"+"}),a.jsx("span",{className:u.questionText,children:n}),a.jsx("span",{className:u.leafDecoration,children:a.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",children:a.jsx("path",{fill:"currentColor",d:"M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z"})})})]}),a.jsx("div",{className:u.answerWrapper,children:a.jsx("div",{className:u.answerContent,children:e})})]})};M.displayName="Collapse";const Ja="animal-cursor-1CaqL",Qa={cursor:Ja},R=({children:n,className:e,style:i})=>a.jsx("div",{className:`${Qa.cursor} ${e||""}`,style:i,children:n});R.displayName="Cursor";const Za="animal-divider-ZBhpE",_a={divider:Za},S=({className:n,style:e})=>{const i=[_a.divider,n].filter(Boolean).join(" ");return a.jsx("div",{className:i,style:e})};S.displayName="Divider";exports.Button=L;exports.Card=B;exports.Collapse=M;exports.Cursor=R;exports.Divider=S;exports.Input=D;exports.Modal=q;exports.Switch=P;
|
package/dist/es/index.js
ADDED
|
@@ -0,0 +1,398 @@
|
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(':root{--animal-primary-color: #19c8b9;--animal-primary-color-hover: #3dd4c6;--animal-primary-color-active: #11a89b;--animal-primary-color-bg: #e6f9f6;--animal-success-color: #6fba2c;--animal-success-color-hover: #85cc45;--animal-success-color-active: #5a9e1e;--animal-warning-color: #f5c31c;--animal-warning-color-hover: #f7d04a;--animal-warning-color-active: #dba90e;--animal-error-color: #e05a5a;--animal-error-color-hover: #e87878;--animal-error-color-active: #c94444;--animal-text-color: #794f27;--animal-text-color-secondary: #9f927d;--animal-text-color-disabled: #c4b89e;--animal-border-color: #9f927d;--animal-border-color-hover: #827157;--animal-bg-color: #f8f8f0;--animal-bg-color-secondary: #f0e8d8;--animal-bg-color-disabled: #f0ece2;--animal-font-family: "M PLUS Rounded 1c", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--animal-font-size-sm: 12px;--animal-font-size-base: 14px;--animal-font-size-lg: 16px;--animal-line-height-base: 1.5715;--animal-spacing-xs: 4px;--animal-spacing-sm: 8px;--animal-spacing-md: 12px;--animal-spacing-lg: 16px;--animal-spacing-xl: 24px;--animal-border-radius-sm: 12px;--animal-border-radius-base: 18px;--animal-border-radius-lg: 24px;--animal-border-width: 2px;--animal-shadow-sm: 0 2px 4px 0 rgba(61, 52, 40, .06);--animal-shadow-base: 0 3px 10px 0 rgba(61, 52, 40, .1);--animal-shadow-lg: 0 8px 24px 0 rgba(61, 52, 40, .14);--animal-motion-duration-fast: .15s;--animal-motion-duration-base: .25s;--animal-motion-duration-slow: .35s;--animal-motion-ease: cubic-bezier(.4, 0, .2, 1);--animal-height-sm: 32px;--animal-height-base: 40px;--animal-height-lg: 48px}*,*:before,*:after{box-sizing:border-box}[class^=animal-]{font-family:var(--animal-font-family);font-size:var(--animal-font-size-base);line-height:var(--animal-line-height-base);color:var(--animal-text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.animal-btn-QoKe1{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--animal-spacing-sm);font-family:var(--animal-font-family);font-weight:600;white-space:nowrap;cursor:pointer;border:var(--animal-border-width) solid transparent;border-radius:50px;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);-webkit-user-select:none;user-select:none;outline:none;line-height:1;letter-spacing:.02em;box-shadow:var(--animal-shadow-sm)}.animal-btn-QoKe1:focus-visible{outline:2px solid var(--animal-primary-color);outline-offset:2px}.animal-btn-QoKe1:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.animal-btn-small-6Srsd{height:var(--animal-height-sm);padding:0 var(--animal-spacing-lg);font-size:var(--animal-font-size-sm);border-radius:var(--animal-border-radius-sm)}.animal-btn-middle-zEXqv{height:45px;padding:0 20px;font-size:var(--animal-font-size-base)}.animal-btn-large-k9IvA{height:var(--animal-height-lg);padding:0 32px;font-size:var(--animal-font-size-lg);border-radius:var(--animal-border-radius-lg)}.animal-btn-default-L7yE6{color:var(--animal-text-color);background:var(--animal-bg-color);border-color:var(--animal-border-color)}.animal-btn-default-L7yE6:hover:not(:disabled){color:var(--animal-primary-color);border-color:var(--animal-primary-color);box-shadow:var(--animal-shadow-base);transform:translateY(-1px)}.animal-btn-default-L7yE6:active:not(:disabled){color:var(--animal-primary-color-active);border-color:var(--animal-primary-color-active);transform:translateY(0);box-shadow:var(--animal-shadow-sm)}.animal-btn-primary-9tMG9{color:#794f27;background:#f8f8f0;border-color:#f8f8f0;box-shadow:0 5px #bdaea0}.animal-btn-primary-9tMG9:hover:not(:disabled){background:#f8f8f0;border-color:#f8f8f0;transform:translateY(-1px);box-shadow:0 6px #bdaea0}.animal-btn-primary-9tMG9:active:not(:disabled){background:#f8f8f0;border-color:#f8f8f0;transform:translateY(2px);box-shadow:0 1px #bdaea0}.animal-btn-dashed-wzZ-i{color:var(--animal-text-color);background:var(--animal-bg-color);border-color:var(--animal-border-color);border-style:dashed}.animal-btn-dashed-wzZ-i:hover:not(:disabled){color:var(--animal-primary-color);border-color:var(--animal-primary-color);transform:translateY(-1px)}.animal-btn-dashed-wzZ-i:active:not(:disabled){color:var(--animal-primary-color-active);border-color:var(--animal-primary-color-active);transform:translateY(0)}.animal-btn-text-Tope4{color:var(--animal-text-color);background:transparent;border-color:transparent;box-shadow:none}.animal-btn-text-Tope4:hover:not(:disabled){background:var(--animal-bg-color-secondary)}.animal-btn-text-Tope4:active:not(:disabled){background:#e9ddc6}.animal-btn-link-pURnf{color:var(--animal-primary-color);background:transparent;border-color:transparent;box-shadow:none}.animal-btn-link-pURnf:hover:not(:disabled){color:var(--animal-primary-color-hover);opacity:.85}.animal-btn-link-pURnf:active:not(:disabled){color:var(--animal-primary-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9{color:#fff;background:var(--animal-error-color);border-color:var(--animal-error-color);box-shadow:0 5px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9:hover:not(:disabled){background:var(--animal-error-color-hover);border-color:var(--animal-error-color-hover);box-shadow:0 6px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-primary-9tMG9:active:not(:disabled){background:var(--animal-error-color-active);border-color:var(--animal-error-color-active);box-shadow:0 1px 0 0 var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6,.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i{color:#e05a5a;border-color:var(--animal-error-color)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6:hover:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i:hover:not(:disabled){color:#e05a5a;border-color:var(--animal-error-color-hover)}.animal-btn-danger-zQ4kF.animal-btn-default-L7yE6:active:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-dashed-wzZ-i:active:not(:disabled){color:#e05a5a;border-color:var(--animal-error-color-active)}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4,.animal-btn-danger-zQ4kF.animal-btn-link-pURnf{color:#fff}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4:hover:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-link-pURnf:hover:not(:disabled){color:#fff}.animal-btn-danger-zQ4kF.animal-btn-text-Tope4:active:not(:disabled),.animal-btn-danger-zQ4kF.animal-btn-link-pURnf:active:not(:disabled){color:#fff}.animal-btn-ghost-Ykty4{background:transparent;box-shadow:none}.animal-btn-ghost-Ykty4.animal-btn-primary-9tMG9{color:var(--animal-primary-color);background:transparent;box-shadow:none}.animal-btn-ghost-Ykty4.animal-btn-primary-9tMG9:hover:not(:disabled){color:var(--animal-primary-color-hover);border-color:var(--animal-primary-color-hover);background:#19c8b914}.animal-btn-block-MC4pp{display:flex;width:100%}.animal-btn-loading-PfXLM{cursor:default;pointer-events:none;background-image:repeating-linear-gradient(-45deg,transparent,transparent 8px,var(--animal-primary-color-active) 8px,var(--animal-primary-color-active) 16px);background-size:45.25px 100%;animation:animal-animal-btn-loading-Rf1hg .9s linear infinite}.animal-btn-icon-P5CS9{display:inline-flex;align-items:center}@keyframes animal-animal-btn-loading-Rf1hg{0%{background-position:0 0}to{background-position:45.25px 0}}.animal-wrapper-IRrhj{display:inline-flex;align-items:center;width:100%;background:#f7f3df;border:2.5px solid #c4b89e;border-radius:50px;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);box-shadow:0 3px #d4c9b4}.animal-wrapper-IRrhj:hover:not(.animal-wrapper-disabled-MWwHK){border-color:#a89878;box-shadow:0 3px #c4b89e}.animal-wrapper-IRrhj:focus-within:not(.animal-wrapper-disabled-MWwHK){border-color:#fc0;box-shadow:0 3px #e0b800,0 0 0 3px #ffcc0026}.animal-wrapper-disabled-MWwHK{background:#ece8dc;border-color:#d4c9b4;box-shadow:none;opacity:.6;cursor:not-allowed}.animal-wrapper-disabled-MWwHK .animal-input-12WUn{cursor:not-allowed;color:#c4b89e}.animal-wrapper-small-mWvja{height:var(--animal-height-sm);padding:0 14px;font-size:var(--animal-font-size-sm);border-radius:40px;box-shadow:0 2px #d4c9b4}.animal-wrapper-small-mWvja:focus-within:not(.animal-wrapper-disabled-MWwHK){box-shadow:0 2px #e0b800,0 0 0 3px #ffcc0026}.animal-wrapper-middle-zXqMR{height:var(--animal-height-base);padding:0 18px;font-size:var(--animal-font-size-base)}.animal-wrapper-large-RrYM4{height:var(--animal-height-lg);padding:0 22px;font-size:var(--animal-font-size-lg);border-width:3px;border-radius:50px;box-shadow:0 4px #d4c9b4}.animal-wrapper-large-RrYM4:focus-within:not(.animal-wrapper-disabled-MWwHK){box-shadow:0 4px #e0b800,0 0 0 3px #ffcc0026}.animal-wrapper-error-W-VRo{border-color:var(--animal-error-color);box-shadow:0 3px 0 0 var(--animal-error-color-active)}.animal-wrapper-error-W-VRo:hover:not(.animal-wrapper-disabled-MWwHK){border-color:var(--animal-error-color-hover);box-shadow:0 3px 0 0 var(--animal-error-color-active)}.animal-wrapper-error-W-VRo:focus-within:not(.animal-wrapper-disabled-MWwHK){border-color:var(--animal-error-color);box-shadow:0 3px 0 0 var(--animal-error-color-active),0 0 0 3px #e05a5a1f}.animal-wrapper-warning-miO7A{border-color:var(--animal-warning-color);box-shadow:0 3px 0 0 var(--animal-warning-color-active)}.animal-wrapper-warning-miO7A:hover:not(.animal-wrapper-disabled-MWwHK){border-color:var(--animal-warning-color-hover);box-shadow:0 3px 0 0 var(--animal-warning-color-active)}.animal-wrapper-warning-miO7A:focus-within:not(.animal-wrapper-disabled-MWwHK){border-color:var(--animal-warning-color);box-shadow:0 3px 0 0 var(--animal-warning-color-active),0 0 0 3px #f5c31c1f}.animal-input-12WUn{flex:1;width:100%;border:none;outline:none;background:transparent;color:#725d42;font-size:inherit;font-family:var(--animal-font-family);font-weight:500;line-height:var(--animal-line-height-base);letter-spacing:.01em}.animal-input-12WUn::placeholder{color:#c4b89e;font-weight:400}.animal-prefix-g8f1R,.animal-suffix-o7ywP{display:inline-flex;align-items:center;color:#a0936e;flex-shrink:0;font-size:1em}.animal-prefix-g8f1R{margin-right:6px}.animal-suffix-o7ywP{margin-left:6px}.animal-clear-HuR2N{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;color:#c4b89e;font-size:13px;font-weight:700;cursor:pointer;border-radius:50%;background:transparent;transition:all var(--animal-motion-duration-fast)}.animal-clear-HuR2N:hover{color:#725d42;background:#725d421a}.animal-switch-NQPLj{position:relative;display:inline-flex;align-items:center;min-width:52px;height:28px;padding:0;background:#d4c9b4;border:2.5px solid #c4b89e;border-radius:50px;cursor:pointer;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);outline:none;box-shadow:inset 0 2px 4px #725d4226}.animal-switch-NQPLj:hover:not(.animal-switch-disabled-U5tjL){border-color:#a89878}.animal-switch-NQPLj:focus-visible{outline:2px solid #ffcc00;outline-offset:2px}.animal-switch-checked-6HKL4{background:#86d67a;border-color:#6fba2c;box-shadow:inset 0 2px 4px #5a9e1e33}.animal-switch-checked-6HKL4:hover:not(.animal-switch-disabled-U5tjL){border-color:#5a9e1e;background:#7ccc70}.animal-switch-disabled-U5tjL{cursor:not-allowed;opacity:.5}.animal-switch-small-jkWtD{min-width:38px;height:20px;border-width:2px}.animal-switch-small-jkWtD .animal-handle-KgZ7M{width:14px;height:14px;top:1px;left:1px;box-shadow:0 2px #bdaea0}.animal-switch-small-jkWtD.animal-switch-checked-6HKL4 .animal-handle-KgZ7M{left:calc(100% - 16px);box-shadow:0 2px #5a9e1e}.animal-handle-KgZ7M{position:absolute;top:2px;left:2px;width:21px;height:21px;background:#f7f3df;border:2px solid #c4b89e;border-radius:50%;box-shadow:0 3px #bdaea0;transition:all var(--animal-motion-duration-base) var(--animal-motion-ease);display:flex;align-items:center;justify-content:center;transform:translateY(-2px)}.animal-switch-checked-6HKL4 .animal-handle-KgZ7M{left:calc(100% - 24px);border-color:#6fba2c;box-shadow:0 3px #5a9e1e}.animal-inner-5x97M{display:block;padding:0 8px 0 28px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.1);letter-spacing:.02em}.animal-switch-checked-6HKL4 .animal-inner-5x97M{padding:0 28px 0 8px}.animal-switch-small-jkWtD .animal-inner-5x97M{padding:0 6px 0 20px;font-size:9px}.animal-switch-small-jkWtD.animal-switch-checked-6HKL4 .animal-inner-5x97M{padding:0 20px 0 6px}.animal-switch-loading--3JYL{pointer-events:none;opacity:.7}.animal-spinner-QK4sP{display:inline-block;width:11px;height:11px;border:2px solid #6fba2c;border-right-color:transparent;border-radius:50%;animation:animal-animal-spin-P6YYa .6s linear infinite}.animal-switch-NQPLj:not(.animal-switch-checked-6HKL4) .animal-spinner-QK4sP{border-color:#a89878;border-right-color:transparent}@keyframes animal-animal-spin-P6YYa{to{transform:rotate(360deg)}}.animal-mask-hAWeP{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000059;animation:animal-animal-fade-in-1XsMr .25s ease}.animal-modal-d0zyM{position:relative;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);display:flex;flex-direction:column;animation:animal-animal-zoom-in-rD2Xb .3s ease}.animal-modalClipped-7IuAw{width:100%;height:100%;clip-path:url(#animal-modal-clip);background:#f7f3df;color:#807359;font-family:animal-dialog,Nunito-SemiBold,sans-serif;display:flex;flex-direction:column;overflow:hidden}.animal-header-udOSi{display:flex;align-items:center;justify-content:space-between;padding:32px 48px 16px}.animal-title-s6pv3{font-size:28px;font-weight:700;color:#725d42;font-family:animal-dialog,Nunito-SemiBold,sans-serif}.animal-close-U6E4A{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;font-size:22px;color:#725d4299;cursor:pointer;border-radius:50%;transition:all .2s}.animal-close-U6E4A:hover{background:#725d421a;color:#725d42}.animal-body--aiyx{padding:32px 48px 12px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;flex:1;font-size:20px;font-weight:600;line-height:1.6;color:#8a7b66}.animal-footer-9Ib-a{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:6px 48px 28px}.animal-footer-btn-zlWAg{height:40px;padding:0 24px;font-size:18px;font-family:animal-dialog,Nunito-SemiBold,sans-serif;border:2px solid rgba(114,93,66,.3);border-radius:39.81px;background:transparent;color:#725d42;cursor:pointer;transition:all .2s;line-height:1}.animal-footer-btn-zlWAg:hover{border-color:#725d4299;background:#725d4214}.animal-footer-btn-primary-VmLZX{color:#725d42;background:#fc0;border-color:#fc0}.animal-footer-btn-primary-VmLZX:hover{background:#ffcc00d9;border-color:#ffcc00d9}@keyframes animal-animal-fade-in-1XsMr{0%{opacity:0}to{opacity:1}}@keyframes animal-animal-zoom-in-rD2Xb{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animal-card-DJ515{border-radius:20px;background:#f7f3df;padding:16px 24px;color:#725d42;font-weight:500}.animal-card-title-PL-WB{background:#fdfdf5;border-radius:40px 35px 45px 38px/38px 45px 35px 40px;padding:12px 32px;font-weight:600}.animal-card-app-pink-3Eo8d{background:#f8a6b2;color:#fff}.animal-card-purple-Gq7sR{background:#b77dee;color:#fff}.animal-card-app-blue-GHH1a{background:#889df0;color:#fff}.animal-card-app-yellow-DWB-L{background:#f7cd67;color:#725d42}.animal-card-app-orange-V5yD7{background:#e59266;color:#fff}.animal-card-app-teal-R5kFG{background:#82d5bb;color:#fff}.animal-card-app-green-xlNUs{background:#8ac68a;color:#fff}.animal-card-app-red-DzE0l{background:#fc736d;color:#fff}.animal-card-lime-green-KiJbe{background:#d1da49;color:#3d5a1a}.animal-card-yellow-green-4c-lF{background:#ecdf52;color:#725d42}.animal-card-brown-hLCrx{background:#9a835a;color:#fff}.animal-card-warm-peach-pink-RlSVo{background:#e18c6f;color:#fff}.animal-faqCard-5jlOE{position:relative;background:var(--animal-bg-color);border-radius:var(--animal-border-radius-base);border:var(--animal-border-width) solid var(--animal-border-color);overflow:hidden;transition:border-color var(--animal-motion-duration-base) var(--animal-motion-ease);margin-bottom:var(--animal-spacing-md)}.animal-faqCard-5jlOE.animal-expanded-a8Eze{background:linear-gradient(135deg,var(--animal-bg-color) 0%,var(--animal-bg-color-secondary) 100%)}.animal-faqCard-5jlOE.animal-disabled-9DAjm{opacity:.6;cursor:not-allowed}.animal-questionHeader-iqP87{display:flex;align-items:center;gap:var(--animal-spacing-md);width:100%;padding:var(--animal-spacing-lg) var(--animal-spacing-xl);background:transparent;border:none;cursor:pointer;text-align:left}.animal-questionHeader-iqP87:disabled{cursor:not-allowed}.animal-questionIcon-xRkdp{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--animal-primary-color);color:#fff;border-radius:50%;font-size:18px;font-weight:700;line-height:1;flex-shrink:0;transition:background-color var(--animal-motion-duration-base) var(--animal-motion-ease),transform var(--animal-motion-duration-base) var(--animal-motion-ease);box-shadow:0 2px 4px #19c8b94d}.animal-expanded-a8Eze .animal-questionIcon-xRkdp{background:var(--animal-primary-color-active);transform:rotate(180deg)}.animal-questionText-jVpUv{flex:1;font-size:var(--animal-font-size-lg);font-weight:600;color:var(--animal-text-color);line-height:1.4}.animal-leafDecoration-RoK4H{color:var(--animal-primary-color);opacity:.5;transition:opacity var(--animal-motion-duration-base) var(--animal-motion-ease),transform var(--animal-motion-duration-base) var(--animal-motion-ease)}.animal-expanded-a8Eze .animal-leafDecoration-RoK4H{opacity:1;transform:rotate(45deg)}.animal-answerWrapper-tzFtx{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);will-change:grid-template-rows}.animal-expanded-a8Eze .animal-answerWrapper-tzFtx{grid-template-rows:1fr}.animal-answerContent-ppsk-{overflow:hidden;padding:0 var(--animal-spacing-xl);color:var(--animal-text-color-secondary);font-size:var(--animal-font-size-base);line-height:1.7;transition:padding var(--animal-motion-duration-base) var(--animal-motion-ease)}.animal-expanded-a8Eze .animal-answerContent-ppsk-{padding-bottom:var(--animal-spacing-xl)}.animal-answerContent-ppsk- a{color:var(--animal-primary-color);text-decoration:none;font-weight:500;transition:color var(--animal-motion-duration-fast) var(--animal-motion-ease)}.animal-answerContent-ppsk- a:hover{color:var(--animal-primary-color-hover);text-decoration:underline}.animal-answerContent-ppsk- p{margin:0 0 var(--animal-spacing-sm) 0}.animal-answerContent-ppsk- p:last-child{margin-bottom:0}.animal-answerContent-ppsk- ul{margin:var(--animal-spacing-sm) 0;padding-left:var(--animal-spacing-xl)}.animal-answerContent-ppsk- li{margin-bottom:var(--animal-spacing-xs)}.animal-faqCardGroup-CbaJA{display:flex;flex-direction:column;gap:var(--animal-spacing-sm)}.animal-cursor-1CaqL,.animal-cursor-1CaqL *{cursor:url(data:image/png;base64,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) 4 0,auto}.animal-divider-ZBhpE{width:100%;height:12px;background:url(data:image/png;base64,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) center / contain no-repeat}')),document.head.appendChild(a)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
|
|
2
|
+
import { jsxs as w, jsx as a, Fragment as W } from "react/jsx-runtime";
|
|
3
|
+
import { useState as P, useCallback as v, useEffect as q } from "react";
|
|
4
|
+
import { createPortal as j } from "react-dom";
|
|
5
|
+
const E = "animal-btn-QoKe1", S = "animal-btn-small-6Srsd", G = "animal-btn-middle-zEXqv", I = "animal-btn-large-k9IvA", $ = "animal-btn-default-L7yE6", H = "animal-btn-primary-9tMG9", T = "animal-btn-dashed-wzZ-i", Y = "animal-btn-text-Tope4", z = "animal-btn-link-pURnf", K = "animal-btn-danger-zQ4kF", U = "animal-btn-ghost-Ykty4", V = "animal-btn-block-MC4pp", F = "animal-btn-loading-PfXLM", O = "animal-animal-btn-loading-Rf1hg", X = "animal-btn-icon-P5CS9", f = {
|
|
6
|
+
btn: E,
|
|
7
|
+
"btn-small": "animal-btn-small-6Srsd",
|
|
8
|
+
btnSmall: S,
|
|
9
|
+
"btn-middle": "animal-btn-middle-zEXqv",
|
|
10
|
+
btnMiddle: G,
|
|
11
|
+
"btn-large": "animal-btn-large-k9IvA",
|
|
12
|
+
btnLarge: I,
|
|
13
|
+
"btn-default": "animal-btn-default-L7yE6",
|
|
14
|
+
btnDefault: $,
|
|
15
|
+
"btn-primary": "animal-btn-primary-9tMG9",
|
|
16
|
+
btnPrimary: H,
|
|
17
|
+
"btn-dashed": "animal-btn-dashed-wzZ-i",
|
|
18
|
+
btnDashed: T,
|
|
19
|
+
"btn-text": "animal-btn-text-Tope4",
|
|
20
|
+
btnText: Y,
|
|
21
|
+
"btn-link": "animal-btn-link-pURnf",
|
|
22
|
+
btnLink: z,
|
|
23
|
+
"btn-danger": "animal-btn-danger-zQ4kF",
|
|
24
|
+
btnDanger: K,
|
|
25
|
+
"btn-ghost": "animal-btn-ghost-Ykty4",
|
|
26
|
+
btnGhost: U,
|
|
27
|
+
"btn-block": "animal-btn-block-MC4pp",
|
|
28
|
+
btnBlock: V,
|
|
29
|
+
"btn-loading": "animal-btn-loading-PfXLM",
|
|
30
|
+
btnLoading: F,
|
|
31
|
+
"animal-btn-loading": "animal-animal-btn-loading-Rf1hg",
|
|
32
|
+
animalBtnLoading: O,
|
|
33
|
+
"btn-icon": "animal-btn-icon-P5CS9",
|
|
34
|
+
btnIcon: X
|
|
35
|
+
}, D = ({
|
|
36
|
+
type: n = "default",
|
|
37
|
+
size: e = "middle",
|
|
38
|
+
danger: i = !1,
|
|
39
|
+
ghost: t = !1,
|
|
40
|
+
block: s = !1,
|
|
41
|
+
loading: r = !1,
|
|
42
|
+
disabled: l = !1,
|
|
43
|
+
icon: d,
|
|
44
|
+
htmlType: m = "button",
|
|
45
|
+
children: c,
|
|
46
|
+
className: u,
|
|
47
|
+
...b
|
|
48
|
+
}) => {
|
|
49
|
+
const p = [
|
|
50
|
+
f.btn,
|
|
51
|
+
f[`btn-${n}`],
|
|
52
|
+
f[`btn-${e}`],
|
|
53
|
+
i && f["btn-danger"],
|
|
54
|
+
t && f["btn-ghost"],
|
|
55
|
+
s && f["btn-block"],
|
|
56
|
+
r && f["btn-loading"],
|
|
57
|
+
u
|
|
58
|
+
].filter(Boolean).join(" ");
|
|
59
|
+
return /* @__PURE__ */ w(
|
|
60
|
+
"button",
|
|
61
|
+
{
|
|
62
|
+
type: m,
|
|
63
|
+
className: p,
|
|
64
|
+
disabled: l || r,
|
|
65
|
+
...b,
|
|
66
|
+
children: [
|
|
67
|
+
d && !r && /* @__PURE__ */ a("span", { className: f["btn-icon"], children: d }),
|
|
68
|
+
c && /* @__PURE__ */ a("span", { children: c })
|
|
69
|
+
]
|
|
70
|
+
}
|
|
71
|
+
);
|
|
72
|
+
};
|
|
73
|
+
D.displayName = "Button";
|
|
74
|
+
const J = "animal-wrapper-IRrhj", Q = "animal-wrapper-disabled-MWwHK", Z = "animal-input-12WUn", _ = "animal-wrapper-small-mWvja", aa = "animal-wrapper-middle-zXqMR", na = "animal-wrapper-large-RrYM4", ea = "animal-wrapper-error-W-VRo", la = "animal-wrapper-warning-miO7A", ta = "animal-prefix-g8f1R", ra = "animal-suffix-o7ywP", ia = "animal-clear-HuR2N", C = {
|
|
75
|
+
wrapper: J,
|
|
76
|
+
"wrapper-disabled": "animal-wrapper-disabled-MWwHK",
|
|
77
|
+
wrapperDisabled: Q,
|
|
78
|
+
input: Z,
|
|
79
|
+
"wrapper-small": "animal-wrapper-small-mWvja",
|
|
80
|
+
wrapperSmall: _,
|
|
81
|
+
"wrapper-middle": "animal-wrapper-middle-zXqMR",
|
|
82
|
+
wrapperMiddle: aa,
|
|
83
|
+
"wrapper-large": "animal-wrapper-large-RrYM4",
|
|
84
|
+
wrapperLarge: na,
|
|
85
|
+
"wrapper-error": "animal-wrapper-error-W-VRo",
|
|
86
|
+
wrapperError: ea,
|
|
87
|
+
"wrapper-warning": "animal-wrapper-warning-miO7A",
|
|
88
|
+
wrapperWarning: la,
|
|
89
|
+
prefix: ta,
|
|
90
|
+
suffix: ra,
|
|
91
|
+
clear: ia
|
|
92
|
+
}, sa = ({
|
|
93
|
+
size: n = "middle",
|
|
94
|
+
prefix: e,
|
|
95
|
+
suffix: i,
|
|
96
|
+
allowClear: t = !1,
|
|
97
|
+
status: s,
|
|
98
|
+
disabled: r = !1,
|
|
99
|
+
className: l,
|
|
100
|
+
value: d,
|
|
101
|
+
defaultValue: m,
|
|
102
|
+
onChange: c,
|
|
103
|
+
onClear: u,
|
|
104
|
+
...b
|
|
105
|
+
}) => {
|
|
106
|
+
const [p, L] = P(m ?? ""), o = d !== void 0, y = o ? d : p, M = v(
|
|
107
|
+
(N) => {
|
|
108
|
+
o || L(N.target.value), c?.(N);
|
|
109
|
+
},
|
|
110
|
+
[o, c]
|
|
111
|
+
), R = v(() => {
|
|
112
|
+
o || L(""), u?.();
|
|
113
|
+
const N = new Event("input", { bubbles: !0 }), B = { value: "" };
|
|
114
|
+
c?.({
|
|
115
|
+
target: B,
|
|
116
|
+
currentTarget: B,
|
|
117
|
+
nativeEvent: N
|
|
118
|
+
});
|
|
119
|
+
}, [o, c, u]), A = [
|
|
120
|
+
C.wrapper,
|
|
121
|
+
C[`wrapper-${n}`],
|
|
122
|
+
s && C[`wrapper-${s}`],
|
|
123
|
+
r && C["wrapper-disabled"],
|
|
124
|
+
l
|
|
125
|
+
].filter(Boolean).join(" ");
|
|
126
|
+
return /* @__PURE__ */ w("span", { className: A, children: [
|
|
127
|
+
e && /* @__PURE__ */ a("span", { className: C.prefix, children: e }),
|
|
128
|
+
/* @__PURE__ */ a(
|
|
129
|
+
"input",
|
|
130
|
+
{
|
|
131
|
+
className: C.input,
|
|
132
|
+
disabled: r,
|
|
133
|
+
value: y,
|
|
134
|
+
onChange: M,
|
|
135
|
+
...b
|
|
136
|
+
}
|
|
137
|
+
),
|
|
138
|
+
t && y && !r && /* @__PURE__ */ a(
|
|
139
|
+
"span",
|
|
140
|
+
{
|
|
141
|
+
className: C.clear,
|
|
142
|
+
onClick: R,
|
|
143
|
+
role: "button",
|
|
144
|
+
tabIndex: -1,
|
|
145
|
+
children: "×"
|
|
146
|
+
}
|
|
147
|
+
),
|
|
148
|
+
i && /* @__PURE__ */ a("span", { className: C.suffix, children: i })
|
|
149
|
+
] });
|
|
150
|
+
};
|
|
151
|
+
sa.displayName = "Input";
|
|
152
|
+
const ca = "animal-switch-disabled-U5tjL", da = "animal-switch-checked-6HKL4", oa = "animal-switch-small-jkWtD", pa = "animal-handle-KgZ7M", ma = "animal-inner-5x97M", ba = "animal-switch-loading--3JYL", ha = "animal-spinner-QK4sP", wa = "animal-animal-spin-P6YYa", g = {
|
|
153
|
+
switch: "animal-switch-NQPLj",
|
|
154
|
+
"switch-disabled": "animal-switch-disabled-U5tjL",
|
|
155
|
+
switchDisabled: ca,
|
|
156
|
+
"switch-checked": "animal-switch-checked-6HKL4",
|
|
157
|
+
switchChecked: da,
|
|
158
|
+
"switch-small": "animal-switch-small-jkWtD",
|
|
159
|
+
switchSmall: oa,
|
|
160
|
+
handle: pa,
|
|
161
|
+
inner: ma,
|
|
162
|
+
"switch-loading": "animal-switch-loading--3JYL",
|
|
163
|
+
switchLoading: ba,
|
|
164
|
+
spinner: ha,
|
|
165
|
+
"animal-spin": "animal-animal-spin-P6YYa",
|
|
166
|
+
animalSpin: wa
|
|
167
|
+
}, ua = ({
|
|
168
|
+
checked: n,
|
|
169
|
+
defaultChecked: e = !1,
|
|
170
|
+
size: i = "default",
|
|
171
|
+
disabled: t = !1,
|
|
172
|
+
loading: s = !1,
|
|
173
|
+
checkedChildren: r,
|
|
174
|
+
unCheckedChildren: l,
|
|
175
|
+
onChange: d,
|
|
176
|
+
className: m
|
|
177
|
+
}) => {
|
|
178
|
+
const [c, u] = P(e), b = n !== void 0, p = b ? n : c, L = v(() => {
|
|
179
|
+
if (t || s) return;
|
|
180
|
+
const y = !p;
|
|
181
|
+
b || u(y), d?.(y);
|
|
182
|
+
}, [t, s, p, b, d]), o = [
|
|
183
|
+
g.switch,
|
|
184
|
+
g[`switch-${i}`],
|
|
185
|
+
p && g["switch-checked"],
|
|
186
|
+
t && g["switch-disabled"],
|
|
187
|
+
s && g["switch-loading"],
|
|
188
|
+
m
|
|
189
|
+
].filter(Boolean).join(" ");
|
|
190
|
+
return /* @__PURE__ */ w(
|
|
191
|
+
"button",
|
|
192
|
+
{
|
|
193
|
+
type: "button",
|
|
194
|
+
role: "switch",
|
|
195
|
+
"aria-checked": p,
|
|
196
|
+
className: o,
|
|
197
|
+
onClick: L,
|
|
198
|
+
disabled: t,
|
|
199
|
+
children: [
|
|
200
|
+
/* @__PURE__ */ a("span", { className: g.handle, children: s && /* @__PURE__ */ a("span", { className: g.spinner }) }),
|
|
201
|
+
/* @__PURE__ */ a("span", { className: g.inner, children: p ? r : l })
|
|
202
|
+
]
|
|
203
|
+
}
|
|
204
|
+
);
|
|
205
|
+
};
|
|
206
|
+
ua.displayName = "Switch";
|
|
207
|
+
const fa = "animal-mask-hAWeP", Ca = "animal-modal-d0zyM", ga = "animal-modalClipped-7IuAw", ka = "animal-header-udOSi", ya = "animal-title-s6pv3", La = "animal-close-U6E4A", va = "animal-body--aiyx", Na = "animal-footer-9Ib-a", k = {
|
|
208
|
+
mask: fa,
|
|
209
|
+
modal: Ca,
|
|
210
|
+
modalClipped: ga,
|
|
211
|
+
header: ka,
|
|
212
|
+
title: ya,
|
|
213
|
+
close: La,
|
|
214
|
+
body: va,
|
|
215
|
+
footer: Na
|
|
216
|
+
}, xa = () => /* @__PURE__ */ a("svg", { style: { position: "absolute", width: 0, height: 0 }, "aria-hidden": !0, children: /* @__PURE__ */ a("clipPath", { id: "animal-modal-clip", clipPathUnits: "objectBoundingBox", children: /* @__PURE__ */ a("path", { d: "M0.501,0.005 L0.501,0.005 L0.523,0.005 L0.549,0.006 C0.704,0.01,0.796,0.017,0.825,0.027 L0.827,0.028 C0.872,0.045,0.939,0.044,0.978,0.17 C1,0.254,1,0.365,0.99,0.505 L0.988,0.513 C0.979,0.558,0.971,0.598,0.965,0.633 C0.956,0.689,0.979,0.77,0.964,0.865 C0.953,0.928,0.921,0.966,0.869,0.979 C0.821,0.986,0.773,0.992,0.726,0.995 L0.712,0.996 L0.694,0.997 C0.648,1,0.586,1,0.507,1 L0.501,1 L0.464,1 C0.385,1,0.325,0.998,0.283,0.995 C0.234,0.992,0.184,0.987,0.133,0.979 C0.081,0.966,0.05,0.928,0.039,0.865 C0.023,0.77,0.047,0.689,0.037,0.633 C0.031,0.595,0.023,0.552,0.013,0.505 C-0.006,0.365,-0.002,0.254,0.024,0.17 C0.064,0.045,0.13,0.045,0.174,0.028 L0.175,0.028 C0.204,0.017,0.303,0.009,0.474,0.005 L0.501,0.005" }) }) }), Da = ({
|
|
217
|
+
open: n,
|
|
218
|
+
title: e,
|
|
219
|
+
width: i = 520,
|
|
220
|
+
maskClosable: t = !0,
|
|
221
|
+
closable: s = !0,
|
|
222
|
+
footer: r,
|
|
223
|
+
onClose: l,
|
|
224
|
+
onOk: d,
|
|
225
|
+
children: m,
|
|
226
|
+
className: c
|
|
227
|
+
}) => {
|
|
228
|
+
q(() => {
|
|
229
|
+
if (!n) return;
|
|
230
|
+
const o = (y) => {
|
|
231
|
+
y.key === "Escape" && l?.();
|
|
232
|
+
};
|
|
233
|
+
return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
|
|
234
|
+
}, [n, l]), q(() => (n && (document.body.style.overflow = "hidden"), () => {
|
|
235
|
+
document.body.style.overflow = "";
|
|
236
|
+
}), [n]);
|
|
237
|
+
const u = v(() => {
|
|
238
|
+
t && l?.();
|
|
239
|
+
}, [t, l]), b = v((o) => {
|
|
240
|
+
o.stopPropagation();
|
|
241
|
+
}, []);
|
|
242
|
+
if (!n) return null;
|
|
243
|
+
const p = /* @__PURE__ */ w(W, { children: [
|
|
244
|
+
/* @__PURE__ */ a(D, { type: "primary", onClick: l, children: "取消" }),
|
|
245
|
+
/* @__PURE__ */ a(D, { type: "primary", onClick: d, children: "确定" })
|
|
246
|
+
] }), L = /* @__PURE__ */ a("div", { className: k.mask, onClick: u, children: /* @__PURE__ */ w(
|
|
247
|
+
"div",
|
|
248
|
+
{
|
|
249
|
+
className: [k.modal, c].filter(Boolean).join(" "),
|
|
250
|
+
style: { width: i },
|
|
251
|
+
onClick: b,
|
|
252
|
+
role: "dialog",
|
|
253
|
+
"aria-modal": "true",
|
|
254
|
+
children: [
|
|
255
|
+
/* @__PURE__ */ a(xa, {}),
|
|
256
|
+
/* @__PURE__ */ w("div", { className: k.modalClipped, children: [
|
|
257
|
+
(e || s) && /* @__PURE__ */ w("div", { className: k.header, children: [
|
|
258
|
+
e && /* @__PURE__ */ a("div", { className: k.title, children: e }),
|
|
259
|
+
s && /* @__PURE__ */ a(
|
|
260
|
+
"button",
|
|
261
|
+
{
|
|
262
|
+
className: k.close,
|
|
263
|
+
onClick: l,
|
|
264
|
+
"aria-label": "Close",
|
|
265
|
+
children: "×"
|
|
266
|
+
}
|
|
267
|
+
)
|
|
268
|
+
] }),
|
|
269
|
+
/* @__PURE__ */ a("div", { className: k.body, children: m }),
|
|
270
|
+
r !== null && /* @__PURE__ */ a("div", { className: k.footer, children: r === void 0 ? p : r })
|
|
271
|
+
] })
|
|
272
|
+
]
|
|
273
|
+
}
|
|
274
|
+
) });
|
|
275
|
+
return j(L, document.body);
|
|
276
|
+
};
|
|
277
|
+
Da.displayName = "Modal";
|
|
278
|
+
const Pa = "animal-card-DJ515", Ba = "animal-card-title-PL-WB", qa = "animal-card-app-pink-3Eo8d", Ma = "animal-card-purple-Gq7sR", Ra = "animal-card-app-blue-GHH1a", Aa = "animal-card-app-yellow-DWB-L", Wa = "animal-card-app-orange-V5yD7", ja = "animal-card-app-teal-R5kFG", Ea = "animal-card-app-green-xlNUs", Sa = "animal-card-app-red-DzE0l", Ga = "animal-card-lime-green-KiJbe", Ia = "animal-card-yellow-green-4c-lF", $a = "animal-card-brown-hLCrx", Ha = "animal-card-warm-peach-pink-RlSVo", x = {
|
|
279
|
+
card: Pa,
|
|
280
|
+
"card-title": "animal-card-title-PL-WB",
|
|
281
|
+
cardTitle: Ba,
|
|
282
|
+
"card-app-pink": "animal-card-app-pink-3Eo8d",
|
|
283
|
+
cardAppPink: qa,
|
|
284
|
+
"card-purple": "animal-card-purple-Gq7sR",
|
|
285
|
+
cardPurple: Ma,
|
|
286
|
+
"card-app-blue": "animal-card-app-blue-GHH1a",
|
|
287
|
+
cardAppBlue: Ra,
|
|
288
|
+
"card-app-yellow": "animal-card-app-yellow-DWB-L",
|
|
289
|
+
cardAppYellow: Aa,
|
|
290
|
+
"card-app-orange": "animal-card-app-orange-V5yD7",
|
|
291
|
+
cardAppOrange: Wa,
|
|
292
|
+
"card-app-teal": "animal-card-app-teal-R5kFG",
|
|
293
|
+
cardAppTeal: ja,
|
|
294
|
+
"card-app-green": "animal-card-app-green-xlNUs",
|
|
295
|
+
cardAppGreen: Ea,
|
|
296
|
+
"card-app-red": "animal-card-app-red-DzE0l",
|
|
297
|
+
cardAppRed: Sa,
|
|
298
|
+
"card-lime-green": "animal-card-lime-green-KiJbe",
|
|
299
|
+
cardLimeGreen: Ga,
|
|
300
|
+
"card-yellow-green": "animal-card-yellow-green-4c-lF",
|
|
301
|
+
cardYellowGreen: Ia,
|
|
302
|
+
"card-brown": "animal-card-brown-hLCrx",
|
|
303
|
+
cardBrown: $a,
|
|
304
|
+
"card-warm-peach-pink": "animal-card-warm-peach-pink-RlSVo",
|
|
305
|
+
cardWarmPeachPink: Ha
|
|
306
|
+
}, Ta = ({
|
|
307
|
+
type: n = "default",
|
|
308
|
+
color: e = "default",
|
|
309
|
+
children: i,
|
|
310
|
+
className: t,
|
|
311
|
+
style: s,
|
|
312
|
+
onClick: r
|
|
313
|
+
}) => {
|
|
314
|
+
const l = [
|
|
315
|
+
x.card,
|
|
316
|
+
n === "title" && x["card-title"],
|
|
317
|
+
e !== "default" && x[`card-${e}`],
|
|
318
|
+
t
|
|
319
|
+
].filter(Boolean).join(" ");
|
|
320
|
+
return /* @__PURE__ */ a("div", { className: l, style: s, onClick: r, children: i });
|
|
321
|
+
};
|
|
322
|
+
Ta.displayName = "Card";
|
|
323
|
+
const Ya = "animal-faqCard-5jlOE", za = "animal-expanded-a8Eze", Ka = "animal-disabled-9DAjm", Ua = "animal-questionHeader-iqP87", Va = "animal-questionIcon-xRkdp", Fa = "animal-questionText-jVpUv", Oa = "animal-leafDecoration-RoK4H", Xa = "animal-answerWrapper-tzFtx", Ja = "animal-answerContent-ppsk-", h = {
|
|
324
|
+
faqCard: Ya,
|
|
325
|
+
expanded: za,
|
|
326
|
+
disabled: Ka,
|
|
327
|
+
questionHeader: Ua,
|
|
328
|
+
questionIcon: Va,
|
|
329
|
+
questionText: Fa,
|
|
330
|
+
leafDecoration: Oa,
|
|
331
|
+
answerWrapper: Xa,
|
|
332
|
+
answerContent: Ja
|
|
333
|
+
}, Qa = ({
|
|
334
|
+
question: n,
|
|
335
|
+
answer: e,
|
|
336
|
+
defaultExpanded: i = !1,
|
|
337
|
+
disabled: t = !1,
|
|
338
|
+
className: s,
|
|
339
|
+
style: r
|
|
340
|
+
}) => {
|
|
341
|
+
const [l, d] = P(i), m = () => {
|
|
342
|
+
t || d(!l);
|
|
343
|
+
}, c = [
|
|
344
|
+
h.faqCard,
|
|
345
|
+
l && h.expanded,
|
|
346
|
+
t && h.disabled,
|
|
347
|
+
s
|
|
348
|
+
].filter(Boolean).join(" ");
|
|
349
|
+
return /* @__PURE__ */ w("div", { className: c, style: r, children: [
|
|
350
|
+
/* @__PURE__ */ w(
|
|
351
|
+
"button",
|
|
352
|
+
{
|
|
353
|
+
className: h.questionHeader,
|
|
354
|
+
onClick: m,
|
|
355
|
+
disabled: t,
|
|
356
|
+
"aria-expanded": l,
|
|
357
|
+
children: [
|
|
358
|
+
/* @__PURE__ */ a("span", { className: h.questionIcon, children: l ? "−" : "+" }),
|
|
359
|
+
/* @__PURE__ */ a("span", { className: h.questionText, children: n }),
|
|
360
|
+
/* @__PURE__ */ a("span", { className: h.leafDecoration, children: /* @__PURE__ */ a("svg", { viewBox: "0 0 24 24", width: "20", height: "20", children: /* @__PURE__ */ a(
|
|
361
|
+
"path",
|
|
362
|
+
{
|
|
363
|
+
fill: "currentColor",
|
|
364
|
+
d: "M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z"
|
|
365
|
+
}
|
|
366
|
+
) }) })
|
|
367
|
+
]
|
|
368
|
+
}
|
|
369
|
+
),
|
|
370
|
+
/* @__PURE__ */ a("div", { className: h.answerWrapper, children: /* @__PURE__ */ a("div", { className: h.answerContent, children: e }) })
|
|
371
|
+
] });
|
|
372
|
+
};
|
|
373
|
+
Qa.displayName = "Collapse";
|
|
374
|
+
const Za = "animal-cursor-1CaqL", _a = {
|
|
375
|
+
cursor: Za
|
|
376
|
+
}, an = ({
|
|
377
|
+
children: n,
|
|
378
|
+
className: e,
|
|
379
|
+
style: i
|
|
380
|
+
}) => /* @__PURE__ */ a("div", { className: `${_a.cursor} ${e || ""}`, style: i, children: n });
|
|
381
|
+
an.displayName = "Cursor";
|
|
382
|
+
const nn = "animal-divider-ZBhpE", en = {
|
|
383
|
+
divider: nn
|
|
384
|
+
}, ln = ({ className: n, style: e }) => {
|
|
385
|
+
const i = [en.divider, n].filter(Boolean).join(" ");
|
|
386
|
+
return /* @__PURE__ */ a("div", { className: i, style: e });
|
|
387
|
+
};
|
|
388
|
+
ln.displayName = "Divider";
|
|
389
|
+
export {
|
|
390
|
+
D as Button,
|
|
391
|
+
Ta as Card,
|
|
392
|
+
Qa as Collapse,
|
|
393
|
+
an as Cursor,
|
|
394
|
+
ln as Divider,
|
|
395
|
+
sa as Input,
|
|
396
|
+
Da as Modal,
|
|
397
|
+
ua as Switch
|
|
398
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type ButtonType = 'primary' | 'default' | 'dashed' | 'text' | 'link';
|
|
3
|
+
export type ButtonSize = 'small' | 'middle' | 'large';
|
|
4
|
+
export type ButtonHTMLType = 'submit' | 'reset' | 'button';
|
|
5
|
+
export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
|
|
6
|
+
/** 按钮类型 */
|
|
7
|
+
type?: ButtonType;
|
|
8
|
+
/** 按钮尺寸 */
|
|
9
|
+
size?: ButtonSize;
|
|
10
|
+
/** 是否危险按钮 */
|
|
11
|
+
danger?: boolean;
|
|
12
|
+
/** 是否幽灵按钮(透明背景) */
|
|
13
|
+
ghost?: boolean;
|
|
14
|
+
/** 是否块级按钮 */
|
|
15
|
+
block?: boolean;
|
|
16
|
+
/** 加载状态 */
|
|
17
|
+
loading?: boolean;
|
|
18
|
+
/** 禁用状态 */
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
/** 图标 */
|
|
21
|
+
icon?: React.ReactNode;
|
|
22
|
+
/** 原生 button type */
|
|
23
|
+
htmlType?: ButtonHTMLType;
|
|
24
|
+
children?: React.ReactNode;
|
|
25
|
+
}
|
|
26
|
+
export declare const Button: React.FC<ButtonProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type CardType = 'default' | 'title';
|
|
3
|
+
export type CardColor = 'default' | 'app-pink' | 'purple' | 'app-blue' | 'app-yellow' | 'app-orange' | 'app-teal' | 'app-green' | 'app-red' | 'lime-green' | 'yellow-green' | 'brown' | 'warm-peach-pink';
|
|
4
|
+
export interface CardProps {
|
|
5
|
+
/** 卡片类型 */
|
|
6
|
+
type?: CardType;
|
|
7
|
+
/** 背景颜色类型 */
|
|
8
|
+
color?: CardColor;
|
|
9
|
+
/** 自定义内容 */
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
/** 自定义类名 */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** 自定义样式 */
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
/** 点击事件 */
|
|
16
|
+
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
17
|
+
}
|
|
18
|
+
export declare const Card: React.FC<CardProps>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface CollapseProps {
|
|
3
|
+
/** 问题标题 */
|
|
4
|
+
question: React.ReactNode;
|
|
5
|
+
/** 答案内容 */
|
|
6
|
+
answer: React.ReactNode;
|
|
7
|
+
/** 是否默认展开 */
|
|
8
|
+
defaultExpanded?: boolean;
|
|
9
|
+
/** 是否禁用 */
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
/** 自定义类名 */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** 自定义样式 */
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
}
|
|
16
|
+
export declare const Collapse: React.FC<CollapseProps>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type InputSize = 'small' | 'middle' | 'large';
|
|
3
|
+
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
|
|
4
|
+
/** 输入框尺寸 */
|
|
5
|
+
size?: InputSize;
|
|
6
|
+
/** 前缀图标 */
|
|
7
|
+
prefix?: React.ReactNode;
|
|
8
|
+
/** 后缀图标 */
|
|
9
|
+
suffix?: React.ReactNode;
|
|
10
|
+
/** 允许清除 */
|
|
11
|
+
allowClear?: boolean;
|
|
12
|
+
/** 错误状态 */
|
|
13
|
+
status?: 'error' | 'warning';
|
|
14
|
+
/** 值变化回调 */
|
|
15
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
16
|
+
/** 清除回调 */
|
|
17
|
+
onClear?: () => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const Input: React.FC<InputProps>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ModalProps {
|
|
3
|
+
/** 是否可见 */
|
|
4
|
+
open: boolean;
|
|
5
|
+
/** 标题 */
|
|
6
|
+
title?: React.ReactNode;
|
|
7
|
+
/** 宽度 */
|
|
8
|
+
width?: number | string;
|
|
9
|
+
/** 点击遮罩关闭 */
|
|
10
|
+
maskClosable?: boolean;
|
|
11
|
+
/** 是否显示关闭按钮 */
|
|
12
|
+
closable?: boolean;
|
|
13
|
+
/** 底部按钮区域 */
|
|
14
|
+
footer?: React.ReactNode | null;
|
|
15
|
+
/** 关闭回调 */
|
|
16
|
+
onClose?: () => void;
|
|
17
|
+
/** 确认回调 */
|
|
18
|
+
onOk?: () => void;
|
|
19
|
+
/** 自定义内容 */
|
|
20
|
+
children?: React.ReactNode;
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare const Modal: React.FC<ModalProps>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type SwitchSize = 'small' | 'default';
|
|
3
|
+
export interface SwitchProps {
|
|
4
|
+
/** 是否选中(受控) */
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
/** 默认是否选中 */
|
|
7
|
+
defaultChecked?: boolean;
|
|
8
|
+
/** 尺寸 */
|
|
9
|
+
size?: SwitchSize;
|
|
10
|
+
/** 禁用 */
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/** 加载状态 */
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
/** 选中时文案 */
|
|
15
|
+
checkedChildren?: React.ReactNode;
|
|
16
|
+
/** 未选中时文案 */
|
|
17
|
+
unCheckedChildren?: React.ReactNode;
|
|
18
|
+
/** 变化回调 */
|
|
19
|
+
onChange?: (checked: boolean) => void;
|
|
20
|
+
className?: string;
|
|
21
|
+
}
|
|
22
|
+
export declare const Switch: React.FC<SwitchProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import './styles/index.less';
|
|
2
|
+
export { Button } from './components/Button';
|
|
3
|
+
export type { ButtonProps, ButtonType, ButtonSize } from './components/Button';
|
|
4
|
+
export { Input } from './components/Input';
|
|
5
|
+
export type { InputProps, InputSize } from './components/Input';
|
|
6
|
+
export { Switch } from './components/Switch';
|
|
7
|
+
export type { SwitchProps, SwitchSize } from './components/Switch';
|
|
8
|
+
export { Modal } from './components/Modal';
|
|
9
|
+
export type { ModalProps } from './components/Modal';
|
|
10
|
+
export { Card } from './components/Card';
|
|
11
|
+
export type { CardProps, CardType, CardColor } from './components/Card';
|
|
12
|
+
export { Collapse } from './components/Collapse';
|
|
13
|
+
export type { CollapseProps } from './components/Collapse';
|
|
14
|
+
export { Cursor } from './components/Cursor';
|
|
15
|
+
export type { CursorProps } from './components/Cursor';
|
|
16
|
+
export { Divider } from './components/Divider';
|
|
17
|
+
export type { DividerProps } from './components/Divider';
|
package/package.json
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "animal-island-ui",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "for learning purpose only, A nature-inspired React component library — Button, Input, Switch, Modal, Card, Collapse, Cursor, Divider",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "dist/cjs/index.cjs",
|
|
7
|
+
"module": "dist/es/index.js",
|
|
8
|
+
"types": "dist/types/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/types/index.d.ts",
|
|
12
|
+
"import": "./dist/es/index.js",
|
|
13
|
+
"require": "./dist/cjs/index.cjs"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
"files": [
|
|
17
|
+
"dist"
|
|
18
|
+
],
|
|
19
|
+
"sideEffects": [
|
|
20
|
+
"**/*.css",
|
|
21
|
+
"**/*.less"
|
|
22
|
+
],
|
|
23
|
+
"repository": {
|
|
24
|
+
"type": "git",
|
|
25
|
+
"url": "https://github.com/guokaigdg/animal-island-ui"
|
|
26
|
+
},
|
|
27
|
+
"homepage": "https://github.com/guokaigdg/animal-island-ui#readme",
|
|
28
|
+
"bugs": {
|
|
29
|
+
"url": "https://github.com/guokaigdg/animal-island-ui/issues"
|
|
30
|
+
},
|
|
31
|
+
"author": "guokaigdg",
|
|
32
|
+
"scripts": {
|
|
33
|
+
"dev": "vite",
|
|
34
|
+
"build": "vite build && tsc --project tsconfig.build.json --emitDeclarationOnly",
|
|
35
|
+
"build:demo": "vite build --config vite.config.demo.ts",
|
|
36
|
+
"prepublishOnly": "npm run build"
|
|
37
|
+
},
|
|
38
|
+
"peerDependencies": {
|
|
39
|
+
"react": ">=17.0.0",
|
|
40
|
+
"react-dom": ">=17.0.0"
|
|
41
|
+
},
|
|
42
|
+
"devDependencies": {
|
|
43
|
+
"@types/node": "^25.5.2",
|
|
44
|
+
"@types/react": "^18.3.18",
|
|
45
|
+
"@types/react-dom": "^18.3.5",
|
|
46
|
+
"@vitejs/plugin-react": "^5.2.0",
|
|
47
|
+
"glob": "^11.0.1",
|
|
48
|
+
"less": "^4.2.1",
|
|
49
|
+
"react": "^18.3.1",
|
|
50
|
+
"react-dom": "^18.3.1",
|
|
51
|
+
"typescript": "^5.7.3",
|
|
52
|
+
"vite": "^7.3.2",
|
|
53
|
+
"vite-plugin-css-injected-by-js": "^4.0.1",
|
|
54
|
+
"vite-plugin-dts": "^4.5.4",
|
|
55
|
+
"vite-plugin-svgr": "^5.2.0"
|
|
56
|
+
},
|
|
57
|
+
"keywords": [
|
|
58
|
+
"react",
|
|
59
|
+
"component-library",
|
|
60
|
+
"ui",
|
|
61
|
+
"typescript",
|
|
62
|
+
"theme",
|
|
63
|
+
"animal-island-ui",
|
|
64
|
+
"nature"
|
|
65
|
+
],
|
|
66
|
+
"license": "MIT"
|
|
67
|
+
}
|