@tachui/primitives 0.8.12 → 0.8.14
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/README.md +19 -19
- package/dist/{ScrollView-DRLSVdbJ.js → ScrollView-CC8g8Lq2.js} +129 -129
- package/dist/display/Image.d.ts.map +1 -1
- package/dist/display/index.js +1 -1
- package/dist/index.js +2 -2
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -61,7 +61,7 @@ ZStack({
|
|
|
61
61
|
.modifier.padding(16)
|
|
62
62
|
.backgroundColor('rgba(0,0,0,0.7)')
|
|
63
63
|
.foregroundColor('white')
|
|
64
|
-
|
|
64
|
+
,
|
|
65
65
|
],
|
|
66
66
|
})
|
|
67
67
|
```
|
|
@@ -101,14 +101,14 @@ Text('Hello, tachUI!')
|
|
|
101
101
|
.modifier.font({ family: 'San Francisco', size: 18, weight: 600 })
|
|
102
102
|
.foregroundColor('#007AFF')
|
|
103
103
|
.textAlign('center')
|
|
104
|
-
|
|
104
|
+
|
|
105
105
|
```
|
|
106
106
|
|
|
107
107
|
**Advanced Text Features:**
|
|
108
108
|
|
|
109
109
|
```typescript
|
|
110
110
|
// Multiline text with line clamping
|
|
111
|
-
Text(longContent).modifier.lineClamp(3).wordBreak('break-word')
|
|
111
|
+
Text(longContent).modifier.lineClamp(3).wordBreak('break-word')
|
|
112
112
|
|
|
113
113
|
// Reactive text content
|
|
114
114
|
const [count, setCount] = createSignal(0)
|
|
@@ -124,7 +124,7 @@ Image('/path/to/image.jpg')
|
|
|
124
124
|
.modifier.size({ width: 200, height: 150 })
|
|
125
125
|
.cornerRadius(8)
|
|
126
126
|
.aspectRatio('cover')
|
|
127
|
-
|
|
127
|
+
|
|
128
128
|
```
|
|
129
129
|
|
|
130
130
|
**Image with Assets:**
|
|
@@ -135,7 +135,7 @@ import { Assets } from '@tachui/core'
|
|
|
135
135
|
Image(Assets.profilePicture)
|
|
136
136
|
.modifier.size({ width: 60, height: 60 })
|
|
137
137
|
.cornerRadius(30)
|
|
138
|
-
|
|
138
|
+
|
|
139
139
|
```
|
|
140
140
|
|
|
141
141
|
#### HTML
|
|
@@ -163,7 +163,7 @@ Button('Click Me', () => {
|
|
|
163
163
|
.backgroundColor('#007AFF')
|
|
164
164
|
.foregroundColor('white')
|
|
165
165
|
.cornerRadius(8)
|
|
166
|
-
|
|
166
|
+
|
|
167
167
|
```
|
|
168
168
|
|
|
169
169
|
**Button States:**
|
|
@@ -174,7 +174,7 @@ Button('Stateful Button', handleClick)
|
|
|
174
174
|
.hover({ backgroundColor: '#0051D5' })
|
|
175
175
|
.active({ transform: 'scale(0.95)' })
|
|
176
176
|
.disabled({ opacity: 0.5 })
|
|
177
|
-
|
|
177
|
+
|
|
178
178
|
```
|
|
179
179
|
|
|
180
180
|
#### Toggle
|
|
@@ -189,7 +189,7 @@ Toggle({
|
|
|
189
189
|
onToggle: setIsEnabled,
|
|
190
190
|
})
|
|
191
191
|
.modifier.accentColor('#007AFF')
|
|
192
|
-
|
|
192
|
+
|
|
193
193
|
```
|
|
194
194
|
|
|
195
195
|
#### Picker
|
|
@@ -225,7 +225,7 @@ BasicInput({
|
|
|
225
225
|
.modifier.padding(12)
|
|
226
226
|
.border(1, '#E5E5EA')
|
|
227
227
|
.cornerRadius(8)
|
|
228
|
-
|
|
228
|
+
|
|
229
229
|
```
|
|
230
230
|
|
|
231
231
|
**Advanced Input Features:**
|
|
@@ -269,8 +269,8 @@ VStack({
|
|
|
269
269
|
HStack({
|
|
270
270
|
alignment: 'center',
|
|
271
271
|
children: [
|
|
272
|
-
Image(Assets.logo).modifier.size({ width: 40, height: 40 })
|
|
273
|
-
Text('My App').modifier.font({ size: 24, weight: 'bold' })
|
|
272
|
+
Image(Assets.logo).modifier.size({ width: 40, height: 40 }),
|
|
273
|
+
Text('My App').modifier.font({ size: 24, weight: 'bold' }),
|
|
274
274
|
Spacer(),
|
|
275
275
|
Button('Menu', toggleMenu),
|
|
276
276
|
],
|
|
@@ -283,7 +283,7 @@ VStack({
|
|
|
283
283
|
Text('Welcome to tachUI!')
|
|
284
284
|
.modifier.font({ size: 18 })
|
|
285
285
|
.textAlign('center')
|
|
286
|
-
|
|
286
|
+
,
|
|
287
287
|
|
|
288
288
|
Divider(),
|
|
289
289
|
|
|
@@ -294,7 +294,7 @@ VStack({
|
|
|
294
294
|
Button('Learn More', openDocs)
|
|
295
295
|
.modifier.backgroundColor('transparent')
|
|
296
296
|
.foregroundColor('#007AFF')
|
|
297
|
-
|
|
297
|
+
,
|
|
298
298
|
],
|
|
299
299
|
}),
|
|
300
300
|
],
|
|
@@ -314,19 +314,19 @@ VStack({
|
|
|
314
314
|
Image(item.image)
|
|
315
315
|
.modifier.size({ mobile: 40, desktop: 60 })
|
|
316
316
|
.cornerRadius({ mobile: 4, desktop: 8 })
|
|
317
|
-
|
|
317
|
+
,
|
|
318
318
|
|
|
319
319
|
VStack({
|
|
320
320
|
alignment: 'leading',
|
|
321
321
|
children: [
|
|
322
322
|
Text(item.title)
|
|
323
323
|
.modifier.font({ size: { mobile: 16, desktop: 18 } })
|
|
324
|
-
|
|
324
|
+
,
|
|
325
325
|
|
|
326
326
|
Text(item.description)
|
|
327
327
|
.modifier.font({ size: { mobile: 14, desktop: 16 } })
|
|
328
328
|
.opacity(0.7)
|
|
329
|
-
|
|
329
|
+
,
|
|
330
330
|
],
|
|
331
331
|
}),
|
|
332
332
|
],
|
|
@@ -350,7 +350,7 @@ Button('Accessible Button', handleClick)
|
|
|
350
350
|
.modifier.accessibilityLabel('Save document')
|
|
351
351
|
.accessibilityRole('button')
|
|
352
352
|
.accessibilityHint('Saves the current document')
|
|
353
|
-
|
|
353
|
+
|
|
354
354
|
```
|
|
355
355
|
|
|
356
356
|
## Styling Integration
|
|
@@ -364,7 +364,7 @@ Text('Styled with modifiers')
|
|
|
364
364
|
.modifier.apply(padding(16))
|
|
365
365
|
.apply(margin({ vertical: 8 }))
|
|
366
366
|
.apply(backgroundColor('#F2F2F7'))
|
|
367
|
-
|
|
367
|
+
|
|
368
368
|
```
|
|
369
369
|
|
|
370
370
|
## Performance Characteristics
|
|
@@ -431,7 +431,7 @@ VStack({
|
|
|
431
431
|
Image(userAvatar),
|
|
432
432
|
Text(userName),
|
|
433
433
|
Spacer(),
|
|
434
|
-
Text('>').modifier.opacity(0.5)
|
|
434
|
+
Text('>').modifier.opacity(0.5),
|
|
435
435
|
],
|
|
436
436
|
}),
|
|
437
437
|
}),
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { withModifiers as
|
|
2
|
-
import { aspectRatio as
|
|
1
|
+
import { withModifiers as f, ComponentWithCSSClasses as z, processElementOverride as H, createSignal as E, useLifecycle as $, registerComponentWithLifecycleHooks as M, h as S, createEffect as b, ConcatenatedComponent as O, text as W, isSignal as v } from "@tachui/core";
|
|
2
|
+
import { aspectRatio as x } from "@tachui/modifiers";
|
|
3
3
|
var Y = Object.defineProperty, V = (e, t, s) => t in e ? Y(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, g = (e, t, s) => V(e, typeof t != "symbol" ? t + "" : t, s);
|
|
4
|
-
function
|
|
4
|
+
function L(e) {
|
|
5
5
|
return typeof e == "object" && e !== null && typeof e.resolve == "function";
|
|
6
6
|
}
|
|
7
7
|
function D(e) {
|
|
8
|
-
return e && (
|
|
8
|
+
return e && (L(e) ? e.resolve() : e);
|
|
9
9
|
}
|
|
10
|
-
class
|
|
10
|
+
class F extends z {
|
|
11
11
|
constructor(t) {
|
|
12
12
|
super(), this.props = t, g(this, "type", "component"), g(this, "id"), g(this, "mounted", !1), g(this, "cleanup", []), g(this, "effectiveTag"), g(this, "validationResult"), g(this, "loadingStateSignal"), g(this, "setLoadingState"), this.id = `image-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
|
|
13
|
-
const s =
|
|
13
|
+
const s = H("Image", "img", this.props.element);
|
|
14
14
|
this.effectiveTag = s.tag, this.validationResult = s.validation;
|
|
15
|
-
const
|
|
16
|
-
this.loadingStateSignal =
|
|
15
|
+
const n = this.props.src ? "idle" : "error", [o, i] = E(n);
|
|
16
|
+
this.loadingStateSignal = o, this.setLoadingState = i, $(this, {
|
|
17
17
|
onDOMReady: (l, u) => {
|
|
18
|
-
|
|
18
|
+
L(this.props.src) && u instanceof HTMLImageElement && this.setupImageAssetReactivityForDOMElement(
|
|
19
19
|
this.props.src,
|
|
20
20
|
u
|
|
21
21
|
);
|
|
22
22
|
}
|
|
23
|
-
}),
|
|
23
|
+
}), M(this);
|
|
24
24
|
}
|
|
25
25
|
/**
|
|
26
26
|
* Set loading state and notify callback
|
|
@@ -53,8 +53,8 @@ class I extends M {
|
|
|
53
53
|
if (this.props.errorPlaceholder && typeof this.props.errorPlaceholder == "object")
|
|
54
54
|
return this.props.errorPlaceholder.render();
|
|
55
55
|
}
|
|
56
|
-
const s = D(this.props.src),
|
|
57
|
-
className:
|
|
56
|
+
const s = D(this.props.src), n = ["tachui-image"], o = this.createClassString(this.props, n), i = S(this.effectiveTag, {
|
|
57
|
+
className: o,
|
|
58
58
|
src: s,
|
|
59
59
|
// Pass resolved src for initial render
|
|
60
60
|
alt: this.props.alt,
|
|
@@ -76,11 +76,11 @@ class I extends M {
|
|
|
76
76
|
* Set up ImageAsset reactivity for a real DOM element (called from onDOMReady)
|
|
77
77
|
*/
|
|
78
78
|
setupImageAssetReactivityForDOMElement(t, s) {
|
|
79
|
-
const
|
|
80
|
-
const
|
|
81
|
-
s.src =
|
|
79
|
+
const n = b(() => {
|
|
80
|
+
const o = t.resolve();
|
|
81
|
+
s.src = o, this.setLoadingStateWithCallback("loading");
|
|
82
82
|
});
|
|
83
|
-
this.cleanup.push(() =>
|
|
83
|
+
this.cleanup.push(() => n.dispose());
|
|
84
84
|
}
|
|
85
85
|
// ============================================================================
|
|
86
86
|
// Concatenation Support (Phase 3.1)
|
|
@@ -89,7 +89,7 @@ class I extends M {
|
|
|
89
89
|
* Concatenate this image with another concatenatable component
|
|
90
90
|
*/
|
|
91
91
|
concat(t) {
|
|
92
|
-
const s = this.toSegment(),
|
|
92
|
+
const s = this.toSegment(), n = t.toSegment(), o = {
|
|
93
93
|
totalSegments: t instanceof O ? t.segments.length + 1 : 2,
|
|
94
94
|
accessibilityRole: t instanceof O ? this.mergeAccessibilityRoles(
|
|
95
95
|
"group",
|
|
@@ -98,7 +98,7 @@ class I extends M {
|
|
|
98
98
|
semanticStructure: "inline"
|
|
99
99
|
// Images are typically inline in concatenation
|
|
100
100
|
};
|
|
101
|
-
return new O([s,
|
|
101
|
+
return new O([s, n], o);
|
|
102
102
|
}
|
|
103
103
|
/**
|
|
104
104
|
* Convert this image to a segment for concatenation
|
|
@@ -147,23 +147,23 @@ class I extends M {
|
|
|
147
147
|
return t === "composite" || s === "composite" ? "composite" : "group";
|
|
148
148
|
}
|
|
149
149
|
}
|
|
150
|
-
function
|
|
151
|
-
const s = { ...t, src: e },
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
return
|
|
166
|
-
},
|
|
150
|
+
function I(e, t = {}) {
|
|
151
|
+
const s = { ...t, src: e }, n = new F(s), o = f(n), i = (l) => {
|
|
152
|
+
if (l && Array.isArray(l.modifiers))
|
|
153
|
+
return l;
|
|
154
|
+
if (l?._modifiableComponent && Array.isArray(l._modifiableComponent.modifiers))
|
|
155
|
+
return l._modifiableComponent;
|
|
156
|
+
if (Array.isArray(o?.modifiers))
|
|
157
|
+
return o;
|
|
158
|
+
if (o?._modifiableComponent && Array.isArray(o._modifiableComponent.modifiers))
|
|
159
|
+
return o._modifiableComponent;
|
|
160
|
+
throw new Error("Image shorthand target is not modifiable");
|
|
161
|
+
};
|
|
162
|
+
return o.scaledToFit = function() {
|
|
163
|
+
return i(this).modifiers.push(x(void 0, "fit")), o;
|
|
164
|
+
}, o.scaledToFill = function() {
|
|
165
|
+
return i(this).modifiers.push(x(void 0, "fill")), o;
|
|
166
|
+
}, o;
|
|
167
167
|
}
|
|
168
168
|
const J = {
|
|
169
169
|
idle: "idle",
|
|
@@ -181,17 +181,17 @@ const J = {
|
|
|
181
181
|
* Create a responsive image with multiple sources
|
|
182
182
|
*/
|
|
183
183
|
responsive(e, t, s = {}) {
|
|
184
|
-
const
|
|
185
|
-
const i = [
|
|
186
|
-
return
|
|
184
|
+
const n = e.map((o) => {
|
|
185
|
+
const i = [o.src];
|
|
186
|
+
return o.width && i.push(`${o.width}w`), i.join(" ");
|
|
187
187
|
}).join(", ");
|
|
188
|
-
return
|
|
188
|
+
return I(t, { ...s, srcSet: n });
|
|
189
189
|
},
|
|
190
190
|
/**
|
|
191
191
|
* Create an image with progressive loading
|
|
192
192
|
*/
|
|
193
193
|
progressive(e, t, s = {}) {
|
|
194
|
-
return
|
|
194
|
+
return I(e, {
|
|
195
195
|
...s,
|
|
196
196
|
lowQualitySrc: e,
|
|
197
197
|
highQualitySrc: t
|
|
@@ -201,7 +201,7 @@ const J = {
|
|
|
201
201
|
* Create an image with loading placeholder
|
|
202
202
|
*/
|
|
203
203
|
withPlaceholder(e, t, s = {}) {
|
|
204
|
-
return
|
|
204
|
+
return I(e, {
|
|
205
205
|
...s,
|
|
206
206
|
placeholder: t
|
|
207
207
|
});
|
|
@@ -209,8 +209,8 @@ const J = {
|
|
|
209
209
|
};
|
|
210
210
|
var B = Object.defineProperty, N = (e, t, s) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, C = (e, t, s) => N(e, typeof t != "symbol" ? t + "" : t, s);
|
|
211
211
|
class m {
|
|
212
|
-
constructor(t, s,
|
|
213
|
-
this.props = t, this.tag = s, this.content =
|
|
212
|
+
constructor(t, s, n, o = {}) {
|
|
213
|
+
this.props = t, this.tag = s, this.content = n, this.attributes = o, C(this, "type", "component"), C(this, "id"), C(this, "mounted", !1), C(this, "cleanup", []), this.id = `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
|
|
214
214
|
}
|
|
215
215
|
render() {
|
|
216
216
|
return [
|
|
@@ -228,7 +228,7 @@ const y = {
|
|
|
228
228
|
"div",
|
|
229
229
|
e.children ? String(e.children) : void 0
|
|
230
230
|
);
|
|
231
|
-
return
|
|
231
|
+
return f(t);
|
|
232
232
|
},
|
|
233
233
|
/**
|
|
234
234
|
* Create a span element with modifier support
|
|
@@ -239,7 +239,7 @@ const y = {
|
|
|
239
239
|
"span",
|
|
240
240
|
e.children ? String(e.children) : void 0
|
|
241
241
|
);
|
|
242
|
-
return
|
|
242
|
+
return f(t);
|
|
243
243
|
},
|
|
244
244
|
/**
|
|
245
245
|
* Create an anchor element with modifier support
|
|
@@ -254,7 +254,7 @@ const y = {
|
|
|
254
254
|
onclick: e.onClick
|
|
255
255
|
}
|
|
256
256
|
);
|
|
257
|
-
return
|
|
257
|
+
return f(t);
|
|
258
258
|
},
|
|
259
259
|
/**
|
|
260
260
|
* Create a paragraph element with modifier support
|
|
@@ -265,7 +265,7 @@ const y = {
|
|
|
265
265
|
"p",
|
|
266
266
|
e.children ? String(e.children) : void 0
|
|
267
267
|
);
|
|
268
|
-
return
|
|
268
|
+
return f(t);
|
|
269
269
|
},
|
|
270
270
|
/**
|
|
271
271
|
* Create a button element with modifier support
|
|
@@ -282,7 +282,7 @@ const y = {
|
|
|
282
282
|
onclick: e.onClick
|
|
283
283
|
}
|
|
284
284
|
);
|
|
285
|
-
return process.env.NODE_ENV === "test" && (t.props || (t.props = {}), t.props.tabIndex = 0),
|
|
285
|
+
return process.env.NODE_ENV === "test" && (t.props || (t.props = {}), t.props.tabIndex = 0), f(t);
|
|
286
286
|
},
|
|
287
287
|
/**
|
|
288
288
|
* Create an input element with modifier support
|
|
@@ -293,11 +293,11 @@ const y = {
|
|
|
293
293
|
value: e.value || "",
|
|
294
294
|
placeholder: e.placeholder || "",
|
|
295
295
|
oninput: (s) => {
|
|
296
|
-
const
|
|
297
|
-
e.onChange?.(
|
|
296
|
+
const n = s.target;
|
|
297
|
+
e.onChange?.(n.value);
|
|
298
298
|
}
|
|
299
299
|
});
|
|
300
|
-
return
|
|
300
|
+
return f(t);
|
|
301
301
|
},
|
|
302
302
|
/**
|
|
303
303
|
* Create an image element with modifier support
|
|
@@ -312,7 +312,7 @@ const y = {
|
|
|
312
312
|
width: e.width,
|
|
313
313
|
height: e.height
|
|
314
314
|
});
|
|
315
|
-
return
|
|
315
|
+
return f(t);
|
|
316
316
|
},
|
|
317
317
|
/**
|
|
318
318
|
* Create a heading element with modifier support
|
|
@@ -323,26 +323,26 @@ const y = {
|
|
|
323
323
|
`h${e}`,
|
|
324
324
|
t.children ? String(t.children) : void 0
|
|
325
325
|
);
|
|
326
|
-
return
|
|
326
|
+
return f(s);
|
|
327
327
|
}
|
|
328
328
|
}, Q = y.heading(1), tt = y.heading(2), et = y.heading(3), st = y.heading(4), ot = y.heading(5), nt = y.heading(6);
|
|
329
329
|
var X = Object.defineProperty, k = (e, t, s) => t in e ? X(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, r = (e, t, s) => k(e, typeof t != "symbol" ? t + "" : t, s);
|
|
330
330
|
class j {
|
|
331
331
|
constructor(t) {
|
|
332
|
-
this.props = t, r(this, "type", "component"), r(this, "id"), r(this, "mounted", !1), r(this, "cleanup", []), r(this, "scrollElement", null), r(this, "contentOffsetSignal"), r(this, "setContentOffset"), r(this, "contentSizeSignal"), r(this, "setContentSize"), r(this, "setIsScrolling"), r(this, "pullToRefreshStateSignal"), r(this, "setPullToRefreshState"), r(this, "scrollEventThrottle"), r(this, "lastScrollTime", 0), r(this, "scrollVelocity", { x: 0, y: 0 }), r(this, "lastScrollOffset", { x: 0, y: 0 }), r(this, "pullStartY", 0), r(this, "isPulling", !1), r(this, "handleScroll", (
|
|
332
|
+
this.props = t, r(this, "type", "component"), r(this, "id"), r(this, "mounted", !1), r(this, "cleanup", []), r(this, "scrollElement", null), r(this, "contentOffsetSignal"), r(this, "setContentOffset"), r(this, "contentSizeSignal"), r(this, "setContentSize"), r(this, "setIsScrolling"), r(this, "pullToRefreshStateSignal"), r(this, "setPullToRefreshState"), r(this, "scrollEventThrottle"), r(this, "lastScrollTime", 0), r(this, "scrollVelocity", { x: 0, y: 0 }), r(this, "lastScrollOffset", { x: 0, y: 0 }), r(this, "pullStartY", 0), r(this, "isPulling", !1), r(this, "handleScroll", (h) => {
|
|
333
333
|
if (!this.scrollElement) return;
|
|
334
334
|
const p = performance.now(), c = p - this.lastScrollTime;
|
|
335
335
|
if (c < this.scrollEventThrottle) return;
|
|
336
|
-
const
|
|
336
|
+
const d = {
|
|
337
337
|
x: this.scrollElement.scrollLeft,
|
|
338
338
|
y: this.scrollElement.scrollTop
|
|
339
339
|
};
|
|
340
|
-
this.scrollVelocity = this.calculateVelocity(
|
|
340
|
+
this.scrollVelocity = this.calculateVelocity(d, c), this.setContentOffset(d), this.setContentSize({
|
|
341
341
|
width: this.scrollElement.scrollWidth,
|
|
342
342
|
height: this.scrollElement.scrollHeight
|
|
343
343
|
});
|
|
344
|
-
const a = this.detectScrollEdges(),
|
|
345
|
-
offset:
|
|
344
|
+
const a = this.detectScrollEdges(), w = {
|
|
345
|
+
offset: d,
|
|
346
346
|
velocity: this.scrollVelocity,
|
|
347
347
|
contentSize: {
|
|
348
348
|
width: this.scrollElement.scrollWidth,
|
|
@@ -354,17 +354,17 @@ class j {
|
|
|
354
354
|
},
|
|
355
355
|
edges: a
|
|
356
356
|
};
|
|
357
|
-
this.props.onScroll && this.props.onScroll(
|
|
357
|
+
this.props.onScroll && this.props.onScroll(w), a.top && this.props.onReachTop && this.props.onReachTop(), a.bottom && this.props.onReachBottom && this.props.onReachBottom(), a.left && this.props.onReachLeft && this.props.onReachLeft(), a.right && this.props.onReachRight && this.props.onReachRight(), this.lastScrollOffset = d, this.lastScrollTime = p;
|
|
358
358
|
}), r(this, "handleScrollStart", () => {
|
|
359
359
|
this.setIsScrolling(!0), this.props.onScrollBegin && this.props.onScrollBegin();
|
|
360
360
|
}), r(this, "handleScrollEnd", () => {
|
|
361
361
|
this.setIsScrolling(!1), this.props.onScrollEnd && this.props.onScrollEnd();
|
|
362
|
-
}), r(this, "handleTouchStart", (
|
|
363
|
-
this.props.refreshControl?.enabled && (this.pullStartY =
|
|
364
|
-
}), r(this, "handleTouchMove", (
|
|
362
|
+
}), r(this, "handleTouchStart", (h) => {
|
|
363
|
+
this.props.refreshControl?.enabled && (this.pullStartY = h.touches[0].clientY, this.isPulling = !1);
|
|
364
|
+
}), r(this, "handleTouchMove", (h) => {
|
|
365
365
|
if (!this.props.refreshControl?.enabled || !this.scrollElement) return;
|
|
366
|
-
const c =
|
|
367
|
-
this.scrollElement.scrollTop <= 0 && c > 0 && (this.isPulling = !0, c >
|
|
366
|
+
const c = h.touches[0].clientY - this.pullStartY, d = this.props.refreshControl.threshold || 80;
|
|
367
|
+
this.scrollElement.scrollTop <= 0 && c > 0 && (this.isPulling = !0, c > d ? this.setPullToRefreshState("ready") : this.setPullToRefreshState("pulling"));
|
|
368
368
|
}), r(this, "handleTouchEnd", async () => {
|
|
369
369
|
if (!this.props.refreshControl?.enabled || !this.isPulling) return;
|
|
370
370
|
if (this.pullToRefreshStateSignal() === "ready") {
|
|
@@ -380,41 +380,41 @@ class j {
|
|
|
380
380
|
this.setPullToRefreshState("idle");
|
|
381
381
|
this.isPulling = !1;
|
|
382
382
|
}), this.id = `scrollview-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, this.scrollEventThrottle = t.scrollEventThrottle || 16;
|
|
383
|
-
const [s,
|
|
383
|
+
const [s, n] = E(
|
|
384
384
|
{ x: 0, y: 0 }
|
|
385
385
|
);
|
|
386
|
-
this.contentOffsetSignal = s, this.setContentOffset =
|
|
387
|
-
const [
|
|
386
|
+
this.contentOffsetSignal = s, this.setContentOffset = n;
|
|
387
|
+
const [o, i] = E({
|
|
388
388
|
width: 0,
|
|
389
389
|
height: 0
|
|
390
390
|
});
|
|
391
|
-
this.contentSizeSignal =
|
|
392
|
-
const [, l] =
|
|
391
|
+
this.contentSizeSignal = o, this.setContentSize = i;
|
|
392
|
+
const [, l] = E(!1);
|
|
393
393
|
this.setIsScrolling = l;
|
|
394
|
-
const [u, R] =
|
|
394
|
+
const [u, R] = E("idle");
|
|
395
395
|
if (this.pullToRefreshStateSignal = u, this.setPullToRefreshState = R, t.contentOffset && v(t.contentOffset)) {
|
|
396
396
|
this.setContentOffset(t.contentOffset());
|
|
397
|
-
const
|
|
397
|
+
const h = b(() => {
|
|
398
398
|
t.contentOffset && v(t.contentOffset) && this.setContentOffset(t.contentOffset());
|
|
399
399
|
});
|
|
400
|
-
this.cleanup.push(() =>
|
|
400
|
+
this.cleanup.push(() => h.dispose());
|
|
401
401
|
}
|
|
402
402
|
if (t.contentSize && v(t.contentSize)) {
|
|
403
403
|
this.setContentSize(t.contentSize());
|
|
404
|
-
const
|
|
404
|
+
const h = b(() => {
|
|
405
405
|
t.contentSize && v(t.contentSize) && this.setContentSize(t.contentSize());
|
|
406
406
|
});
|
|
407
|
-
this.cleanup.push(() =>
|
|
407
|
+
this.cleanup.push(() => h.dispose());
|
|
408
408
|
}
|
|
409
409
|
}
|
|
410
410
|
/**
|
|
411
411
|
* Calculate scroll velocity
|
|
412
412
|
*/
|
|
413
413
|
calculateVelocity(t, s) {
|
|
414
|
-
const
|
|
414
|
+
const n = t.x - this.lastScrollOffset.x, o = t.y - this.lastScrollOffset.y;
|
|
415
415
|
return {
|
|
416
|
-
x: s > 0 ?
|
|
417
|
-
y: s > 0 ?
|
|
416
|
+
x: s > 0 ? n / s : 0,
|
|
417
|
+
y: s > 0 ? o / s : 0
|
|
418
418
|
};
|
|
419
419
|
}
|
|
420
420
|
/**
|
|
@@ -426,16 +426,16 @@ class j {
|
|
|
426
426
|
const {
|
|
427
427
|
scrollTop: t,
|
|
428
428
|
scrollLeft: s,
|
|
429
|
-
scrollHeight:
|
|
430
|
-
scrollWidth:
|
|
429
|
+
scrollHeight: n,
|
|
430
|
+
scrollWidth: o,
|
|
431
431
|
clientHeight: i,
|
|
432
432
|
clientWidth: l
|
|
433
433
|
} = this.scrollElement;
|
|
434
434
|
return {
|
|
435
435
|
top: t <= 0,
|
|
436
|
-
bottom: t + i >=
|
|
436
|
+
bottom: t + i >= n - 1,
|
|
437
437
|
left: s <= 0,
|
|
438
|
-
right: s + l >=
|
|
438
|
+
right: s + l >= o - 1
|
|
439
439
|
};
|
|
440
440
|
}
|
|
441
441
|
/**
|
|
@@ -443,14 +443,14 @@ class j {
|
|
|
443
443
|
*/
|
|
444
444
|
setupScrollHandlers(t) {
|
|
445
445
|
let s;
|
|
446
|
-
const
|
|
446
|
+
const n = () => {
|
|
447
447
|
clearTimeout(s), this.handleScrollStart();
|
|
448
|
-
},
|
|
448
|
+
}, o = () => {
|
|
449
449
|
clearTimeout(s), s = setTimeout(() => {
|
|
450
450
|
this.handleScrollEnd();
|
|
451
451
|
}, 150);
|
|
452
452
|
}, i = (l) => {
|
|
453
|
-
|
|
453
|
+
n(), this.handleScroll(l), o();
|
|
454
454
|
};
|
|
455
455
|
t.addEventListener("scroll", i, { passive: !0 }), t.addEventListener("touchstart", this.handleTouchStart, {
|
|
456
456
|
passive: !0
|
|
@@ -490,19 +490,19 @@ class j {
|
|
|
490
490
|
* Apply additional scroll view styling (position and overflow already set in initial render)
|
|
491
491
|
*/
|
|
492
492
|
applyScrollViewStyles(t) {
|
|
493
|
-
const { showsScrollIndicator: s = !0, bounces:
|
|
493
|
+
const { showsScrollIndicator: s = !0, bounces: n = !0 } = this.props;
|
|
494
494
|
if (!s) {
|
|
495
495
|
t.style.scrollbarWidth = "none", t.style.msOverflowStyle = "none";
|
|
496
|
-
const
|
|
497
|
-
|
|
496
|
+
const o = document.createElement("style");
|
|
497
|
+
o.textContent = `
|
|
498
498
|
#${t.id}::-webkit-scrollbar {
|
|
499
499
|
display: none;
|
|
500
500
|
}
|
|
501
|
-
`, document.head.appendChild(
|
|
502
|
-
document.head.removeChild(
|
|
501
|
+
`, document.head.appendChild(o), this.cleanup.push(() => {
|
|
502
|
+
document.head.removeChild(o);
|
|
503
503
|
});
|
|
504
504
|
}
|
|
505
|
-
|
|
505
|
+
n ? t.style.webkitOverflowScrolling = "touch" : t.style.overscrollBehavior = "none", t.style.scrollBehavior = "smooth";
|
|
506
506
|
}
|
|
507
507
|
/**
|
|
508
508
|
* Apply content insets
|
|
@@ -510,8 +510,8 @@ class j {
|
|
|
510
510
|
applyContentInsets(t) {
|
|
511
511
|
const { contentInset: s } = this.props;
|
|
512
512
|
if (s) {
|
|
513
|
-
const { top:
|
|
514
|
-
t.style.padding = `${
|
|
513
|
+
const { top: n = 0, bottom: o = 0, left: i = 0, right: l = 0 } = s;
|
|
514
|
+
t.style.padding = `${n}px ${l}px ${o}px ${i}px`;
|
|
515
515
|
}
|
|
516
516
|
}
|
|
517
517
|
/**
|
|
@@ -520,21 +520,21 @@ class j {
|
|
|
520
520
|
createPullToRefreshIndicator() {
|
|
521
521
|
if (!this.props.refreshControl?.enabled) return null;
|
|
522
522
|
const t = this.pullToRefreshStateSignal(), s = this.props.refreshControl.tintColor || "#007AFF";
|
|
523
|
-
let
|
|
523
|
+
let n = "";
|
|
524
524
|
switch (t) {
|
|
525
525
|
case "pulling":
|
|
526
|
-
|
|
526
|
+
n = "↓ Pull to refresh";
|
|
527
527
|
break;
|
|
528
528
|
case "ready":
|
|
529
|
-
|
|
529
|
+
n = "↑ Release to refresh";
|
|
530
530
|
break;
|
|
531
531
|
case "refreshing":
|
|
532
|
-
|
|
532
|
+
n = "⟳ Refreshing...";
|
|
533
533
|
break;
|
|
534
534
|
default:
|
|
535
|
-
|
|
535
|
+
n = "";
|
|
536
536
|
}
|
|
537
|
-
return
|
|
537
|
+
return n ? {
|
|
538
538
|
type: "component",
|
|
539
539
|
id: `${this.id}-refresh`,
|
|
540
540
|
mounted: !1,
|
|
@@ -561,7 +561,7 @@ class j {
|
|
|
561
561
|
opacity: t === "idle" ? 0 : 1
|
|
562
562
|
}
|
|
563
563
|
},
|
|
564
|
-
|
|
564
|
+
n
|
|
565
565
|
)
|
|
566
566
|
]
|
|
567
567
|
} : null;
|
|
@@ -571,8 +571,8 @@ class j {
|
|
|
571
571
|
*/
|
|
572
572
|
scrollTo(t, s = "smooth") {
|
|
573
573
|
if (!this.scrollElement) return;
|
|
574
|
-
const
|
|
575
|
-
t.x !== void 0 && (
|
|
574
|
+
const n = { behavior: s };
|
|
575
|
+
t.x !== void 0 && (n.left = t.x), t.y !== void 0 && (n.top = t.y), this.scrollElement.scrollTo(n);
|
|
576
576
|
}
|
|
577
577
|
/**
|
|
578
578
|
* Scroll to top
|
|
@@ -597,12 +597,12 @@ class j {
|
|
|
597
597
|
*/
|
|
598
598
|
render() {
|
|
599
599
|
const { children: t = [], scrollEnabled: s = !0 } = this.props;
|
|
600
|
-
let
|
|
601
|
-
const
|
|
602
|
-
if (typeof
|
|
603
|
-
const c =
|
|
604
|
-
|
|
605
|
-
} else Array.isArray(t) && (
|
|
600
|
+
let n = [];
|
|
601
|
+
const o = t;
|
|
602
|
+
if (typeof o == "function") {
|
|
603
|
+
const c = o();
|
|
604
|
+
n = Array.isArray(c) ? c : [];
|
|
605
|
+
} else Array.isArray(t) && (n = t);
|
|
606
606
|
const i = S(
|
|
607
607
|
"div",
|
|
608
608
|
{
|
|
@@ -612,14 +612,14 @@ class j {
|
|
|
612
612
|
minWidth: "100%"
|
|
613
613
|
}
|
|
614
614
|
},
|
|
615
|
-
...
|
|
615
|
+
...n.flatMap((c) => c.render())
|
|
616
616
|
), l = this.createPullToRefreshIndicator(), u = [];
|
|
617
617
|
if (l) {
|
|
618
|
-
const c = l.render(),
|
|
619
|
-
u.push(...
|
|
618
|
+
const c = l.render(), d = Array.isArray(c) ? c : [c];
|
|
619
|
+
u.push(...d.filter((a) => a));
|
|
620
620
|
}
|
|
621
621
|
u.push(i);
|
|
622
|
-
const { direction: R = "vertical" } = this.props,
|
|
622
|
+
const { direction: R = "vertical" } = this.props, h = this.getOverflowStyles(R), p = S(
|
|
623
623
|
"div",
|
|
624
624
|
{
|
|
625
625
|
id: this.id,
|
|
@@ -628,7 +628,7 @@ class j {
|
|
|
628
628
|
height: "100%",
|
|
629
629
|
width: "100%",
|
|
630
630
|
position: "relative",
|
|
631
|
-
...
|
|
631
|
+
...h
|
|
632
632
|
}
|
|
633
633
|
},
|
|
634
634
|
...u
|
|
@@ -636,22 +636,22 @@ class j {
|
|
|
636
636
|
if (p.element) {
|
|
637
637
|
const c = p.element;
|
|
638
638
|
this.scrollElement = c, this.applyScrollViewStyles(c), this.setupScrollHandlers(c), i.element && this.applyContentInsets(i.element);
|
|
639
|
-
const
|
|
639
|
+
const d = () => {
|
|
640
640
|
const a = v(s) ? s() : s;
|
|
641
641
|
c.style.overflow = a ? "auto" : "hidden", c.style.pointerEvents = a ? "auto" : "none";
|
|
642
642
|
};
|
|
643
643
|
if (v(s)) {
|
|
644
|
-
const a =
|
|
644
|
+
const a = b(d);
|
|
645
645
|
this.cleanup.push(() => a.dispose());
|
|
646
646
|
} else
|
|
647
|
-
|
|
648
|
-
if (typeof
|
|
649
|
-
const a =
|
|
650
|
-
const
|
|
647
|
+
d();
|
|
648
|
+
if (typeof o == "function") {
|
|
649
|
+
const a = b(() => {
|
|
650
|
+
const w = o(), _ = (Array.isArray(w) ? w : []).flatMap((T) => T.render());
|
|
651
651
|
if (i.element) {
|
|
652
|
-
const
|
|
653
|
-
|
|
654
|
-
P && P.element &&
|
|
652
|
+
const T = i.element;
|
|
653
|
+
T.innerHTML = "", _.forEach((P) => {
|
|
654
|
+
P && P.element && T.appendChild(P.element);
|
|
655
655
|
});
|
|
656
656
|
}
|
|
657
657
|
});
|
|
@@ -661,16 +661,16 @@ class j {
|
|
|
661
661
|
return [p];
|
|
662
662
|
}
|
|
663
663
|
}
|
|
664
|
-
function
|
|
664
|
+
function A(e = {}) {
|
|
665
665
|
const t = new j(e);
|
|
666
|
-
return
|
|
666
|
+
return f(t);
|
|
667
667
|
}
|
|
668
668
|
const it = {
|
|
669
669
|
/**
|
|
670
670
|
* Create a scroll view with pull to refresh
|
|
671
671
|
*/
|
|
672
672
|
withRefresh(e, t, s = {}) {
|
|
673
|
-
return
|
|
673
|
+
return A({
|
|
674
674
|
children: e,
|
|
675
675
|
refreshControl: {
|
|
676
676
|
enabled: !0,
|
|
@@ -683,7 +683,7 @@ const it = {
|
|
|
683
683
|
* Create a horizontal scroll view
|
|
684
684
|
*/
|
|
685
685
|
horizontal(e, t = {}) {
|
|
686
|
-
return
|
|
686
|
+
return A({
|
|
687
687
|
...t,
|
|
688
688
|
children: e,
|
|
689
689
|
direction: "horizontal"
|
|
@@ -693,7 +693,7 @@ const it = {
|
|
|
693
693
|
* Create a paged scroll view
|
|
694
694
|
*/
|
|
695
695
|
paged(e, t = {}) {
|
|
696
|
-
return
|
|
696
|
+
return A({
|
|
697
697
|
...t,
|
|
698
698
|
children: e,
|
|
699
699
|
pagingEnabled: !0
|
|
@@ -701,10 +701,10 @@ const it = {
|
|
|
701
701
|
}
|
|
702
702
|
};
|
|
703
703
|
export {
|
|
704
|
-
|
|
704
|
+
F as E,
|
|
705
705
|
y as H,
|
|
706
|
-
|
|
707
|
-
|
|
706
|
+
I,
|
|
707
|
+
A as S,
|
|
708
708
|
J as a,
|
|
709
709
|
K as b,
|
|
710
710
|
Z as c,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/display/Image.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/display/Image.ts"],"names":[],"mappings":"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"}
|
package/dist/display/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { E as e, H as t, T as o, a as H, b as l, c as n } from "../Text-WpP4H9se.js";
|
|
2
|
-
import { E as c, j as g, d as m, e as i, f as T, g as d, h as x, i as I, H as S, I as h, b as E, a as p, c as f, S as w, k as y } from "../ScrollView-
|
|
2
|
+
import { E as c, j as g, d as m, e as i, f as T, g as d, h as x, i as I, H as S, I as h, b as E, a as p, c as f, S as w, k as y } from "../ScrollView-CC8g8Lq2.js";
|
|
3
3
|
export {
|
|
4
4
|
c as EnhancedImage,
|
|
5
5
|
g as EnhancedScrollView,
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Divider as b, DividerComponent as P, DividerStyles as I, DividerUtils as y, HStack as j, Spacer as S, SpacerComponent as A, VStack as L, ZStack as C, defaultDividerTheme as V } from "./layout/index.js";
|
|
2
2
|
import { E as O, H as E, T as $, a as F, b as q, c as U } from "./Text-WpP4H9se.js";
|
|
3
|
-
import { E as N, j as _, d as W, e as R, f as M, g as G, h as K, i as Z, H as z, I as J, b as Q, a as X, c as Y, S as ee, k as te } from "./ScrollView-
|
|
3
|
+
import { E as N, j as _, d as W, e as R, f as M, g as G, h as K, i as Z, H as z, I as J, b as Q, a as X, c as Y, S as ee, k as te } from "./ScrollView-CC8g8Lq2.js";
|
|
4
4
|
import { B as ne, a as ie, E as re, h as ae, c as se, L as ce, b as le, P as pe, i as de, j as ge, T as ue, e as me, f as he, g as fe, d as ve } from "./Picker-CpERkpVp.js";
|
|
5
5
|
import { B as xe, a as ke, b as Be, c as Te, d as be, e as Pe, f as Ie } from "./BasicInput-BHfrSdoi.js";
|
|
6
6
|
import { withModifiers as je } from "@tachui/core";
|
|
@@ -425,7 +425,7 @@ const w = {
|
|
|
425
425
|
}
|
|
426
426
|
console.groupEnd();
|
|
427
427
|
}
|
|
428
|
-
}, h = "@tachui/primitives", f = "0.8.
|
|
428
|
+
}, h = "@tachui/primitives", f = "0.8.14", x = h, k = f;
|
|
429
429
|
export {
|
|
430
430
|
xe as BasicForm,
|
|
431
431
|
ke as BasicFormImplementation,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tachui/primitives",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.14",
|
|
4
4
|
"description": "Basic UI components for tachUI framework",
|
|
5
5
|
"homepage": "https://tachui.dev/",
|
|
6
6
|
"type": "module",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
],
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@tachui/core": "0.9.0",
|
|
37
|
-
"@tachui/modifiers": "0.8.
|
|
37
|
+
"@tachui/modifiers": "0.8.14"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@types/node": "^20.0.0",
|