required-doc 0.0.1 → 0.0.3
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/dist/index.js +237 -195
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -23,68 +23,68 @@ function se() {
|
|
|
23
23
|
function M() {
|
|
24
24
|
return T;
|
|
25
25
|
}
|
|
26
|
-
function
|
|
26
|
+
function ce() {
|
|
27
27
|
return E;
|
|
28
28
|
}
|
|
29
|
-
function
|
|
29
|
+
function N() {
|
|
30
30
|
return D;
|
|
31
31
|
}
|
|
32
|
-
function
|
|
32
|
+
function le(e, t) {
|
|
33
33
|
return [...T, ...E].find((n) => n.kind === e && n.name === t);
|
|
34
34
|
}
|
|
35
35
|
//#endregion
|
|
36
36
|
//#region src/lib/theme.ts
|
|
37
|
-
var
|
|
38
|
-
ne(
|
|
37
|
+
var P = h(!1);
|
|
38
|
+
ne(P, (e) => {
|
|
39
39
|
document.documentElement.classList.toggle("dark", e);
|
|
40
40
|
}, { immediate: !0 });
|
|
41
|
-
function
|
|
41
|
+
function ue() {
|
|
42
42
|
return {
|
|
43
|
-
isDark:
|
|
43
|
+
isDark: P,
|
|
44
44
|
toggle: () => {
|
|
45
|
-
|
|
45
|
+
P.value = !P.value;
|
|
46
46
|
}
|
|
47
47
|
};
|
|
48
48
|
}
|
|
49
49
|
//#endregion
|
|
50
50
|
//#region src/catalog/CatalogView.vue?vue&type=script&setup=true&lang.ts
|
|
51
|
-
var
|
|
51
|
+
var F = { class: "mx-auto min-h-screen max-w-3xl p-8" }, I = { class: "mb-8 flex items-center" }, de = { class: "mb-10" }, fe = { class: "space-y-2" }, pe = { class: "font-bold dark:text-gray-100" }, L = { class: "ml-1 text-xs text-gray-400" }, me = { class: "text-sm text-gray-500 dark:text-gray-400" }, he = { class: "mb-10" }, ge = { class: "space-y-2" }, _e = { class: "font-bold dark:text-gray-100" }, ve = { class: "ml-1 text-xs text-gray-400" }, ye = { class: "text-sm text-gray-500 dark:text-gray-400" }, R = { class: "mb-2 rounded-lg border border-gray-300 bg-white p-4 dark:border-gray-700 dark:bg-gray-800" }, z = { class: "space-y-2 text-sm" }, be = { class: "flex gap-3" }, xe = { class: "font-bold dark:text-gray-100" }, Se = { class: "flex gap-3" }, Ce = { class: "flex-1" }, we = { class: "space-y-1" }, Te = { class: "space-y-2" }, Ee = "block rounded-lg border border-gray-300 bg-white p-4 transition hover:border-blue-500 dark:border-gray-700 dark:bg-gray-800 dark:hover:border-blue-400", De = /* @__PURE__ */ l({
|
|
52
52
|
__name: "CatalogView",
|
|
53
53
|
setup(t) {
|
|
54
|
-
let { isDark: n, toggle: r } =
|
|
54
|
+
let { isDark: n, toggle: r } = ue(), l = ae(), u = oe(), f = M(), p = ce();
|
|
55
55
|
function ee(e) {
|
|
56
56
|
return e.minWidth === e.maxWidth ? `${e.maxWidth}px` : `${e.minWidth}–${e.maxWidth}px`;
|
|
57
57
|
}
|
|
58
|
-
return (t, h) => (m(), a("div",
|
|
59
|
-
o("div",
|
|
58
|
+
return (t, h) => (m(), a("div", F, [
|
|
59
|
+
o("div", I, [h[1] ||= o("h1", { class: "text-2xl font-bold dark:text-gray-100" }, "要件書カタログ", -1), y(l) ? (m(), a("button", {
|
|
60
60
|
key: 0,
|
|
61
61
|
type: "button",
|
|
62
62
|
class: "ml-auto rounded-md border border-gray-300 px-3 py-1 text-xs font-bold text-gray-600 transition hover:bg-gray-100 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800",
|
|
63
63
|
onClick: h[0] ||= (...e) => y(r) && y(r)(...e)
|
|
64
64
|
}, v(y(n) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)]),
|
|
65
|
-
o("section",
|
|
65
|
+
o("section", de, [h[2] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "ページ", -1), o("ul", fe, [(m(!0), a(e, null, g(y(p), (e) => (m(), a("li", { key: e.name }, [c(y(x), {
|
|
66
66
|
to: `/pages/${e.name}`,
|
|
67
|
-
class: d(
|
|
67
|
+
class: d(Ee)
|
|
68
68
|
}, {
|
|
69
|
-
default: b(() => [o("div",
|
|
69
|
+
default: b(() => [o("div", pe, [s(v(e.title) + " ", 1), o("span", L, "(" + v(e.latest) + ")", 1)]), o("div", me, v(e.desc), 1)]),
|
|
70
70
|
_: 2
|
|
71
71
|
}, 1032, ["to"])]))), 128))])]),
|
|
72
72
|
o("section", he, [h[3] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "コンポーネント", -1), o("ul", ge, [(m(!0), a(e, null, g(y(f), (e) => (m(), a("li", { key: e.name }, [c(y(x), {
|
|
73
73
|
to: `/components/${e.name}`,
|
|
74
|
-
class: d(
|
|
74
|
+
class: d(Ee)
|
|
75
75
|
}, {
|
|
76
76
|
default: b(() => [o("div", _e, [s(v(e.title) + " ", 1), o("span", ve, "(" + v(e.latest) + ")", 1)]), o("div", ye, v(e.desc), 1)]),
|
|
77
77
|
_: 2
|
|
78
78
|
}, 1032, ["to"])]))), 128))])]),
|
|
79
79
|
o("section", null, [
|
|
80
80
|
h[8] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "デザイン", -1),
|
|
81
|
-
o("div",
|
|
81
|
+
o("div", R, [h[6] ||= o("div", { class: "mb-2 text-xs font-bold uppercase tracking-wide text-gray-400" }, "表示設定", -1), o("dl", z, [o("div", be, [h[4] ||= o("dt", { class: "w-28 shrink-0 text-gray-500 dark:text-gray-400" }, "ダークモード切替", -1), o("dd", xe, v(y(l) ? "表示" : "非表示"), 1)]), o("div", Se, [h[5] ||= o("dt", { class: "w-28 shrink-0 text-gray-500 dark:text-gray-400" }, "端末", -1), o("dd", Ce, [o("ul", we, [(m(!0), a(e, null, g(y(u), (e) => (m(), a("li", {
|
|
82
82
|
key: e.id,
|
|
83
83
|
class: "font-mono text-xs text-gray-700 dark:text-gray-200"
|
|
84
84
|
}, v(e.label) + "（" + v(e.frame) + "） / 幅: " + v(ee(e)), 1))), 128))])])])])]),
|
|
85
|
-
o("ul",
|
|
85
|
+
o("ul", Te, [o("li", null, [c(y(x), {
|
|
86
86
|
to: "/colors",
|
|
87
|
-
class: d(
|
|
87
|
+
class: d(Ee)
|
|
88
88
|
}, {
|
|
89
89
|
default: b(() => [...h[7] ||= [o("div", { class: "font-bold dark:text-gray-100" }, "カラー", -1), o("div", { class: "text-sm text-gray-500 dark:text-gray-400" }, "accentColor 等の色定義一覧", -1)]]),
|
|
90
90
|
_: 1
|
|
@@ -95,7 +95,7 @@ var I = { class: "mx-auto min-h-screen max-w-3xl p-8" }, ue = { class: "mb-8 fle
|
|
|
95
95
|
});
|
|
96
96
|
//#endregion
|
|
97
97
|
//#region node_modules/marked/lib/marked.esm.js
|
|
98
|
-
function
|
|
98
|
+
function Oe() {
|
|
99
99
|
return {
|
|
100
100
|
async: !1,
|
|
101
101
|
breaks: !1,
|
|
@@ -109,22 +109,22 @@ function Ae() {
|
|
|
109
109
|
walkTokens: null
|
|
110
110
|
};
|
|
111
111
|
}
|
|
112
|
-
var
|
|
113
|
-
function
|
|
114
|
-
|
|
112
|
+
var B = Oe();
|
|
113
|
+
function ke(e) {
|
|
114
|
+
B = e;
|
|
115
115
|
}
|
|
116
|
-
var
|
|
117
|
-
function
|
|
116
|
+
var V = { exec: () => null };
|
|
117
|
+
function H(e, t = "") {
|
|
118
118
|
let n = typeof e == "string" ? e : e.source, r = {
|
|
119
119
|
replace: (e, t) => {
|
|
120
120
|
let i = typeof t == "string" ? t : t.source;
|
|
121
|
-
return i = i.replace(
|
|
121
|
+
return i = i.replace(U.caret, "$1"), n = n.replace(e, i), r;
|
|
122
122
|
},
|
|
123
123
|
getRegex: () => new RegExp(n, t)
|
|
124
124
|
};
|
|
125
125
|
return r;
|
|
126
126
|
}
|
|
127
|
-
var
|
|
127
|
+
var U = {
|
|
128
128
|
codeRemoveIndent: /^(?: {1,4}| {0,3}\t)/gm,
|
|
129
129
|
outputLinkReplace: /\\([\[\]])/g,
|
|
130
130
|
indentCodeCompensation: /^(\s+)(?:```)/,
|
|
@@ -181,78 +181,78 @@ var V = {
|
|
|
181
181
|
fencesBeginRegex: (e) => RegExp(`^ {0,${Math.min(3, e - 1)}}(?:\`\`\`|~~~)`),
|
|
182
182
|
headingBeginRegex: (e) => RegExp(`^ {0,${Math.min(3, e - 1)}}#`),
|
|
183
183
|
htmlBeginRegex: (e) => RegExp(`^ {0,${Math.min(3, e - 1)}}<(?:[a-z].*>|!--)`, "i")
|
|
184
|
-
},
|
|
185
|
-
blockquote:
|
|
186
|
-
code:
|
|
187
|
-
def:
|
|
188
|
-
fences:
|
|
189
|
-
heading:
|
|
190
|
-
hr:
|
|
191
|
-
html:
|
|
192
|
-
lheading:
|
|
193
|
-
list:
|
|
194
|
-
newline:
|
|
195
|
-
paragraph:
|
|
196
|
-
table:
|
|
197
|
-
text:
|
|
198
|
-
},
|
|
199
|
-
...
|
|
200
|
-
lheading:
|
|
201
|
-
table:
|
|
202
|
-
paragraph:
|
|
203
|
-
},
|
|
204
|
-
...
|
|
205
|
-
html:
|
|
184
|
+
}, Ae = /^(?:[ \t]*(?:\n|$))+/, je = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/, Me = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, W = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, Ne = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, Pe = /(?:[*+-]|\d{1,9}[.)])/, Fe = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/, Ie = H(Fe).replace(/bull/g, Pe).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex(), Le = H(Fe).replace(/bull/g, Pe).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(), Re = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, ze = /^[^\n]+/, Be = /(?!\s*\])(?:\\.|[^\[\]\\])+/, Ve = H(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", Be).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), He = H(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, Pe).getRegex(), G = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", Ue = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, We = H("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ ]*)+\\n|$))", "i").replace("comment", Ue).replace("tag", G).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), Ge = H(Re).replace("hr", W).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", G).getRegex(), Ke = {
|
|
185
|
+
blockquote: H(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", Ge).getRegex(),
|
|
186
|
+
code: je,
|
|
187
|
+
def: Ve,
|
|
188
|
+
fences: Me,
|
|
189
|
+
heading: Ne,
|
|
190
|
+
hr: W,
|
|
191
|
+
html: We,
|
|
192
|
+
lheading: Ie,
|
|
193
|
+
list: He,
|
|
194
|
+
newline: Ae,
|
|
195
|
+
paragraph: Ge,
|
|
196
|
+
table: V,
|
|
197
|
+
text: ze
|
|
198
|
+
}, qe = H("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", W).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3} )[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", G).getRegex(), Je = {
|
|
199
|
+
...Ke,
|
|
200
|
+
lheading: Le,
|
|
201
|
+
table: qe,
|
|
202
|
+
paragraph: H(Re).replace("hr", W).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", qe).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", G).getRegex()
|
|
203
|
+
}, Ye = {
|
|
204
|
+
...Ke,
|
|
205
|
+
html: H("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment", Ue).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),
|
|
206
206
|
def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,
|
|
207
207
|
heading: /^(#{1,6})(.*)(?:\n+|$)/,
|
|
208
|
-
fences:
|
|
208
|
+
fences: V,
|
|
209
209
|
lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,
|
|
210
|
-
paragraph:
|
|
211
|
-
},
|
|
212
|
-
_backpedal:
|
|
213
|
-
anyPunctuation:
|
|
214
|
-
autolink:
|
|
215
|
-
blockSkip:
|
|
216
|
-
br:
|
|
217
|
-
code:
|
|
218
|
-
del:
|
|
219
|
-
emStrongLDelim:
|
|
220
|
-
emStrongRDelimAst:
|
|
221
|
-
emStrongRDelimUnd:
|
|
222
|
-
escape:
|
|
223
|
-
link:
|
|
224
|
-
nolink:
|
|
225
|
-
punctuation:
|
|
226
|
-
reflink:
|
|
227
|
-
reflinkSearch:
|
|
228
|
-
tag:
|
|
229
|
-
text:
|
|
230
|
-
url:
|
|
210
|
+
paragraph: H(Re).replace("hr", W).replace("heading", " *#{1,6} *[^\n]").replace("lheading", Ie).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
|
|
211
|
+
}, Xe = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, Ze = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, Qe = /^( {2,}|\\)\n(?!\s*$)/, $e = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, K = /[\p{P}\p{S}]/u, et = /[\s\p{P}\p{S}]/u, tt = /[^\s\p{P}\p{S}]/u, nt = H(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, et).getRegex(), rt = /(?!~)[\p{P}\p{S}]/u, it = /(?!~)[\s\p{P}\p{S}]/u, at = /(?:[^\s\p{P}\p{S}]|~)/u, ot = /\[[^[\]]*?\]\((?:\\.|[^\\\(\)]|\((?:\\.|[^\\\(\)])*\))*\)|`[^`]*?`|<[^<>]*?>/g, st = /^(?:\*+(?:((?!\*)punct)|[^\s*]))|^_+(?:((?!_)punct)|([^\s_]))/, ct = H(st, "u").replace(/punct/g, K).getRegex(), lt = H(st, "u").replace(/punct/g, rt).getRegex(), ut = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)", dt = H(ut, "gu").replace(/notPunctSpace/g, tt).replace(/punctSpace/g, et).replace(/punct/g, K).getRegex(), ft = H(ut, "gu").replace(/notPunctSpace/g, at).replace(/punctSpace/g, it).replace(/punct/g, rt).getRegex(), pt = H("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, tt).replace(/punctSpace/g, et).replace(/punct/g, K).getRegex(), mt = H(/\\(punct)/, "gu").replace(/punct/g, K).getRegex(), ht = H(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), gt = H(Ue).replace("(?:-->|$)", "-->").getRegex(), _t = H("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", gt).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), vt = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, yt = H(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]*(?:\n[ \t]*)?)(title))?\s*\)/).replace("label", vt).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), bt = H(/^!?\[(label)\]\[(ref)\]/).replace("label", vt).replace("ref", Be).getRegex(), xt = H(/^!?\[(ref)\](?:\[\])?/).replace("ref", Be).getRegex(), St = {
|
|
212
|
+
_backpedal: V,
|
|
213
|
+
anyPunctuation: mt,
|
|
214
|
+
autolink: ht,
|
|
215
|
+
blockSkip: ot,
|
|
216
|
+
br: Qe,
|
|
217
|
+
code: Ze,
|
|
218
|
+
del: V,
|
|
219
|
+
emStrongLDelim: ct,
|
|
220
|
+
emStrongRDelimAst: dt,
|
|
221
|
+
emStrongRDelimUnd: pt,
|
|
222
|
+
escape: Xe,
|
|
223
|
+
link: yt,
|
|
224
|
+
nolink: xt,
|
|
225
|
+
punctuation: nt,
|
|
226
|
+
reflink: bt,
|
|
227
|
+
reflinkSearch: H("reflink|nolink(?!\\()", "g").replace("reflink", bt).replace("nolink", xt).getRegex(),
|
|
228
|
+
tag: _t,
|
|
229
|
+
text: $e,
|
|
230
|
+
url: V
|
|
231
|
+
}, Ct = {
|
|
232
|
+
...St,
|
|
233
|
+
link: H(/^!?\[(label)\]\((.*?)\)/).replace("label", vt).getRegex(),
|
|
234
|
+
reflink: H(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", vt).getRegex()
|
|
231
235
|
}, wt = {
|
|
232
|
-
...
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
...Ct,
|
|
237
|
-
emStrongRDelimAst: mt,
|
|
238
|
-
emStrongLDelim: dt,
|
|
239
|
-
url: B(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, "i").replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),
|
|
236
|
+
...St,
|
|
237
|
+
emStrongRDelimAst: ft,
|
|
238
|
+
emStrongLDelim: lt,
|
|
239
|
+
url: H(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, "i").replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),
|
|
240
240
|
_backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,
|
|
241
241
|
del: /^(~~?)(?=[^\s~])((?:\\.|[^\\])*?(?:\\.|[^\s~\\]))\1(?=[^~]|$)/,
|
|
242
242
|
text: /^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/
|
|
243
|
+
}, Tt = {
|
|
244
|
+
...wt,
|
|
245
|
+
br: H(Qe).replace("{2,}", "*").getRegex(),
|
|
246
|
+
text: H(wt.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
|
|
243
247
|
}, Et = {
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
}, K = {
|
|
248
|
-
normal: Je,
|
|
249
|
-
gfm: Xe,
|
|
250
|
-
pedantic: Ze
|
|
248
|
+
normal: Ke,
|
|
249
|
+
gfm: Je,
|
|
250
|
+
pedantic: Ye
|
|
251
251
|
}, q = {
|
|
252
|
-
normal:
|
|
253
|
-
gfm:
|
|
254
|
-
breaks:
|
|
255
|
-
pedantic:
|
|
252
|
+
normal: St,
|
|
253
|
+
gfm: wt,
|
|
254
|
+
breaks: Tt,
|
|
255
|
+
pedantic: Ct
|
|
256
256
|
}, Dt = {
|
|
257
257
|
"&": "&",
|
|
258
258
|
"<": "<",
|
|
@@ -262,27 +262,27 @@ var V = {
|
|
|
262
262
|
}, Ot = (e) => Dt[e];
|
|
263
263
|
function J(e, t) {
|
|
264
264
|
if (t) {
|
|
265
|
-
if (
|
|
266
|
-
} else if (
|
|
265
|
+
if (U.escapeTest.test(e)) return e.replace(U.escapeReplace, Ot);
|
|
266
|
+
} else if (U.escapeTestNoEncode.test(e)) return e.replace(U.escapeReplaceNoEncode, Ot);
|
|
267
267
|
return e;
|
|
268
268
|
}
|
|
269
269
|
function kt(e) {
|
|
270
270
|
try {
|
|
271
|
-
e = encodeURI(e).replace(
|
|
271
|
+
e = encodeURI(e).replace(U.percentDecode, "%");
|
|
272
272
|
} catch {
|
|
273
273
|
return null;
|
|
274
274
|
}
|
|
275
275
|
return e;
|
|
276
276
|
}
|
|
277
277
|
function At(e, t) {
|
|
278
|
-
let n = e.replace(
|
|
278
|
+
let n = e.replace(U.findPipe, (e, t, n) => {
|
|
279
279
|
let r = !1, i = t;
|
|
280
280
|
for (; --i >= 0 && n[i] === "\\";) r = !r;
|
|
281
281
|
return r ? "|" : " |";
|
|
282
|
-
}).split(
|
|
282
|
+
}).split(U.splitPipe), r = 0;
|
|
283
283
|
if (n[0].trim() || n.shift(), n.length > 0 && !n.at(-1)?.trim() && n.pop(), t) if (n.length > t) n.splice(t);
|
|
284
284
|
else for (; n.length < t;) n.push("");
|
|
285
|
-
for (; r < n.length; r++) n[r] = n[r].trim().replace(
|
|
285
|
+
for (; r < n.length; r++) n[r] = n[r].trim().replace(U.slashPipe, "|");
|
|
286
286
|
return n;
|
|
287
287
|
}
|
|
288
288
|
function Y(e, t, n) {
|
|
@@ -334,7 +334,7 @@ var Pt = class {
|
|
|
334
334
|
rules;
|
|
335
335
|
lexer;
|
|
336
336
|
constructor(e) {
|
|
337
|
-
this.options = e ||
|
|
337
|
+
this.options = e || B;
|
|
338
338
|
}
|
|
339
339
|
space(e) {
|
|
340
340
|
let t = this.rules.block.newline.exec(e);
|
|
@@ -747,21 +747,21 @@ ${c}` : c;
|
|
|
747
747
|
tokenizer;
|
|
748
748
|
inlineQueue;
|
|
749
749
|
constructor(e) {
|
|
750
|
-
this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e ||
|
|
750
|
+
this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || B, this.options.tokenizer = this.options.tokenizer || new Pt(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
|
|
751
751
|
inLink: !1,
|
|
752
752
|
inRawBlock: !1,
|
|
753
753
|
top: !0
|
|
754
754
|
};
|
|
755
755
|
let t = {
|
|
756
|
-
other:
|
|
757
|
-
block:
|
|
756
|
+
other: U,
|
|
757
|
+
block: Et.normal,
|
|
758
758
|
inline: q.normal
|
|
759
759
|
};
|
|
760
|
-
this.options.pedantic ? (t.block =
|
|
760
|
+
this.options.pedantic ? (t.block = Et.pedantic, t.inline = q.pedantic) : this.options.gfm && (t.block = Et.gfm, this.options.breaks ? t.inline = q.breaks : t.inline = q.gfm), this.tokenizer.rules = t;
|
|
761
761
|
}
|
|
762
762
|
static get rules() {
|
|
763
763
|
return {
|
|
764
|
-
block:
|
|
764
|
+
block: Et,
|
|
765
765
|
inline: q
|
|
766
766
|
};
|
|
767
767
|
}
|
|
@@ -772,7 +772,7 @@ ${c}` : c;
|
|
|
772
772
|
return new e(n).inlineTokens(t);
|
|
773
773
|
}
|
|
774
774
|
lex(e) {
|
|
775
|
-
e = e.replace(
|
|
775
|
+
e = e.replace(U.carriageReturn, "\n"), this.blockTokens(e, this.tokens);
|
|
776
776
|
for (let e = 0; e < this.inlineQueue.length; e++) {
|
|
777
777
|
let t = this.inlineQueue[e];
|
|
778
778
|
this.inlineTokens(t.src, t.tokens);
|
|
@@ -780,7 +780,7 @@ ${c}` : c;
|
|
|
780
780
|
return this.inlineQueue = [], this.tokens;
|
|
781
781
|
}
|
|
782
782
|
blockTokens(e, t = [], n = !1) {
|
|
783
|
-
for (this.options.pedantic && (e = e.replace(
|
|
783
|
+
for (this.options.pedantic && (e = e.replace(U.tabCharGlobal, " ").replace(U.spaceLine, "")); e;) {
|
|
784
784
|
let r;
|
|
785
785
|
if (this.options.extensions?.block?.some((n) => (r = n.call({ lexer: this }, e, t)) ? (e = e.substring(r.raw.length), t.push(r), !0) : !1)) continue;
|
|
786
786
|
if (r = this.tokenizer.space(e)) {
|
|
@@ -952,13 +952,13 @@ ${c}` : c;
|
|
|
952
952
|
options;
|
|
953
953
|
parser;
|
|
954
954
|
constructor(e) {
|
|
955
|
-
this.options = e ||
|
|
955
|
+
this.options = e || B;
|
|
956
956
|
}
|
|
957
957
|
space(e) {
|
|
958
958
|
return "";
|
|
959
959
|
}
|
|
960
960
|
code({ text: e, lang: t, escaped: n }) {
|
|
961
|
-
let r = (t || "").match(
|
|
961
|
+
let r = (t || "").match(U.notSpaceStart)?.[0], i = e.replace(U.endingNewline, "") + "\n";
|
|
962
962
|
return r ? "<pre><code class=\"language-" + J(r) + "\">" + (n ? i : J(i, !0)) + "</code></pre>\n" : "<pre><code>" + (n ? i : J(i, !0)) + "</code></pre>\n";
|
|
963
963
|
}
|
|
964
964
|
blockquote({ tokens: e }) {
|
|
@@ -1095,7 +1095,7 @@ ${e}</tr>
|
|
|
1095
1095
|
renderer;
|
|
1096
1096
|
textRenderer;
|
|
1097
1097
|
constructor(e) {
|
|
1098
|
-
this.options = e ||
|
|
1098
|
+
this.options = e || B, this.options.renderer = this.options.renderer || new Ft(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new It();
|
|
1099
1099
|
}
|
|
1100
1100
|
static parse(t, n) {
|
|
1101
1101
|
return new e(n).parse(t);
|
|
@@ -1246,7 +1246,7 @@ ${e}</tr>
|
|
|
1246
1246
|
options;
|
|
1247
1247
|
block;
|
|
1248
1248
|
constructor(e) {
|
|
1249
|
-
this.options = e ||
|
|
1249
|
+
this.options = e || B;
|
|
1250
1250
|
}
|
|
1251
1251
|
static passThroughHooks = /* @__PURE__ */ new Set([
|
|
1252
1252
|
"preprocess",
|
|
@@ -1269,7 +1269,7 @@ ${e}</tr>
|
|
|
1269
1269
|
return this.block ? Z.parse : Z.parseInline;
|
|
1270
1270
|
}
|
|
1271
1271
|
}, Q = new class {
|
|
1272
|
-
defaults =
|
|
1272
|
+
defaults = Oe();
|
|
1273
1273
|
options = this.setOptions;
|
|
1274
1274
|
parse = this.parseMarkdown(!0);
|
|
1275
1275
|
parseInline = this.parseMarkdown(!1);
|
|
@@ -1440,9 +1440,9 @@ function $(e, t) {
|
|
|
1440
1440
|
//#endregion
|
|
1441
1441
|
//#region src/lib/markdown.ts
|
|
1442
1442
|
$.options = $.setOptions = function(e) {
|
|
1443
|
-
return Q.setOptions(e), $.defaults = Q.defaults,
|
|
1444
|
-
}, $.getDefaults =
|
|
1445
|
-
return Q.use(...e), $.defaults = Q.defaults,
|
|
1443
|
+
return Q.setOptions(e), $.defaults = Q.defaults, ke($.defaults), $;
|
|
1444
|
+
}, $.getDefaults = Oe, $.defaults = B, $.use = function(...e) {
|
|
1445
|
+
return Q.use(...e), $.defaults = Q.defaults, ke($.defaults), $;
|
|
1446
1446
|
}, $.walkTokens = function(e, t) {
|
|
1447
1447
|
return Q.walkTokens(e, t);
|
|
1448
1448
|
}, $.parseInline = Q.parseInline, $.Parser = Z, $.parser = Z.parse, $.Renderer = Ft, $.TextRenderer = It, $.Lexer = X, $.lexer = X.lex, $.Tokenizer = Pt, $.Hooks = Lt, $.parse = $, $.options, $.setOptions, $.use, $.walkTokens, $.parseInline, Z.parse, X.lex, $.setOptions({
|
|
@@ -1457,26 +1457,32 @@ function Rt(e) {
|
|
|
1457
1457
|
var zt = {
|
|
1458
1458
|
key: 0,
|
|
1459
1459
|
class: "min-h-screen p-6"
|
|
1460
|
-
}, Bt = { class: "mb-5 flex items-center gap-4 rounded-lg border border-gray-200 bg-white px-5 py-3 text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100" }, Vt = { class: "text-lg font-bold" }, Ht = { class: "ml-auto flex items-center gap-3" }, Ut = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-6" }, Wt = { class: "rounded-lg border border-gray-300 bg-white p-6 dark:border-gray-700 dark:bg-gray-800" }, Gt = { class: "mb-3 flex items-center justify-between" }, Kt = {
|
|
1460
|
+
}, Bt = { class: "mb-5 flex items-center gap-4 rounded-lg border border-gray-200 bg-white px-5 py-3 text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100" }, Vt = { class: "text-lg font-bold" }, Ht = { class: "ml-auto flex items-center gap-3" }, Ut = { class: "grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-6" }, Wt = { class: "rounded-lg border border-gray-300 bg-white p-6 dark:border-gray-700 dark:bg-gray-800" }, Gt = { class: "mb-3 flex items-center justify-between" }, Kt = { class: "flex items-center gap-3" }, qt = {
|
|
1461
|
+
key: 0,
|
|
1462
|
+
class: "font-mono text-xs text-gray-500 dark:text-gray-400"
|
|
1463
|
+
}, Jt = {
|
|
1461
1464
|
key: 0,
|
|
1462
|
-
class: "
|
|
1463
|
-
},
|
|
1465
|
+
class: "text-gray-400"
|
|
1466
|
+
}, Yt = ["onClick"], Xt = { class: "rounded-md bg-white p-4 transition-colors dark:bg-gray-800" }, Zt = {
|
|
1464
1467
|
key: 0,
|
|
1465
1468
|
class: "w-full"
|
|
1466
|
-
},
|
|
1469
|
+
}, Qt = { class: "rounded-[2.5rem] bg-black p-3 shadow-xl" }, $t = { class: "relative overflow-hidden rounded-[1.8rem]" }, en = {
|
|
1467
1470
|
key: 0,
|
|
1468
1471
|
class: "pointer-events-none absolute left-1/2 top-0 z-10 h-6 w-28 -translate-x-1/2 rounded-b-2xl bg-black"
|
|
1469
|
-
},
|
|
1472
|
+
}, tn = {
|
|
1470
1473
|
key: 1,
|
|
1471
1474
|
class: "w-full overflow-hidden rounded-xl border-2 border-gray-300 shadow-sm dark:border-gray-700"
|
|
1472
|
-
},
|
|
1475
|
+
}, nn = { class: "rounded-lg border border-gray-300 bg-white p-6 dark:border-gray-700 dark:bg-gray-800" }, rn = ["innerHTML"], an = {
|
|
1476
|
+
key: 1,
|
|
1477
|
+
class: "fixed inset-0 z-50 overflow-auto bg-[#e8eaed] dark:bg-[#141414]"
|
|
1478
|
+
}, on = /* @__PURE__ */ l({
|
|
1473
1479
|
__name: "ReqScreen",
|
|
1474
1480
|
props: {
|
|
1475
1481
|
title: {},
|
|
1476
1482
|
doc: {}
|
|
1477
1483
|
},
|
|
1478
1484
|
setup(n) {
|
|
1479
|
-
let r = n, l = t(() => Rt(r.doc)), { isDark: te, toggle: re } =
|
|
1485
|
+
let r = n, l = t(() => Rt(r.doc)), { isDark: te, toggle: re } = ue(), ie = ae(), S = oe(), C = h(S[0]?.id ?? ""), w = t(() => S.find((e) => e.id === C.value) ?? S[0]);
|
|
1480
1486
|
function T(e) {
|
|
1481
1487
|
return `${e}px`;
|
|
1482
1488
|
}
|
|
@@ -1487,59 +1493,90 @@ var zt = {
|
|
|
1487
1493
|
background: e.bg,
|
|
1488
1494
|
color: e.font
|
|
1489
1495
|
};
|
|
1490
|
-
}), O = h(null), k = h(null), A = h(0), j = h(0), M = t(() => {
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
}
|
|
1494
|
-
|
|
1496
|
+
}), O = h(null), k = h(null), A = h(0), j = h(0), M = h(!1), ce = h(null), N = t(() => S.length === 0 ? {
|
|
1497
|
+
min: 0,
|
|
1498
|
+
max: 0
|
|
1499
|
+
} : {
|
|
1500
|
+
min: Math.min(...S.map((e) => e.minWidth)),
|
|
1501
|
+
max: Math.max(...S.map((e) => e.maxWidth))
|
|
1502
|
+
});
|
|
1503
|
+
function le() {
|
|
1504
|
+
let { min: e, max: t } = N.value;
|
|
1505
|
+
if (t === 0) return 0;
|
|
1506
|
+
let n = ce.value ?? e;
|
|
1507
|
+
return Math.min(t, Math.max(e, n));
|
|
1508
|
+
}
|
|
1509
|
+
let P = t(() => le()), F = t(() => N.value.min < N.value.max), I = t(() => {
|
|
1510
|
+
if (M.value) return 1;
|
|
1511
|
+
let e = P.value;
|
|
1495
1512
|
return !e || A.value === 0 ? 1 : Math.min(1, A.value / e);
|
|
1496
|
-
}),
|
|
1497
|
-
function
|
|
1513
|
+
}), de = t(() => P.value ? P.value * I.value : 0), fe = t(() => j.value * I.value), pe = t(() => M.value && P.value > 0 && A.value > 0 && P.value < A.value), L = h(!1), me = 0, he = 0, ge = 1;
|
|
1514
|
+
function _e(e) {
|
|
1515
|
+
let { min: t, max: n } = N.value, r = t;
|
|
1516
|
+
M.value && A.value > 0 && (r = Math.max(t, A.value)), ce.value = Math.min(n, Math.max(r, e));
|
|
1517
|
+
}
|
|
1518
|
+
function ve(e) {
|
|
1519
|
+
C.value = e;
|
|
1520
|
+
}
|
|
1521
|
+
function ye(e) {
|
|
1522
|
+
if (!w.value || !F.value) return;
|
|
1523
|
+
e.preventDefault(), e.stopPropagation();
|
|
1524
|
+
let t = e.currentTarget;
|
|
1525
|
+
t.setPointerCapture(e.pointerId), L.value = !0, me = e.clientX, he = P.value, ge = I.value, document.body.style.userSelect = "none", document.body.style.cursor = "ew-resize";
|
|
1526
|
+
function n(e) {
|
|
1527
|
+
if (!e.isPrimary) return;
|
|
1528
|
+
let t = (e.clientX - me) / ge;
|
|
1529
|
+
_e(he + t);
|
|
1530
|
+
}
|
|
1531
|
+
function r(e) {
|
|
1532
|
+
e.isPrimary && (t.releasePointerCapture(e.pointerId), L.value = !1, document.body.style.userSelect = "", document.body.style.cursor = "", t.removeEventListener("pointermove", n), t.removeEventListener("pointerup", r), t.removeEventListener("pointercancel", r), u(z));
|
|
1533
|
+
}
|
|
1534
|
+
t.addEventListener("pointermove", n), t.addEventListener("pointerup", r), t.addEventListener("pointercancel", r);
|
|
1535
|
+
}
|
|
1536
|
+
let R = null;
|
|
1537
|
+
function z() {
|
|
1498
1538
|
O.value && (A.value = O.value.clientWidth), k.value && (j.value = k.value.offsetHeight);
|
|
1499
1539
|
}
|
|
1500
|
-
function
|
|
1501
|
-
|
|
1540
|
+
function be() {
|
|
1541
|
+
R?.disconnect(), O.value && R?.observe(O.value), k.value && R?.observe(k.value);
|
|
1502
1542
|
}
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
e.key === "Escape" && (L.value = !1);
|
|
1543
|
+
function xe(e) {
|
|
1544
|
+
e.key === "Escape" && (M.value = !1);
|
|
1506
1545
|
}
|
|
1507
1546
|
return ee(() => {
|
|
1508
|
-
|
|
1547
|
+
R = new ResizeObserver(() => z()), be(), z(), window.addEventListener("keydown", xe);
|
|
1509
1548
|
}), p(() => {
|
|
1510
|
-
|
|
1511
|
-
}), ne([
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
}, [o("button", {
|
|
1549
|
+
R?.disconnect(), window.removeEventListener("keydown", xe);
|
|
1550
|
+
}), ne([
|
|
1551
|
+
C,
|
|
1552
|
+
M,
|
|
1553
|
+
P
|
|
1554
|
+
], () => u(() => {
|
|
1555
|
+
be(), z();
|
|
1556
|
+
})), (t, r) => M.value ? (m(), a("div", an, [o("button", {
|
|
1518
1557
|
type: "button",
|
|
1519
1558
|
class: "fixed right-4 top-4 z-10 rounded-md border border-gray-300 bg-white px-3 py-1 text-xs font-bold text-gray-700 shadow-sm transition hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:hover:bg-gray-700",
|
|
1520
|
-
onClick: r[2] ||= (e) =>
|
|
1559
|
+
onClick: r[2] ||= (e) => M.value = !1
|
|
1521
1560
|
}, " 閉じる（Esc） "), o("div", {
|
|
1522
1561
|
ref_key: "areaRef",
|
|
1523
1562
|
ref: O,
|
|
1524
|
-
class: "min-h-full"
|
|
1563
|
+
class: "flex min-h-full justify-center"
|
|
1525
1564
|
}, [w.value ? (m(), a("div", {
|
|
1526
1565
|
key: 0,
|
|
1527
|
-
class: "
|
|
1528
|
-
style: f({
|
|
1529
|
-
width: P.value ? `${P.value}px` : "",
|
|
1530
|
-
height: j.value ? `${ce.value}px` : "auto"
|
|
1531
|
-
})
|
|
1566
|
+
class: d(["relative shrink-0", pe.value ? "border border-gray-300 shadow-lg dark:border-gray-600" : ""]),
|
|
1567
|
+
style: f({ width: T(P.value) })
|
|
1532
1568
|
}, [o("div", {
|
|
1533
1569
|
ref_key: "contentRef",
|
|
1534
1570
|
ref: k,
|
|
1535
|
-
class: "origin-top-left",
|
|
1536
1571
|
style: f({
|
|
1537
|
-
width: T(
|
|
1538
|
-
|
|
1539
|
-
maxWidth: T(w.value.maxWidth),
|
|
1540
|
-
transform: `scale(${N.value})`
|
|
1572
|
+
width: T(P.value),
|
|
1573
|
+
...D.value
|
|
1541
1574
|
})
|
|
1542
|
-
}, [_(t.$slots, "mock")], 4)
|
|
1575
|
+
}, [_(t.$slots, "mock")], 4), F.value ? (m(), a("div", {
|
|
1576
|
+
key: 0,
|
|
1577
|
+
class: "absolute inset-y-0 -right-1 z-20 flex w-3 cursor-ew-resize touch-none items-center justify-center opacity-60 hover:opacity-100",
|
|
1578
|
+
onPointerdown: ye
|
|
1579
|
+
}, [...r[8] ||= [o("div", { class: "h-10 w-1 rounded-full bg-gray-400 dark:bg-gray-500" }, null, -1)]], 32)) : i("", !0)], 6)) : i("", !0)], 512)])) : (m(), a("div", zt, [o("header", Bt, [
|
|
1543
1580
|
c(y(x), {
|
|
1544
1581
|
to: "/catalog",
|
|
1545
1582
|
class: "text-sm text-gray-500 underline hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-100"
|
|
@@ -1553,8 +1590,8 @@ var zt = {
|
|
|
1553
1590
|
o("button", {
|
|
1554
1591
|
type: "button",
|
|
1555
1592
|
class: "rounded-md border border-gray-300 px-3 py-1 text-xs font-bold text-gray-600 transition hover:bg-gray-100 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700",
|
|
1556
|
-
onClick: r[0] ||= (e) =>
|
|
1557
|
-
}, v(
|
|
1593
|
+
onClick: r[0] ||= (e) => M.value = !M.value
|
|
1594
|
+
}, v(M.value ? "要件を表示" : "プレビュー"), 1),
|
|
1558
1595
|
y(ie) ? (m(), a("button", {
|
|
1559
1596
|
key: 0,
|
|
1560
1597
|
type: "button",
|
|
@@ -1562,50 +1599,55 @@ var zt = {
|
|
|
1562
1599
|
onClick: r[1] ||= (...e) => y(re) && y(re)(...e)
|
|
1563
1600
|
}, v(y(te) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)
|
|
1564
1601
|
])
|
|
1565
|
-
]), o("div", Ut, [o("section", Wt, [o("div", Gt, [r[4] ||= o("span", { class: "text-xs font-bold uppercase tracking-wide text-gray-400" }, " 画面 mock ", -1),
|
|
1602
|
+
]), o("div", Ut, [o("section", Wt, [o("div", Gt, [r[4] ||= o("span", { class: "text-xs font-bold uppercase tracking-wide text-gray-400" }, " 画面 mock ", -1), o("div", Kt, [w.value ? (m(), a("span", qt, [s(v(P.value) + "px ", 1), F.value ? (m(), a("span", Jt, " （" + v(N.value.min) + "–" + v(N.value.max) + "） ", 1)) : i("", !0)])) : i("", !0), y(S).length > 1 ? (m(), a("div", {
|
|
1603
|
+
key: 1,
|
|
1604
|
+
class: d(["inline-flex overflow-hidden rounded-md border border-gray-300 text-xs font-bold dark:border-gray-600", L.value ? "pointer-events-none" : ""])
|
|
1605
|
+
}, [(m(!0), a(e, null, g(y(S), (e) => (m(), a("button", {
|
|
1566
1606
|
key: e.id,
|
|
1567
1607
|
type: "button",
|
|
1568
1608
|
class: d(["px-3 py-1 transition", C.value === e.id ? "bg-gray-800 text-white dark:bg-gray-200 dark:text-gray-900" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"]),
|
|
1569
|
-
onClick: (t) =>
|
|
1570
|
-
}, v(e.label), 11,
|
|
1609
|
+
onClick: (t) => ve(e.id)
|
|
1610
|
+
}, v(e.label), 11, Yt))), 128))], 2)) : i("", !0)])]), o("div", Xt, [o("div", {
|
|
1571
1611
|
ref_key: "areaRef",
|
|
1572
1612
|
ref: O
|
|
1573
1613
|
}, [w.value ? (m(), a("div", {
|
|
1574
1614
|
key: 0,
|
|
1575
|
-
class: "mx-auto overflow-hidden",
|
|
1615
|
+
class: "relative mx-auto overflow-hidden",
|
|
1576
1616
|
style: f({
|
|
1577
|
-
width:
|
|
1578
|
-
height: j.value ? `${
|
|
1617
|
+
width: de.value ? `${de.value}px` : "",
|
|
1618
|
+
height: j.value ? `${fe.value}px` : "auto"
|
|
1579
1619
|
})
|
|
1580
1620
|
}, [o("div", {
|
|
1581
1621
|
ref_key: "contentRef",
|
|
1582
1622
|
ref: k,
|
|
1583
1623
|
class: "origin-top-left",
|
|
1584
1624
|
style: f({
|
|
1585
|
-
width: T(
|
|
1586
|
-
|
|
1587
|
-
maxWidth: T(w.value.maxWidth),
|
|
1588
|
-
transform: `scale(${N.value})`
|
|
1625
|
+
width: T(P.value),
|
|
1626
|
+
transform: `scale(${I.value})`
|
|
1589
1627
|
})
|
|
1590
|
-
}, [w.value.frame === "phone" || w.value.frame === "tablet" ? (m(), a("div",
|
|
1628
|
+
}, [w.value.frame === "phone" || w.value.frame === "tablet" ? (m(), a("div", Zt, [o("div", Qt, [o("div", $t, [w.value.frame === "phone" ? (m(), a("div", en)) : i("", !0), o("div", {
|
|
1591
1629
|
class: d(["px-4 pb-6", w.value.frame === "phone" ? "pt-9" : "pt-6"]),
|
|
1592
1630
|
style: f(D.value)
|
|
1593
|
-
}, [_(t.$slots, "mock"), r[5] ||= o("div", { class: "mx-auto mt-6 h-1 w-24 rounded-full bg-gray-300 dark:bg-gray-600" }, null, -1)], 6)])])])) : (m(), a("div",
|
|
1631
|
+
}, [_(t.$slots, "mock"), r[5] ||= o("div", { class: "mx-auto mt-6 h-1 w-24 rounded-full bg-gray-300 dark:bg-gray-600" }, null, -1)], 6)])])])) : (m(), a("div", tn, [r[6] ||= o("div", { class: "flex items-center gap-2 border-b border-gray-300 bg-gray-800 px-3 py-2 dark:border-gray-700" }, [
|
|
1594
1632
|
o("span", { class: "h-3 w-3 rounded-full bg-red-400" }),
|
|
1595
1633
|
o("span", { class: "h-3 w-3 rounded-full bg-yellow-400" }),
|
|
1596
1634
|
o("span", { class: "h-3 w-3 rounded-full bg-green-400" })
|
|
1597
1635
|
], -1), o("div", {
|
|
1598
1636
|
class: "p-4",
|
|
1599
1637
|
style: f(D.value)
|
|
1600
|
-
}, [_(t.$slots, "mock")], 4)]))], 4)
|
|
1638
|
+
}, [_(t.$slots, "mock")], 4)]))], 4), F.value ? (m(), a("div", {
|
|
1639
|
+
key: 0,
|
|
1640
|
+
class: d(["absolute inset-y-0 -right-1 z-20 flex w-3 cursor-ew-resize touch-none items-center justify-center", L.value ? "opacity-100" : "opacity-60 hover:opacity-100"]),
|
|
1641
|
+
onPointerdown: ye
|
|
1642
|
+
}, [o("div", { class: d(["h-10 w-1 rounded-full bg-gray-400 dark:bg-gray-500", L.value ? "bg-blue-500 dark:bg-blue-400" : ""]) }, null, 2)], 34)) : i("", !0)], 4)) : i("", !0)], 512)])]), o("section", nn, [r[7] ||= o("div", { class: "mb-3 text-xs font-bold uppercase tracking-wide text-gray-400" }, " 要件 ", -1), o("div", {
|
|
1601
1643
|
class: "req-md",
|
|
1602
1644
|
innerHTML: l.value
|
|
1603
|
-
}, null, 8,
|
|
1645
|
+
}, null, 8, rn)])])]));
|
|
1604
1646
|
}
|
|
1605
|
-
}),
|
|
1647
|
+
}), sn = { class: "flex items-center gap-2 text-sm" }, cn = ["value"], ln = ["value"], un = ["innerHTML"], dn = {
|
|
1606
1648
|
key: 1,
|
|
1607
1649
|
class: "p-8"
|
|
1608
|
-
},
|
|
1650
|
+
}, fn = { class: "text-gray-600" }, pn = /* @__PURE__ */ l({
|
|
1609
1651
|
__name: "ReqPageView",
|
|
1610
1652
|
props: {
|
|
1611
1653
|
kind: {},
|
|
@@ -1613,30 +1655,30 @@ var zt = {
|
|
|
1613
1655
|
ver: {}
|
|
1614
1656
|
},
|
|
1615
1657
|
setup(n) {
|
|
1616
|
-
let i = n, l = C(), u = t(() =>
|
|
1658
|
+
let i = n, l = C(), u = t(() => le(i.kind, i.name)), d = t(() => i.ver || u.value?.latest || ""), f = t(() => u.value?.versions[d.value]), p = t(() => u.value ? Object.keys(u.value.versions) : []);
|
|
1617
1659
|
function ee(e) {
|
|
1618
1660
|
let t = e.target.value;
|
|
1619
1661
|
l.push(`/${i.kind}s/${i.name}/${t}`);
|
|
1620
1662
|
}
|
|
1621
|
-
return (t, i) => u.value && f.value ? (m(), r(
|
|
1663
|
+
return (t, i) => u.value && f.value ? (m(), r(on, {
|
|
1622
1664
|
key: 0,
|
|
1623
1665
|
title: u.value.title,
|
|
1624
1666
|
doc: f.value.req
|
|
1625
1667
|
}, {
|
|
1626
|
-
toolbar: b(() => [o("label",
|
|
1668
|
+
toolbar: b(() => [o("label", sn, [i[0] ||= o("span", { class: "text-gray-500 dark:text-gray-400" }, "バージョン", -1), o("select", {
|
|
1627
1669
|
value: d.value,
|
|
1628
1670
|
class: "rounded border border-gray-300 bg-white px-2 py-1 text-gray-800 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-100",
|
|
1629
1671
|
onChange: ee
|
|
1630
1672
|
}, [(m(!0), a(e, null, g(p.value, (e) => (m(), a("option", {
|
|
1631
1673
|
key: e,
|
|
1632
1674
|
value: e
|
|
1633
|
-
}, v(e), 9,
|
|
1675
|
+
}, v(e), 9, ln))), 128))], 40, cn)])]),
|
|
1634
1676
|
mock: b(() => [typeof f.value.view == "string" ? (m(), a("div", {
|
|
1635
1677
|
key: 0,
|
|
1636
1678
|
innerHTML: f.value.view
|
|
1637
|
-
}, null, 8,
|
|
1679
|
+
}, null, 8, un)) : (m(), r(te(f.value.view), { key: 1 }))]),
|
|
1638
1680
|
_: 1
|
|
1639
|
-
}, 8, ["title", "doc"])) : (m(), a("div",
|
|
1681
|
+
}, 8, ["title", "doc"])) : (m(), a("div", dn, [o("p", fn, "該当するアイテムが見つかりません: " + v(n.kind) + " / " + v(n.name), 1), c(y(x), {
|
|
1640
1682
|
to: "/catalog",
|
|
1641
1683
|
class: "text-blue-600 underline"
|
|
1642
1684
|
}, {
|
|
@@ -1644,13 +1686,13 @@ var zt = {
|
|
|
1644
1686
|
_: 1
|
|
1645
1687
|
})]));
|
|
1646
1688
|
}
|
|
1647
|
-
}),
|
|
1689
|
+
}), mn = { class: "min-h-screen p-6" }, hn = { class: "mb-5 flex items-center gap-4 rounded-lg border border-gray-200 bg-white px-5 py-3 text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100" }, gn = { class: "rounded-lg bg-gray-50 p-5 transition-colors dark:bg-gray-900" }, _n = { class: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4" }, vn = { class: "p-3" }, yn = { class: "font-mono text-sm font-bold dark:text-gray-100" }, bn = { class: "mt-1 space-y-0.5 font-mono text-xs" }, xn = {
|
|
1648
1690
|
key: 0,
|
|
1649
1691
|
class: "mt-1 text-xs text-gray-600 dark:text-gray-400"
|
|
1650
|
-
},
|
|
1692
|
+
}, Sn = /* @__PURE__ */ l({
|
|
1651
1693
|
__name: "ColorsView",
|
|
1652
1694
|
setup(t) {
|
|
1653
|
-
let { isDark: n, toggle: r } =
|
|
1695
|
+
let { isDark: n, toggle: r } = ue(), l = ae(), u = se(), p = [...u ? [{
|
|
1654
1696
|
name: "baseBg",
|
|
1655
1697
|
light: u.light.bg,
|
|
1656
1698
|
dark: u.dark.bg,
|
|
@@ -1660,8 +1702,8 @@ var zt = {
|
|
|
1660
1702
|
light: u.light.font,
|
|
1661
1703
|
dark: u.dark.font,
|
|
1662
1704
|
desc: "モックの基本文字色"
|
|
1663
|
-
}] : [], ...
|
|
1664
|
-
return (t, u) => (m(), a("div",
|
|
1705
|
+
}] : [], ...N()];
|
|
1706
|
+
return (t, u) => (m(), a("div", mn, [o("header", hn, [
|
|
1665
1707
|
c(y(x), {
|
|
1666
1708
|
to: "/catalog",
|
|
1667
1709
|
class: "text-sm text-gray-500 underline hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-100"
|
|
@@ -1676,22 +1718,22 @@ var zt = {
|
|
|
1676
1718
|
class: "ml-auto rounded-md border border-gray-300 px-3 py-1 text-xs font-bold text-gray-600 transition hover:bg-gray-100 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-700",
|
|
1677
1719
|
onClick: u[0] ||= (...e) => y(r) && y(r)(...e)
|
|
1678
1720
|
}, v(y(n) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)
|
|
1679
|
-
]), o("div",
|
|
1721
|
+
]), o("div", gn, [o("div", _n, [(m(), a(e, null, g(p, (e) => o("div", {
|
|
1680
1722
|
key: e.name,
|
|
1681
1723
|
class: "overflow-hidden rounded-lg border border-gray-300 bg-white dark:border-gray-700 dark:bg-gray-800"
|
|
1682
1724
|
}, [o("div", {
|
|
1683
1725
|
class: "h-24 w-full border-b border-gray-200 dark:border-gray-700",
|
|
1684
1726
|
style: f({ background: y(n) ? e.dark : e.light })
|
|
1685
|
-
}, null, 4), o("div",
|
|
1686
|
-
o("div",
|
|
1687
|
-
o("div",
|
|
1688
|
-
e.desc ? (m(), a("div",
|
|
1727
|
+
}, null, 4), o("div", vn, [
|
|
1728
|
+
o("div", yn, v(e.name), 1),
|
|
1729
|
+
o("div", bn, [o("div", { class: d(y(n) ? "text-gray-500" : "font-bold text-gray-700") }, " light: " + v(e.light), 3), o("div", { class: d(y(n) ? "font-bold text-gray-200" : "text-gray-500") }, " dark: " + v(e.dark), 3)]),
|
|
1730
|
+
e.desc ? (m(), a("div", xn, v(e.desc), 1)) : i("", !0)
|
|
1689
1731
|
])])), 64))])])]));
|
|
1690
1732
|
}
|
|
1691
1733
|
});
|
|
1692
1734
|
//#endregion
|
|
1693
1735
|
//#region src/router.ts
|
|
1694
|
-
function
|
|
1736
|
+
function Cn() {
|
|
1695
1737
|
return ie({
|
|
1696
1738
|
history: S(),
|
|
1697
1739
|
routes: [
|
|
@@ -1702,17 +1744,17 @@ function bn() {
|
|
|
1702
1744
|
{
|
|
1703
1745
|
path: "/catalog",
|
|
1704
1746
|
name: "catalog",
|
|
1705
|
-
component:
|
|
1747
|
+
component: De
|
|
1706
1748
|
},
|
|
1707
1749
|
{
|
|
1708
1750
|
path: "/colors",
|
|
1709
1751
|
name: "colors",
|
|
1710
|
-
component:
|
|
1752
|
+
component: Sn
|
|
1711
1753
|
},
|
|
1712
1754
|
{
|
|
1713
1755
|
path: "/components/:name/:ver?",
|
|
1714
1756
|
name: "component",
|
|
1715
|
-
component:
|
|
1757
|
+
component: pn,
|
|
1716
1758
|
props: (e) => ({
|
|
1717
1759
|
kind: "component",
|
|
1718
1760
|
name: e.params.name,
|
|
@@ -1722,7 +1764,7 @@ function bn() {
|
|
|
1722
1764
|
{
|
|
1723
1765
|
path: "/pages/:name/:ver?",
|
|
1724
1766
|
name: "page",
|
|
1725
|
-
component:
|
|
1767
|
+
component: pn,
|
|
1726
1768
|
props: (e) => ({
|
|
1727
1769
|
kind: "page",
|
|
1728
1770
|
name: e.params.name,
|
|
@@ -1734,10 +1776,10 @@ function bn() {
|
|
|
1734
1776
|
}
|
|
1735
1777
|
//#endregion
|
|
1736
1778
|
//#region src/createSpecViewer.ts
|
|
1737
|
-
function
|
|
1779
|
+
function wn(e) {
|
|
1738
1780
|
j(e);
|
|
1739
1781
|
let t = n(w);
|
|
1740
|
-
return t.use(
|
|
1782
|
+
return t.use(Cn()), t;
|
|
1741
1783
|
}
|
|
1742
1784
|
//#endregion
|
|
1743
|
-
export {
|
|
1785
|
+
export { wn as createSpecViewer };
|