@ouraihub/preset-docs 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/LICENSE +21 -0
- package/README.md +241 -0
- package/dist/cjs/components.cjs +195 -0
- package/dist/cjs/components.cjs.map +7 -0
- package/dist/cjs/index.cjs +483 -0
- package/dist/cjs/index.cjs.map +7 -0
- package/dist/cjs/layouts.cjs +131 -0
- package/dist/cjs/layouts.cjs.map +7 -0
- package/dist/cjs/tokens.cjs +183 -0
- package/dist/cjs/tokens.cjs.map +7 -0
- package/dist/esm/chunk-D5ZMUFJ5.mjs +163 -0
- package/dist/esm/chunk-D5ZMUFJ5.mjs.map +7 -0
- package/dist/esm/chunk-NMPQAUNP.mjs +111 -0
- package/dist/esm/chunk-NMPQAUNP.mjs.map +7 -0
- package/dist/esm/chunk-QKN5WBAL.mjs +175 -0
- package/dist/esm/chunk-QKN5WBAL.mjs.map +7 -0
- package/dist/esm/components.mjs +7 -0
- package/dist/esm/components.mjs.map +7 -0
- package/dist/esm/index.mjs +39 -0
- package/dist/esm/index.mjs.map +7 -0
- package/dist/esm/layouts.mjs +13 -0
- package/dist/esm/layouts.mjs.map +7 -0
- package/dist/esm/tokens.mjs +7 -0
- package/dist/esm/tokens.mjs.map +7 -0
- package/dist/types/components.d.ts +8 -0
- package/dist/types/components.d.ts.map +1 -0
- package/dist/types/index.d.ts +24 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/layouts.d.ts +18 -0
- package/dist/types/layouts.d.ts.map +1 -0
- package/dist/types/tokens.d.ts +12 -0
- package/dist/types/tokens.d.ts.map +1 -0
- package/package.json +64 -0
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/tokens.ts
|
|
21
|
+
var tokens_exports = {};
|
|
22
|
+
__export(tokens_exports, {
|
|
23
|
+
docsTokens: () => docsTokens
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(tokens_exports);
|
|
26
|
+
var docsTokens = {
|
|
27
|
+
colors: {
|
|
28
|
+
// 文档主色调 - 专业、可信赖
|
|
29
|
+
primary: {
|
|
30
|
+
base: "hsl(212, 100%, 48%)",
|
|
31
|
+
light: "hsl(212, 100%, 96%)",
|
|
32
|
+
dark: "hsl(212, 100%, 35%)"
|
|
33
|
+
},
|
|
34
|
+
// 代码高亮色
|
|
35
|
+
code: {
|
|
36
|
+
background: "hsl(220, 13%, 18%)",
|
|
37
|
+
text: "hsl(220, 14%, 96%)",
|
|
38
|
+
comment: "hsl(220, 10%, 50%)",
|
|
39
|
+
keyword: "hsl(207, 82%, 66%)",
|
|
40
|
+
string: "hsl(95, 38%, 62%)",
|
|
41
|
+
function: "hsl(286, 60%, 67%)",
|
|
42
|
+
variable: "hsl(29, 54%, 61%)"
|
|
43
|
+
},
|
|
44
|
+
// 语义化颜色 - 警告框
|
|
45
|
+
note: {
|
|
46
|
+
background: "hsl(212, 100%, 96%)",
|
|
47
|
+
border: "hsl(212, 100%, 48%)",
|
|
48
|
+
text: "hsl(212, 100%, 35%)"
|
|
49
|
+
},
|
|
50
|
+
tip: {
|
|
51
|
+
background: "hsl(142, 76%, 96%)",
|
|
52
|
+
border: "hsl(142, 76%, 36%)",
|
|
53
|
+
text: "hsl(142, 76%, 25%)"
|
|
54
|
+
},
|
|
55
|
+
warning: {
|
|
56
|
+
background: "hsl(38, 92%, 96%)",
|
|
57
|
+
border: "hsl(38, 92%, 50%)",
|
|
58
|
+
text: "hsl(38, 92%, 30%)"
|
|
59
|
+
},
|
|
60
|
+
danger: {
|
|
61
|
+
background: "hsl(0, 84%, 96%)",
|
|
62
|
+
border: "hsl(0, 84%, 60%)",
|
|
63
|
+
text: "hsl(0, 84%, 40%)"
|
|
64
|
+
},
|
|
65
|
+
// 侧边栏和导航
|
|
66
|
+
sidebar: {
|
|
67
|
+
background: "hsl(0, 0%, 98%)",
|
|
68
|
+
border: "hsl(0, 0%, 90%)",
|
|
69
|
+
active: "hsl(212, 100%, 48%)",
|
|
70
|
+
hover: "hsl(212, 100%, 96%)"
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
spacing: {
|
|
74
|
+
// 文档内容间距 - 更宽松
|
|
75
|
+
"content-xs": "0.5rem",
|
|
76
|
+
// 8px
|
|
77
|
+
"content-sm": "1rem",
|
|
78
|
+
// 16px
|
|
79
|
+
"content-md": "1.5rem",
|
|
80
|
+
// 24px
|
|
81
|
+
"content-lg": "2rem",
|
|
82
|
+
// 32px
|
|
83
|
+
"content-xl": "3rem",
|
|
84
|
+
// 48px
|
|
85
|
+
"content-2xl": "4rem",
|
|
86
|
+
// 64px
|
|
87
|
+
// 侧边栏宽度
|
|
88
|
+
"sidebar-width": "16rem",
|
|
89
|
+
// 256px
|
|
90
|
+
"sidebar-collapsed": "4rem",
|
|
91
|
+
// 64px
|
|
92
|
+
// 目录宽度
|
|
93
|
+
"toc-width": "14rem",
|
|
94
|
+
// 224px
|
|
95
|
+
// 内容最大宽度
|
|
96
|
+
"content-max-width": "48rem",
|
|
97
|
+
// 768px
|
|
98
|
+
"full-max-width": "80rem"
|
|
99
|
+
// 1280px
|
|
100
|
+
},
|
|
101
|
+
typography: {
|
|
102
|
+
fontFamily: {
|
|
103
|
+
// 文档正文字体 - 优化可读性
|
|
104
|
+
body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
105
|
+
// 代码字体
|
|
106
|
+
code: '"Fira Code", "Cascadia Code", "JetBrains Mono", Menlo, Monaco, "Courier New", monospace',
|
|
107
|
+
// 标题字体
|
|
108
|
+
heading: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
|
|
109
|
+
},
|
|
110
|
+
fontSize: {
|
|
111
|
+
// 正文字体 - 更大以提升可读性
|
|
112
|
+
"body-sm": "0.875rem",
|
|
113
|
+
// 14px
|
|
114
|
+
"body-base": "1rem",
|
|
115
|
+
// 16px
|
|
116
|
+
"body-lg": "1.125rem",
|
|
117
|
+
// 18px
|
|
118
|
+
// 标题层级 - 清晰的视觉层次
|
|
119
|
+
"h1": "2.5rem",
|
|
120
|
+
// 40px
|
|
121
|
+
"h2": "2rem",
|
|
122
|
+
// 32px
|
|
123
|
+
"h3": "1.5rem",
|
|
124
|
+
// 24px
|
|
125
|
+
"h4": "1.25rem",
|
|
126
|
+
// 20px
|
|
127
|
+
"h5": "1.125rem",
|
|
128
|
+
// 18px
|
|
129
|
+
"h6": "1rem",
|
|
130
|
+
// 16px
|
|
131
|
+
// 代码字体
|
|
132
|
+
"code-sm": "0.875rem",
|
|
133
|
+
// 14px
|
|
134
|
+
"code-base": "0.9375rem"
|
|
135
|
+
// 15px
|
|
136
|
+
},
|
|
137
|
+
fontWeight: {
|
|
138
|
+
normal: 400,
|
|
139
|
+
medium: 500,
|
|
140
|
+
semibold: 600,
|
|
141
|
+
bold: 700
|
|
142
|
+
},
|
|
143
|
+
lineHeight: {
|
|
144
|
+
// 更宽松的行高提升可读性
|
|
145
|
+
tight: 1.25,
|
|
146
|
+
normal: 1.6,
|
|
147
|
+
relaxed: 1.75,
|
|
148
|
+
loose: 2,
|
|
149
|
+
// 标题行高
|
|
150
|
+
heading: 1.3,
|
|
151
|
+
// 代码行高
|
|
152
|
+
code: 1.7
|
|
153
|
+
},
|
|
154
|
+
letterSpacing: {
|
|
155
|
+
tight: "-0.01em",
|
|
156
|
+
normal: "0",
|
|
157
|
+
wide: "0.01em"
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
shadows: {
|
|
161
|
+
// 卡片和浮层阴影
|
|
162
|
+
"card": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
|
|
163
|
+
"card-hover": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
|
|
164
|
+
"dropdown": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
|
|
165
|
+
"modal": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"
|
|
166
|
+
},
|
|
167
|
+
borderRadius: {
|
|
168
|
+
sm: "0.25rem",
|
|
169
|
+
// 4px
|
|
170
|
+
md: "0.375rem",
|
|
171
|
+
// 6px
|
|
172
|
+
lg: "0.5rem",
|
|
173
|
+
// 8px
|
|
174
|
+
xl: "0.75rem"
|
|
175
|
+
// 12px
|
|
176
|
+
},
|
|
177
|
+
transitions: {
|
|
178
|
+
fast: "150ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
179
|
+
base: "200ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
180
|
+
slow: "300ms cubic-bezier(0.4, 0, 0.2, 1)"
|
|
181
|
+
}
|
|
182
|
+
};
|
|
183
|
+
//# sourceMappingURL=tokens.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tokens.ts"],
|
|
4
|
+
"sourcesContent": ["import type { DesignTokens } from '@ouraihub/core/preset';\n\n/**\n * \u6587\u6863\u7AD9\u70B9\u4E13\u7528\u8BBE\u8BA1\u4EE4\u724C\n * \n * \u9488\u5BF9\u6587\u6863\u573A\u666F\u4F18\u5316\uFF0C\u5F3A\u8C03\uFF1A\n * - \u53EF\u8BFB\u6027\uFF1A\u66F4\u5927\u7684\u5B57\u4F53\u3001\u66F4\u5BBD\u677E\u7684\u884C\u9AD8\n * - \u5C42\u6B21\u611F\uFF1A\u6E05\u6670\u7684\u6807\u9898\u5C42\u7EA7\n * - \u4EE3\u7801\u5C55\u793A\uFF1A\u4F18\u5316\u7684\u4EE3\u7801\u5757\u6837\u5F0F\n * - \u5BFC\u822A\u4F53\u9A8C\uFF1A\u4FA7\u8FB9\u680F\u548C\u76EE\u5F55\u7684\u89C6\u89C9\u8BBE\u8BA1\n */\nexport const docsTokens: DesignTokens = {\n colors: {\n // \u6587\u6863\u4E3B\u8272\u8C03 - \u4E13\u4E1A\u3001\u53EF\u4FE1\u8D56\n primary: {\n base: 'hsl(212, 100%, 48%)',\n light: 'hsl(212, 100%, 96%)',\n dark: 'hsl(212, 100%, 35%)',\n },\n \n // \u4EE3\u7801\u9AD8\u4EAE\u8272\n code: {\n background: 'hsl(220, 13%, 18%)',\n text: 'hsl(220, 14%, 96%)',\n comment: 'hsl(220, 10%, 50%)',\n keyword: 'hsl(207, 82%, 66%)',\n string: 'hsl(95, 38%, 62%)',\n function: 'hsl(286, 60%, 67%)',\n variable: 'hsl(29, 54%, 61%)',\n },\n \n // \u8BED\u4E49\u5316\u989C\u8272 - \u8B66\u544A\u6846\n note: {\n background: 'hsl(212, 100%, 96%)',\n border: 'hsl(212, 100%, 48%)',\n text: 'hsl(212, 100%, 35%)',\n },\n tip: {\n background: 'hsl(142, 76%, 96%)',\n border: 'hsl(142, 76%, 36%)',\n text: 'hsl(142, 76%, 25%)',\n },\n warning: {\n background: 'hsl(38, 92%, 96%)',\n border: 'hsl(38, 92%, 50%)',\n text: 'hsl(38, 92%, 30%)',\n },\n danger: {\n background: 'hsl(0, 84%, 96%)',\n border: 'hsl(0, 84%, 60%)',\n text: 'hsl(0, 84%, 40%)',\n },\n \n // \u4FA7\u8FB9\u680F\u548C\u5BFC\u822A\n sidebar: {\n background: 'hsl(0, 0%, 98%)',\n border: 'hsl(0, 0%, 90%)',\n active: 'hsl(212, 100%, 48%)',\n hover: 'hsl(212, 100%, 96%)',\n },\n },\n \n spacing: {\n // \u6587\u6863\u5185\u5BB9\u95F4\u8DDD - \u66F4\u5BBD\u677E\n 'content-xs': '0.5rem', // 8px\n 'content-sm': '1rem', // 16px\n 'content-md': '1.5rem', // 24px\n 'content-lg': '2rem', // 32px\n 'content-xl': '3rem', // 48px\n 'content-2xl': '4rem', // 64px\n \n // \u4FA7\u8FB9\u680F\u5BBD\u5EA6\n 'sidebar-width': '16rem', // 256px\n 'sidebar-collapsed': '4rem', // 64px\n \n // \u76EE\u5F55\u5BBD\u5EA6\n 'toc-width': '14rem', // 224px\n \n // \u5185\u5BB9\u6700\u5927\u5BBD\u5EA6\n 'content-max-width': '48rem', // 768px\n 'full-max-width': '80rem', // 1280px\n },\n \n typography: {\n fontFamily: {\n // \u6587\u6863\u6B63\u6587\u5B57\u4F53 - \u4F18\u5316\u53EF\u8BFB\u6027\n body: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n // \u4EE3\u7801\u5B57\u4F53\n code: '\"Fira Code\", \"Cascadia Code\", \"JetBrains Mono\", Menlo, Monaco, \"Courier New\", monospace',\n // \u6807\u9898\u5B57\u4F53\n heading: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n },\n \n fontSize: {\n // \u6B63\u6587\u5B57\u4F53 - \u66F4\u5927\u4EE5\u63D0\u5347\u53EF\u8BFB\u6027\n 'body-sm': '0.875rem', // 14px\n 'body-base': '1rem', // 16px\n 'body-lg': '1.125rem', // 18px\n \n // \u6807\u9898\u5C42\u7EA7 - \u6E05\u6670\u7684\u89C6\u89C9\u5C42\u6B21\n 'h1': '2.5rem', // 40px\n 'h2': '2rem', // 32px\n 'h3': '1.5rem', // 24px\n 'h4': '1.25rem', // 20px\n 'h5': '1.125rem', // 18px\n 'h6': '1rem', // 16px\n \n // \u4EE3\u7801\u5B57\u4F53\n 'code-sm': '0.875rem', // 14px\n 'code-base': '0.9375rem', // 15px\n },\n \n fontWeight: {\n normal: 400,\n medium: 500,\n semibold: 600,\n bold: 700,\n },\n \n lineHeight: {\n // \u66F4\u5BBD\u677E\u7684\u884C\u9AD8\u63D0\u5347\u53EF\u8BFB\u6027\n tight: 1.25,\n normal: 1.6,\n relaxed: 1.75,\n loose: 2,\n \n // \u6807\u9898\u884C\u9AD8\n heading: 1.3,\n \n // \u4EE3\u7801\u884C\u9AD8\n code: 1.7,\n },\n \n letterSpacing: {\n tight: '-0.01em',\n normal: '0',\n wide: '0.01em',\n },\n },\n \n shadows: {\n // \u5361\u7247\u548C\u6D6E\u5C42\u9634\u5F71\n 'card': '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',\n 'card-hover': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n 'dropdown': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n 'modal': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n },\n \n borderRadius: {\n sm: '0.25rem', // 4px\n md: '0.375rem', // 6px\n lg: '0.5rem', // 8px\n xl: '0.75rem', // 12px\n },\n \n transitions: {\n fast: '150ms cubic-bezier(0.4, 0, 0.2, 1)',\n base: '200ms cubic-bezier(0.4, 0, 0.2, 1)',\n slow: '300ms cubic-bezier(0.4, 0, 0.2, 1)',\n },\n};\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWO,IAAM,aAA2B;AAAA,EACtC,QAAQ;AAAA;AAAA,IAEN,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA;AAAA,IAGA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA;AAAA,IAGA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA;AAAA,IAGA,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,SAAS;AAAA;AAAA,IAEP,cAAc;AAAA;AAAA,IACd,cAAc;AAAA;AAAA,IACd,cAAc;AAAA;AAAA,IACd,cAAc;AAAA;AAAA,IACd,cAAc;AAAA;AAAA,IACd,eAAe;AAAA;AAAA;AAAA,IAGf,iBAAiB;AAAA;AAAA,IACjB,qBAAqB;AAAA;AAAA;AAAA,IAGrB,aAAa;AAAA;AAAA;AAAA,IAGb,qBAAqB;AAAA;AAAA,IACrB,kBAAkB;AAAA;AAAA,EACpB;AAAA,EAEA,YAAY;AAAA,IACV,YAAY;AAAA;AAAA,MAEV,MAAM;AAAA;AAAA,MAEN,MAAM;AAAA;AAAA,MAEN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA;AAAA,MAER,WAAW;AAAA;AAAA,MACX,aAAa;AAAA;AAAA,MACb,WAAW;AAAA;AAAA;AAAA,MAGX,MAAM;AAAA;AAAA,MACN,MAAM;AAAA;AAAA,MACN,MAAM;AAAA;AAAA,MACN,MAAM;AAAA;AAAA,MACN,MAAM;AAAA;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,MAGN,WAAW;AAAA;AAAA,MACX,aAAa;AAAA;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IAEA,YAAY;AAAA;AAAA,MAEV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA;AAAA,MAGP,SAAS;AAAA;AAAA,MAGT,MAAM;AAAA,IACR;AAAA,IAEA,eAAe;AAAA,MACb,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,SAAS;AAAA;AAAA,IAEP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EAEA,cAAc;AAAA,IACZ,IAAI;AAAA;AAAA,IACJ,IAAI;AAAA;AAAA,IACJ,IAAI;AAAA;AAAA,IACJ,IAAI;AAAA;AAAA,EACN;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
// src/tokens.ts
|
|
2
|
+
var docsTokens = {
|
|
3
|
+
colors: {
|
|
4
|
+
// 文档主色调 - 专业、可信赖
|
|
5
|
+
primary: {
|
|
6
|
+
base: "hsl(212, 100%, 48%)",
|
|
7
|
+
light: "hsl(212, 100%, 96%)",
|
|
8
|
+
dark: "hsl(212, 100%, 35%)"
|
|
9
|
+
},
|
|
10
|
+
// 代码高亮色
|
|
11
|
+
code: {
|
|
12
|
+
background: "hsl(220, 13%, 18%)",
|
|
13
|
+
text: "hsl(220, 14%, 96%)",
|
|
14
|
+
comment: "hsl(220, 10%, 50%)",
|
|
15
|
+
keyword: "hsl(207, 82%, 66%)",
|
|
16
|
+
string: "hsl(95, 38%, 62%)",
|
|
17
|
+
function: "hsl(286, 60%, 67%)",
|
|
18
|
+
variable: "hsl(29, 54%, 61%)"
|
|
19
|
+
},
|
|
20
|
+
// 语义化颜色 - 警告框
|
|
21
|
+
note: {
|
|
22
|
+
background: "hsl(212, 100%, 96%)",
|
|
23
|
+
border: "hsl(212, 100%, 48%)",
|
|
24
|
+
text: "hsl(212, 100%, 35%)"
|
|
25
|
+
},
|
|
26
|
+
tip: {
|
|
27
|
+
background: "hsl(142, 76%, 96%)",
|
|
28
|
+
border: "hsl(142, 76%, 36%)",
|
|
29
|
+
text: "hsl(142, 76%, 25%)"
|
|
30
|
+
},
|
|
31
|
+
warning: {
|
|
32
|
+
background: "hsl(38, 92%, 96%)",
|
|
33
|
+
border: "hsl(38, 92%, 50%)",
|
|
34
|
+
text: "hsl(38, 92%, 30%)"
|
|
35
|
+
},
|
|
36
|
+
danger: {
|
|
37
|
+
background: "hsl(0, 84%, 96%)",
|
|
38
|
+
border: "hsl(0, 84%, 60%)",
|
|
39
|
+
text: "hsl(0, 84%, 40%)"
|
|
40
|
+
},
|
|
41
|
+
// 侧边栏和导航
|
|
42
|
+
sidebar: {
|
|
43
|
+
background: "hsl(0, 0%, 98%)",
|
|
44
|
+
border: "hsl(0, 0%, 90%)",
|
|
45
|
+
active: "hsl(212, 100%, 48%)",
|
|
46
|
+
hover: "hsl(212, 100%, 96%)"
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
spacing: {
|
|
50
|
+
// 文档内容间距 - 更宽松
|
|
51
|
+
"content-xs": "0.5rem",
|
|
52
|
+
// 8px
|
|
53
|
+
"content-sm": "1rem",
|
|
54
|
+
// 16px
|
|
55
|
+
"content-md": "1.5rem",
|
|
56
|
+
// 24px
|
|
57
|
+
"content-lg": "2rem",
|
|
58
|
+
// 32px
|
|
59
|
+
"content-xl": "3rem",
|
|
60
|
+
// 48px
|
|
61
|
+
"content-2xl": "4rem",
|
|
62
|
+
// 64px
|
|
63
|
+
// 侧边栏宽度
|
|
64
|
+
"sidebar-width": "16rem",
|
|
65
|
+
// 256px
|
|
66
|
+
"sidebar-collapsed": "4rem",
|
|
67
|
+
// 64px
|
|
68
|
+
// 目录宽度
|
|
69
|
+
"toc-width": "14rem",
|
|
70
|
+
// 224px
|
|
71
|
+
// 内容最大宽度
|
|
72
|
+
"content-max-width": "48rem",
|
|
73
|
+
// 768px
|
|
74
|
+
"full-max-width": "80rem"
|
|
75
|
+
// 1280px
|
|
76
|
+
},
|
|
77
|
+
typography: {
|
|
78
|
+
fontFamily: {
|
|
79
|
+
// 文档正文字体 - 优化可读性
|
|
80
|
+
body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
81
|
+
// 代码字体
|
|
82
|
+
code: '"Fira Code", "Cascadia Code", "JetBrains Mono", Menlo, Monaco, "Courier New", monospace',
|
|
83
|
+
// 标题字体
|
|
84
|
+
heading: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
|
|
85
|
+
},
|
|
86
|
+
fontSize: {
|
|
87
|
+
// 正文字体 - 更大以提升可读性
|
|
88
|
+
"body-sm": "0.875rem",
|
|
89
|
+
// 14px
|
|
90
|
+
"body-base": "1rem",
|
|
91
|
+
// 16px
|
|
92
|
+
"body-lg": "1.125rem",
|
|
93
|
+
// 18px
|
|
94
|
+
// 标题层级 - 清晰的视觉层次
|
|
95
|
+
"h1": "2.5rem",
|
|
96
|
+
// 40px
|
|
97
|
+
"h2": "2rem",
|
|
98
|
+
// 32px
|
|
99
|
+
"h3": "1.5rem",
|
|
100
|
+
// 24px
|
|
101
|
+
"h4": "1.25rem",
|
|
102
|
+
// 20px
|
|
103
|
+
"h5": "1.125rem",
|
|
104
|
+
// 18px
|
|
105
|
+
"h6": "1rem",
|
|
106
|
+
// 16px
|
|
107
|
+
// 代码字体
|
|
108
|
+
"code-sm": "0.875rem",
|
|
109
|
+
// 14px
|
|
110
|
+
"code-base": "0.9375rem"
|
|
111
|
+
// 15px
|
|
112
|
+
},
|
|
113
|
+
fontWeight: {
|
|
114
|
+
normal: 400,
|
|
115
|
+
medium: 500,
|
|
116
|
+
semibold: 600,
|
|
117
|
+
bold: 700
|
|
118
|
+
},
|
|
119
|
+
lineHeight: {
|
|
120
|
+
// 更宽松的行高提升可读性
|
|
121
|
+
tight: 1.25,
|
|
122
|
+
normal: 1.6,
|
|
123
|
+
relaxed: 1.75,
|
|
124
|
+
loose: 2,
|
|
125
|
+
// 标题行高
|
|
126
|
+
heading: 1.3,
|
|
127
|
+
// 代码行高
|
|
128
|
+
code: 1.7
|
|
129
|
+
},
|
|
130
|
+
letterSpacing: {
|
|
131
|
+
tight: "-0.01em",
|
|
132
|
+
normal: "0",
|
|
133
|
+
wide: "0.01em"
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
shadows: {
|
|
137
|
+
// 卡片和浮层阴影
|
|
138
|
+
"card": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
|
|
139
|
+
"card-hover": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
|
|
140
|
+
"dropdown": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
|
|
141
|
+
"modal": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"
|
|
142
|
+
},
|
|
143
|
+
borderRadius: {
|
|
144
|
+
sm: "0.25rem",
|
|
145
|
+
// 4px
|
|
146
|
+
md: "0.375rem",
|
|
147
|
+
// 6px
|
|
148
|
+
lg: "0.5rem",
|
|
149
|
+
// 8px
|
|
150
|
+
xl: "0.75rem"
|
|
151
|
+
// 12px
|
|
152
|
+
},
|
|
153
|
+
transitions: {
|
|
154
|
+
fast: "150ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
155
|
+
base: "200ms cubic-bezier(0.4, 0, 0.2, 1)",
|
|
156
|
+
slow: "300ms cubic-bezier(0.4, 0, 0.2, 1)"
|
|
157
|
+
}
|
|
158
|
+
};
|
|
159
|
+
|
|
160
|
+
export {
|
|
161
|
+
docsTokens
|
|
162
|
+
};
|
|
163
|
+
//# sourceMappingURL=chunk-D5ZMUFJ5.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tokens.ts"],
|
|
4
|
+
"sourcesContent": ["import type { DesignTokens } from '@ouraihub/core/preset';\n\n/**\n * \u6587\u6863\u7AD9\u70B9\u4E13\u7528\u8BBE\u8BA1\u4EE4\u724C\n * \n * \u9488\u5BF9\u6587\u6863\u573A\u666F\u4F18\u5316\uFF0C\u5F3A\u8C03\uFF1A\n * - \u53EF\u8BFB\u6027\uFF1A\u66F4\u5927\u7684\u5B57\u4F53\u3001\u66F4\u5BBD\u677E\u7684\u884C\u9AD8\n * - \u5C42\u6B21\u611F\uFF1A\u6E05\u6670\u7684\u6807\u9898\u5C42\u7EA7\n * - \u4EE3\u7801\u5C55\u793A\uFF1A\u4F18\u5316\u7684\u4EE3\u7801\u5757\u6837\u5F0F\n * - \u5BFC\u822A\u4F53\u9A8C\uFF1A\u4FA7\u8FB9\u680F\u548C\u76EE\u5F55\u7684\u89C6\u89C9\u8BBE\u8BA1\n */\nexport const docsTokens: DesignTokens = {\n colors: {\n // \u6587\u6863\u4E3B\u8272\u8C03 - \u4E13\u4E1A\u3001\u53EF\u4FE1\u8D56\n primary: {\n base: 'hsl(212, 100%, 48%)',\n light: 'hsl(212, 100%, 96%)',\n dark: 'hsl(212, 100%, 35%)',\n },\n \n // \u4EE3\u7801\u9AD8\u4EAE\u8272\n code: {\n background: 'hsl(220, 13%, 18%)',\n text: 'hsl(220, 14%, 96%)',\n comment: 'hsl(220, 10%, 50%)',\n keyword: 'hsl(207, 82%, 66%)',\n string: 'hsl(95, 38%, 62%)',\n function: 'hsl(286, 60%, 67%)',\n variable: 'hsl(29, 54%, 61%)',\n },\n \n // \u8BED\u4E49\u5316\u989C\u8272 - \u8B66\u544A\u6846\n note: {\n background: 'hsl(212, 100%, 96%)',\n border: 'hsl(212, 100%, 48%)',\n text: 'hsl(212, 100%, 35%)',\n },\n tip: {\n background: 'hsl(142, 76%, 96%)',\n border: 'hsl(142, 76%, 36%)',\n text: 'hsl(142, 76%, 25%)',\n },\n warning: {\n background: 'hsl(38, 92%, 96%)',\n border: 'hsl(38, 92%, 50%)',\n text: 'hsl(38, 92%, 30%)',\n },\n danger: {\n background: 'hsl(0, 84%, 96%)',\n border: 'hsl(0, 84%, 60%)',\n text: 'hsl(0, 84%, 40%)',\n },\n \n // \u4FA7\u8FB9\u680F\u548C\u5BFC\u822A\n sidebar: {\n background: 'hsl(0, 0%, 98%)',\n border: 'hsl(0, 0%, 90%)',\n active: 'hsl(212, 100%, 48%)',\n hover: 'hsl(212, 100%, 96%)',\n },\n },\n \n spacing: {\n // \u6587\u6863\u5185\u5BB9\u95F4\u8DDD - \u66F4\u5BBD\u677E\n 'content-xs': '0.5rem', // 8px\n 'content-sm': '1rem', // 16px\n 'content-md': '1.5rem', // 24px\n 'content-lg': '2rem', // 32px\n 'content-xl': '3rem', // 48px\n 'content-2xl': '4rem', // 64px\n \n // \u4FA7\u8FB9\u680F\u5BBD\u5EA6\n 'sidebar-width': '16rem', // 256px\n 'sidebar-collapsed': '4rem', // 64px\n \n // \u76EE\u5F55\u5BBD\u5EA6\n 'toc-width': '14rem', // 224px\n \n // \u5185\u5BB9\u6700\u5927\u5BBD\u5EA6\n 'content-max-width': '48rem', // 768px\n 'full-max-width': '80rem', // 1280px\n },\n \n typography: {\n fontFamily: {\n // \u6587\u6863\u6B63\u6587\u5B57\u4F53 - \u4F18\u5316\u53EF\u8BFB\u6027\n body: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n // \u4EE3\u7801\u5B57\u4F53\n code: '\"Fira Code\", \"Cascadia Code\", \"JetBrains Mono\", Menlo, Monaco, \"Courier New\", monospace',\n // \u6807\u9898\u5B57\u4F53\n heading: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n },\n \n fontSize: {\n // \u6B63\u6587\u5B57\u4F53 - \u66F4\u5927\u4EE5\u63D0\u5347\u53EF\u8BFB\u6027\n 'body-sm': '0.875rem', // 14px\n 'body-base': '1rem', // 16px\n 'body-lg': '1.125rem', // 18px\n \n // \u6807\u9898\u5C42\u7EA7 - \u6E05\u6670\u7684\u89C6\u89C9\u5C42\u6B21\n 'h1': '2.5rem', // 40px\n 'h2': '2rem', // 32px\n 'h3': '1.5rem', // 24px\n 'h4': '1.25rem', // 20px\n 'h5': '1.125rem', // 18px\n 'h6': '1rem', // 16px\n \n // \u4EE3\u7801\u5B57\u4F53\n 'code-sm': '0.875rem', // 14px\n 'code-base': '0.9375rem', // 15px\n },\n \n fontWeight: {\n normal: 400,\n medium: 500,\n semibold: 600,\n bold: 700,\n },\n \n lineHeight: {\n // \u66F4\u5BBD\u677E\u7684\u884C\u9AD8\u63D0\u5347\u53EF\u8BFB\u6027\n tight: 1.25,\n normal: 1.6,\n relaxed: 1.75,\n loose: 2,\n \n // \u6807\u9898\u884C\u9AD8\n heading: 1.3,\n \n // \u4EE3\u7801\u884C\u9AD8\n code: 1.7,\n },\n \n letterSpacing: {\n tight: '-0.01em',\n normal: '0',\n wide: '0.01em',\n },\n },\n \n shadows: {\n // \u5361\u7247\u548C\u6D6E\u5C42\u9634\u5F71\n 'card': '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',\n 'card-hover': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n 'dropdown': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n 'modal': '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n },\n \n borderRadius: {\n sm: '0.25rem', // 4px\n md: '0.375rem', // 6px\n lg: '0.5rem', // 8px\n xl: '0.75rem', // 12px\n },\n \n transitions: {\n fast: '150ms cubic-bezier(0.4, 0, 0.2, 1)',\n base: '200ms cubic-bezier(0.4, 0, 0.2, 1)',\n slow: '300ms cubic-bezier(0.4, 0, 0.2, 1)',\n },\n};\n"],
|
|
5
|
+
"mappings": ";AAWO,IAAM,aAA2B;AAAA,EACtC,QAAQ;AAAA;AAAA,IAEN,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA;AAAA,IAGA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA;AAAA,IAGA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,IACA,KAAK;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA;AAAA,IAGA,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,SAAS;AAAA;AAAA,IAEP,cAAc;AAAA;AAAA,IACd,cAAc;AAAA;AAAA,IACd,cAAc;AAAA;AAAA,IACd,cAAc;AAAA;AAAA,IACd,cAAc;AAAA;AAAA,IACd,eAAe;AAAA;AAAA;AAAA,IAGf,iBAAiB;AAAA;AAAA,IACjB,qBAAqB;AAAA;AAAA;AAAA,IAGrB,aAAa;AAAA;AAAA;AAAA,IAGb,qBAAqB;AAAA;AAAA,IACrB,kBAAkB;AAAA;AAAA,EACpB;AAAA,EAEA,YAAY;AAAA,IACV,YAAY;AAAA;AAAA,MAEV,MAAM;AAAA;AAAA,MAEN,MAAM;AAAA;AAAA,MAEN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA;AAAA,MAER,WAAW;AAAA;AAAA,MACX,aAAa;AAAA;AAAA,MACb,WAAW;AAAA;AAAA;AAAA,MAGX,MAAM;AAAA;AAAA,MACN,MAAM;AAAA;AAAA,MACN,MAAM;AAAA;AAAA,MACN,MAAM;AAAA;AAAA,MACN,MAAM;AAAA;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,MAGN,WAAW;AAAA;AAAA,MACX,aAAa;AAAA;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IAEA,YAAY;AAAA;AAAA,MAEV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA;AAAA,MAGP,SAAS;AAAA;AAAA,MAGT,MAAM;AAAA,IACR;AAAA,IAEA,eAAe;AAAA,MACb,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEA,SAAS;AAAA;AAAA,IAEP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,EACX;AAAA,EAEA,cAAc;AAAA,IACZ,IAAI;AAAA;AAAA,IACJ,IAAI;AAAA;AAAA,IACJ,IAAI;AAAA;AAAA,IACJ,IAAI;AAAA;AAAA,EACN;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
// src/layouts.ts
|
|
2
|
+
var docsLayout = {
|
|
3
|
+
type: "flex",
|
|
4
|
+
maxWidth: "80rem",
|
|
5
|
+
containerPadding: "var(--ui-space-6)",
|
|
6
|
+
gap: "var(--ui-space-6)",
|
|
7
|
+
breakpoints: {
|
|
8
|
+
sm: "640px",
|
|
9
|
+
md: "768px",
|
|
10
|
+
lg: "1024px",
|
|
11
|
+
xl: "1280px"
|
|
12
|
+
},
|
|
13
|
+
areas: {
|
|
14
|
+
sidebar: {
|
|
15
|
+
width: "16rem",
|
|
16
|
+
minWidth: "12rem",
|
|
17
|
+
maxWidth: "20rem",
|
|
18
|
+
display: {
|
|
19
|
+
default: "block",
|
|
20
|
+
mobile: "none"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
content: {
|
|
24
|
+
flex: 1,
|
|
25
|
+
minWidth: 0,
|
|
26
|
+
maxWidth: "48rem",
|
|
27
|
+
padding: "var(--ui-space-6)"
|
|
28
|
+
},
|
|
29
|
+
toc: {
|
|
30
|
+
width: "14rem",
|
|
31
|
+
minWidth: "12rem",
|
|
32
|
+
display: {
|
|
33
|
+
default: "block",
|
|
34
|
+
tablet: "none"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
var apiReferenceLayout = {
|
|
40
|
+
type: "flex",
|
|
41
|
+
maxWidth: "80rem",
|
|
42
|
+
containerPadding: "var(--ui-space-6)",
|
|
43
|
+
gap: "var(--ui-space-8)",
|
|
44
|
+
breakpoints: {
|
|
45
|
+
sm: "640px",
|
|
46
|
+
md: "768px",
|
|
47
|
+
lg: "1024px",
|
|
48
|
+
xl: "1280px"
|
|
49
|
+
},
|
|
50
|
+
areas: {
|
|
51
|
+
sidebar: {
|
|
52
|
+
width: "16rem",
|
|
53
|
+
display: {
|
|
54
|
+
default: "block",
|
|
55
|
+
mobile: "none"
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
content: {
|
|
59
|
+
flex: 1,
|
|
60
|
+
minWidth: 0,
|
|
61
|
+
maxWidth: "60rem",
|
|
62
|
+
padding: "var(--ui-space-6)"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
var searchLayout = {
|
|
67
|
+
type: "stack",
|
|
68
|
+
maxWidth: "48rem",
|
|
69
|
+
containerPadding: "var(--ui-space-6)",
|
|
70
|
+
gap: "var(--ui-space-4)",
|
|
71
|
+
breakpoints: {
|
|
72
|
+
sm: "640px",
|
|
73
|
+
md: "768px"
|
|
74
|
+
},
|
|
75
|
+
areas: {
|
|
76
|
+
searchBar: {
|
|
77
|
+
width: "100%",
|
|
78
|
+
padding: "var(--ui-space-4)"
|
|
79
|
+
},
|
|
80
|
+
results: {
|
|
81
|
+
width: "100%",
|
|
82
|
+
padding: "var(--ui-space-4)"
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
var fullWidthLayout = {
|
|
87
|
+
type: "stack",
|
|
88
|
+
maxWidth: "100%",
|
|
89
|
+
containerPadding: 0,
|
|
90
|
+
gap: 0,
|
|
91
|
+
areas: {
|
|
92
|
+
hero: {
|
|
93
|
+
width: "100%",
|
|
94
|
+
padding: "var(--ui-space-16) var(--ui-space-6)"
|
|
95
|
+
},
|
|
96
|
+
content: {
|
|
97
|
+
width: "100%",
|
|
98
|
+
maxWidth: "80rem",
|
|
99
|
+
margin: "0 auto",
|
|
100
|
+
padding: "var(--ui-space-12) var(--ui-space-6)"
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
export {
|
|
106
|
+
docsLayout,
|
|
107
|
+
apiReferenceLayout,
|
|
108
|
+
searchLayout,
|
|
109
|
+
fullWidthLayout
|
|
110
|
+
};
|
|
111
|
+
//# sourceMappingURL=chunk-NMPQAUNP.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/layouts.ts"],
|
|
4
|
+
"sourcesContent": ["import type { LayoutConfig } from '@ouraihub/core/preset';\n\n/**\n * \u6587\u6863\u9875\u9762\u5E03\u5C40\u914D\u7F6E\n */\nexport const docsLayout: LayoutConfig = {\n type: 'flex',\n maxWidth: '80rem',\n containerPadding: 'var(--ui-space-6)',\n gap: 'var(--ui-space-6)',\n \n breakpoints: {\n sm: '640px',\n md: '768px',\n lg: '1024px',\n xl: '1280px',\n },\n \n areas: {\n sidebar: {\n width: '16rem',\n minWidth: '12rem',\n maxWidth: '20rem',\n display: {\n default: 'block',\n mobile: 'none',\n },\n },\n \n content: {\n flex: 1,\n minWidth: 0,\n maxWidth: '48rem',\n padding: 'var(--ui-space-6)',\n },\n \n toc: {\n width: '14rem',\n minWidth: '12rem',\n display: {\n default: 'block',\n tablet: 'none',\n },\n },\n },\n};\n\n/**\n * API \u53C2\u8003\u9875\u5E03\u5C40\u914D\u7F6E\n */\nexport const apiReferenceLayout: LayoutConfig = {\n type: 'flex',\n maxWidth: '80rem',\n containerPadding: 'var(--ui-space-6)',\n gap: 'var(--ui-space-8)',\n \n breakpoints: {\n sm: '640px',\n md: '768px',\n lg: '1024px',\n xl: '1280px',\n },\n \n areas: {\n sidebar: {\n width: '16rem',\n display: {\n default: 'block',\n mobile: 'none',\n },\n },\n \n content: {\n flex: 1,\n minWidth: 0,\n maxWidth: '60rem',\n padding: 'var(--ui-space-6)',\n },\n },\n};\n\n/**\n * \u641C\u7D22\u9875\u5E03\u5C40\u914D\u7F6E\n */\nexport const searchLayout: LayoutConfig = {\n type: 'stack',\n maxWidth: '48rem',\n containerPadding: 'var(--ui-space-6)',\n gap: 'var(--ui-space-4)',\n \n breakpoints: {\n sm: '640px',\n md: '768px',\n },\n \n areas: {\n searchBar: {\n width: '100%',\n padding: 'var(--ui-space-4)',\n },\n \n results: {\n width: '100%',\n padding: 'var(--ui-space-4)',\n },\n },\n};\n\n/**\n * \u5168\u5BBD\u5E03\u5C40\u914D\u7F6E\uFF08\u7528\u4E8E\u9996\u9875\u7B49\uFF09\n */\nexport const fullWidthLayout: LayoutConfig = {\n type: 'stack',\n maxWidth: '100%',\n containerPadding: 0,\n gap: 0,\n \n areas: {\n hero: {\n width: '100%',\n padding: 'var(--ui-space-16) var(--ui-space-6)',\n },\n \n content: {\n width: '100%',\n maxWidth: '80rem',\n margin: '0 auto',\n padding: 'var(--ui-space-12) var(--ui-space-6)',\n },\n },\n};\n"],
|
|
5
|
+
"mappings": ";AAKO,IAAM,aAA2B;AAAA,EACtC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,KAAK;AAAA,EAEL,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EAEA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IAEA,KAAK;AAAA,MACH,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF;AAKO,IAAM,qBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,KAAK;AAAA,EAEL,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EAEA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,QACP,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAKO,IAAM,eAA6B;AAAA,EACxC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,KAAK;AAAA,EAEL,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EAEA,OAAO;AAAA,IACL,WAAW;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAKO,IAAM,kBAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,KAAK;AAAA,EAEL,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|