required-doc 0.0.2 → 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 +168 -166
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -29,62 +29,62 @@ function ce() {
|
|
|
29
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
|
-
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", 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
|
-
default: b(() => [o("div",
|
|
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 De() {
|
|
|
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,73 +181,73 @@ var W = {
|
|
|
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: 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,
|
|
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,
|
|
200
192
|
lheading: Ie,
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
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:
|
|
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
213
|
anyPunctuation: mt,
|
|
214
214
|
autolink: ht,
|
|
215
215
|
blockSkip: ot,
|
|
216
|
-
br:
|
|
217
|
-
code:
|
|
218
|
-
del:
|
|
216
|
+
br: Qe,
|
|
217
|
+
code: Ze,
|
|
218
|
+
del: V,
|
|
219
219
|
emStrongLDelim: ct,
|
|
220
220
|
emStrongRDelimAst: dt,
|
|
221
221
|
emStrongRDelimUnd: pt,
|
|
222
|
-
escape:
|
|
222
|
+
escape: Xe,
|
|
223
223
|
link: yt,
|
|
224
224
|
nolink: xt,
|
|
225
225
|
punctuation: nt,
|
|
226
226
|
reflink: bt,
|
|
227
|
-
reflinkSearch:
|
|
227
|
+
reflinkSearch: H("reflink|nolink(?!\\()", "g").replace("reflink", bt).replace("nolink", xt).getRegex(),
|
|
228
228
|
tag: _t,
|
|
229
|
-
text:
|
|
230
|
-
url:
|
|
229
|
+
text: $e,
|
|
230
|
+
url: V
|
|
231
231
|
}, Ct = {
|
|
232
232
|
...St,
|
|
233
|
-
link:
|
|
234
|
-
reflink:
|
|
233
|
+
link: H(/^!?\[(label)\]\((.*?)\)/).replace("label", vt).getRegex(),
|
|
234
|
+
reflink: H(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", vt).getRegex()
|
|
235
235
|
}, wt = {
|
|
236
236
|
...St,
|
|
237
237
|
emStrongRDelimAst: ft,
|
|
238
238
|
emStrongLDelim: lt,
|
|
239
|
-
url:
|
|
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
243
|
}, Tt = {
|
|
244
244
|
...wt,
|
|
245
|
-
br:
|
|
246
|
-
text:
|
|
245
|
+
br: H(Qe).replace("{2,}", "*").getRegex(),
|
|
246
|
+
text: H(wt.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
|
|
247
247
|
}, Et = {
|
|
248
|
-
normal:
|
|
249
|
-
gfm:
|
|
250
|
-
pedantic:
|
|
248
|
+
normal: Ke,
|
|
249
|
+
gfm: Je,
|
|
250
|
+
pedantic: Ye
|
|
251
251
|
}, q = {
|
|
252
252
|
normal: St,
|
|
253
253
|
gfm: wt,
|
|
@@ -262,27 +262,27 @@ var W = {
|
|
|
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,13 +747,13 @@ ${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:
|
|
756
|
+
other: U,
|
|
757
757
|
block: Et.normal,
|
|
758
758
|
inline: q.normal
|
|
759
759
|
};
|
|
@@ -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({
|
|
@@ -1463,26 +1463,26 @@ var zt = {
|
|
|
1463
1463
|
}, Jt = {
|
|
1464
1464
|
key: 0,
|
|
1465
1465
|
class: "text-gray-400"
|
|
1466
|
-
}, Yt = {
|
|
1467
|
-
key: 1,
|
|
1468
|
-
class: "inline-flex overflow-hidden rounded-md border border-gray-300 text-xs font-bold dark:border-gray-600"
|
|
1469
|
-
}, Xt = ["onClick"], Zt = { class: "rounded-md bg-white p-4 transition-colors dark:bg-gray-800" }, Qt = {
|
|
1466
|
+
}, Yt = ["onClick"], Xt = { class: "rounded-md bg-white p-4 transition-colors dark:bg-gray-800" }, Zt = {
|
|
1470
1467
|
key: 0,
|
|
1471
1468
|
class: "w-full"
|
|
1472
|
-
},
|
|
1469
|
+
}, Qt = { class: "rounded-[2.5rem] bg-black p-3 shadow-xl" }, $t = { class: "relative overflow-hidden rounded-[1.8rem]" }, en = {
|
|
1473
1470
|
key: 0,
|
|
1474
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"
|
|
1475
|
-
},
|
|
1472
|
+
}, tn = {
|
|
1476
1473
|
key: 1,
|
|
1477
1474
|
class: "w-full overflow-hidden rounded-xl border-2 border-gray-300 shadow-sm dark:border-gray-700"
|
|
1478
|
-
},
|
|
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({
|
|
1479
1479
|
__name: "ReqScreen",
|
|
1480
1480
|
props: {
|
|
1481
1481
|
title: {},
|
|
1482
1482
|
doc: {}
|
|
1483
1483
|
},
|
|
1484
1484
|
setup(n) {
|
|
1485
|
-
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]);
|
|
1486
1486
|
function T(e) {
|
|
1487
1487
|
return `${e}px`;
|
|
1488
1488
|
}
|
|
@@ -1493,91 +1493,90 @@ var zt = {
|
|
|
1493
1493
|
background: e.bg,
|
|
1494
1494
|
color: e.font
|
|
1495
1495
|
};
|
|
1496
|
-
}), O = h(null), k = h(null), A = h(0), j = h(0), M = h({
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
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));
|
|
1500
1508
|
}
|
|
1501
|
-
let
|
|
1502
|
-
|
|
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;
|
|
1503
1512
|
return !e || A.value === 0 ? 1 : Math.min(1, A.value / e);
|
|
1504
|
-
}),
|
|
1505
|
-
function
|
|
1506
|
-
let t =
|
|
1507
|
-
|
|
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));
|
|
1508
1517
|
}
|
|
1509
|
-
function
|
|
1510
|
-
|
|
1511
|
-
t && (M.value = {
|
|
1512
|
-
...M.value,
|
|
1513
|
-
[t.id]: pe(e)
|
|
1514
|
-
});
|
|
1518
|
+
function ve(e) {
|
|
1519
|
+
C.value = e;
|
|
1515
1520
|
}
|
|
1516
|
-
function
|
|
1517
|
-
if (!w.value || !
|
|
1518
|
-
e.preventDefault(),
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
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);
|
|
1522
1530
|
}
|
|
1523
|
-
function
|
|
1524
|
-
L.value = !1, document.body.style.userSelect = "", document.body.style.cursor = "",
|
|
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));
|
|
1525
1533
|
}
|
|
1526
|
-
|
|
1534
|
+
t.addEventListener("pointermove", n), t.addEventListener("pointerup", r), t.addEventListener("pointercancel", r);
|
|
1527
1535
|
}
|
|
1528
1536
|
let R = null;
|
|
1529
1537
|
function z() {
|
|
1530
1538
|
O.value && (A.value = O.value.clientWidth), k.value && (j.value = k.value.offsetHeight);
|
|
1531
1539
|
}
|
|
1532
|
-
function
|
|
1540
|
+
function be() {
|
|
1533
1541
|
R?.disconnect(), O.value && R?.observe(O.value), k.value && R?.observe(k.value);
|
|
1534
1542
|
}
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
e.key === "Escape" && (B.value = !1);
|
|
1543
|
+
function xe(e) {
|
|
1544
|
+
e.key === "Escape" && (M.value = !1);
|
|
1538
1545
|
}
|
|
1539
1546
|
return ee(() => {
|
|
1540
|
-
R = new ResizeObserver(() => z()),
|
|
1547
|
+
R = new ResizeObserver(() => z()), be(), z(), window.addEventListener("keydown", xe);
|
|
1541
1548
|
}), p(() => {
|
|
1542
|
-
R?.disconnect(), window.removeEventListener("keydown",
|
|
1549
|
+
R?.disconnect(), window.removeEventListener("keydown", xe);
|
|
1543
1550
|
}), ne([
|
|
1544
1551
|
C,
|
|
1545
|
-
|
|
1546
|
-
|
|
1552
|
+
M,
|
|
1553
|
+
P
|
|
1547
1554
|
], () => u(() => {
|
|
1548
|
-
|
|
1549
|
-
})), (t, r) =>
|
|
1550
|
-
key: 1,
|
|
1551
|
-
class: "fixed inset-0 z-50 overflow-auto",
|
|
1552
|
-
style: f(D.value)
|
|
1553
|
-
}, [o("button", {
|
|
1555
|
+
be(), z();
|
|
1556
|
+
})), (t, r) => M.value ? (m(), a("div", an, [o("button", {
|
|
1554
1557
|
type: "button",
|
|
1555
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",
|
|
1556
|
-
onClick: r[2] ||= (e) =>
|
|
1559
|
+
onClick: r[2] ||= (e) => M.value = !1
|
|
1557
1560
|
}, " 閉じる（Esc） "), o("div", {
|
|
1558
1561
|
ref_key: "areaRef",
|
|
1559
1562
|
ref: O,
|
|
1560
|
-
class: "min-h-full"
|
|
1563
|
+
class: "flex min-h-full justify-center"
|
|
1561
1564
|
}, [w.value ? (m(), a("div", {
|
|
1562
1565
|
key: 0,
|
|
1563
|
-
class: "relative
|
|
1564
|
-
style: f({
|
|
1565
|
-
width: I.value ? `${I.value}px` : "",
|
|
1566
|
-
height: j.value ? `${ue.value}px` : "auto"
|
|
1567
|
-
})
|
|
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) })
|
|
1568
1568
|
}, [o("div", {
|
|
1569
1569
|
ref_key: "contentRef",
|
|
1570
1570
|
ref: k,
|
|
1571
|
-
class: "origin-top-left",
|
|
1572
1571
|
style: f({
|
|
1573
|
-
width: T(
|
|
1574
|
-
|
|
1572
|
+
width: T(P.value),
|
|
1573
|
+
...D.value
|
|
1575
1574
|
})
|
|
1576
|
-
}, [_(t.$slots, "mock")], 4),
|
|
1575
|
+
}, [_(t.$slots, "mock")], 4), F.value ? (m(), a("div", {
|
|
1577
1576
|
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
|
-
|
|
1580
|
-
}, [...r[8] ||= [o("div", { class: "h-10 w-1 rounded-full bg-gray-400 dark:bg-gray-500" }, null, -1)]], 32)) : i("", !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, [
|
|
1581
1580
|
c(y(x), {
|
|
1582
1581
|
to: "/catalog",
|
|
1583
1582
|
class: "text-sm text-gray-500 underline hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-100"
|
|
@@ -1591,8 +1590,8 @@ var zt = {
|
|
|
1591
1590
|
o("button", {
|
|
1592
1591
|
type: "button",
|
|
1593
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",
|
|
1594
|
-
onClick: r[0] ||= (e) =>
|
|
1595
|
-
}, v(
|
|
1593
|
+
onClick: r[0] ||= (e) => M.value = !M.value
|
|
1594
|
+
}, v(M.value ? "要件を表示" : "プレビュー"), 1),
|
|
1596
1595
|
y(ie) ? (m(), a("button", {
|
|
1597
1596
|
key: 0,
|
|
1598
1597
|
type: "button",
|
|
@@ -1600,47 +1599,50 @@ var zt = {
|
|
|
1600
1599
|
onClick: r[1] ||= (...e) => y(re) && y(re)(...e)
|
|
1601
1600
|
}, v(y(te) ? "ライトモード" : "ダークモード"), 1)) : i("", !0)
|
|
1602
1601
|
])
|
|
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(
|
|
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", {
|
|
1604
1606
|
key: e.id,
|
|
1605
1607
|
type: "button",
|
|
1606
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"]),
|
|
1607
|
-
onClick: (t) =>
|
|
1608
|
-
}, 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", {
|
|
1609
1611
|
ref_key: "areaRef",
|
|
1610
1612
|
ref: O
|
|
1611
1613
|
}, [w.value ? (m(), a("div", {
|
|
1612
1614
|
key: 0,
|
|
1613
1615
|
class: "relative mx-auto overflow-hidden",
|
|
1614
1616
|
style: f({
|
|
1615
|
-
width:
|
|
1616
|
-
height: j.value ? `${
|
|
1617
|
+
width: de.value ? `${de.value}px` : "",
|
|
1618
|
+
height: j.value ? `${fe.value}px` : "auto"
|
|
1617
1619
|
})
|
|
1618
1620
|
}, [o("div", {
|
|
1619
1621
|
ref_key: "contentRef",
|
|
1620
1622
|
ref: k,
|
|
1621
1623
|
class: "origin-top-left",
|
|
1622
1624
|
style: f({
|
|
1623
|
-
width: T(
|
|
1624
|
-
transform: `scale(${
|
|
1625
|
+
width: T(P.value),
|
|
1626
|
+
transform: `scale(${I.value})`
|
|
1625
1627
|
})
|
|
1626
|
-
}, [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", {
|
|
1627
1629
|
class: d(["px-4 pb-6", w.value.frame === "phone" ? "pt-9" : "pt-6"]),
|
|
1628
1630
|
style: f(D.value)
|
|
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",
|
|
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" }, [
|
|
1630
1632
|
o("span", { class: "h-3 w-3 rounded-full bg-red-400" }),
|
|
1631
1633
|
o("span", { class: "h-3 w-3 rounded-full bg-yellow-400" }),
|
|
1632
1634
|
o("span", { class: "h-3 w-3 rounded-full bg-green-400" })
|
|
1633
1635
|
], -1), o("div", {
|
|
1634
1636
|
class: "p-4",
|
|
1635
1637
|
style: f(D.value)
|
|
1636
|
-
}, [_(t.$slots, "mock")], 4)]))], 4),
|
|
1638
|
+
}, [_(t.$slots, "mock")], 4)]))], 4), F.value ? (m(), a("div", {
|
|
1637
1639
|
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
|
-
|
|
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",
|
|
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", {
|
|
1641
1643
|
class: "req-md",
|
|
1642
1644
|
innerHTML: l.value
|
|
1643
|
-
}, null, 8,
|
|
1645
|
+
}, null, 8, rn)])])]));
|
|
1644
1646
|
}
|
|
1645
1647
|
}), sn = { class: "flex items-center gap-2 text-sm" }, cn = ["value"], ln = ["value"], un = ["innerHTML"], dn = {
|
|
1646
1648
|
key: 1,
|
|
@@ -1653,7 +1655,7 @@ var zt = {
|
|
|
1653
1655
|
ver: {}
|
|
1654
1656
|
},
|
|
1655
1657
|
setup(n) {
|
|
1656
|
-
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) : []);
|
|
1657
1659
|
function ee(e) {
|
|
1658
1660
|
let t = e.target.value;
|
|
1659
1661
|
l.push(`/${i.kind}s/${i.name}/${t}`);
|
|
@@ -1690,7 +1692,7 @@ var zt = {
|
|
|
1690
1692
|
}, Sn = /* @__PURE__ */ l({
|
|
1691
1693
|
__name: "ColorsView",
|
|
1692
1694
|
setup(t) {
|
|
1693
|
-
let { isDark: n, toggle: r } =
|
|
1695
|
+
let { isDark: n, toggle: r } = ue(), l = ae(), u = se(), p = [...u ? [{
|
|
1694
1696
|
name: "baseBg",
|
|
1695
1697
|
light: u.light.bg,
|
|
1696
1698
|
dark: u.dark.bg,
|
|
@@ -1742,7 +1744,7 @@ function Cn() {
|
|
|
1742
1744
|
{
|
|
1743
1745
|
path: "/catalog",
|
|
1744
1746
|
name: "catalog",
|
|
1745
|
-
component:
|
|
1747
|
+
component: De
|
|
1746
1748
|
},
|
|
1747
1749
|
{
|
|
1748
1750
|
path: "/colors",
|