required-doc 0.0.1 → 0.0.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/dist/index.js +216 -176
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -23,13 +23,13 @@ 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 P(e, t) {
|
|
33
33
|
return [...T, ...E].find((n) => n.kind === e && n.name === t);
|
|
34
34
|
}
|
|
35
35
|
//#endregion
|
|
@@ -48,10 +48,10 @@ function le() {
|
|
|
48
48
|
}
|
|
49
49
|
//#endregion
|
|
50
50
|
//#region src/catalog/CatalogView.vue?vue&type=script&setup=true&lang.ts
|
|
51
|
-
var I = { class: "mx-auto min-h-screen max-w-3xl p-8" }, ue = { class: "mb-8 flex items-center" }, L = { class: "mb-10" }, de = { class: "space-y-2" }, fe = { class: "font-bold dark:text-gray-100" }, pe = { class: "ml-1 text-xs text-gray-400" }, me = { class: "text-sm text-gray-500 dark:text-gray-400" }, he = { class: "mb-10" },
|
|
51
|
+
var I = { class: "mx-auto min-h-screen max-w-3xl p-8" }, ue = { class: "mb-8 flex items-center" }, L = { class: "mb-10" }, de = { class: "space-y-2" }, fe = { class: "font-bold dark:text-gray-100" }, pe = { class: "ml-1 text-xs text-gray-400" }, me = { class: "text-sm text-gray-500 dark:text-gray-400" }, he = { class: "mb-10" }, R = { class: "space-y-2" }, z = { class: "font-bold dark:text-gray-100" }, ge = { class: "ml-1 text-xs text-gray-400" }, B = { class: "text-sm text-gray-500 dark:text-gray-400" }, _e = { class: "mb-2 rounded-lg border border-gray-300 bg-white p-4 dark:border-gray-700 dark:bg-gray-800" }, ve = { class: "space-y-2 text-sm" }, ye = { class: "flex gap-3" }, be = { class: "font-bold dark:text-gray-100" }, xe = { class: "flex gap-3" }, Se = { class: "flex-1" }, Ce = { class: "space-y-1" }, we = { class: "space-y-2" }, Te = "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", Ee = /* @__PURE__ */ l({
|
|
52
52
|
__name: "CatalogView",
|
|
53
53
|
setup(t) {
|
|
54
|
-
let { isDark: n, toggle: r } = le(), l = ae(), u = oe(), f = M(), p =
|
|
54
|
+
let { isDark: n, toggle: r } = le(), 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
|
}
|
|
@@ -64,27 +64,27 @@ var I = { class: "mx-auto min-h-screen max-w-3xl p-8" }, ue = { class: "mb-8 fle
|
|
|
64
64
|
}, v(y(n) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)]),
|
|
65
65
|
o("section", L, [h[2] ||= o("h2", { class: "mb-3 text-lg font-bold text-gray-700 dark:text-gray-300" }, "ページ", -1), o("ul", de, [(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(Te)
|
|
68
68
|
}, {
|
|
69
69
|
default: b(() => [o("div", fe, [s(v(e.title) + " ", 1), o("span", pe, "(" + v(e.latest) + ")", 1)]), o("div", me, v(e.desc), 1)]),
|
|
70
70
|
_: 2
|
|
71
71
|
}, 1032, ["to"])]))), 128))])]),
|
|
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",
|
|
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", R, [(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(Te)
|
|
75
75
|
}, {
|
|
76
|
-
default: b(() => [o("div",
|
|
76
|
+
default: b(() => [o("div", z, [s(v(e.title) + " ", 1), o("span", ge, "(" + v(e.latest) + ")", 1)]), o("div", B, 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", _e, [h[6] ||= o("div", { class: "mb-2 text-xs font-bold uppercase tracking-wide text-gray-400" }, "表示設定", -1), o("dl", ve, [o("div", ye, [h[4] ||= o("dt", { class: "w-28 shrink-0 text-gray-500 dark:text-gray-400" }, "ダークモード切替", -1), o("dd", be, v(y(l) ? "表示" : "非表示"), 1)]), o("div", xe, [h[5] ||= o("dt", { class: "w-28 shrink-0 text-gray-500 dark:text-gray-400" }, "端末", -1), o("dd", Se, [o("ul", Ce, [(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", we, [o("li", null, [c(y(x), {
|
|
86
86
|
to: "/colors",
|
|
87
|
-
class: d(
|
|
87
|
+
class: d(Te)
|
|
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 De() {
|
|
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 V = De();
|
|
113
|
+
function Oe(e) {
|
|
114
|
+
V = e;
|
|
115
115
|
}
|
|
116
|
-
var
|
|
117
|
-
function
|
|
116
|
+
var H = { exec: () => null };
|
|
117
|
+
function U(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(W.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 W = {
|
|
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
|
+
}, ke = /^(?:[ \t]*(?:\n|$))+/, Ae = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/, je = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, G = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, Me = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, Ne = /(?:[*+-]|\d{1,9}[.)])/, Pe = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/, Fe = U(Pe).replace(/bull/g, Ne).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(), Ie = U(Pe).replace(/bull/g, Ne).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(), Le = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, Re = /^[^\n]+/, ze = /(?!\s*\])(?:\\.|[^\[\]\\])+/, Be = U(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", ze).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), Ve = U(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, Ne).getRegex(), K = "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", He = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, Ue = U("^ {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", He).replace("tag", K).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), We = U(Le).replace("hr", G).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", K).getRegex(), Ge = {
|
|
185
|
+
blockquote: U(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", We).getRegex(),
|
|
186
|
+
code: Ae,
|
|
187
|
+
def: Be,
|
|
188
|
+
fences: je,
|
|
189
|
+
heading: Me,
|
|
190
|
+
hr: G,
|
|
191
|
+
html: Ue,
|
|
192
|
+
lheading: Fe,
|
|
193
|
+
list: Ve,
|
|
194
|
+
newline: ke,
|
|
195
|
+
paragraph: We,
|
|
196
|
+
table: H,
|
|
197
|
+
text: Re
|
|
198
|
+
}, Ke = U("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", G).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", K).getRegex(), qe = {
|
|
199
|
+
...Ge,
|
|
200
|
+
lheading: Ie,
|
|
201
|
+
table: Ke,
|
|
202
|
+
paragraph: U(Le).replace("hr", G).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", Ke).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", K).getRegex()
|
|
203
|
+
}, Je = {
|
|
204
|
+
...Ge,
|
|
205
|
+
html: U("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment", He).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: H,
|
|
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: U(Le).replace("hr", G).replace("heading", " *#{1,6} *[^\n]").replace("lheading", Fe).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
|
|
211
|
+
}, Ye = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, Xe = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, Ze = /^( {2,}|\\)\n(?!\s*$)/, Qe = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, $e = /[\p{P}\p{S}]/u, et = /[\s\p{P}\p{S}]/u, tt = /[^\s\p{P}\p{S}]/u, nt = U(/^((?![*_])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 = U(st, "u").replace(/punct/g, $e).getRegex(), lt = U(st, "u").replace(/punct/g, rt).getRegex(), ut = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)", dt = U(ut, "gu").replace(/notPunctSpace/g, tt).replace(/punctSpace/g, et).replace(/punct/g, $e).getRegex(), ft = U(ut, "gu").replace(/notPunctSpace/g, at).replace(/punctSpace/g, it).replace(/punct/g, rt).getRegex(), pt = U("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, tt).replace(/punctSpace/g, et).replace(/punct/g, $e).getRegex(), mt = U(/\\(punct)/, "gu").replace(/punct/g, $e).getRegex(), ht = U(/^<(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 = U(He).replace("(?:-->|$)", "-->").getRegex(), _t = U("^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 = U(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]*(?:\n[ \t]*)?)(title))?\s*\)/).replace("label", vt).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), bt = U(/^!?\[(label)\]\[(ref)\]/).replace("label", vt).replace("ref", ze).getRegex(), xt = U(/^!?\[(ref)\](?:\[\])?/).replace("ref", ze).getRegex(), St = {
|
|
212
|
+
_backpedal: H,
|
|
213
|
+
anyPunctuation: mt,
|
|
214
|
+
autolink: ht,
|
|
215
|
+
blockSkip: ot,
|
|
216
|
+
br: Ze,
|
|
217
|
+
code: Xe,
|
|
218
|
+
del: H,
|
|
219
|
+
emStrongLDelim: ct,
|
|
220
|
+
emStrongRDelimAst: dt,
|
|
221
|
+
emStrongRDelimUnd: pt,
|
|
222
|
+
escape: Ye,
|
|
223
|
+
link: yt,
|
|
224
|
+
nolink: xt,
|
|
225
|
+
punctuation: nt,
|
|
226
|
+
reflink: bt,
|
|
227
|
+
reflinkSearch: U("reflink|nolink(?!\\()", "g").replace("reflink", bt).replace("nolink", xt).getRegex(),
|
|
228
|
+
tag: _t,
|
|
229
|
+
text: Qe,
|
|
230
|
+
url: H
|
|
231
|
+
}, Ct = {
|
|
232
|
+
...St,
|
|
233
|
+
link: U(/^!?\[(label)\]\((.*?)\)/).replace("label", vt).getRegex(),
|
|
234
|
+
reflink: U(/^!?\[(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: U(/^((?: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: U(Ze).replace("{2,}", "*").getRegex(),
|
|
246
|
+
text: U(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: Ge,
|
|
249
|
+
gfm: qe,
|
|
250
|
+
pedantic: Je
|
|
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 (W.escapeTest.test(e)) return e.replace(W.escapeReplace, Ot);
|
|
266
|
+
} else if (W.escapeTestNoEncode.test(e)) return e.replace(W.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(W.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(W.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(W.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(W.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 || V;
|
|
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 || V, 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: W,
|
|
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(W.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(W.tabCharGlobal, " ").replace(W.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 || V;
|
|
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(W.notSpaceStart)?.[0], i = e.replace(W.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 || V, 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 || V;
|
|
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 = De();
|
|
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, Oe($.defaults), $;
|
|
1444
|
+
}, $.getDefaults = De, $.defaults = V, $.use = function(...e) {
|
|
1445
|
+
return Q.use(...e), $.defaults = Q.defaults, Oe($.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,19 +1457,25 @@ 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
1461
|
key: 0,
|
|
1462
|
+
class: "font-mono text-xs text-gray-500 dark:text-gray-400"
|
|
1463
|
+
}, Jt = {
|
|
1464
|
+
key: 0,
|
|
1465
|
+
class: "text-gray-400"
|
|
1466
|
+
}, Yt = {
|
|
1467
|
+
key: 1,
|
|
1462
1468
|
class: "inline-flex overflow-hidden rounded-md border border-gray-300 text-xs font-bold dark:border-gray-600"
|
|
1463
|
-
},
|
|
1469
|
+
}, Xt = ["onClick"], Zt = { class: "rounded-md bg-white p-4 transition-colors dark:bg-gray-800" }, Qt = {
|
|
1464
1470
|
key: 0,
|
|
1465
1471
|
class: "w-full"
|
|
1466
|
-
},
|
|
1472
|
+
}, $t = { class: "rounded-[2.5rem] bg-black p-3 shadow-xl" }, en = { class: "relative overflow-hidden rounded-[1.8rem]" }, tn = {
|
|
1467
1473
|
key: 0,
|
|
1468
1474
|
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
|
-
},
|
|
1475
|
+
}, nn = {
|
|
1470
1476
|
key: 1,
|
|
1471
1477
|
class: "w-full overflow-hidden rounded-xl border-2 border-gray-300 shadow-sm dark:border-gray-700"
|
|
1472
|
-
},
|
|
1478
|
+
}, rn = { class: "rounded-lg border border-gray-300 bg-white p-6 dark:border-gray-700 dark:bg-gray-800" }, an = ["innerHTML"], on = /* @__PURE__ */ l({
|
|
1473
1479
|
__name: "ReqScreen",
|
|
1474
1480
|
props: {
|
|
1475
1481
|
title: {},
|
|
@@ -1487,59 +1493,91 @@ 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 =
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1496
|
+
}), O = h(null), k = h(null), A = h(0), j = h(0), M = h({});
|
|
1497
|
+
function ce(e) {
|
|
1498
|
+
let t = M.value[e.id] ?? e.minWidth;
|
|
1499
|
+
return Math.min(e.maxWidth, Math.max(e.minWidth, t));
|
|
1500
|
+
}
|
|
1501
|
+
let N = t(() => w.value ? ce(w.value) : 0), P = t(() => !!w.value && w.value.minWidth < w.value.maxWidth), F = t(() => {
|
|
1502
|
+
let e = N.value;
|
|
1495
1503
|
return !e || A.value === 0 ? 1 : Math.min(1, A.value / e);
|
|
1496
|
-
}),
|
|
1497
|
-
function
|
|
1504
|
+
}), I = t(() => N.value ? N.value * F.value : 0), ue = t(() => j.value * F.value), L = h(!1), de = 0, fe = 0;
|
|
1505
|
+
function pe(e) {
|
|
1506
|
+
let t = w.value;
|
|
1507
|
+
return t ? Math.min(t.maxWidth, Math.max(t.minWidth, e)) : e;
|
|
1508
|
+
}
|
|
1509
|
+
function me(e) {
|
|
1510
|
+
let t = w.value;
|
|
1511
|
+
t && (M.value = {
|
|
1512
|
+
...M.value,
|
|
1513
|
+
[t.id]: pe(e)
|
|
1514
|
+
});
|
|
1515
|
+
}
|
|
1516
|
+
function he(e) {
|
|
1517
|
+
if (!w.value || !P.value) return;
|
|
1518
|
+
e.preventDefault(), L.value = !0, de = e.clientX, fe = N.value, document.body.style.userSelect = "none", document.body.style.cursor = "ew-resize";
|
|
1519
|
+
function t(e) {
|
|
1520
|
+
let t = (e.clientX - de) / F.value;
|
|
1521
|
+
me(fe + t);
|
|
1522
|
+
}
|
|
1523
|
+
function n() {
|
|
1524
|
+
L.value = !1, document.body.style.userSelect = "", document.body.style.cursor = "", window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", n), u(z);
|
|
1525
|
+
}
|
|
1526
|
+
window.addEventListener("mousemove", t), window.addEventListener("mouseup", n);
|
|
1527
|
+
}
|
|
1528
|
+
let R = null;
|
|
1529
|
+
function z() {
|
|
1498
1530
|
O.value && (A.value = O.value.clientWidth), k.value && (j.value = k.value.offsetHeight);
|
|
1499
1531
|
}
|
|
1500
|
-
function
|
|
1501
|
-
|
|
1532
|
+
function ge() {
|
|
1533
|
+
R?.disconnect(), O.value && R?.observe(O.value), k.value && R?.observe(k.value);
|
|
1502
1534
|
}
|
|
1503
|
-
let
|
|
1504
|
-
function
|
|
1505
|
-
e.key === "Escape" && (
|
|
1535
|
+
let B = h(!1);
|
|
1536
|
+
function _e(e) {
|
|
1537
|
+
e.key === "Escape" && (B.value = !1);
|
|
1506
1538
|
}
|
|
1507
1539
|
return ee(() => {
|
|
1508
|
-
|
|
1540
|
+
R = new ResizeObserver(() => z()), ge(), z(), window.addEventListener("keydown", _e);
|
|
1509
1541
|
}), p(() => {
|
|
1510
|
-
|
|
1511
|
-
}), ne([
|
|
1512
|
-
|
|
1513
|
-
|
|
1542
|
+
R?.disconnect(), window.removeEventListener("keydown", _e);
|
|
1543
|
+
}), ne([
|
|
1544
|
+
C,
|
|
1545
|
+
B,
|
|
1546
|
+
N
|
|
1547
|
+
], () => u(() => {
|
|
1548
|
+
ge(), z();
|
|
1549
|
+
})), (t, r) => B.value ? (m(), a("div", {
|
|
1514
1550
|
key: 1,
|
|
1515
1551
|
class: "fixed inset-0 z-50 overflow-auto",
|
|
1516
1552
|
style: f(D.value)
|
|
1517
1553
|
}, [o("button", {
|
|
1518
1554
|
type: "button",
|
|
1519
1555
|
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) =>
|
|
1556
|
+
onClick: r[2] ||= (e) => B.value = !1
|
|
1521
1557
|
}, " 閉じる（Esc） "), o("div", {
|
|
1522
1558
|
ref_key: "areaRef",
|
|
1523
1559
|
ref: O,
|
|
1524
1560
|
class: "min-h-full"
|
|
1525
1561
|
}, [w.value ? (m(), a("div", {
|
|
1526
1562
|
key: 0,
|
|
1527
|
-
class: "mx-auto overflow-hidden",
|
|
1563
|
+
class: "relative mx-auto overflow-hidden",
|
|
1528
1564
|
style: f({
|
|
1529
|
-
width:
|
|
1530
|
-
height: j.value ? `${
|
|
1565
|
+
width: I.value ? `${I.value}px` : "",
|
|
1566
|
+
height: j.value ? `${ue.value}px` : "auto"
|
|
1531
1567
|
})
|
|
1532
1568
|
}, [o("div", {
|
|
1533
1569
|
ref_key: "contentRef",
|
|
1534
1570
|
ref: k,
|
|
1535
1571
|
class: "origin-top-left",
|
|
1536
1572
|
style: f({
|
|
1537
|
-
width: T(
|
|
1538
|
-
|
|
1539
|
-
maxWidth: T(w.value.maxWidth),
|
|
1540
|
-
transform: `scale(${N.value})`
|
|
1573
|
+
width: T(N.value),
|
|
1574
|
+
transform: `scale(${F.value})`
|
|
1541
1575
|
})
|
|
1542
|
-
}, [_(t.$slots, "mock")], 4)
|
|
1576
|
+
}, [_(t.$slots, "mock")], 4), P.value ? (m(), a("div", {
|
|
1577
|
+
key: 0,
|
|
1578
|
+
class: "absolute inset-y-0 -right-1 z-20 flex w-3 cursor-ew-resize items-center justify-center opacity-60 hover:opacity-100",
|
|
1579
|
+
onMousedown: he
|
|
1580
|
+
}, [...r[8] ||= [o("div", { class: "h-10 w-1 rounded-full bg-gray-400 dark:bg-gray-500" }, null, -1)]], 32)) : i("", !0)], 4)) : i("", !0)], 512)], 4)) : (m(), a("div", zt, [o("header", Bt, [
|
|
1543
1581
|
c(y(x), {
|
|
1544
1582
|
to: "/catalog",
|
|
1545
1583
|
class: "text-sm text-gray-500 underline hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-100"
|
|
@@ -1553,8 +1591,8 @@ var zt = {
|
|
|
1553
1591
|
o("button", {
|
|
1554
1592
|
type: "button",
|
|
1555
1593
|
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(
|
|
1594
|
+
onClick: r[0] ||= (e) => B.value = !B.value
|
|
1595
|
+
}, v(B.value ? "要件を表示" : "プレビュー"), 1),
|
|
1558
1596
|
y(ie) ? (m(), a("button", {
|
|
1559
1597
|
key: 0,
|
|
1560
1598
|
type: "button",
|
|
@@ -1562,50 +1600,52 @@ var zt = {
|
|
|
1562
1600
|
onClick: r[1] ||= (...e) => y(re) && y(re)(...e)
|
|
1563
1601
|
}, v(y(te) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)
|
|
1564
1602
|
])
|
|
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), y(S).length > 1 ? (m(), a("div",
|
|
1603
|
+
]), 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(N.value) + "px ", 1), P.value ? (m(), a("span", Jt, "（" + v(w.value.minWidth) + "–" + v(w.value.maxWidth) + "）", 1)) : i("", !0)])) : i("", !0), y(S).length > 1 ? (m(), a("div", Yt, [(m(!0), a(e, null, g(y(S), (e) => (m(), a("button", {
|
|
1566
1604
|
key: e.id,
|
|
1567
1605
|
type: "button",
|
|
1568
1606
|
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
1607
|
onClick: (t) => C.value = e.id
|
|
1570
|
-
}, v(e.label), 11,
|
|
1608
|
+
}, v(e.label), 11, Xt))), 128))])) : i("", !0)])]), o("div", Zt, [o("div", {
|
|
1571
1609
|
ref_key: "areaRef",
|
|
1572
1610
|
ref: O
|
|
1573
1611
|
}, [w.value ? (m(), a("div", {
|
|
1574
1612
|
key: 0,
|
|
1575
|
-
class: "mx-auto overflow-hidden",
|
|
1613
|
+
class: "relative mx-auto overflow-hidden",
|
|
1576
1614
|
style: f({
|
|
1577
|
-
width:
|
|
1578
|
-
height: j.value ? `${
|
|
1615
|
+
width: I.value ? `${I.value}px` : "",
|
|
1616
|
+
height: j.value ? `${ue.value}px` : "auto"
|
|
1579
1617
|
})
|
|
1580
1618
|
}, [o("div", {
|
|
1581
1619
|
ref_key: "contentRef",
|
|
1582
1620
|
ref: k,
|
|
1583
1621
|
class: "origin-top-left",
|
|
1584
1622
|
style: f({
|
|
1585
|
-
width: T(
|
|
1586
|
-
|
|
1587
|
-
maxWidth: T(w.value.maxWidth),
|
|
1588
|
-
transform: `scale(${N.value})`
|
|
1623
|
+
width: T(N.value),
|
|
1624
|
+
transform: `scale(${F.value})`
|
|
1589
1625
|
})
|
|
1590
|
-
}, [w.value.frame === "phone" || w.value.frame === "tablet" ? (m(), a("div",
|
|
1626
|
+
}, [w.value.frame === "phone" || w.value.frame === "tablet" ? (m(), a("div", Qt, [o("div", $t, [o("div", en, [w.value.frame === "phone" ? (m(), a("div", tn)) : i("", !0), o("div", {
|
|
1591
1627
|
class: d(["px-4 pb-6", w.value.frame === "phone" ? "pt-9" : "pt-6"]),
|
|
1592
1628
|
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",
|
|
1629
|
+
}, [_(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", nn, [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
1630
|
o("span", { class: "h-3 w-3 rounded-full bg-red-400" }),
|
|
1595
1631
|
o("span", { class: "h-3 w-3 rounded-full bg-yellow-400" }),
|
|
1596
1632
|
o("span", { class: "h-3 w-3 rounded-full bg-green-400" })
|
|
1597
1633
|
], -1), o("div", {
|
|
1598
1634
|
class: "p-4",
|
|
1599
1635
|
style: f(D.value)
|
|
1600
|
-
}, [_(t.$slots, "mock")], 4)]))], 4)
|
|
1636
|
+
}, [_(t.$slots, "mock")], 4)]))], 4), P.value ? (m(), a("div", {
|
|
1637
|
+
key: 0,
|
|
1638
|
+
class: d(["absolute inset-y-0 -right-1 z-20 flex w-3 cursor-ew-resize items-center justify-center", L.value ? "opacity-100" : "opacity-60 hover:opacity-100"]),
|
|
1639
|
+
onMousedown: he
|
|
1640
|
+
}, [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", rn, [r[7] ||= o("div", { class: "mb-3 text-xs font-bold uppercase tracking-wide text-gray-400" }, " 要件 ", -1), o("div", {
|
|
1601
1641
|
class: "req-md",
|
|
1602
1642
|
innerHTML: l.value
|
|
1603
|
-
}, null, 8,
|
|
1643
|
+
}, null, 8, an)])])]));
|
|
1604
1644
|
}
|
|
1605
|
-
}),
|
|
1645
|
+
}), sn = { class: "flex items-center gap-2 text-sm" }, cn = ["value"], ln = ["value"], un = ["innerHTML"], dn = {
|
|
1606
1646
|
key: 1,
|
|
1607
1647
|
class: "p-8"
|
|
1608
|
-
},
|
|
1648
|
+
}, fn = { class: "text-gray-600" }, pn = /* @__PURE__ */ l({
|
|
1609
1649
|
__name: "ReqPageView",
|
|
1610
1650
|
props: {
|
|
1611
1651
|
kind: {},
|
|
@@ -1613,30 +1653,30 @@ var zt = {
|
|
|
1613
1653
|
ver: {}
|
|
1614
1654
|
},
|
|
1615
1655
|
setup(n) {
|
|
1616
|
-
let i = n, l = C(), u = t(() =>
|
|
1656
|
+
let i = n, l = C(), u = t(() => P(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
1657
|
function ee(e) {
|
|
1618
1658
|
let t = e.target.value;
|
|
1619
1659
|
l.push(`/${i.kind}s/${i.name}/${t}`);
|
|
1620
1660
|
}
|
|
1621
|
-
return (t, i) => u.value && f.value ? (m(), r(
|
|
1661
|
+
return (t, i) => u.value && f.value ? (m(), r(on, {
|
|
1622
1662
|
key: 0,
|
|
1623
1663
|
title: u.value.title,
|
|
1624
1664
|
doc: f.value.req
|
|
1625
1665
|
}, {
|
|
1626
|
-
toolbar: b(() => [o("label",
|
|
1666
|
+
toolbar: b(() => [o("label", sn, [i[0] ||= o("span", { class: "text-gray-500 dark:text-gray-400" }, "バージョン", -1), o("select", {
|
|
1627
1667
|
value: d.value,
|
|
1628
1668
|
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
1669
|
onChange: ee
|
|
1630
1670
|
}, [(m(!0), a(e, null, g(p.value, (e) => (m(), a("option", {
|
|
1631
1671
|
key: e,
|
|
1632
1672
|
value: e
|
|
1633
|
-
}, v(e), 9,
|
|
1673
|
+
}, v(e), 9, ln))), 128))], 40, cn)])]),
|
|
1634
1674
|
mock: b(() => [typeof f.value.view == "string" ? (m(), a("div", {
|
|
1635
1675
|
key: 0,
|
|
1636
1676
|
innerHTML: f.value.view
|
|
1637
|
-
}, null, 8,
|
|
1677
|
+
}, null, 8, un)) : (m(), r(te(f.value.view), { key: 1 }))]),
|
|
1638
1678
|
_: 1
|
|
1639
|
-
}, 8, ["title", "doc"])) : (m(), a("div",
|
|
1679
|
+
}, 8, ["title", "doc"])) : (m(), a("div", dn, [o("p", fn, "該当するアイテムが見つかりません: " + v(n.kind) + " / " + v(n.name), 1), c(y(x), {
|
|
1640
1680
|
to: "/catalog",
|
|
1641
1681
|
class: "text-blue-600 underline"
|
|
1642
1682
|
}, {
|
|
@@ -1644,10 +1684,10 @@ var zt = {
|
|
|
1644
1684
|
_: 1
|
|
1645
1685
|
})]));
|
|
1646
1686
|
}
|
|
1647
|
-
}),
|
|
1687
|
+
}), 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
1688
|
key: 0,
|
|
1649
1689
|
class: "mt-1 text-xs text-gray-600 dark:text-gray-400"
|
|
1650
|
-
},
|
|
1690
|
+
}, Sn = /* @__PURE__ */ l({
|
|
1651
1691
|
__name: "ColorsView",
|
|
1652
1692
|
setup(t) {
|
|
1653
1693
|
let { isDark: n, toggle: r } = le(), l = ae(), u = se(), p = [...u ? [{
|
|
@@ -1660,8 +1700,8 @@ var zt = {
|
|
|
1660
1700
|
light: u.light.font,
|
|
1661
1701
|
dark: u.dark.font,
|
|
1662
1702
|
desc: "モックの基本文字色"
|
|
1663
|
-
}] : [], ...
|
|
1664
|
-
return (t, u) => (m(), a("div",
|
|
1703
|
+
}] : [], ...N()];
|
|
1704
|
+
return (t, u) => (m(), a("div", mn, [o("header", hn, [
|
|
1665
1705
|
c(y(x), {
|
|
1666
1706
|
to: "/catalog",
|
|
1667
1707
|
class: "text-sm text-gray-500 underline hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-100"
|
|
@@ -1676,22 +1716,22 @@ var zt = {
|
|
|
1676
1716
|
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
1717
|
onClick: u[0] ||= (...e) => y(r) && y(r)(...e)
|
|
1678
1718
|
}, v(y(n) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)
|
|
1679
|
-
]), o("div",
|
|
1719
|
+
]), o("div", gn, [o("div", _n, [(m(), a(e, null, g(p, (e) => o("div", {
|
|
1680
1720
|
key: e.name,
|
|
1681
1721
|
class: "overflow-hidden rounded-lg border border-gray-300 bg-white dark:border-gray-700 dark:bg-gray-800"
|
|
1682
1722
|
}, [o("div", {
|
|
1683
1723
|
class: "h-24 w-full border-b border-gray-200 dark:border-gray-700",
|
|
1684
1724
|
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",
|
|
1725
|
+
}, null, 4), o("div", vn, [
|
|
1726
|
+
o("div", yn, v(e.name), 1),
|
|
1727
|
+
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)]),
|
|
1728
|
+
e.desc ? (m(), a("div", xn, v(e.desc), 1)) : i("", !0)
|
|
1689
1729
|
])])), 64))])])]));
|
|
1690
1730
|
}
|
|
1691
1731
|
});
|
|
1692
1732
|
//#endregion
|
|
1693
1733
|
//#region src/router.ts
|
|
1694
|
-
function
|
|
1734
|
+
function Cn() {
|
|
1695
1735
|
return ie({
|
|
1696
1736
|
history: S(),
|
|
1697
1737
|
routes: [
|
|
@@ -1702,17 +1742,17 @@ function bn() {
|
|
|
1702
1742
|
{
|
|
1703
1743
|
path: "/catalog",
|
|
1704
1744
|
name: "catalog",
|
|
1705
|
-
component:
|
|
1745
|
+
component: Ee
|
|
1706
1746
|
},
|
|
1707
1747
|
{
|
|
1708
1748
|
path: "/colors",
|
|
1709
1749
|
name: "colors",
|
|
1710
|
-
component:
|
|
1750
|
+
component: Sn
|
|
1711
1751
|
},
|
|
1712
1752
|
{
|
|
1713
1753
|
path: "/components/:name/:ver?",
|
|
1714
1754
|
name: "component",
|
|
1715
|
-
component:
|
|
1755
|
+
component: pn,
|
|
1716
1756
|
props: (e) => ({
|
|
1717
1757
|
kind: "component",
|
|
1718
1758
|
name: e.params.name,
|
|
@@ -1722,7 +1762,7 @@ function bn() {
|
|
|
1722
1762
|
{
|
|
1723
1763
|
path: "/pages/:name/:ver?",
|
|
1724
1764
|
name: "page",
|
|
1725
|
-
component:
|
|
1765
|
+
component: pn,
|
|
1726
1766
|
props: (e) => ({
|
|
1727
1767
|
kind: "page",
|
|
1728
1768
|
name: e.params.name,
|
|
@@ -1734,10 +1774,10 @@ function bn() {
|
|
|
1734
1774
|
}
|
|
1735
1775
|
//#endregion
|
|
1736
1776
|
//#region src/createSpecViewer.ts
|
|
1737
|
-
function
|
|
1777
|
+
function wn(e) {
|
|
1738
1778
|
j(e);
|
|
1739
1779
|
let t = n(w);
|
|
1740
|
-
return t.use(
|
|
1780
|
+
return t.use(Cn()), t;
|
|
1741
1781
|
}
|
|
1742
1782
|
//#endregion
|
|
1743
|
-
export {
|
|
1783
|
+
export { wn as createSpecViewer };
|