@vanstack/solid-ark 0.0.37 → 0.0.39

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vanstack/solid-ark",
3
- "version": "0.0.37",
3
+ "version": "0.0.39",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -72,8 +72,8 @@
72
72
  "vitest": "^4.1.10",
73
73
  "zod": "^4.4.0",
74
74
  "@vanstack/tsconfig": "0.0.1",
75
- "@vanstack/prettier-config": "0.0.1",
76
75
  "@vanstack/vite-config": "0.0.2",
76
+ "@vanstack/prettier-config": "0.0.1",
77
77
  "@vanstack/eslint-config": "0.0.1"
78
78
  },
79
79
  "scripts": {
@@ -1,434 +0,0 @@
1
- import "./solid-ark.css";
2
- import { Portal as e, createComponent as t, delegateEvents as n, effect as r, insert as i, memo as a, template as o } from "solid-js/web";
3
- import { Index as s, createMemo as c, createSignal as l } from "solid-js";
4
- import { DatePicker as u, useDatePicker as d } from "@ark-ui/solid/date-picker";
5
- import { CalendarDate as f, CalendarDateTime as p, endOfWeek as m, parseDate as h, startOfWeek as g } from "@internationalized/date";
6
- //#region src/form/components/FormDatePicker.tsx
7
- var _ = /*#__PURE__*/ o("<svg fill=none height=14 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=14 xmlns=http://www.w3.org/2000/svg><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\">"), v = /*#__PURE__*/ o("<svg fill=none height=16 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=16 xmlns=http://www.w3.org/2000/svg><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect height=18 rx=2 width=18 x=3 y=4></rect><path d=\"M3 10h18\">"), y = /*#__PURE__*/ o("<svg fill=none height=16 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=16 xmlns=http://www.w3.org/2000/svg><path d=\"m15 18-6-6 6-6\">"), b = /*#__PURE__*/ o("<svg fill=none height=16 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=16 xmlns=http://www.w3.org/2000/svg><path d=\"m9 18 6-6-6-6\">"), x = /*#__PURE__*/ o("<div class=van-form-date-days>"), S = /*#__PURE__*/ o("<span class=van-form-date-icon>"), C = /*#__PURE__*/ o("<input aria-label=选择时间 class=van-form-date-time type=time>"), w = [
8
- "sun",
9
- "mon",
10
- "tue",
11
- "wed",
12
- "thu",
13
- "fri",
14
- "sat"
15
- ];
16
- function T(e) {
17
- return String(e).padStart(2, "0");
18
- }
19
- function E(e) {
20
- return "hour" in e ? e : {
21
- hour: 0,
22
- minute: 0
23
- };
24
- }
25
- function D(e) {
26
- if (!e) return "";
27
- let t = E(e);
28
- return `${T(t.hour)}:${T(t.minute)}`;
29
- }
30
- function O(e, t) {
31
- switch (t) {
32
- case "datetime": {
33
- let t = E(e);
34
- return `${e.year}-${T(e.month)}-${T(e.day)} ${T(t.hour)}:${T(t.minute)}`;
35
- }
36
- case "month": return `${e.year}-${T(e.month)}`;
37
- case "year": return String(e.year);
38
- default: return `${e.year}-${T(e.month)}-${T(e.day)}`;
39
- }
40
- }
41
- function k(e, t) {
42
- switch (t) {
43
- case "datetime": {
44
- let t = E(e);
45
- return Date.UTC(e.year, e.month - 1, e.day, t.hour, t.minute);
46
- }
47
- case "month": return Date.UTC(e.year, e.month - 1, 1);
48
- case "year": return Date.UTC(e.year, 0, 1);
49
- default: return Date.UTC(e.year, e.month - 1, e.day);
50
- }
51
- }
52
- function A(e, t, n, r) {
53
- let i = e.filter((e) => e != null);
54
- if (r) return n === "timestamp" ? i.map((e) => k(e, t)) : i.map((e) => O(e, t));
55
- let a = i[0];
56
- return a == null ? void 0 : n === "timestamp" ? k(a, t) : O(a, t);
57
- }
58
- function j(e, t, n, r) {
59
- return (r && Array.isArray(e) ? e : [e]).map((e) => M(e, t, n)).filter((e) => e != null);
60
- }
61
- function M(e, t, n) {
62
- if (!(e == null || e === "")) {
63
- if (n === "timestamp" && typeof e == "number") return N(e, t);
64
- if (typeof e == "string") try {
65
- switch (t) {
66
- case "datetime": {
67
- let t = /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2})$/.exec(e);
68
- return t ? new p(Number(t[1]), Number(t[2]), Number(t[3]), Number(t[4]), Number(t[5])) : void 0;
69
- }
70
- case "month": {
71
- let t = /^(\d{4})-(\d{2})$/.exec(e);
72
- return t ? new f(Number(t[1]), Number(t[2]), 1) : void 0;
73
- }
74
- case "year": {
75
- let t = Number(e);
76
- return Number.isInteger(t) ? new f(t, 1, 1) : void 0;
77
- }
78
- default: return h(e);
79
- }
80
- } catch {
81
- return;
82
- }
83
- }
84
- }
85
- function N(e, t) {
86
- let n = new Date(e), r = n.getUTCFullYear(), i = n.getUTCMonth() + 1, a = n.getUTCDate();
87
- switch (t) {
88
- case "datetime": return new p(r, i, a, n.getUTCHours(), n.getUTCMinutes());
89
- case "month": return new f(r, i, 1);
90
- case "year": return new f(r, 1, 1);
91
- default: return new f(r, i, a);
92
- }
93
- }
94
- function P() {
95
- return _();
96
- }
97
- function F() {
98
- return v();
99
- }
100
- function I() {
101
- return y();
102
- }
103
- function L() {
104
- return b();
105
- }
106
- function R() {
107
- return t(u.ViewControl, {
108
- class: "van-form-date-view-control",
109
- get children() {
110
- return [
111
- t(u.PrevTrigger, {
112
- class: "van-form-date-nav-trigger",
113
- get children() {
114
- return t(I, {});
115
- }
116
- }),
117
- t(u.ViewTrigger, {
118
- class: "van-form-date-view-trigger",
119
- get children() {
120
- return t(u.RangeText, {});
121
- }
122
- }),
123
- t(u.NextTrigger, {
124
- class: "van-form-date-nav-trigger",
125
- get children() {
126
- return t(L, {});
127
- }
128
- })
129
- ];
130
- }
131
- });
132
- }
133
- function z(e) {
134
- return t(u.Context, { children: (n) => {
135
- let r = e.dual ? c(() => n().getOffset({ months: 1 })) : null, o = (r, i, o = !1, c = !1) => t(u.Table, {
136
- class: "van-form-date-table",
137
- get children() {
138
- return [t(u.TableHead, {
139
- class: "van-form-date-table-head",
140
- get children() {
141
- return t(u.TableRow, {
142
- class: "van-form-date-table-row",
143
- get children() {
144
- return [a(() => o && t(u.WeekNumberHeaderCell, {
145
- class: "van-form-date-week-header",
146
- children: "#"
147
- })), t(s, {
148
- get each() {
149
- return n().weekDays;
150
- },
151
- children: (e) => t(u.TableHeader, {
152
- class: "van-form-date-table-header",
153
- get children() {
154
- return e().narrow;
155
- }
156
- })
157
- })];
158
- }
159
- });
160
- }
161
- }), t(u.TableBody, {
162
- class: "van-form-date-table-body",
163
- get children() {
164
- return t(s, {
165
- each: r,
166
- children: (r, l) => t(u.TableRow, {
167
- class: "van-form-date-table-row",
168
- get children() {
169
- return [a(() => o && t(u.WeekNumberCell, {
170
- class: "van-form-date-week-cell",
171
- get week() {
172
- return r();
173
- },
174
- weekIndex: l,
175
- get children() {
176
- return n().getWeekNumber(r());
177
- }
178
- })), t(s, {
179
- get each() {
180
- return r();
181
- },
182
- children: (n) => t(u.TableCell, {
183
- class: "van-form-date-cell",
184
- get value() {
185
- return n();
186
- },
187
- visibleRange: i,
188
- get children() {
189
- return t(u.TableCellTrigger, {
190
- class: "van-form-date-cell-trigger",
191
- get id() {
192
- return c ? `${e.controlId}-offset-${n().toString()}` : void 0;
193
- },
194
- get children() {
195
- return n().day;
196
- }
197
- });
198
- }
199
- })
200
- })];
201
- }
202
- })
203
- });
204
- }
205
- })];
206
- }
207
- });
208
- return t(u.View, {
209
- get class() {
210
- return `van-form-date-view${e.dual ? " van-form-date-view-dual" : ""}`;
211
- },
212
- view: "day",
213
- get children() {
214
- return [t(R, {}), a(() => a(() => !!e.dual)() ? (() => {
215
- var t = x();
216
- return i(t, () => o(n().weeks, void 0, e.showWeekNumbers), null), i(t, () => r && o(r().weeks, r().visibleRange, !1, !0), null), t;
217
- })() : o(n().weeks, void 0, e.showWeekNumbers))];
218
- }
219
- });
220
- } });
221
- }
222
- function B() {
223
- return t(u.Context, { children: (e) => t(u.View, {
224
- class: "van-form-date-view",
225
- view: "month",
226
- get children() {
227
- return [t(R, {}), t(u.Table, {
228
- class: "van-form-date-table",
229
- get children() {
230
- return t(u.TableBody, {
231
- class: "van-form-date-table-body",
232
- get children() {
233
- return t(s, {
234
- get each() {
235
- return e().getMonthsGrid({
236
- columns: 4,
237
- format: "short"
238
- });
239
- },
240
- children: (e) => t(u.TableRow, {
241
- class: "van-form-date-table-row",
242
- get children() {
243
- return t(s, {
244
- get each() {
245
- return e();
246
- },
247
- children: (e) => t(u.TableCell, {
248
- class: "van-form-date-cell",
249
- get value() {
250
- return e().value;
251
- },
252
- get children() {
253
- return t(u.TableCellTrigger, {
254
- class: "van-form-date-cell-trigger",
255
- get children() {
256
- return e().label;
257
- }
258
- });
259
- }
260
- })
261
- });
262
- }
263
- })
264
- });
265
- }
266
- });
267
- }
268
- })];
269
- }
270
- }) });
271
- }
272
- function V() {
273
- return t(u.Context, { children: (e) => t(u.View, {
274
- class: "van-form-date-view",
275
- view: "year",
276
- get children() {
277
- return [t(R, {}), t(u.Table, {
278
- class: "van-form-date-table",
279
- get children() {
280
- return t(u.TableBody, {
281
- class: "van-form-date-table-body",
282
- get children() {
283
- return t(s, {
284
- get each() {
285
- return e().getYearsGrid({ columns: 4 });
286
- },
287
- children: (e) => t(u.TableRow, {
288
- class: "van-form-date-table-row",
289
- get children() {
290
- return t(s, {
291
- get each() {
292
- return e();
293
- },
294
- children: (e) => t(u.TableCell, {
295
- class: "van-form-date-cell",
296
- get value() {
297
- return e().value;
298
- },
299
- get children() {
300
- return t(u.TableCellTrigger, {
301
- class: "van-form-date-cell-trigger",
302
- get children() {
303
- return e().label;
304
- }
305
- });
306
- }
307
- })
308
- });
309
- }
310
- })
311
- });
312
- }
313
- });
314
- }
315
- })];
316
- }
317
- }) });
318
- }
319
- function H(n) {
320
- let o = () => n.field.mode ?? "date", s = () => n.field.range === !0 || o() === "week", f = () => n.field.valueType ?? "string", [p, h] = l(null), _ = c(() => p() || j(n.value, o(), f(), s())), v, y = (e) => {
321
- if (o() === "week") {
322
- let t = e.value.find((e) => e != null);
323
- if (!t) {
324
- n.onChange([]);
325
- return;
326
- }
327
- let r = w[n.field.startOfWeek ?? 1] ?? "mon", i = n.field.locale ?? "zh-CN", a = g(t, i, r), o = m(t, i, r);
328
- n.onChange(f() === "timestamp" ? [k(a, "week"), k(o, "week")] : [O(a, "week"), O(o, "week")]), v?.().setOpen(!1);
329
- return;
330
- }
331
- if (s()) {
332
- if (e.value.length === 0) {
333
- h(null), n.onChange([]);
334
- return;
335
- }
336
- if (e.value.length < 2 || e.value[0] === null || e.value[0] === void 0 || e.value[1] === null || e.value[1] === void 0) {
337
- h(e.value.filter((e) => e != null));
338
- return;
339
- }
340
- h(null), n.onChange(A(e.value, o(), f(), !0));
341
- return;
342
- }
343
- n.onChange(A(e.value, o(), f(), !1));
344
- }, b = d(() => ({
345
- closeOnSelect: o() !== "datetime" && void 0,
346
- defaultView: o() === "year" ? "year" : o() === "month" ? "month" : void 0,
347
- format: (e) => O(e, o()),
348
- id: n.controlId,
349
- ids: { trigger: n.controlId },
350
- locale: n.field.locale ?? "zh-CN",
351
- maxView: o() === "year" ? "year" : o() === "month" ? "month" : void 0,
352
- minView: o() === "year" ? "year" : o() === "month" ? "month" : void 0,
353
- numOfMonths: s() && o() === "date" ? 2 : void 0,
354
- onOpenChange: (e) => {
355
- e.open || h(null), n.onBlur();
356
- },
357
- onValueChange: y,
358
- outsideDaySelectable: n.field.outsideDaySelectable ?? !0,
359
- selectionMode: s() ? "range" : "single",
360
- showWeekNumbers: o() === "week",
361
- startOfWeek: n.field.startOfWeek ?? (o() === "week" ? 1 : void 0),
362
- value: _()
363
- }));
364
- return v = b, t(u.RootProvider, {
365
- value: b,
366
- get children() {
367
- return [t(u.Control, {
368
- class: "van-form-date-control",
369
- get children() {
370
- return [t(u.Trigger, {
371
- class: "van-form-date-trigger",
372
- get children() {
373
- return [t(u.ValueText, {
374
- class: "van-form-date-value",
375
- get placeholder() {
376
- return n.field.placeholder ?? "请选择";
377
- },
378
- separator: " ~ "
379
- }), (() => {
380
- var e = S();
381
- return i(e, t(F, {})), e;
382
- })()];
383
- }
384
- }), a(() => a(() => n.field.clearable === !0)() && t(u.ClearTrigger, {
385
- class: "van-form-date-clear",
386
- get children() {
387
- return t(P, {});
388
- }
389
- }))];
390
- }
391
- }), t(e, { get children() {
392
- return t(u.Positioner, {
393
- class: "van-form-date-positioner",
394
- get children() {
395
- return t(u.Content, {
396
- get class() {
397
- return `van-form-date-content${o() === "week" ? " van-form-date-week-mode" : ""}`;
398
- },
399
- get children() {
400
- return [a(() => a(() => o() === "year")() ? t(V, {}) : a(() => o() === "month")() ? t(B, {}) : [
401
- t(z, {
402
- get controlId() {
403
- return n.controlId;
404
- },
405
- get dual() {
406
- return a(() => n.field.range === !0)() && o() === "date";
407
- },
408
- get showWeekNumbers() {
409
- return o() === "week";
410
- }
411
- }),
412
- t(B, {}),
413
- t(V, {})
414
- ]), a(() => a(() => o() === "datetime")() && t(u.Context, { children: (e) => (() => {
415
- var t = C();
416
- return t.$$input = (t) => {
417
- let [n, r] = t.currentTarget.value.split(":").map(Number);
418
- e().setTime({
419
- hour: n,
420
- minute: r
421
- });
422
- }, r(() => t.value = D(e().value[0])), t;
423
- })() }))];
424
- }
425
- });
426
- }
427
- });
428
- } })];
429
- }
430
- });
431
- }
432
- n(["input"]);
433
- //#endregion
434
- export { H as FormDatePicker };
@@ -1,103 +0,0 @@
1
- import "./solid-ark.css";
2
- import { Index as e, Portal as t, createComponent as n, memo as r, template as i } from "solid-js/web";
3
- import { Show as a, createMemo as o } from "solid-js";
4
- import { Select as s, createListCollection as c } from "@ark-ui/solid/select";
5
- //#region src/form/components/FormSelect.tsx
6
- var l = /*#__PURE__*/ i("<svg fill=none height=14 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=14 xmlns=http://www.w3.org/2000/svg><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\">"), u = /*#__PURE__*/ i("<svg fill=none height=16 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=16 xmlns=http://www.w3.org/2000/svg><path d=\"m7 15 5 5 5-5\"></path><path d=\"m7 9 5-5 5 5\">"), d = /*#__PURE__*/ i("<div class=van-form-select-empty>暂无数据");
7
- function f() {
8
- return l();
9
- }
10
- function p(i) {
11
- let l = o(() => c({ items: i.field.options.map((e) => ({
12
- label: e.label,
13
- value: e.value
14
- })) }));
15
- return n(s.Root, {
16
- get collection() {
17
- return l();
18
- },
19
- get id() {
20
- return i.controlId;
21
- },
22
- onOpenChange: () => i.onBlur(),
23
- onValueChange: (e) => i.onChange(e.value?.[0] ?? ""),
24
- get value() {
25
- return r(() => !!i.value)() ? [i.value] : [];
26
- },
27
- get children() {
28
- return [
29
- n(s.Control, {
30
- class: "van-form-select-control",
31
- get children() {
32
- return [
33
- n(s.Trigger, {
34
- class: "van-form-select-trigger",
35
- get children() {
36
- return n(s.ValueText, {
37
- class: "van-form-select-value",
38
- get placeholder() {
39
- return i.field.placeholder ?? "请选择";
40
- }
41
- });
42
- }
43
- }),
44
- r(() => r(() => i.field.clearable === !0)() && n(s.ClearTrigger, {
45
- class: "van-form-select-clear",
46
- get children() {
47
- return n(f, {});
48
- }
49
- })),
50
- n(s.Indicator, {
51
- class: "van-form-select-indicator",
52
- get children() {
53
- return u();
54
- }
55
- })
56
- ];
57
- }
58
- }),
59
- n(t, { get children() {
60
- return n(s.Positioner, {
61
- class: "van-form-select-positioner",
62
- get children() {
63
- return n(s.Content, {
64
- class: "van-form-select-content",
65
- get children() {
66
- return n(a, {
67
- get fallback() {
68
- return n(e, {
69
- get each() {
70
- return i.field.options;
71
- },
72
- children: (e) => n(s.Item, {
73
- class: "van-form-select-item",
74
- get item() {
75
- return e();
76
- },
77
- get children() {
78
- return n(s.ItemText, { get children() {
79
- return e().label;
80
- } });
81
- }
82
- })
83
- });
84
- },
85
- get when() {
86
- return i.field.options.length === 0;
87
- },
88
- get children() {
89
- return d();
90
- }
91
- });
92
- }
93
- });
94
- }
95
- });
96
- } }),
97
- n(s.HiddenSelect, {})
98
- ];
99
- }
100
- });
101
- }
102
- //#endregion
103
- export { p as FormSelect };
@@ -1 +0,0 @@
1
- export declare function FieldSkeleton(): import("solid-js").JSX.Element;