Skip to content

Commit 94ee87f

Browse files
author
anhle
committed
🐛 fix build example command
1 parent 0bf9e2b commit 94ee87f

File tree

6 files changed

+4147
-1
lines changed

6 files changed

+4147
-1
lines changed

‎dist-example/assets/index.407a2646.js

+255
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,255 @@
1+
var e = Object.defineProperty,
2+
s = Object.defineProperties,
3+
t = Object.getOwnPropertyDescriptors,
4+
r = Object.getOwnPropertySymbols,
5+
a = Object.prototype.hasOwnProperty,
6+
i = Object.prototype.propertyIsEnumerable,
7+
l = (s, t, r) => (t in s ? e(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : (s[t] = r)),
8+
n = (e, s) => {
9+
for (var t in s || (s = {})) a.call(s, t) && l(e, t, s[t]);
10+
if (r) for (var t of r(s)) i.call(s, t) && l(e, t, s[t]);
11+
return e;
12+
},
13+
d = (e, r) => s(e, t(r));
14+
import {
15+
r as o,
16+
c as u,
17+
d as m,
18+
_ as c,
19+
a as $,
20+
b as f,
21+
e as v,
22+
w as p,
23+
v as g,
24+
t as b,
25+
f as y,
26+
F as N,
27+
o as O,
28+
g as j,
29+
} from './vendor.d088c182.js';
30+
const w = () => !0,
31+
h = '',
32+
k = { $invalid: !1, $errors: [], $messages: [], $test: () => {}, $reset: () => {} },
33+
V = e => '[object Object]' === Object.prototype.toString.call(e);
34+
var I = m({
35+
name: 'App',
36+
components: { JsonTreeView: c },
37+
setup() {
38+
const e = o({ firstName: '', lastName: '', address: { district: '', street: '', no: '' } }),
39+
s = e => '' !== e,
40+
t = {
41+
firstName: [{ $test: s, $message: 'Input is required' }],
42+
lastName: [{ $test: s, $message: 'Input is required' }],
43+
address: {
44+
district: [{ $test: s, $message: 'Input is required' }],
45+
street: [
46+
{ $test: s, $message: 'Input is required' },
47+
{ $test: e => String(e).length >= 10, $message: 'At least 10 chars' },
48+
],
49+
no: [
50+
{ $test: s, $message: 'Input is required' },
51+
{
52+
$test: e => '' !== e && !isNaN(Number(e)),
53+
$message: e => `Input ${e} is not allowed. A number is required`,
54+
},
55+
],
56+
},
57+
},
58+
{ result: r } = ((e, s) => {
59+
const t = o({}),
60+
r = o({}),
61+
a = o({}),
62+
i = u(() => l(a, t)),
63+
l = (e, s) => {
64+
const t = d(n({}, k), { $dirty: !1 }),
65+
r = Object.keys(e);
66+
let a = [],
67+
i = [];
68+
const o = (e, s) => {
69+
!e.$dirty && s.$dirty && (e.$dirty = !0),
70+
!e.$invalid && s.$invalid && (e.$invalid = !0),
71+
(e.$errors = [...e.$errors, ...s.$errors]),
72+
(e.$messages = [...e.$messages, ...s.$messages]),
73+
(a = [...a, s.$test]),
74+
(i = [...i, s.$reset]);
75+
};
76+
return (
77+
r.forEach(r => {
78+
if (V(e[r]) && void 0 === e[r].$invalid) {
79+
const a = l(e[r], s[r]);
80+
(t[r] = n({}, a)), o(t, a);
81+
} else (t[r] = n({}, e[r])), (t[r].$dirty = s[r]), o(t, t[r]);
82+
}),
83+
(t.$test = () => {
84+
a.forEach(e => e());
85+
}),
86+
(t.$reset = () => {
87+
i.forEach(e => e());
88+
}),
89+
t
90+
);
91+
},
92+
m = (e, s, t, r, a) => {
93+
Object.keys(e).forEach(i => {
94+
if (V(e[i])) {
95+
(r[i] = {}), (t[i] = o({})), (a[i] = o({}));
96+
const l = [e[i], s[i], t[i], r[i], a[i]];
97+
return m(...l);
98+
}
99+
(t[i] = !1), (r[i] = e[i]);
100+
const l = { data: e, rules: s, dirt: t, rawData: r, entry: a };
101+
a[i] = d(n({}, k), { $reset: () => $(l, i), $test: () => c(l, i) });
102+
});
103+
},
104+
c = (e, s) => {
105+
const { data: t, rules: r, dirt: a, rawData: i, entry: l } = e;
106+
a[s] = a[s] || t[s] !== i[s];
107+
let o = [],
108+
u = [];
109+
r[s].forEach((e, r) => {
110+
const { $test: a = w, $message: i = h } = e;
111+
if (!a(t[s])) {
112+
const e = 'function' == typeof i ? i(t[s]) : i;
113+
(u = [...u, e]), (o = [...o, { name: a.name, index: r }]);
114+
}
115+
}),
116+
(l[s] = d(n({}, l[s]), { $errors: o, $messages: u, $invalid: Boolean(o.length) }));
117+
},
118+
$ = (e, s) => {
119+
const { dirt: t } = e;
120+
t[s] = !1;
121+
};
122+
return m(e, s, t, r, a), { result: i, test: i.value.$test, reset: i.value.$reset };
123+
})(e, t);
124+
return {
125+
info: e,
126+
result: r,
127+
validate: () => {
128+
r.value.$test();
129+
},
130+
};
131+
},
132+
});
133+
const q = { class: 'form' },
134+
E = { class: 'form-item' },
135+
P = v('label', null, 'First Name', -1),
136+
S = { key: 0, class: 'form-item-message' },
137+
U = { class: 'form-item' },
138+
D = v('label', null, 'Last Name', -1),
139+
A = { key: 0, class: 'form-item-message' },
140+
J = { class: 'form-item' },
141+
F = v('label', null, 'District', -1),
142+
T = { key: 0, class: 'form-item-message' },
143+
x = { class: 'form-item' },
144+
B = v('label', null, 'Street', -1),
145+
C = { key: 0, class: 'form-item-message' },
146+
L = { class: 'form-item' },
147+
_ = v('label', null, 'Number', -1),
148+
z = { key: 0, class: 'form-item-message' },
149+
G = { class: 'tree' };
150+
(I.render = function (e, s, t, r, a, i) {
151+
const l = $('JsonTreeView');
152+
return (
153+
O(),
154+
f(
155+
N,
156+
null,
157+
[
158+
v('div', q, [
159+
v('div', E, [
160+
P,
161+
p(
162+
v(
163+
'input',
164+
{
165+
'onUpdate:modelValue': s[1] || (s[1] = s => (e.info.firstName = s)),
166+
class: { 'input-error': e.result.firstName.$invalid },
167+
},
168+
null,
169+
2,
170+
),
171+
[[g, e.info.firstName]],
172+
),
173+
e.result.firstName.$invalid ? (O(), f('div', S, b(e.result.firstName.$messages), 1)) : y('v-if', !0),
174+
]),
175+
v('div', U, [
176+
D,
177+
p(
178+
v(
179+
'input',
180+
{
181+
'onUpdate:modelValue': s[2] || (s[2] = s => (e.info.lastName = s)),
182+
class: { 'input-error': e.result.lastName.$invalid },
183+
},
184+
null,
185+
2,
186+
),
187+
[[g, e.info.lastName]],
188+
),
189+
e.result.lastName.$invalid ? (O(), f('div', A, b(e.result.lastName.$messages), 1)) : y('v-if', !0),
190+
]),
191+
v('div', J, [
192+
F,
193+
p(
194+
v(
195+
'input',
196+
{
197+
'onUpdate:modelValue': s[3] || (s[3] = s => (e.info.address.district = s)),
198+
class: { 'input-error': e.result.address.district.$invalid },
199+
},
200+
null,
201+
2,
202+
),
203+
[[g, e.info.address.district]],
204+
),
205+
e.result.address.district.$invalid
206+
? (O(), f('div', T, b(e.result.address.district.$messages), 1))
207+
: y('v-if', !0),
208+
]),
209+
v('div', x, [
210+
B,
211+
p(
212+
v(
213+
'input',
214+
{
215+
'onUpdate:modelValue': s[4] || (s[4] = s => (e.info.address.street = s)),
216+
class: { 'input-error': e.result.address.street.$invalid },
217+
},
218+
null,
219+
2,
220+
),
221+
[[g, e.info.address.street]],
222+
),
223+
e.result.address.street.$invalid
224+
? (O(), f('div', C, b(e.result.address.street.$messages), 1))
225+
: y('v-if', !0),
226+
]),
227+
v('div', L, [
228+
_,
229+
p(
230+
v(
231+
'input',
232+
{
233+
'onUpdate:modelValue': s[5] || (s[5] = s => (e.info.address.no = s)),
234+
class: { 'input-error': e.result.address.no.$invalid },
235+
},
236+
null,
237+
2,
238+
),
239+
[[g, e.info.address.no]],
240+
),
241+
e.result.address.no.$invalid ? (O(), f('div', z, b(e.result.address.no.$messages), 1)) : y('v-if', !0),
242+
]),
243+
v(
244+
'button',
245+
{ class: 'validate-btn', onClick: s[6] || (s[6] = (...s) => e.validate && e.validate(...s)) },
246+
'Validate',
247+
),
248+
]),
249+
v('div', G, [v(l, { data: JSON.stringify(e.result) }, null, 8, ['data'])]),
250+
],
251+
64,
252+
)
253+
);
254+
}),
255+
j(I).mount('#app');

‎dist-example/assets/index.820bae76.css

+48
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
* {
2+
box-sizing: border-box;
3+
}
4+
body {
5+
margin: 16px;
6+
}
7+
.form-item {
8+
margin-bottom: 24px;
9+
position: relative;
10+
}
11+
.form-item-message {
12+
position: absolute;
13+
bottom: -20px;
14+
color: #c71585;
15+
font-size: 14px;
16+
}
17+
.root-item {
18+
font-family: monospace;
19+
border: 1px solid #d3d3d3;
20+
border-radius: 4px;
21+
}
22+
.json-view-item:not(.root-item) {
23+
margin-left: 32px;
24+
}
25+
.validate-btn {
26+
display: block;
27+
font-size: 16px;
28+
background: #d3d3d3;
29+
border-radius: 4px;
30+
border: 1px solid grey;
31+
margin-bottom: 16px;
32+
padding: 8px;
33+
}
34+
label {
35+
display: block;
36+
margin-bottom: 4px;
37+
}
38+
input {
39+
display: inline-block;
40+
width: 100%;
41+
padding: 8px 16px;
42+
margin: 0;
43+
border-radius: 4px;
44+
border: 1px solid #d3d3d3;
45+
}
46+
.input-error {
47+
border-color: red;
48+
}

‎dist-example/assets/vendor.8998562f.css

+84
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
.json-view-item:not(.root-item) {
2+
margin-left: 15px;
3+
}
4+
.value-key {
5+
color: var(--jtv-valueKey-color);
6+
font-weight: 600;
7+
margin-left: 10px;
8+
border-radius: 2px;
9+
white-space: nowrap;
10+
padding: 5px 5px 5px 10px;
11+
}
12+
.value-key.can-select {
13+
cursor: pointer;
14+
}
15+
.value-key.can-select:hover {
16+
background-color: rgba(0, 0, 0, 0.08);
17+
}
18+
.value-key.can-select:focus {
19+
outline: 2px solid var(--jtv-hover-color);
20+
}
21+
.data-key {
22+
font-size: 100%;
23+
font-family: inherit;
24+
border: 0;
25+
background-color: transparent;
26+
width: 100%;
27+
color: var(--jtv-key-color);
28+
display: flex;
29+
align-items: center;
30+
border-radius: 2px;
31+
font-weight: 600;
32+
cursor: pointer;
33+
white-space: nowrap;
34+
padding: 5px;
35+
}
36+
.data-key:hover {
37+
background-color: var(--jtv-hover-color);
38+
}
39+
.data-key:focus {
40+
outline: 2px solid var(--jtv-hover-color);
41+
}
42+
.data-key::-moz-focus-inner {
43+
border: 0;
44+
}
45+
.data-key .properties {
46+
font-weight: 300;
47+
opacity: 0.9;
48+
margin-left: 4px;
49+
user-select: none;
50+
}
51+
.chevron-arrow {
52+
flex-shrink: 0;
53+
border-right: 2px solid var(--jtv-arrow-color);
54+
border-bottom: 2px solid var(--jtv-arrow-color);
55+
width: var(--jtv-arrow-size);
56+
height: var(--jtv-arrow-size);
57+
margin-right: 20px;
58+
margin-left: 5px;
59+
transform: rotate(-45deg);
60+
}
61+
.chevron-arrow.opened {
62+
margin-top: -3px;
63+
transform: rotate(45deg);
64+
}
65+
.root-item[data-v-69a488e1] {
66+
--jtv-key-color: #0977e6;
67+
--jtv-valueKey-color: #073642;
68+
--jtv-string-color: #268bd2;
69+
--jtv-number-color: #2aa198;
70+
--jtv-boolean-color: #cb4b16;
71+
--jtv-null-color: #6c71c4;
72+
--jtv-arrow-size: 6px;
73+
--jtv-arrow-color: #444;
74+
--jtv-hover-color: rgba(0, 0, 0, 0.1);
75+
margin-left: 0;
76+
width: 100%;
77+
height: auto;
78+
}
79+
.root-item.dark[data-v-69a488e1] {
80+
--jtv-key-color: #80d8ff;
81+
--jtv-valueKey-color: #fdf6e3;
82+
--jtv-hover-color: rgba(255, 255, 255, 0.1);
83+
--jtv-arrow-color: #fdf6e3;
84+
}

0 commit comments

Comments
 (0)