da-style 0.1.1 → 0.1.2
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/LICENSE +21 -0
- package/README.md +225 -0
- package/dist/da-style.css +2 -0
- package/dist/da-style.js +2 -0
- package/dist/da-style.mjs +704 -0
- package/dist/src/components/Button/DButton.types.d.ts +23 -0
- package/dist/src/components/Button/DButton.vue.d.ts +29 -0
- package/dist/src/components/Button/index.d.ts +4 -0
- package/dist/src/components/Icon/DIcon.types.d.ts +12 -0
- package/dist/src/components/Icon/DIcon.vue.d.ts +8 -0
- package/dist/src/components/Icon/icons.d.ts +2 -0
- package/dist/src/components/Icon/index.d.ts +5 -0
- package/dist/src/components/Input/DInput.types.d.ts +17 -0
- package/dist/src/components/Input/DInput.vue.d.ts +45 -0
- package/dist/src/components/Input/index.d.ts +9 -0
- package/dist/src/components/Loading/DLoading.types.d.ts +14 -0
- package/dist/src/components/Loading/DLoading.vue.d.ts +10 -0
- package/dist/src/components/Loading/index.d.ts +8 -0
- package/dist/src/components/Tag/DTag.types.d.ts +22 -0
- package/dist/src/components/Tag/DTag.vue.d.ts +25 -0
- package/dist/src/components/Tag/index.d.ts +9 -0
- package/dist/src/components/index.d.ts +5 -0
- package/dist/src/index.d.ts +4 -0
- package/dist/src/shared/index.d.ts +3 -0
- package/dist/src/shared/props.d.ts +24 -0
- package/dist/src/shared/types.d.ts +15 -0
- package/dist/src/shared/utils.d.ts +7 -0
- package/dist/src/token/borders.d.ts +41 -0
- package/dist/src/token/colors.d.ts +84 -0
- package/dist/src/token/index.d.ts +20 -0
- package/dist/src/token/inject.d.ts +24 -0
- package/dist/src/token/shadows.d.ts +43 -0
- package/dist/src/token/spacing.d.ts +58 -0
- package/dist/src/token/typography.d.ts +86 -0
- package/package.json +38 -45
- package/lib/da-style.common.js +0 -2011
- package/lib/da-style.common.js.map +0 -1
- package/lib/da-style.css +0 -1
- package/lib/da-style.umd.js +0 -2021
- package/lib/da-style.umd.js.map +0 -1
- package/lib/da-style.umd.min.js +0 -2
- package/lib/da-style.umd.min.js.map +0 -1
- package/lib/demo.html +0 -10
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2022 tutoupfx
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
# Da式风格组件库
|
|
2
|
+
|
|
3
|
+
> 赛博朋克风格 Vue3 组件库 — 深黑背景 + 霓虹青/粉发光 + 几何切角边框
|
|
4
|
+
|
|
5
|
+
## 安装
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm i da-style
|
|
9
|
+
# 或
|
|
10
|
+
yarn add da-style
|
|
11
|
+
# 或
|
|
12
|
+
pnpm add da-style
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## 使用
|
|
16
|
+
|
|
17
|
+
### 全量引入
|
|
18
|
+
|
|
19
|
+
```javascript
|
|
20
|
+
import { createApp } from 'vue'
|
|
21
|
+
import App from './App.vue'
|
|
22
|
+
import DaStyle from 'da-style'
|
|
23
|
+
import 'da-style/dist/da-style.css'
|
|
24
|
+
|
|
25
|
+
createApp(App).use(DaStyle).mount('#app')
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
### 按需引入
|
|
29
|
+
|
|
30
|
+
```vue
|
|
31
|
+
<script setup>
|
|
32
|
+
import { DButton, DInput } from 'da-style'
|
|
33
|
+
import 'da-style/dist/da-style.css'
|
|
34
|
+
</script>
|
|
35
|
+
|
|
36
|
+
<template>
|
|
37
|
+
<DButton status="primary">按钮</DButton>
|
|
38
|
+
<DInput placeholder="输入框" />
|
|
39
|
+
</template>
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
## 组件
|
|
43
|
+
|
|
44
|
+
### DButton 按钮
|
|
45
|
+
|
|
46
|
+
```vue
|
|
47
|
+
<template>
|
|
48
|
+
<DButton>默认</DButton>
|
|
49
|
+
<DButton status="primary">主要</DButton>
|
|
50
|
+
<DButton status="success">成功</DButton>
|
|
51
|
+
<DButton status="warning">警告</DButton>
|
|
52
|
+
<DButton status="danger">危险</DButton>
|
|
53
|
+
<DButton status="info">信息</DButton>
|
|
54
|
+
</template>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
**Props:**
|
|
58
|
+
|
|
59
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
60
|
+
|------|------|--------|------|
|
|
61
|
+
| status | `'primary' \| 'success' \| 'warning' \| 'danger' \| 'info'` | `'primary'` | 按钮类型 |
|
|
62
|
+
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 按钮大小 |
|
|
63
|
+
| disabled | `boolean` | `false` | 禁用状态 |
|
|
64
|
+
| loading | `boolean` | `false` | 加载状态 |
|
|
65
|
+
| glow | `boolean` | `false` | 霓虹发光效果 |
|
|
66
|
+
| ghost | `boolean` | `false` | 幽灵按钮 |
|
|
67
|
+
| block | `boolean` | `false` | 块级按钮 |
|
|
68
|
+
| round | `boolean` | `false` | 圆角按钮 |
|
|
69
|
+
| circle | `boolean` | `false` | 圆形按钮 |
|
|
70
|
+
|
|
71
|
+
### DInput 输入框
|
|
72
|
+
|
|
73
|
+
```vue
|
|
74
|
+
<template>
|
|
75
|
+
<DInput placeholder="请输入" />
|
|
76
|
+
<DInput type="password" placeholder="密码" />
|
|
77
|
+
<DInput clearable placeholder="可清除" />
|
|
78
|
+
<DInput glow placeholder="发光效果" />
|
|
79
|
+
</template>
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
**Props:**
|
|
83
|
+
|
|
84
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
85
|
+
|------|------|--------|------|
|
|
86
|
+
| modelValue | `string` | - | 绑定值 |
|
|
87
|
+
| type | `'text' \| 'password' \| 'email' \| 'number' \| 'tel' \| 'url' \| 'search'` | `'text'` | 输入类型 |
|
|
88
|
+
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 输入框大小 |
|
|
89
|
+
| disabled | `boolean` | `false` | 禁用状态 |
|
|
90
|
+
| readonly | `boolean` | `false` | 只读状态 |
|
|
91
|
+
| placeholder | `string` | - | 占位符 |
|
|
92
|
+
| clearable | `boolean` | `false` | 可清除 |
|
|
93
|
+
| glow | `boolean` | `false` | 聚焦发光效果 |
|
|
94
|
+
|
|
95
|
+
### DTag 标签
|
|
96
|
+
|
|
97
|
+
```vue
|
|
98
|
+
<template>
|
|
99
|
+
<DTag>默认</DTag>
|
|
100
|
+
<DTag status="primary">主要</DTag>
|
|
101
|
+
<DTag status="success">成功</DTag>
|
|
102
|
+
<DTag status="warning">警告</DTag>
|
|
103
|
+
<DTag status="danger">危险</DTag>
|
|
104
|
+
<DTag closable>可关闭</DTag>
|
|
105
|
+
<DTag ghost glow>幽灵发光</DTag>
|
|
106
|
+
</template>
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
**Props:**
|
|
110
|
+
|
|
111
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
112
|
+
|------|------|--------|------|
|
|
113
|
+
| status | `'primary' \| 'success' \| 'warning' \| 'danger' \| 'info'` | `'primary'` | 标签类型 |
|
|
114
|
+
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 标签大小 |
|
|
115
|
+
| closable | `boolean` | `false` | 可关闭 |
|
|
116
|
+
| ghost | `boolean` | `false` | 幽灵样式 |
|
|
117
|
+
| glow | `boolean` | `false` | 霓虹发光效果 |
|
|
118
|
+
| round | `boolean` | `false` | 圆角样式 |
|
|
119
|
+
|
|
120
|
+
**Events:**
|
|
121
|
+
|
|
122
|
+
| 事件名 | 说明 |
|
|
123
|
+
|--------|------|
|
|
124
|
+
| close | 关闭时触发 |
|
|
125
|
+
|
|
126
|
+
### DLoading 加载
|
|
127
|
+
|
|
128
|
+
```vue
|
|
129
|
+
<template>
|
|
130
|
+
<DLoading />
|
|
131
|
+
<DLoading type="dots" />
|
|
132
|
+
<DLoading type="pulse" />
|
|
133
|
+
<DLoading text="加载中..." />
|
|
134
|
+
<DLoading fullscreen />
|
|
135
|
+
</template>
|
|
136
|
+
```
|
|
137
|
+
|
|
138
|
+
**Props:**
|
|
139
|
+
|
|
140
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
141
|
+
|------|------|--------|------|
|
|
142
|
+
| type | `'spinner' \| 'dots' \| 'pulse'` | `'spinner'` | 动画类型 |
|
|
143
|
+
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | 加载器大小 |
|
|
144
|
+
| color | `string` | - | 自定义颜色 |
|
|
145
|
+
| text | `string` | - | 加载文本 |
|
|
146
|
+
| fullscreen | `boolean` | `false` | 全屏遮罩模式 |
|
|
147
|
+
|
|
148
|
+
### DIcon 图标
|
|
149
|
+
|
|
150
|
+
```vue
|
|
151
|
+
<template>
|
|
152
|
+
<DIcon name="check" />
|
|
153
|
+
<DIcon name="close" color="#00ffff" />
|
|
154
|
+
<DIcon name="loading" spin />
|
|
155
|
+
<DIcon :size="32" name="info" />
|
|
156
|
+
</template>
|
|
157
|
+
```
|
|
158
|
+
|
|
159
|
+
**Props:**
|
|
160
|
+
|
|
161
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
162
|
+
|------|------|--------|------|
|
|
163
|
+
| name | `IconName` | - | 图标名称 |
|
|
164
|
+
| size | `'small' \| 'medium' \| 'large' \| number` | `'medium'` | 图标大小 |
|
|
165
|
+
| color | `string` | - | 图标颜色 |
|
|
166
|
+
| spin | `boolean` | `false` | 旋转动画 |
|
|
167
|
+
|
|
168
|
+
**可用图标:** `close`, `check`, `chevron-left`, `chevron-right`, `chevron-down`, `chevron-up`, `loading`, `search`, `info`, `warning`, `error`, `success`, `eye`, `eye-off`
|
|
169
|
+
|
|
170
|
+
## Design Tokens
|
|
171
|
+
|
|
172
|
+
da-style 提供完整的设计令牌系统,可在项目中使用:
|
|
173
|
+
|
|
174
|
+
```javascript
|
|
175
|
+
import {
|
|
176
|
+
// 颜色
|
|
177
|
+
cyan, magenta, purple, blue, yellow, green, orange, red,
|
|
178
|
+
colorPrimary, colorSuccess, colorWarning, colorDanger, colorInfo,
|
|
179
|
+
// 间距
|
|
180
|
+
space1, space2, space3, space4, space5, space6, space8, space10, space12,
|
|
181
|
+
// 字体
|
|
182
|
+
fontMono, fontSans, fontHeading, fontBody,
|
|
183
|
+
textXs, textSm, textBase, textLg, textXl, text2xl, text3xl,
|
|
184
|
+
// 边框
|
|
185
|
+
radiusNone, radiusSm, radiusMd, radiusLg, radiusFull,
|
|
186
|
+
// 阴影
|
|
187
|
+
shadowGlowCyan, shadowGlowMagenta, shadowGlowPurple, shadowGlowGreen, shadowGlowYellow, shadowGlowRed,
|
|
188
|
+
// 注入
|
|
189
|
+
injectTokens, resetInjection,
|
|
190
|
+
} from 'da-style'
|
|
191
|
+
```
|
|
192
|
+
|
|
193
|
+
或在 CSS 中使用 CSS 变量:
|
|
194
|
+
|
|
195
|
+
```css
|
|
196
|
+
.my-component {
|
|
197
|
+
background: var(--d-bg-primary);
|
|
198
|
+
color: var(--d-text-primary);
|
|
199
|
+
border: 1px solid var(--d-cyan);
|
|
200
|
+
box-shadow: var(--d-glow-cyan);
|
|
201
|
+
clip-path: polygon(8px 0%, 100% 0%, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0% 100%, 0% 8px);
|
|
202
|
+
}
|
|
203
|
+
```
|
|
204
|
+
|
|
205
|
+
## 文档
|
|
206
|
+
|
|
207
|
+
启动文档开发服务器:
|
|
208
|
+
|
|
209
|
+
```bash
|
|
210
|
+
pnpm docs:dev
|
|
211
|
+
```
|
|
212
|
+
|
|
213
|
+
## 开发
|
|
214
|
+
|
|
215
|
+
```bash
|
|
216
|
+
pnpm install
|
|
217
|
+
pnpm dev # 启动开发服务器
|
|
218
|
+
pnpm build # 构建库
|
|
219
|
+
pnpm test # 运行测试
|
|
220
|
+
pnpm typecheck # 类型检查
|
|
221
|
+
```
|
|
222
|
+
|
|
223
|
+
## License
|
|
224
|
+
|
|
225
|
+
MIT
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--d-bg-primary,#0a0a0f);color:var(--d-text-primary,#e0e0ff);font-family:var(--d-font-body,"JetBrains Mono", Consolas, monospace);font-size:var(--d-text-base,14px);line-height:var(--d-leading-normal,1.5);letter-spacing:var(--d-tracking-normal,.04em);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}html:before{content:"";pointer-events:none;z-index:99999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}html:after{content:"";pointer-events:none;z-index:99998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f0ff03 2px 4px);position:fixed;inset:0}body{background:var(--d-bg-primary,#0a0a0f);min-height:100vh;color:var(--d-text-primary,#e0e0ff);font-family:var(--d-font-body,"JetBrains Mono", Consolas, monospace);line-height:var(--d-leading-normal,1.5);letter-spacing:var(--d-tracking-normal,.04em)}h1,h2,h3,h4,h5,h6{font-family:var(--d-font-heading,"Rajdhani", system-ui, sans-serif);font-weight:var(--d-weight-bold,700);line-height:var(--d-leading-tight,1.2);letter-spacing:var(--d-tracking-wide,.12em);text-transform:uppercase;color:var(--d-text-primary,#e0e0ff)}h1{font-size:var(--d-text-3xl,32px)}h2{font-size:var(--d-text-2xl,24px)}h3{font-size:var(--d-text-xl,20px)}h4{font-size:var(--d-text-lg,16px)}a{color:var(--d-cyan,#00f0ff);text-shadow:0 0 8px #00f0ff4d;text-decoration:none;transition:color .15s,text-shadow .15s}a:hover{color:var(--d-magenta,#ff00c8);text-shadow:0 0 12px #ff00c880}code,pre,kbd{font-family:var(--d-font-mono,"JetBrains Mono", Consolas, monospace);letter-spacing:var(--d-tracking-normal,.04em);font-size:.9em}pre{background:var(--d-bg-secondary,#12121a);clip-path:var(--d-clip-cut-sm,polygon(8px 0%, 100% 0%, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0% 100%, 0% 8px));padding:var(--d-spacing-4,16px);border:1px solid #00f0ff26;position:relative;overflow-x:auto}pre:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f0ff05 2px 4px);position:absolute;inset:0}::selection{color:var(--d-text-primary,#e0e0ff);background:#00f0ff4d}img,svg,video,canvas{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;letter-spacing:inherit;background:0 0;border:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--d-cyan,#00f0ff);outline-offset:2px}@keyframes d-glitch{0%,to{text-shadow:none;transform:translate(0)}20%{text-shadow:var(--d-glitch-offset,2px) 0 var(--d-glitch-color-1,#ff00c880), calc(var(--d-glitch-offset,2px) * -1) 0 var(--d-glitch-color-2,#00f0ff80);transform:translate(-1px,1px)}40%{text-shadow:calc(var(--d-glitch-offset,2px) * -1) 0 var(--d-glitch-color-1,#ff00c880), var(--d-glitch-offset,2px) 0 var(--d-glitch-color-2,#00f0ff80);transform:translate(1px,-1px)}60%{text-shadow:var(--d-glitch-offset,2px) 0 var(--d-glitch-color-1,#ff00c84d), calc(var(--d-glitch-offset,2px) * -1) 0 var(--d-glitch-color-2,#00f0ff4d);transform:translate(0)}}@keyframes d-neon-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes d-border-pulse{0%,to{box-shadow:0 0 4px rgba(var(--d-cyan-rgb,0, 240, 255), .4), 0 0 12px rgba(var(--d-cyan-rgb,0, 240, 255), .2)}50%{box-shadow:0 0 8px rgba(var(--d-cyan-rgb,0, 240, 255), .6), 0 0 20px rgba(var(--d-cyan-rgb,0, 240, 255), .3), 0 0 40px rgba(var(--d-cyan-rgb,0, 240, 255), .1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--d-bg-primary,#0a0a0f)}::-webkit-scrollbar-thumb{background:#00f0ff40;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#00f0ff80}:root,.d-tokens{--d-bg-primary:#0a0a0f;--d-bg-secondary:#12121a;--d-bg-elevated:#1a1a2e;--d-bg-overlay:#000000d9;--d-text-primary:#e0e0ff;--d-text-secondary:#88a;--d-text-disabled:#446;--d-text-inverse:#0a0a0f;--d-cyan:#00f0ff;--d-cyan-rgb:0, 240, 255;--d-magenta:#ff00c8;--d-magenta-rgb:255, 0, 200;--d-purple:#7000ff;--d-purple-rgb:112, 0, 255;--d-blue:#06f;--d-blue-rgb:0, 102, 255;--d-yellow:#ffea00;--d-yellow-rgb:255, 234, 0;--d-green:#00ff41;--d-green-rgb:0, 255, 65;--d-orange:#f60;--d-red:#ff003c;--d-red-rgb:255, 0, 60;--d-color-primary:var(--d-cyan);--d-color-success:var(--d-green);--d-color-warning:var(--d-yellow);--d-color-danger:var(--d-red);--d-color-info:var(--d-purple);--d-spacing-1:4px;--d-spacing-2:8px;--d-spacing-3:12px;--d-spacing-4:16px;--d-spacing-5:20px;--d-spacing-6:24px;--d-spacing-8:32px;--d-spacing-10:40px;--d-spacing-12:48px;--d-container-sm:640px;--d-container-md:768px;--d-container-lg:1024px;--d-container-xl:1280px;--d-font-mono:"JetBrains Mono", "Fira Code", "Courier New", Consolas, monospace;--d-font-sans:"Rajdhani", "Exo 2", system-ui, -apple-system, sans-serif;--d-font-heading:"Rajdhani", "Exo 2", system-ui, sans-serif;--d-font-body:"JetBrains Mono", "Fira Code", Consolas, monospace;--d-text-xs:11px;--d-text-sm:13px;--d-text-base:14px;--d-text-lg:16px;--d-text-xl:20px;--d-text-2xl:24px;--d-text-3xl:32px;--d-weight-regular:400;--d-weight-medium:500;--d-weight-semibold:600;--d-weight-bold:700;--d-leading-tight:1.2;--d-leading-normal:1.5;--d-leading-relaxed:1.75;--d-tracking-tight:-.02em;--d-tracking-normal:.04em;--d-tracking-wide:.12em;--d-tracking-wider:.2em;--d-radius-none:0;--d-radius-sm:0;--d-radius-md:0;--d-radius-lg:0;--d-radius-full:0;--d-border-width:1px;--d-border-width-md:2px;--d-border-width-lg:4px;--d-clip-cut-sm:polygon(8px 0%, 100% 0%, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0% 100%, 0% 8px);--d-clip-cut-md:polygon(12px 0%, 100% 0%, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0% 100%, 0% 12px);--d-clip-cut-lg:polygon(16px 0%, 100% 0%, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0% 100%, 0% 16px);--d-shadow-sm:0 1px 2px #00000080;--d-shadow-md:0 4px 8px #0009;--d-shadow-lg:0 8px 24px #000000b3;--d-glow-cyan:0 0 4px #00f0ff99, 0 0 12px #00f0ff66, 0 0 24px #00f0ff33, 0 0 48px #00f0ff1a;--d-glow-magenta:0 0 4px #ff00c899, 0 0 12px #ff00c866, 0 0 24px #ff00c833, 0 0 48px #ff00c81a;--d-glow-purple:0 0 4px #7000ff99, 0 0 12px #7000ff66, 0 0 24px #7000ff33;--d-glow-green:0 0 4px #00ff4199, 0 0 12px #00ff4166, 0 0 24px #00ff4133;--d-glow-yellow:0 0 4px #ffea0099, 0 0 12px #ffea0066, 0 0 24px #ffea0033;--d-glow-red:0 0 4px #ff003c99, 0 0 12px #ff003c66, 0 0 24px #ff003c33;--d-scanline:repeating-linear-gradient(0deg, transparent, transparent 2px, #00f0ff04 2px, #00f0ff04 4px);--d-glitch-offset:2px;--d-glitch-color-1:#ff00c880;--d-glitch-color-2:#00f0ff80}.d-btn[data-v-fe9a4e44]{--d-btn-clr:var(--d-cyan);--d-btn-clr-rgb:0, 240, 255;justify-content:center;align-items:center;gap:var(--d-spacing-2);font-family:var(--d-font-mono);font-size:var(--d-text-sm);font-weight:var(--d-weight-medium);letter-spacing:var(--d-tracking-wide);text-transform:uppercase;color:var(--d-text-primary);border:1px solid var(--d-btn-clr);clip-path:polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;background:0 0;outline:none;line-height:1;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .3s,color .2s,opacity .2s,filter .3s;display:inline-flex;position:relative;overflow:hidden}.d-btn__scanline[data-v-fe9a4e44]{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f0ff05 2px 4px);position:absolute;inset:0}.d-btn[data-v-fe9a4e44]:focus-visible{outline:2px solid var(--d-btn-clr);outline-offset:2px}.d-btn--small[data-v-fe9a4e44]{padding:var(--d-spacing-1) var(--d-spacing-4);font-size:var(--d-text-xs)}.d-btn--medium[data-v-fe9a4e44]{padding:var(--d-spacing-2) var(--d-spacing-5);font-size:var(--d-text-sm)}.d-btn--large[data-v-fe9a4e44]{padding:var(--d-spacing-3) var(--d-spacing-6);font-size:var(--d-text-base)}.d-btn--primary[data-v-fe9a4e44]{--d-btn-clr:var(--d-cyan);--d-btn-clr-rgb:0, 240, 255}.d-btn--success[data-v-fe9a4e44]{--d-btn-clr:var(--d-green);--d-btn-clr-rgb:0, 255, 65}.d-btn--warning[data-v-fe9a4e44]{--d-btn-clr:var(--d-yellow);--d-btn-clr-rgb:255, 234, 0}.d-btn--danger[data-v-fe9a4e44]{--d-btn-clr:var(--d-red);--d-btn-clr-rgb:255, 0, 60}.d-btn--info[data-v-fe9a4e44]{--d-btn-clr:var(--d-cyan);--d-btn-clr-rgb:0, 240, 255}.d-btn[data-v-fe9a4e44]:not(.d-btn--disabled):not(.d-btn--loading):hover{background:rgba(var(--d-btn-clr-rgb), .1);border-color:var(--d-btn-clr);box-shadow:0 0 4px rgba(var(--d-btn-clr-rgb), .4), 0 0 12px rgba(var(--d-btn-clr-rgb), .2), 0 0 24px rgba(var(--d-btn-clr-rgb), .1)}.d-btn[data-v-fe9a4e44]:not(.d-btn--disabled):not(.d-btn--loading):active{background:rgba(var(--d-btn-clr-rgb), .2);filter:brightness(1.2)}.d-btn--ghost[data-v-fe9a4e44]{background:0 0!important}.d-btn--ghost[data-v-fe9a4e44]:hover{background:rgba(var(--d-btn-clr-rgb), .06)!important}.d-btn--glow[data-v-fe9a4e44]{box-shadow:0 0 4px rgba(var(--d-btn-clr-rgb), .5), 0 0 12px rgba(var(--d-btn-clr-rgb), .3), 0 0 24px rgba(var(--d-btn-clr-rgb), .15);animation:2s ease-in-out infinite d-btn-glow-pulse-fe9a4e44}.d-btn--glow .d-btn__content[data-v-fe9a4e44]{text-shadow:0 0 8px rgba(var(--d-btn-clr-rgb), .8)}@keyframes d-btn-glow-pulse-fe9a4e44{0%,to{box-shadow:0 0 4px rgba(var(--d-btn-clr-rgb), .5), 0 0 12px rgba(var(--d-btn-clr-rgb), .3), 0 0 24px rgba(var(--d-btn-clr-rgb), .15)}50%{box-shadow:0 0 6px rgba(var(--d-btn-clr-rgb), .7), 0 0 16px rgba(var(--d-btn-clr-rgb), .4), 0 0 32px rgba(var(--d-btn-clr-rgb), .2), 0 0 48px rgba(var(--d-btn-clr-rgb), .1)}}.d-btn--block[data-v-fe9a4e44]{width:100%}.d-btn--round[data-v-fe9a4e44]{clip-path:none;border-radius:4px}.d-btn--circle[data-v-fe9a4e44]{clip-path:none;padding:var(--d-spacing-2);border-radius:50%}.d-btn--circle.d-btn--small[data-v-fe9a4e44]{padding:var(--d-spacing-1)}.d-btn--circle.d-btn--medium[data-v-fe9a4e44]{padding:var(--d-spacing-2)}.d-btn--circle.d-btn--large[data-v-fe9a4e44]{padding:var(--d-spacing-3)}.d-btn--disabled[data-v-fe9a4e44]{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.d-btn__spinner[data-v-fe9a4e44]{border:2px solid;border-color:currentColor currentColor #0000 #0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite d-btn-spin-fe9a4e44;display:inline-block}.d-btn--loading[data-v-fe9a4e44]{cursor:wait}@keyframes d-btn-spin-fe9a4e44{to{transform:rotate(360deg)}}.d-btn__content[data-v-fe9a4e44]{align-items:center;gap:var(--d-spacing-1);z-index:2;display:inline-flex;position:relative}.d-input[data-v-21d07f13]{align-items:center;gap:var(--d-spacing-2,8px);background:var(--d-bg-secondary,#12121a);clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);cursor:text;border:1px solid #00f0ff33;transition:border-color .2s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.d-input__scanline[data-v-21d07f13]{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f0ff04 2px 4px);position:absolute;inset:0}.d-input--focused[data-v-21d07f13]{border-color:var(--d-cyan,#00f0ff);box-shadow:0 0 4px #00f0ff66,0 0 12px #00f0ff33,0 0 24px #00f0ff1a}.d-input--glow[data-v-21d07f13]{animation:2s ease-in-out infinite d-input-glow-pulse-21d07f13}@keyframes d-input-glow-pulse-21d07f13{0%,to{box-shadow:0 0 4px #00f0ff66,0 0 12px #00f0ff33,0 0 24px #00f0ff1a}50%{box-shadow:0 0 6px #00f0ff99,0 0 16px #00f0ff4d,0 0 32px #00f0ff26,0 0 48px #00f0ff0d}}.d-input--disabled[data-v-21d07f13]{opacity:.35;cursor:not-allowed}.d-input--disabled .d-input__native[data-v-21d07f13]{cursor:not-allowed}.d-input--readonly[data-v-21d07f13]{cursor:default}.d-input--small[data-v-21d07f13]{padding:var(--d-spacing-1,4px) var(--d-spacing-2,8px)}.d-input--medium[data-v-21d07f13]{padding:var(--d-spacing-2,8px) var(--d-spacing-3,12px)}.d-input--large[data-v-21d07f13]{padding:var(--d-spacing-3,12px) var(--d-spacing-4,16px)}.d-input__native[data-v-21d07f13]{min-width:0;color:var(--d-text-primary,#e0e0ff);font-family:var(--d-font-mono,"JetBrains Mono", Consolas, monospace);font-size:var(--d-text-sm,13px);letter-spacing:var(--d-tracking-normal,.04em);caret-color:var(--d-cyan,#00f0ff);line-height:var(--d-leading-normal,1.5);z-index:2;background:0 0;border:none;outline:none;flex:1;position:relative}.d-input--small .d-input__native[data-v-21d07f13]{font-size:var(--d-text-xs,11px)}.d-input--large .d-input__native[data-v-21d07f13]{font-size:var(--d-text-base,14px)}.d-input__native[data-v-21d07f13]::placeholder{color:var(--d-text-disabled,#446);letter-spacing:var(--d-tracking-normal,.04em)}.d-input__affix[data-v-21d07f13]{color:var(--d-cyan,#00f0ff);font-family:var(--d-font-mono,"JetBrains Mono", Consolas, monospace);font-size:var(--d-text-sm,13px);-webkit-user-select:none;user-select:none;z-index:2;text-shadow:0 0 6px #00f0ff66;align-items:center;display:flex;position:relative}.d-input--small .d-input__affix[data-v-21d07f13]{font-size:var(--d-text-xs,11px)}.d-input--large .d-input__affix[data-v-21d07f13]{font-size:var(--d-text-base,14px)}.d-input__affix--prefix[data-v-21d07f13]{margin-right:var(--d-spacing-1,4px)}.d-input__affix--suffix[data-v-21d07f13]{margin-left:var(--d-spacing-1,4px)}.d-input__clear[data-v-21d07f13]{color:var(--d-magenta,#ff00c8);cursor:pointer;font-size:var(--d-text-lg,16px);-webkit-user-select:none;user-select:none;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .15s,text-shadow .15s;display:flex;position:relative}.d-input__clear[data-v-21d07f13]:hover{color:var(--d-magenta,#ff00c8);text-shadow:0 0 8px #ff00c899}.d-tag[data-v-e3cafe54]{align-items:center;gap:var(--d-spacing-1,4px);font-family:var(--d-font-mono,"JetBrains Mono", Consolas, monospace);font-size:var(--d-text-sm,13px);font-weight:var(--d-weight-medium);letter-spacing:var(--d-tracking-wide,.12em);text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--d-bg-elevated,#1a1a2e);border:1px solid var(--d-tag-accent,var(--d-cyan,#00f0ff));color:var(--d-tag-accent,var(--d-cyan,#00f0ff));clip-path:polygon(6px 0%,100% 0%,100% calc(100% - 6px),calc(100% - 6px) 100%,0% 100%,0% 6px);line-height:1;transition:background .15s,box-shadow .3s,filter .3s;display:inline-flex}.d-tag--small[data-v-e3cafe54]{font-size:var(--d-text-xs,11px);padding:2px 10px}.d-tag--medium[data-v-e3cafe54]{font-size:var(--d-text-sm,13px);padding:4px 14px}.d-tag--large[data-v-e3cafe54]{font-size:var(--d-text-base,14px);padding:6px 18px}.d-tag--round[data-v-e3cafe54]{clip-path:none;border-radius:2px}.d-tag--ghost[data-v-e3cafe54]{background:0 0}.d-tag--glow[data-v-e3cafe54]{box-shadow:var(--d-tag-glow,none);animation:2s ease-in-out infinite d-tag-glow-pulse-e3cafe54}@keyframes d-tag-glow-pulse-e3cafe54{0%,to{box-shadow:var(--d-tag-glow,none)}50%{filter:brightness(1.3);box-shadow:var(--d-tag-glow,none), 0 0 20px currentColor}}.d-tag[data-v-e3cafe54]:hover{background:#00f0ff0f;box-shadow:0 0 4px #00f0ff4d,0 0 12px #00f0ff26}.d-tag--ghost[data-v-e3cafe54]:hover{background:#00f0ff0a}.d-tag__close[data-v-e3cafe54]{width:1em;height:1em;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.2em;line-height:1;transition:opacity .15s,color .15s,text-shadow .15s;display:inline-flex}.d-tag__close[data-v-e3cafe54]:hover{opacity:1;color:var(--d-magenta,#ff00c8);text-shadow:0 0 8px #ff00c880}.d-loading[data-v-57cfd478]{justify-content:center;align-items:center;gap:var(--d-spacing-3,12px);color:var(--d-text-primary,#e0e0ff);font-family:var(--d-font-mono,"JetBrains Mono", Consolas, monospace);flex-direction:column;display:inline-flex}.d-loading--fullscreen[data-v-57cfd478]{z-index:9999;background:var(--d-bg-overlay,#0a0a0fe6);-webkit-backdrop-filter:blur(8px);position:fixed;inset:0}.d-loading__spinner[data-v-57cfd478]{justify-content:center;align-items:center;display:flex}.d-loading__spinner-ring[data-v-57cfd478]{border-style:solid;border-color:#00f0ff14;border-top-color:var(--d-cyan,#00f0ff);border-right-color:var(--d-magenta,#ff00c8);border-bottom-color:var(--d-purple,#7000ff);border-left-color:var(--d-cyan,#00f0ff);clip-path:polygon(4px 0%,100% 0%,100% calc(100% - 4px),calc(100% - 4px) 100%,0% 100%,0% 4px);will-change:transform;filter:drop-shadow(0 0 4px #00f0ff80);border-radius:0;animation:.8s cubic-bezier(.5,0,.5,1) infinite d-spinner-rotate-57cfd478}@keyframes d-spinner-rotate-57cfd478{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.d-loading__dots[data-v-57cfd478]{align-items:center;gap:var(--d-spacing-2,8px);display:flex}.d-loading__dot[data-v-57cfd478]{clip-path:polygon(3px 0%,100% 0%,100% calc(100% - 3px),calc(100% - 3px) 100%,0% 100%,0% 3px);animation:1.4s ease-in-out infinite both d-dot-bounce-57cfd478}.d-loading__dot[data-v-57cfd478]:first-child{animation-delay:0s}.d-loading__dot[data-v-57cfd478]:nth-child(2){animation-delay:.2s}.d-loading__dot[data-v-57cfd478]:nth-child(3){animation-delay:.4s}@keyframes d-dot-bounce-57cfd478{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.d-loading__pulse[data-v-57cfd478]{justify-content:center;align-items:center;display:flex;position:relative}.d-loading__pulse-ring[data-v-57cfd478]{clip-path:polygon(4px 0%,100% 0%,100% calc(100% - 4px),calc(100% - 4px) 100%,0% 100%,0% 4px);will-change:transform, opacity;background:0 0;border-style:solid;border-width:2px;animation:1.5s ease-out infinite d-pulse-expand-57cfd478;position:absolute}@keyframes d-pulse-expand-57cfd478{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.5)}}.d-loading__text[data-v-57cfd478]{font-family:var(--d-font-mono,"JetBrains Mono", Consolas, monospace);font-size:var(--d-text-xs,11px);color:var(--d-text-secondary,#88a);letter-spacing:var(--d-tracking-wider,.2em);text-transform:uppercase;text-shadow:0 0 6px #00f0ff4d;margin:0;animation:2s ease-in-out infinite d-loading-text-pulse-57cfd478}@keyframes d-loading-text-pulse-57cfd478{0%,to{opacity:.5}50%{opacity:1;text-shadow:0 0 10px #00f0ff80}}.d-icon[data-v-932d5321]{vertical-align:middle;filter:drop-shadow(0 0 3px)drop-shadow(0 0 6px);flex-shrink:0;transition:filter .2s;display:inline-block}.d-icon[data-v-932d5321]:hover{filter:drop-shadow(0 0 4px)drop-shadow(0 0 8px)drop-shadow(0 0 16px)}.d-icon--spin[data-v-932d5321]{animation:1s linear infinite d-icon-spin-932d5321}@keyframes d-icon-spin-932d5321{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
2
|
+
/*$vite$:1*/
|
package/dist/da-style.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DaStyle={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=e=>typeof e==`string`,r=e=>typeof e==`number`,i=e=>typeof e==`boolean`,a=e=>e===void 0,o=e=>typeof e==`function`,s=(e,t,n)=>Math.min(Math.max(e,t),n),c=(...e)=>{let t=[];for(let r of e)if(r){if(n(r))t.push(r);else if(typeof r==`object`)for(let[e,n]of Object.entries(r))n&&t.push(e)}return t.join(` `)},l=[`disabled`,`type`,`aria-busy`],u={key:0,class:`d-btn__spinner`},d={class:`d-btn__content`},f=(0,t.defineComponent)({__name:`DButton`,props:{status:{default:`primary`},size:{default:`medium`},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},glow:{type:Boolean,default:!1},ghost:{type:Boolean,default:!1},block:{type:Boolean,default:!1},round:{type:Boolean,default:!1},circle:{type:Boolean,default:!1},nativeType:{default:`button`}},emits:[`click`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.computed)(()=>c(`d-btn`,`d-btn--${r.status}`,`d-btn--${r.size}`,{"d-btn--disabled":r.disabled,"d-btn--loading":r.loading,"d-btn--glow":r.glow,"d-btn--ghost":r.ghost,"d-btn--block":r.block,"d-btn--round":r.round,"d-btn--circle":r.circle}));function o(e){!r.disabled&&!r.loading&&i(`click`,e)}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{class:(0,t.normalizeClass)(a.value),disabled:e.disabled||e.loading,type:e.nativeType,"aria-busy":e.loading||void 0,onClick:o},[e.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,u)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`span`,d,[(0,t.renderSlot)(n.$slots,`default`,{},void 0,!0)]),r[0]||=(0,t.createElementVNode)(`span`,{class:`d-btn__scanline`,"aria-hidden":`true`},null,-1)],10,l))}}),p=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},m=p(f,[[`__scopeId`,`data-v-fe9a4e44`]]);m.install=e=>{e.component(m.name??`DButton`,m)};var ee=(e=`medium`)=>({type:String,default:e,validator:e=>[`small`,`medium`,`large`].includes(e)}),h=(e=`primary`)=>({type:String,default:e,validator:e=>[`primary`,`success`,`warning`,`danger`,`info`].includes(e)}),te=()=>({type:Boolean,default:!1}),ne=()=>({type:Boolean,default:!1}),re=()=>({type:Boolean,default:!1}),ie={key:0,class:`d-input__affix d-input__affix--prefix`},ae=[`type`,`value`,`disabled`,`readonly`,`placeholder`],oe={key:2,class:`d-input__affix d-input__affix--suffix`},se=p((0,t.defineComponent)({__name:`DInput`,props:(0,t.mergeModels)({modelValue:{},type:{default:`text`},size:{default:`medium`},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},placeholder:{default:``},clearable:{type:Boolean,default:!1},glow:{type:Boolean,default:!1},prefix:{},suffix:{}},{modelValue:{default:``},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let n=e,r=(0,t.ref)(null),i=(0,t.ref)(!1),a=(0,t.useModel)(e,`modelValue`),o=(0,t.computed)(()=>c(`d-input`,`d-input--${n.size}`,{"d-input--disabled":n.disabled,"d-input--readonly":n.readonly,"d-input--focused":i.value,"d-input--glow":n.glow&&i.value}));function s(e){n.disabled||(a.value=e.target.value)}function l(){a.value=``,r.value?.focus()}function u(){i.value=!0}function d(){i.value=!1}function f(){r.value?.focus()}return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(o.value),onClick:f},[e.prefix!==void 0||n.$slots.prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,ie,[(0,t.renderSlot)(n.$slots,`prefix`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.prefix),1)],!0)])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`input`,{ref_key:`inputRef`,ref:r,type:e.type,value:a.value,disabled:e.disabled,readonly:e.readonly,placeholder:e.placeholder,class:`d-input__native`,onInput:s,onFocus:u,onBlur:d},null,40,ae),e.clearable&&a.value?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:1,class:`d-input__clear`,onClick:l,type:`button`,tabindex:`-1`,"aria-label":`clear`},`×`)):(0,t.createCommentVNode)(``,!0),e.suffix!==void 0||n.$slots.suffix?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,oe,[(0,t.renderSlot)(n.$slots,`suffix`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.suffix),1)],!0)])):(0,t.createCommentVNode)(``,!0),i[0]||=(0,t.createElementVNode)(`span`,{class:`d-input__scanline`,"aria-hidden":`true`},null,-1)],2))}}),[[`__scopeId`,`data-v-21d07f13`]]),ce={primary:`--d-cyan`,success:`--d-green`,warning:`--d-yellow`,danger:`--d-red`,info:`--d-purple`},le={primary:`--d-glow-cyan`,success:`--d-glow-green`,warning:`--d-glow-yellow`,danger:`--d-glow-red`,info:`--d-glow-purple`},ue=p((0,t.defineComponent)({__name:`DTag`,props:{status:{default:`primary`},size:{default:`medium`},closable:{type:Boolean,default:!1},ghost:{type:Boolean,default:!1},glow:{type:Boolean,default:!1},round:{type:Boolean,default:!1}},emits:[`close`],setup(e,{emit:n}){let r=e,i=n,a=(0,t.computed)(()=>c(`d-tag`,`d-tag--${r.status}`,`d-tag--${r.size}`,{"d-tag--ghost":r.ghost,"d-tag--glow":r.glow,"d-tag--round":r.round,"d-tag--closable":r.closable})),o=(0,t.computed)(()=>{let e={"--d-tag-accent":`var(${ce[r.status]})`};return r.glow&&(e[`--d-tag-glow`]=`var(${le[r.status]})`),e});function s(){i(`close`)}return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)(a.value),style:(0,t.normalizeStyle)(o.value)},[(0,t.renderSlot)(n.$slots,`default`,{},void 0,!0),e.closable?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:`d-tag__close`,"aria-label":`close`,onClick:(0,t.withModifiers)(s,[`stop`]),onMousedown:r[0]||=(0,t.withModifiers)(()=>{},[`prevent`])},` × `,32)):(0,t.createCommentVNode)(``,!0)],6))}}),[[`__scopeId`,`data-v-e3cafe54`]]),de=[`aria-label`],fe={key:0,class:`d-loading__spinner`},pe={key:1,class:`d-loading__dots`},me={key:3,class:`d-loading__text`},he=p((0,t.defineComponent)({__name:`DLoading`,props:{type:{default:`spinner`},size:{default:`medium`},color:{default:void 0},text:{default:void 0},fullscreen:{type:Boolean,default:!1}},setup(e){let n=e,r={small:16,medium:24,large:32},i={small:2,medium:3,large:4},a={small:6,medium:8,large:10},o=[`var(--d-cyan)`,`var(--d-magenta)`,`var(--d-purple)`],s=(0,t.computed)(()=>r[n.size]??24),c=(0,t.computed)(()=>i[n.size]??3),l=(0,t.computed)(()=>a[n.size]??8),u=(0,t.computed)(()=>n.color||`var(--d-cyan)`),d=(0,t.computed)(()=>({"d-loading":!0,[`d-loading--${n.type}`]:!0,"d-loading--fullscreen":n.fullscreen,"d-loading--has-color":!!n.color})),f=(0,t.computed)(()=>{let e={};return n.color&&(e[`--d-loading-custom-color`]=n.color),e}),p=(0,t.computed)(()=>({width:`${s.value}px`,height:`${s.value}px`,borderWidth:`${c.value}px`})),m=(0,t.computed)(()=>{let e=`${s.value*2.5}px`;return{width:e,height:e}});function ee(e){let t=n.color?`var(--d-loading-custom-color, ${u.value})`:o[e-1];return{width:`${l.value}px`,height:`${l.value}px`,backgroundColor:t,boxShadow:`0 0 4px ${t}, 0 0 10px ${t}, 0 0 20px ${t}`}}function h(e){let t=(e-1)*.5;return{width:`${s.value}px`,height:`${s.value}px`,borderColor:u.value,boxShadow:`0 0 6px ${u.value}, 0 0 12px ${u.value}`,animationDelay:`${t}s`}}return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(d.value),style:(0,t.normalizeStyle)(f.value),role:`status`,"aria-label":n.text||`Loading`},[n.type===`spinner`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,fe,[(0,t.createElementVNode)(`div`,{class:`d-loading__spinner-ring`,style:(0,t.normalizeStyle)(p.value)},null,4)])):n.type===`dots`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,pe,[((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(3,e=>(0,t.createElementVNode)(`div`,{key:e,class:`d-loading__dot`,style:(0,t.normalizeStyle)(ee(e))},null,4)),64))])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:2,class:`d-loading__pulse`,style:(0,t.normalizeStyle)(m.value)},[((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(3,e=>(0,t.createElementVNode)(`div`,{key:e,class:`d-loading__pulse-ring`,style:(0,t.normalizeStyle)(h(e))},null,4)),64))],4)),n.text?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,me,(0,t.toDisplayString)(n.text),1)):(0,t.createCommentVNode)(``,!0)],14,de))}}),[[`__scopeId`,`data-v-57cfd478`]]),ge={close:`M6 18 18 6M6 6l12 12`,check:`M5 13l4 4L19 7`,"chevron-left":`M15 19l-7-7 7-7`,"chevron-right":`M9 5l7 7-7 7`,"chevron-down":`M19 9l-7 7-7-7`,"chevron-up":`M5 15l7-7 7 7`,loading:`M21 12a9 9 0 1 1-6.219-8.56`,search:`M21 21l-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z`,info:`M11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0zm-9-3.75h.008v.008H12V8.25z`,warning:`M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z`,error:`m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z`,success:`M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z`,eye:`M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z`,"eye-off":`M3.98 3.98A10.96 10.96 0 0 1 12 5c4.477 0 8.268 2.943 9.542 7a10.94 10.94 0 0 1-2.068 4.002m-1.334 1.334A10.96 10.96 0 0 1 12 19c-4.477 0-8.268-2.943-9.542-7a10.95 10.95 0 0 1 2.068-4.002M9.879 9.879a3 3 0 0 0 4.242 4.242m4.242-8.242L4.93 19.07`},_e=[`width`,`height`,`stroke`,`aria-label`],ve=[`d`],g=p((0,t.defineComponent)({__name:`DIcon`,props:{name:{},size:{default:`medium`},color:{default:``},spin:{type:Boolean,default:!1}},setup(e){let n=e,r={small:16,medium:24,large:32},i=(0,t.computed)(()=>typeof n.size==`number`?n.size:r[n.size]??24);return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{class:(0,t.normalizeClass)([`d-icon`,{"d-icon--spin":e.spin}]),width:i.value,height:i.value,stroke:e.color||`currentColor`,viewBox:`0 0 24 24`,fill:`none`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`,xmlns:`http://www.w3.org/2000/svg`,"aria-label":e.name,role:`img`},[(0,t.createElementVNode)(`path`,{d:(0,t.unref)(ge)[e.name]},null,8,ve)],10,_e))}}),[[`__scopeId`,`data-v-932d5321`]]);g.install=e=>{e.component(`DIcon`,g)};var ye=`#0a0a0f`,be=`#12121a`,xe=`#1a1a2e`,Se=`rgba(10,10,15,0.9)`,Ce=`#e0e0ff`,we=`#8888aa`,Te=`#444466`,Ee=`#0a0a0f`,De=`#00f0ff`,Oe=`#ff00c8`,ke=`#7000ff`,Ae=`#0066ff`,je=`#ffea00`,Me=`#00ff41`,Ne=`#ff6600`,Pe=`#ff003c`,Fe=`var(--d-cyan)`,_=`var(--d-green)`,v=`var(--d-yellow)`,Ie=`var(--d-red)`,Le=`var(--d-purple)`,Re={bg:{primary:`--d-bg-primary`,secondary:`--d-bg-secondary`,elevated:`--d-bg-elevated`,overlay:`--d-bg-overlay`},text:{primary:`--d-text-primary`,secondary:`--d-text-secondary`,disabled:`--d-text-disabled`,inverse:`--d-text-inverse`},accent:{cyan:`--d-cyan`,magenta:`--d-magenta`,purple:`--d-purple`,blue:`--d-blue`,yellow:`--d-yellow`,green:`--d-green`,orange:`--d-orange`,red:`--d-red`},semantic:{primary:`--d-color-primary`,success:`--d-color-success`,warning:`--d-color-warning`,danger:`--d-color-danger`,info:`--d-color-info`}},y={bgPrimary:ye,bgSecondary:be,bgElevated:xe,bgOverlay:Se,textPrimary:Ce,textSecondary:we,textDisabled:Te,textInverse:Ee,cyan:De,magenta:Oe,purple:ke,blue:Ae,yellow:je,green:Me,orange:Ne,red:Pe,colorPrimary:Fe,colorSuccess:_,colorWarning:v,colorDanger:Ie,colorInfo:Le},ze=`4px`,Be=`8px`,b=`12px`,x=`16px`,S=`20px`,C=`24px`,w=`32px`,T=`40px`,E=`48px`,D=`640px`,O=`768px`,k=`1024px`,A=`1280px`,Ve={space:{1:`--d-spacing-1`,2:`--d-spacing-2`,3:`--d-spacing-3`,4:`--d-spacing-4`,5:`--d-spacing-5`,6:`--d-spacing-6`,8:`--d-spacing-8`,10:`--d-spacing-10`,12:`--d-spacing-12`},container:{sm:`--d-container-sm`,md:`--d-container-md`,lg:`--d-container-lg`,xl:`--d-container-xl`}},He={space1:`4px`,space2:`8px`,space3:b,space4:x,space5:S,space6:C,space8:w,space10:T,space12:E,containerSm:D,containerMd:O,containerLg:k,containerXl:A},j=`'Courier New', 'Consolas', 'Source Code Pro', monospace`,M=`system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif`,N=`system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif`,P=`'Courier New', Consolas, monospace`,F=`12px`,I=`14px`,L=`16px`,R=`18px`,z=`20px`,B=`24px`,V=`30px`,Ue=`400`,We=`500`,Ge=`600`,Ke=`700`,qe=`1.2`,Je=`1.5`,H=`1.75`,U=`-0.02em`,Ye=`0`,W=`0.08em`,Xe={font:{mono:`--d-font-mono`,sans:`--d-font-sans`,heading:`--d-font-heading`,body:`--d-font-body`},size:{xs:`--d-text-xs`,sm:`--d-text-sm`,base:`--d-text-base`,lg:`--d-text-lg`,xl:`--d-text-xl`,"2xl":`--d-text-2xl`,"3xl":`--d-text-3xl`},weight:{regular:`--d-weight-regular`,medium:`--d-weight-medium`,semibold:`--d-weight-semibold`,bold:`--d-weight-bold`},leading:{tight:`--d-leading-tight`,normal:`--d-leading-normal`,relaxed:`--d-leading-relaxed`},tracking:{tight:`--d-tracking-tight`,normal:`--d-tracking-normal`,wide:`--d-tracking-wide`}},Ze={fontMono:j,fontSans:M,fontHeading:N,fontBody:P,textXs:F,textSm:I,textBase:L,textLg:R,textXl:z,text2xl:B,text3xl:V,weightRegular:`400`,weightMedium:`500`,weightSemibold:`600`,weightBold:`700`,leadingTight:`1.2`,leadingNormal:`1.5`,leadingRelaxed:H,trackingTight:U,trackingNormal:`0`,trackingWide:W},Qe=`0`,$e=`2px`,et=`4px`,tt=`8px`,G=`9999px`,nt=`1px`,rt=`2px`,it=`4px`,at={radius:{none:`--d-radius-none`,sm:`--d-radius-sm`,md:`--d-radius-md`,lg:`--d-radius-lg`,full:`--d-radius-full`},width:{default:`--d-border-width`,md:`--d-border-width-md`,lg:`--d-border-width-lg`}},ot={radiusNone:`0`,radiusSm:`2px`,radiusMd:`4px`,radiusLg:`8px`,radiusFull:G,borderWidth:`1px`,borderWidthMd:`2px`,borderWidthLg:`4px`},K=`0 1px 2px rgba(0,0,0,0.5)`,q=`0 4px 8px rgba(0,0,0,0.6)`,J=`0 8px 24px rgba(0,0,0,0.7)`,Y=`0 0 4px rgba(0,240,255,0.6), 0 0 12px rgba(0,240,255,0.4), 0 0 24px rgba(0,240,255,0.2), 0 0 48px rgba(0,240,255,0.1)`,X=`0 0 4px rgba(255,0,200,0.6), 0 0 12px rgba(255,0,200,0.4), 0 0 24px rgba(255,0,200,0.2), 0 0 48px rgba(255,0,200,0.1)`,st=`0 0 4px rgba(112,0,255,0.6), 0 0 12px rgba(112,0,255,0.4), 0 0 24px rgba(112,0,255,0.2)`,Z=`0 0 4px rgba(0,255,65,0.6), 0 0 12px rgba(0,255,65,0.4), 0 0 24px rgba(0,255,65,0.2)`,Q=`0 0 4px rgba(255,234,0,0.6), 0 0 12px rgba(255,234,0,0.4), 0 0 24px rgba(255,234,0,0.2)`,ct=`0 0 4px rgba(255,0,60,0.6), 0 0 12px rgba(255,0,60,0.4), 0 0 24px rgba(255,0,60,0.2)`,lt={shadow:{sm:`--d-shadow-sm`,md:`--d-shadow-md`,lg:`--d-shadow-lg`},glow:{cyan:`--d-glow-cyan`,magenta:`--d-glow-magenta`,purple:`--d-glow-purple`,green:`--d-glow-green`,yellow:`--d-glow-yellow`,red:`--d-glow-red`}},ut={shadowSm:K,shadowMd:q,shadowLg:J,shadowGlowCyan:Y,shadowGlowMagenta:X,shadowGlowPurple:st,shadowGlowGreen:Z,shadowGlowYellow:Q,shadowGlowRed:ct};function dt(){return{"bg-primary":y.bgPrimary,"bg-secondary":y.bgSecondary,"bg-elevated":y.bgElevated,"bg-overlay":y.bgOverlay,"text-primary":y.textPrimary,"text-secondary":y.textSecondary,"text-disabled":y.textDisabled,"text-inverse":y.textInverse,cyan:y.cyan,magenta:y.magenta,yellow:y.yellow,green:y.green,orange:y.orange,red:y.red,"color-primary":y.colorPrimary.replace(`var(--d-cyan)`,y.cyan),"color-success":y.colorSuccess.replace(`var(--d-green)`,y.green),"color-warning":y.colorWarning.replace(`var(--d-yellow)`,y.yellow),"color-danger":y.colorDanger.replace(`var(--d-red)`,y.red),"color-info":y.colorInfo.replace(`var(--d-cyan)`,y.cyan),"spacing-1":`4px`,"spacing-2":`8px`,"spacing-3":b,"spacing-4":x,"spacing-5":S,"spacing-6":C,"spacing-8":w,"spacing-10":T,"spacing-12":E,"container-sm":D,"container-md":O,"container-lg":k,"container-xl":A,"font-mono":j,"font-sans":M,"font-heading":N,"font-body":P,"text-xs":F,"text-sm":I,"text-base":L,"text-lg":R,"text-xl":z,"text-2xl":B,"text-3xl":V,"weight-regular":`400`,"weight-medium":`500`,"weight-semibold":`600`,"weight-bold":`700`,"leading-tight":`1.2`,"leading-normal":`1.5`,"leading-relaxed":H,"tracking-tight":U,"tracking-normal":`0`,"tracking-wide":W,"radius-none":`0`,"radius-sm":`2px`,"radius-md":`4px`,"radius-lg":`8px`,"radius-full":G,"border-width":`1px`,"border-width-md":`2px`,"border-width-lg":`4px`,"shadow-sm":K,"shadow-md":q,"shadow-lg":J,"shadow-glow-cyan":Y,"shadow-glow-magenta":X,"shadow-glow-green":Z,"shadow-glow-yellow":Q}}var $=!1;function ft(){if($)return;$=!0;let e=dt(),t=Object.entries(e).map(([e,t])=>` --d-${e}: ${t};`).join(`
|
|
2
|
+
`),n=document.createElement(`style`);n.textContent=`:root {\n${t}\n}`,document.head.appendChild(n)}function pt(){$=!1}e.DButton=m,e.DIcon=g,e.DInput=se,e.DLoading=he,e.DTag=ue,e.bgElevated=xe,e.bgOverlay=Se,e.bgPrimary=ye,e.bgSecondary=be,e.blue=Ae,e.borderCssVars=at,e.borderWidth=nt,e.borderWidthLg=it,e.borderWidthMd=rt,e.borders=ot,e.clamp=s,e.classNames=c,e.colorCssVars=Re,e.colorDanger=Ie,e.colorInfo=Le,e.colorPrimary=Fe,e.colorSuccess=_,e.colorWarning=v,e.colors=y,e.containerLg=k,e.containerMd=O,e.containerSm=D,e.containerXl=A,e.cyan=De,e.fontBody=P,e.fontHeading=N,e.fontMono=j,e.fontSans=M,e.green=Me,e.injectTokens=ft,e.isBoolean=i,e.isFunction=o,e.isNumber=r,e.isString=n,e.isUndefined=a,e.leadingNormal=Je,e.leadingRelaxed=H,e.leadingTight=qe,e.magenta=Oe,e.orange=Ne,e.purple=ke,e.radiusFull=G,e.radiusLg=tt,e.radiusMd=et,e.radiusNone=Qe,e.radiusSm=$e,e.red=Pe,e.resetInjection=pt,e.shadowCssVars=lt,e.shadowGlowCyan=Y,e.shadowGlowGreen=Z,e.shadowGlowMagenta=X,e.shadowGlowPurple=st,e.shadowGlowRed=ct,e.shadowGlowYellow=Q,e.shadowLg=J,e.shadowMd=q,e.shadowSm=K,e.shadows=ut,e.space1=ze,e.space10=T,e.space12=E,e.space2=Be,e.space3=b,e.space4=x,e.space5=S,e.space6=C,e.space8=w,e.spacing=He,e.spacingCssVars=Ve,e.text2xl=B,e.text3xl=V,e.textBase=L,e.textDisabled=Te,e.textInverse=Ee,e.textLg=R,e.textPrimary=Ce,e.textSecondary=we,e.textSm=I,e.textXl=z,e.textXs=F,e.trackingNormal=Ye,e.trackingTight=U,e.trackingWide=W,e.typography=Ze,e.typographyCssVars=Xe,e.useDisabledProp=te,e.useGlowProp=re,e.useLoadingProp=ne,e.useSizeProp=ee,e.useStatusProp=h,e.weightBold=Ke,e.weightMedium=We,e.weightRegular=Ue,e.weightSemibold=Ge,e.yellow=je});
|