@tamagui/image 1.139.2 → 1.139.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/cjs/createImage.cjs +122 -0
- package/dist/cjs/createImage.js +127 -0
- package/dist/cjs/createImage.js.map +6 -0
- package/dist/cjs/createImage.native.js +128 -0
- package/dist/cjs/createImage.native.js.map +1 -0
- package/dist/esm/createImage.js +112 -0
- package/dist/esm/createImage.js.map +6 -0
- package/dist/esm/createImage.mjs +99 -0
- package/dist/esm/createImage.mjs.map +1 -0
- package/dist/esm/createImage.native.js +102 -0
- package/dist/esm/createImage.native.js.map +1 -0
- package/dist/jsx/createImage.js +112 -0
- package/dist/jsx/createImage.js.map +6 -0
- package/dist/jsx/createImage.mjs +99 -0
- package/dist/jsx/createImage.mjs.map +1 -0
- package/dist/jsx/createImage.native.js +128 -0
- package/dist/jsx/createImage.native.js.map +1 -0
- package/package.json +4 -4
- package/types/Image.native.d.ts.map +1 -1
- package/types/createImage.d.ts.map +1 -0
- package/types/types.d.ts.map +1 -1
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: !0
|
|
9
|
+
});
|
|
10
|
+
},
|
|
11
|
+
__copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
13
|
+
get: () => from[key],
|
|
14
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
+
});
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
+
value: !0
|
|
20
|
+
}), mod);
|
|
21
|
+
var createImage_exports = {};
|
|
22
|
+
__export(createImage_exports, {
|
|
23
|
+
createImage: () => createImage
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(createImage_exports);
|
|
26
|
+
var import_web = require("@tamagui/web"),
|
|
27
|
+
import_jsx_runtime = require("react/jsx-runtime");
|
|
28
|
+
const defaultObjectFitMap = objectFit => {
|
|
29
|
+
switch (objectFit) {
|
|
30
|
+
case "fill":
|
|
31
|
+
return "stretch";
|
|
32
|
+
case "none":
|
|
33
|
+
return "center";
|
|
34
|
+
case "scale-down":
|
|
35
|
+
return "contain";
|
|
36
|
+
case "contain":
|
|
37
|
+
return "contain";
|
|
38
|
+
default:
|
|
39
|
+
return "cover";
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
defaultTransformSource = props => {
|
|
43
|
+
const {
|
|
44
|
+
src,
|
|
45
|
+
source,
|
|
46
|
+
width,
|
|
47
|
+
height
|
|
48
|
+
} = props;
|
|
49
|
+
return source || (src && typeof src != "string" ? src : {
|
|
50
|
+
uri: src,
|
|
51
|
+
width,
|
|
52
|
+
height
|
|
53
|
+
});
|
|
54
|
+
};
|
|
55
|
+
function createImage(options) {
|
|
56
|
+
const {
|
|
57
|
+
Component,
|
|
58
|
+
mapObjectFitToResizeMode = defaultObjectFitMap,
|
|
59
|
+
resizeModePropName = "resizeMode",
|
|
60
|
+
objectPositionPropName,
|
|
61
|
+
transformSource = defaultTransformSource
|
|
62
|
+
} = options,
|
|
63
|
+
ImageComponent = (0, import_web.styled)(Component, {
|
|
64
|
+
name: "Image"
|
|
65
|
+
}, {
|
|
66
|
+
inlineProps: /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"])
|
|
67
|
+
}).styleable((incomingProps, ref) => {
|
|
68
|
+
const props = incomingProps,
|
|
69
|
+
{
|
|
70
|
+
src,
|
|
71
|
+
width,
|
|
72
|
+
height,
|
|
73
|
+
objectFit,
|
|
74
|
+
objectPosition,
|
|
75
|
+
// web only props - filter out on native
|
|
76
|
+
decoding,
|
|
77
|
+
elementTiming,
|
|
78
|
+
fetchpriority,
|
|
79
|
+
isMap,
|
|
80
|
+
loading,
|
|
81
|
+
sizes,
|
|
82
|
+
useMap,
|
|
83
|
+
onLoad,
|
|
84
|
+
onError,
|
|
85
|
+
...rest
|
|
86
|
+
} = props,
|
|
87
|
+
resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width) : width,
|
|
88
|
+
resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height) : height,
|
|
89
|
+
finalSource = transformSource({
|
|
90
|
+
src,
|
|
91
|
+
width: resolvedWidth,
|
|
92
|
+
height: resolvedHeight
|
|
93
|
+
}),
|
|
94
|
+
finalProps = {
|
|
95
|
+
...rest,
|
|
96
|
+
source: finalSource,
|
|
97
|
+
style: {
|
|
98
|
+
width: resolvedWidth,
|
|
99
|
+
height: resolvedHeight
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = e => {
|
|
103
|
+
const source = e?.nativeEvent?.source || e?.source || {};
|
|
104
|
+
onLoad({
|
|
105
|
+
target: {
|
|
106
|
+
naturalHeight: source?.height,
|
|
107
|
+
naturalWidth: source?.width
|
|
108
|
+
},
|
|
109
|
+
type: "load"
|
|
110
|
+
});
|
|
111
|
+
}), onError && (finalProps.onError = () => {
|
|
112
|
+
onError({
|
|
113
|
+
type: "error"
|
|
114
|
+
});
|
|
115
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
|
|
116
|
+
ref,
|
|
117
|
+
...finalProps
|
|
118
|
+
});
|
|
119
|
+
}),
|
|
120
|
+
comp = Component;
|
|
121
|
+
return ImageComponent.getSize = comp.getSize || (() => {}), ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {}), ImageComponent.prefetch = comp.prefetch || (() => {}), ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {}), ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {}), ImageComponent.queryCache = comp.queryCache || (() => {}), ImageComponent;
|
|
122
|
+
}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __export = (target, all) => {
|
|
6
|
+
for (var name in all)
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
+
for (let key of __getOwnPropNames(from))
|
|
11
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
+
var createImage_exports = {};
|
|
16
|
+
__export(createImage_exports, {
|
|
17
|
+
createImage: () => createImage
|
|
18
|
+
});
|
|
19
|
+
module.exports = __toCommonJS(createImage_exports);
|
|
20
|
+
var import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
|
+
const defaultObjectFitMap = (objectFit) => {
|
|
22
|
+
switch (objectFit) {
|
|
23
|
+
case "fill":
|
|
24
|
+
return "stretch";
|
|
25
|
+
case "none":
|
|
26
|
+
return "center";
|
|
27
|
+
case "scale-down":
|
|
28
|
+
return "contain";
|
|
29
|
+
case "contain":
|
|
30
|
+
return "contain";
|
|
31
|
+
default:
|
|
32
|
+
return "cover";
|
|
33
|
+
}
|
|
34
|
+
}, defaultTransformSource = (props) => {
|
|
35
|
+
const { src, source, width, height } = props;
|
|
36
|
+
return source || (src && typeof src != "string" ? src : {
|
|
37
|
+
uri: src,
|
|
38
|
+
width,
|
|
39
|
+
height
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
function createImage(options) {
|
|
43
|
+
const {
|
|
44
|
+
Component,
|
|
45
|
+
mapObjectFitToResizeMode = defaultObjectFitMap,
|
|
46
|
+
resizeModePropName = "resizeMode",
|
|
47
|
+
objectPositionPropName,
|
|
48
|
+
transformSource = defaultTransformSource
|
|
49
|
+
} = options, ImageComponent = (0, import_web.styled)(
|
|
50
|
+
Component,
|
|
51
|
+
{
|
|
52
|
+
name: "Image"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
inlineProps: /* @__PURE__ */ new Set([
|
|
56
|
+
"source",
|
|
57
|
+
"placeholder",
|
|
58
|
+
"transition",
|
|
59
|
+
"contentFit",
|
|
60
|
+
"contentPosition",
|
|
61
|
+
"cachePolicy",
|
|
62
|
+
"recyclingKey",
|
|
63
|
+
"allowDownscaling",
|
|
64
|
+
"autoplay",
|
|
65
|
+
"blurRadius",
|
|
66
|
+
"priority",
|
|
67
|
+
"placeholderContentFit",
|
|
68
|
+
"responsivePolicy",
|
|
69
|
+
"onLoadStart",
|
|
70
|
+
"onProgress",
|
|
71
|
+
"onLoadEnd"
|
|
72
|
+
])
|
|
73
|
+
}
|
|
74
|
+
).styleable((incomingProps, ref) => {
|
|
75
|
+
const props = incomingProps, {
|
|
76
|
+
src,
|
|
77
|
+
width,
|
|
78
|
+
height,
|
|
79
|
+
objectFit,
|
|
80
|
+
objectPosition,
|
|
81
|
+
// web only props - filter out on native
|
|
82
|
+
decoding,
|
|
83
|
+
elementTiming,
|
|
84
|
+
fetchpriority,
|
|
85
|
+
isMap,
|
|
86
|
+
loading,
|
|
87
|
+
sizes,
|
|
88
|
+
useMap,
|
|
89
|
+
onLoad,
|
|
90
|
+
onError,
|
|
91
|
+
...rest
|
|
92
|
+
} = props, resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width) : width, resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height) : height, finalSource = transformSource({
|
|
93
|
+
src,
|
|
94
|
+
width: resolvedWidth,
|
|
95
|
+
height: resolvedHeight
|
|
96
|
+
}), finalProps = {
|
|
97
|
+
...rest,
|
|
98
|
+
source: finalSource,
|
|
99
|
+
style: {
|
|
100
|
+
width: resolvedWidth,
|
|
101
|
+
height: resolvedHeight
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = (e) => {
|
|
105
|
+
const source = e?.nativeEvent?.source || e?.source || {};
|
|
106
|
+
onLoad({
|
|
107
|
+
target: {
|
|
108
|
+
naturalHeight: source?.height,
|
|
109
|
+
naturalWidth: source?.width
|
|
110
|
+
},
|
|
111
|
+
type: "load"
|
|
112
|
+
});
|
|
113
|
+
}), onError && (finalProps.onError = () => {
|
|
114
|
+
onError({
|
|
115
|
+
type: "error"
|
|
116
|
+
});
|
|
117
|
+
}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref, ...finalProps });
|
|
118
|
+
}), comp = Component;
|
|
119
|
+
return ImageComponent.getSize = comp.getSize || (() => {
|
|
120
|
+
}), ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {
|
|
121
|
+
}), ImageComponent.prefetch = comp.prefetch || (() => {
|
|
122
|
+
}), ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {
|
|
123
|
+
}), ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {
|
|
124
|
+
}), ImageComponent.queryCache = comp.queryCache || (() => {
|
|
125
|
+
}), ImageComponent;
|
|
126
|
+
}
|
|
127
|
+
//# sourceMappingURL=createImage.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/createImage.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: !0
|
|
22
|
+
}), mod);
|
|
23
|
+
var createImage_exports = {};
|
|
24
|
+
__export(createImage_exports, {
|
|
25
|
+
createImage: () => createImage
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(createImage_exports);
|
|
28
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
29
|
+
import_web = require("@tamagui/web"),
|
|
30
|
+
defaultObjectFitMap = function (objectFit) {
|
|
31
|
+
switch (objectFit) {
|
|
32
|
+
case "fill":
|
|
33
|
+
return "stretch";
|
|
34
|
+
case "none":
|
|
35
|
+
return "center";
|
|
36
|
+
case "scale-down":
|
|
37
|
+
return "contain";
|
|
38
|
+
case "contain":
|
|
39
|
+
return "contain";
|
|
40
|
+
default:
|
|
41
|
+
return "cover";
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
defaultTransformSource = function (props) {
|
|
45
|
+
var {
|
|
46
|
+
src,
|
|
47
|
+
source,
|
|
48
|
+
width,
|
|
49
|
+
height
|
|
50
|
+
} = props;
|
|
51
|
+
return source || (src && typeof src != "string" ? src : {
|
|
52
|
+
uri: src,
|
|
53
|
+
width,
|
|
54
|
+
height
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
function createImage(options) {
|
|
58
|
+
var {
|
|
59
|
+
Component,
|
|
60
|
+
mapObjectFitToResizeMode = defaultObjectFitMap,
|
|
61
|
+
resizeModePropName = "resizeMode",
|
|
62
|
+
objectPositionPropName,
|
|
63
|
+
transformSource = defaultTransformSource
|
|
64
|
+
} = options,
|
|
65
|
+
inlinePropsSet = /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"]),
|
|
66
|
+
StyledImage = (0, import_web.styled)(Component, {
|
|
67
|
+
name: "Image"
|
|
68
|
+
}, {
|
|
69
|
+
inlineProps: inlinePropsSet
|
|
70
|
+
}),
|
|
71
|
+
ImageComponent = StyledImage.styleable(function (incomingProps, ref) {
|
|
72
|
+
var props = incomingProps,
|
|
73
|
+
{
|
|
74
|
+
src,
|
|
75
|
+
width,
|
|
76
|
+
height,
|
|
77
|
+
objectFit,
|
|
78
|
+
objectPosition,
|
|
79
|
+
// web only props - filter out on native
|
|
80
|
+
decoding,
|
|
81
|
+
elementTiming,
|
|
82
|
+
fetchpriority,
|
|
83
|
+
isMap,
|
|
84
|
+
loading,
|
|
85
|
+
sizes,
|
|
86
|
+
useMap,
|
|
87
|
+
onLoad,
|
|
88
|
+
onError,
|
|
89
|
+
...rest
|
|
90
|
+
} = props,
|
|
91
|
+
resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width) : width,
|
|
92
|
+
resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height) : height,
|
|
93
|
+
finalSource = transformSource({
|
|
94
|
+
src,
|
|
95
|
+
width: resolvedWidth,
|
|
96
|
+
height: resolvedHeight
|
|
97
|
+
}),
|
|
98
|
+
finalProps = {
|
|
99
|
+
...rest,
|
|
100
|
+
source: finalSource,
|
|
101
|
+
style: {
|
|
102
|
+
width: resolvedWidth,
|
|
103
|
+
height: resolvedHeight
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = function (e) {
|
|
107
|
+
var _e_nativeEvent,
|
|
108
|
+
source = (e == null || (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || e?.source || {};
|
|
109
|
+
onLoad({
|
|
110
|
+
target: {
|
|
111
|
+
naturalHeight: source?.height,
|
|
112
|
+
naturalWidth: source?.width
|
|
113
|
+
},
|
|
114
|
+
type: "load"
|
|
115
|
+
});
|
|
116
|
+
}), onError && (finalProps.onError = function () {
|
|
117
|
+
onError({
|
|
118
|
+
type: "error"
|
|
119
|
+
});
|
|
120
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
|
|
121
|
+
ref,
|
|
122
|
+
...finalProps
|
|
123
|
+
});
|
|
124
|
+
}),
|
|
125
|
+
comp = Component;
|
|
126
|
+
return ImageComponent.getSize = comp.getSize || function () {}, ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || function () {}, ImageComponent.prefetch = comp.prefetch || function () {}, ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || function () {}, ImageComponent.abortPrefetch = comp.abortPrefetch || function () {}, ImageComponent.queryCache = comp.queryCache || function () {}, ImageComponent;
|
|
127
|
+
}
|
|
128
|
+
//# sourceMappingURL=createImage.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createImage_exports","__export","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","width","height","uri","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","styled","name","inlineProps","ImageComponent","styleable","incomingProps","ref","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","getTokenValue","resolvedHeight","finalSource","finalProps","style","e","_e_nativeEvent","nativeEvent","target","naturalHeight","naturalWidth","type","jsx","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { getTokenValue, styled } from "@tamagui/web";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
const defaultObjectFitMap = (objectFit) => {
|
|
4
|
+
switch (objectFit) {
|
|
5
|
+
case "fill":
|
|
6
|
+
return "stretch";
|
|
7
|
+
case "none":
|
|
8
|
+
return "center";
|
|
9
|
+
case "scale-down":
|
|
10
|
+
return "contain";
|
|
11
|
+
case "contain":
|
|
12
|
+
return "contain";
|
|
13
|
+
default:
|
|
14
|
+
return "cover";
|
|
15
|
+
}
|
|
16
|
+
}, defaultTransformSource = (props) => {
|
|
17
|
+
const { src, source, width, height } = props;
|
|
18
|
+
return source || (src && typeof src != "string" ? src : {
|
|
19
|
+
uri: src,
|
|
20
|
+
width,
|
|
21
|
+
height
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
function createImage(options) {
|
|
25
|
+
const {
|
|
26
|
+
Component,
|
|
27
|
+
mapObjectFitToResizeMode = defaultObjectFitMap,
|
|
28
|
+
resizeModePropName = "resizeMode",
|
|
29
|
+
objectPositionPropName,
|
|
30
|
+
transformSource = defaultTransformSource
|
|
31
|
+
} = options, ImageComponent = styled(
|
|
32
|
+
Component,
|
|
33
|
+
{
|
|
34
|
+
name: "Image"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
inlineProps: /* @__PURE__ */ new Set([
|
|
38
|
+
"source",
|
|
39
|
+
"placeholder",
|
|
40
|
+
"transition",
|
|
41
|
+
"contentFit",
|
|
42
|
+
"contentPosition",
|
|
43
|
+
"cachePolicy",
|
|
44
|
+
"recyclingKey",
|
|
45
|
+
"allowDownscaling",
|
|
46
|
+
"autoplay",
|
|
47
|
+
"blurRadius",
|
|
48
|
+
"priority",
|
|
49
|
+
"placeholderContentFit",
|
|
50
|
+
"responsivePolicy",
|
|
51
|
+
"onLoadStart",
|
|
52
|
+
"onProgress",
|
|
53
|
+
"onLoadEnd"
|
|
54
|
+
])
|
|
55
|
+
}
|
|
56
|
+
).styleable((incomingProps, ref) => {
|
|
57
|
+
const props = incomingProps, {
|
|
58
|
+
src,
|
|
59
|
+
width,
|
|
60
|
+
height,
|
|
61
|
+
objectFit,
|
|
62
|
+
objectPosition,
|
|
63
|
+
// web only props - filter out on native
|
|
64
|
+
decoding,
|
|
65
|
+
elementTiming,
|
|
66
|
+
fetchpriority,
|
|
67
|
+
isMap,
|
|
68
|
+
loading,
|
|
69
|
+
sizes,
|
|
70
|
+
useMap,
|
|
71
|
+
onLoad,
|
|
72
|
+
onError,
|
|
73
|
+
...rest
|
|
74
|
+
} = props, resolvedWidth = typeof width == "string" && width[0] === "$" ? getTokenValue(width) : width, resolvedHeight = typeof height == "string" && height[0] === "$" ? getTokenValue(height) : height, finalSource = transformSource({
|
|
75
|
+
src,
|
|
76
|
+
width: resolvedWidth,
|
|
77
|
+
height: resolvedHeight
|
|
78
|
+
}), finalProps = {
|
|
79
|
+
...rest,
|
|
80
|
+
source: finalSource,
|
|
81
|
+
style: {
|
|
82
|
+
width: resolvedWidth,
|
|
83
|
+
height: resolvedHeight
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = (e) => {
|
|
87
|
+
const source = e?.nativeEvent?.source || e?.source || {};
|
|
88
|
+
onLoad({
|
|
89
|
+
target: {
|
|
90
|
+
naturalHeight: source?.height,
|
|
91
|
+
naturalWidth: source?.width
|
|
92
|
+
},
|
|
93
|
+
type: "load"
|
|
94
|
+
});
|
|
95
|
+
}), onError && (finalProps.onError = () => {
|
|
96
|
+
onError({
|
|
97
|
+
type: "error"
|
|
98
|
+
});
|
|
99
|
+
}), /* @__PURE__ */ jsx(Component, { ref, ...finalProps });
|
|
100
|
+
}), comp = Component;
|
|
101
|
+
return ImageComponent.getSize = comp.getSize || (() => {
|
|
102
|
+
}), ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {
|
|
103
|
+
}), ImageComponent.prefetch = comp.prefetch || (() => {
|
|
104
|
+
}), ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {
|
|
105
|
+
}), ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {
|
|
106
|
+
}), ImageComponent.queryCache = comp.queryCache || (() => {
|
|
107
|
+
}), ImageComponent;
|
|
108
|
+
}
|
|
109
|
+
export {
|
|
110
|
+
createImage
|
|
111
|
+
};
|
|
112
|
+
//# sourceMappingURL=createImage.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/createImage.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAAS,eAAe,cAAc;AAyN3B;AA/KX,MAAM,sBAAsB,CAAC,cAAuC;AAClE,UAAQ,WAAW;AAAA,IACjB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF,GAEM,yBAAyB,CAAC,UAK1B;AACJ,QAAM,EAAE,KAAK,QAAQ,OAAO,OAAO,IAAI;AACvC,SAAI,WACA,OAAO,OAAO,OAAQ,WAAiB,MACpC;AAAA,IACL,KAAK;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAyBO,SAAS,YACd,SACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA,2BAA2B;AAAA,IAC3B,qBAAqB;AAAA,IACrB;AAAA,IACA,kBAAkB;AAAA,EACpB,IAAI,SAmCE,iBAbc;AAAA,IAClB;AAAA,IACA;AAAA,MACE,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,aAzBmB,oBAAI,IAAI;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IASC;AAAA,EACF,EAKmC,UAAyB,CAAC,eAAe,QAAQ;AAClF,UAAM,QAAQ,eACR;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,gBACJ,OAAO,SAAU,YAAY,MAAM,CAAC,MAAM,MAAM,cAAc,KAAY,IAAI,OAC1E,iBACJ,OAAO,UAAW,YAAY,OAAO,CAAC,MAAM,MACxC,cAAc,MAAa,IAC3B,QAEA,cAAc,gBAAgB;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,MACP,QAAQ;AAAA,IACV,CAAC,GAEK,aAAkB;AAAA,MACtB,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF;AAGA,WAAI,cACF,WAAW,kBAAkB,IAAI,yBAAyB,SAAS,IAIjE,0BAA0B,mBAC5B,WAAW,sBAAsB,IAAI,iBAInC,WACF,WAAW,SAAS,CAAC,MAAW;AAC9B,YAAM,SAAS,GAAG,aAAa,UAAU,GAAG,UAAU,CAAC;AACvD,aAAO;AAAA,QACL,QAAQ;AAAA,UACN,eAAe,QAAQ;AAAA,UACvB,cAAc,QAAQ;AAAA,QACxB;AAAA,QACA,MAAM;AAAA,MACR,CAAQ;AAAA,IACV,IAIE,YACF,WAAW,UAAU,MAAM;AACzB,cAAQ;AAAA,QACN,MAAM;AAAA,MACR,CAAQ;AAAA,IACV,IAIK,oBAAC,aAAU,KAAW,GAAG,YAAY;AAAA,EAC9C,CAAC,GAGK,OAAO;AACb,wBAAe,UAAU,KAAK,YAAY,MAAM;AAAA,EAAC,IACjD,eAAe,qBAAqB,KAAK,uBAAuB,MAAM;AAAA,EAAC,IACvE,eAAe,WAAW,KAAK,aAAa,MAAM;AAAA,EAAC,IACnD,eAAe,uBAAuB,KAAK,yBAAyB,MAAM;AAAA,EAAC,IAC3E,eAAe,gBAAgB,KAAK,kBAAkB,MAAM;AAAA,EAAC,IAC7D,eAAe,aAAa,KAAK,eAAe,MAAM;AAAA,EAAC,IAEhD;AACT;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { getTokenValue, styled } from "@tamagui/web";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
const defaultObjectFitMap = objectFit => {
|
|
4
|
+
switch (objectFit) {
|
|
5
|
+
case "fill":
|
|
6
|
+
return "stretch";
|
|
7
|
+
case "none":
|
|
8
|
+
return "center";
|
|
9
|
+
case "scale-down":
|
|
10
|
+
return "contain";
|
|
11
|
+
case "contain":
|
|
12
|
+
return "contain";
|
|
13
|
+
default:
|
|
14
|
+
return "cover";
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
defaultTransformSource = props => {
|
|
18
|
+
const {
|
|
19
|
+
src,
|
|
20
|
+
source,
|
|
21
|
+
width,
|
|
22
|
+
height
|
|
23
|
+
} = props;
|
|
24
|
+
return source || (src && typeof src != "string" ? src : {
|
|
25
|
+
uri: src,
|
|
26
|
+
width,
|
|
27
|
+
height
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
function createImage(options) {
|
|
31
|
+
const {
|
|
32
|
+
Component,
|
|
33
|
+
mapObjectFitToResizeMode = defaultObjectFitMap,
|
|
34
|
+
resizeModePropName = "resizeMode",
|
|
35
|
+
objectPositionPropName,
|
|
36
|
+
transformSource = defaultTransformSource
|
|
37
|
+
} = options,
|
|
38
|
+
ImageComponent = styled(Component, {
|
|
39
|
+
name: "Image"
|
|
40
|
+
}, {
|
|
41
|
+
inlineProps: /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"])
|
|
42
|
+
}).styleable((incomingProps, ref) => {
|
|
43
|
+
const props = incomingProps,
|
|
44
|
+
{
|
|
45
|
+
src,
|
|
46
|
+
width,
|
|
47
|
+
height,
|
|
48
|
+
objectFit,
|
|
49
|
+
objectPosition,
|
|
50
|
+
// web only props - filter out on native
|
|
51
|
+
decoding,
|
|
52
|
+
elementTiming,
|
|
53
|
+
fetchpriority,
|
|
54
|
+
isMap,
|
|
55
|
+
loading,
|
|
56
|
+
sizes,
|
|
57
|
+
useMap,
|
|
58
|
+
onLoad,
|
|
59
|
+
onError,
|
|
60
|
+
...rest
|
|
61
|
+
} = props,
|
|
62
|
+
resolvedWidth = typeof width == "string" && width[0] === "$" ? getTokenValue(width) : width,
|
|
63
|
+
resolvedHeight = typeof height == "string" && height[0] === "$" ? getTokenValue(height) : height,
|
|
64
|
+
finalSource = transformSource({
|
|
65
|
+
src,
|
|
66
|
+
width: resolvedWidth,
|
|
67
|
+
height: resolvedHeight
|
|
68
|
+
}),
|
|
69
|
+
finalProps = {
|
|
70
|
+
...rest,
|
|
71
|
+
source: finalSource,
|
|
72
|
+
style: {
|
|
73
|
+
width: resolvedWidth,
|
|
74
|
+
height: resolvedHeight
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = e => {
|
|
78
|
+
const source = e?.nativeEvent?.source || e?.source || {};
|
|
79
|
+
onLoad({
|
|
80
|
+
target: {
|
|
81
|
+
naturalHeight: source?.height,
|
|
82
|
+
naturalWidth: source?.width
|
|
83
|
+
},
|
|
84
|
+
type: "load"
|
|
85
|
+
});
|
|
86
|
+
}), onError && (finalProps.onError = () => {
|
|
87
|
+
onError({
|
|
88
|
+
type: "error"
|
|
89
|
+
});
|
|
90
|
+
}), /* @__PURE__ */jsx(Component, {
|
|
91
|
+
ref,
|
|
92
|
+
...finalProps
|
|
93
|
+
});
|
|
94
|
+
}),
|
|
95
|
+
comp = Component;
|
|
96
|
+
return ImageComponent.getSize = comp.getSize || (() => {}), ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {}), ImageComponent.prefetch = comp.prefetch || (() => {}), ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {}), ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {}), ImageComponent.queryCache = comp.queryCache || (() => {}), ImageComponent;
|
|
97
|
+
}
|
|
98
|
+
export { createImage };
|
|
99
|
+
//# sourceMappingURL=createImage.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getTokenValue","styled","jsx","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","width","height","uri","createImage","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","ImageComponent","name","inlineProps","Set","styleable","incomingProps","ref","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","resolvedHeight","finalSource","finalProps","style","e","nativeEvent","target","naturalHeight","naturalWidth","type","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { getTokenValue, styled } from "@tamagui/web";
|
|
3
|
+
var defaultObjectFitMap = function (objectFit) {
|
|
4
|
+
switch (objectFit) {
|
|
5
|
+
case "fill":
|
|
6
|
+
return "stretch";
|
|
7
|
+
case "none":
|
|
8
|
+
return "center";
|
|
9
|
+
case "scale-down":
|
|
10
|
+
return "contain";
|
|
11
|
+
case "contain":
|
|
12
|
+
return "contain";
|
|
13
|
+
default:
|
|
14
|
+
return "cover";
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
defaultTransformSource = function (props) {
|
|
18
|
+
var {
|
|
19
|
+
src,
|
|
20
|
+
source,
|
|
21
|
+
width,
|
|
22
|
+
height
|
|
23
|
+
} = props;
|
|
24
|
+
return source || (src && typeof src != "string" ? src : {
|
|
25
|
+
uri: src,
|
|
26
|
+
width,
|
|
27
|
+
height
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
function createImage(options) {
|
|
31
|
+
var {
|
|
32
|
+
Component,
|
|
33
|
+
mapObjectFitToResizeMode = defaultObjectFitMap,
|
|
34
|
+
resizeModePropName = "resizeMode",
|
|
35
|
+
objectPositionPropName,
|
|
36
|
+
transformSource = defaultTransformSource
|
|
37
|
+
} = options,
|
|
38
|
+
inlinePropsSet = /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"]),
|
|
39
|
+
StyledImage = styled(Component, {
|
|
40
|
+
name: "Image"
|
|
41
|
+
}, {
|
|
42
|
+
inlineProps: inlinePropsSet
|
|
43
|
+
}),
|
|
44
|
+
ImageComponent = StyledImage.styleable(function (incomingProps, ref) {
|
|
45
|
+
var props = incomingProps,
|
|
46
|
+
{
|
|
47
|
+
src,
|
|
48
|
+
width,
|
|
49
|
+
height,
|
|
50
|
+
objectFit,
|
|
51
|
+
objectPosition,
|
|
52
|
+
// web only props - filter out on native
|
|
53
|
+
decoding,
|
|
54
|
+
elementTiming,
|
|
55
|
+
fetchpriority,
|
|
56
|
+
isMap,
|
|
57
|
+
loading,
|
|
58
|
+
sizes,
|
|
59
|
+
useMap,
|
|
60
|
+
onLoad,
|
|
61
|
+
onError,
|
|
62
|
+
...rest
|
|
63
|
+
} = props,
|
|
64
|
+
resolvedWidth = typeof width == "string" && width[0] === "$" ? getTokenValue(width) : width,
|
|
65
|
+
resolvedHeight = typeof height == "string" && height[0] === "$" ? getTokenValue(height) : height,
|
|
66
|
+
finalSource = transformSource({
|
|
67
|
+
src,
|
|
68
|
+
width: resolvedWidth,
|
|
69
|
+
height: resolvedHeight
|
|
70
|
+
}),
|
|
71
|
+
finalProps = {
|
|
72
|
+
...rest,
|
|
73
|
+
source: finalSource,
|
|
74
|
+
style: {
|
|
75
|
+
width: resolvedWidth,
|
|
76
|
+
height: resolvedHeight
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = function (e) {
|
|
80
|
+
var _e_nativeEvent,
|
|
81
|
+
source = (e == null || (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || e?.source || {};
|
|
82
|
+
onLoad({
|
|
83
|
+
target: {
|
|
84
|
+
naturalHeight: source?.height,
|
|
85
|
+
naturalWidth: source?.width
|
|
86
|
+
},
|
|
87
|
+
type: "load"
|
|
88
|
+
});
|
|
89
|
+
}), onError && (finalProps.onError = function () {
|
|
90
|
+
onError({
|
|
91
|
+
type: "error"
|
|
92
|
+
});
|
|
93
|
+
}), /* @__PURE__ */_jsx(Component, {
|
|
94
|
+
ref,
|
|
95
|
+
...finalProps
|
|
96
|
+
});
|
|
97
|
+
}),
|
|
98
|
+
comp = Component;
|
|
99
|
+
return ImageComponent.getSize = comp.getSize || function () {}, ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || function () {}, ImageComponent.prefetch = comp.prefetch || function () {}, ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || function () {}, ImageComponent.abortPrefetch = comp.abortPrefetch || function () {}, ImageComponent.queryCache = comp.queryCache || function () {}, ImageComponent;
|
|
100
|
+
}
|
|
101
|
+
export { createImage };
|
|
102
|
+
//# sourceMappingURL=createImage.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","getTokenValue","styled","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","width","height","uri","createImage","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","name","inlineProps","ImageComponent","styleable","incomingProps","ref","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","resolvedHeight","finalSource","finalProps","style","e","_e_nativeEvent","nativeEvent","target","naturalHeight","naturalWidth","type","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { getTokenValue, styled } from "@tamagui/web";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
const defaultObjectFitMap = (objectFit) => {
|
|
4
|
+
switch (objectFit) {
|
|
5
|
+
case "fill":
|
|
6
|
+
return "stretch";
|
|
7
|
+
case "none":
|
|
8
|
+
return "center";
|
|
9
|
+
case "scale-down":
|
|
10
|
+
return "contain";
|
|
11
|
+
case "contain":
|
|
12
|
+
return "contain";
|
|
13
|
+
default:
|
|
14
|
+
return "cover";
|
|
15
|
+
}
|
|
16
|
+
}, defaultTransformSource = (props) => {
|
|
17
|
+
const { src, source, width, height } = props;
|
|
18
|
+
return source || (src && typeof src != "string" ? src : {
|
|
19
|
+
uri: src,
|
|
20
|
+
width,
|
|
21
|
+
height
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
function createImage(options) {
|
|
25
|
+
const {
|
|
26
|
+
Component,
|
|
27
|
+
mapObjectFitToResizeMode = defaultObjectFitMap,
|
|
28
|
+
resizeModePropName = "resizeMode",
|
|
29
|
+
objectPositionPropName,
|
|
30
|
+
transformSource = defaultTransformSource
|
|
31
|
+
} = options, ImageComponent = styled(
|
|
32
|
+
Component,
|
|
33
|
+
{
|
|
34
|
+
name: "Image"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
inlineProps: /* @__PURE__ */ new Set([
|
|
38
|
+
"source",
|
|
39
|
+
"placeholder",
|
|
40
|
+
"transition",
|
|
41
|
+
"contentFit",
|
|
42
|
+
"contentPosition",
|
|
43
|
+
"cachePolicy",
|
|
44
|
+
"recyclingKey",
|
|
45
|
+
"allowDownscaling",
|
|
46
|
+
"autoplay",
|
|
47
|
+
"blurRadius",
|
|
48
|
+
"priority",
|
|
49
|
+
"placeholderContentFit",
|
|
50
|
+
"responsivePolicy",
|
|
51
|
+
"onLoadStart",
|
|
52
|
+
"onProgress",
|
|
53
|
+
"onLoadEnd"
|
|
54
|
+
])
|
|
55
|
+
}
|
|
56
|
+
).styleable((incomingProps, ref) => {
|
|
57
|
+
const props = incomingProps, {
|
|
58
|
+
src,
|
|
59
|
+
width,
|
|
60
|
+
height,
|
|
61
|
+
objectFit,
|
|
62
|
+
objectPosition,
|
|
63
|
+
// web only props - filter out on native
|
|
64
|
+
decoding,
|
|
65
|
+
elementTiming,
|
|
66
|
+
fetchpriority,
|
|
67
|
+
isMap,
|
|
68
|
+
loading,
|
|
69
|
+
sizes,
|
|
70
|
+
useMap,
|
|
71
|
+
onLoad,
|
|
72
|
+
onError,
|
|
73
|
+
...rest
|
|
74
|
+
} = props, resolvedWidth = typeof width == "string" && width[0] === "$" ? getTokenValue(width) : width, resolvedHeight = typeof height == "string" && height[0] === "$" ? getTokenValue(height) : height, finalSource = transformSource({
|
|
75
|
+
src,
|
|
76
|
+
width: resolvedWidth,
|
|
77
|
+
height: resolvedHeight
|
|
78
|
+
}), finalProps = {
|
|
79
|
+
...rest,
|
|
80
|
+
source: finalSource,
|
|
81
|
+
style: {
|
|
82
|
+
width: resolvedWidth,
|
|
83
|
+
height: resolvedHeight
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = (e) => {
|
|
87
|
+
const source = e?.nativeEvent?.source || e?.source || {};
|
|
88
|
+
onLoad({
|
|
89
|
+
target: {
|
|
90
|
+
naturalHeight: source?.height,
|
|
91
|
+
naturalWidth: source?.width
|
|
92
|
+
},
|
|
93
|
+
type: "load"
|
|
94
|
+
});
|
|
95
|
+
}), onError && (finalProps.onError = () => {
|
|
96
|
+
onError({
|
|
97
|
+
type: "error"
|
|
98
|
+
});
|
|
99
|
+
}), /* @__PURE__ */ jsx(Component, { ref, ...finalProps });
|
|
100
|
+
}), comp = Component;
|
|
101
|
+
return ImageComponent.getSize = comp.getSize || (() => {
|
|
102
|
+
}), ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {
|
|
103
|
+
}), ImageComponent.prefetch = comp.prefetch || (() => {
|
|
104
|
+
}), ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {
|
|
105
|
+
}), ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {
|
|
106
|
+
}), ImageComponent.queryCache = comp.queryCache || (() => {
|
|
107
|
+
}), ImageComponent;
|
|
108
|
+
}
|
|
109
|
+
export {
|
|
110
|
+
createImage
|
|
111
|
+
};
|
|
112
|
+
//# sourceMappingURL=createImage.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/createImage.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAAS,eAAe,cAAc;AAyN3B;AA/KX,MAAM,sBAAsB,CAAC,cAAuC;AAClE,UAAQ,WAAW;AAAA,IACjB,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF,GAEM,yBAAyB,CAAC,UAK1B;AACJ,QAAM,EAAE,KAAK,QAAQ,OAAO,OAAO,IAAI;AACvC,SAAI,WACA,OAAO,OAAO,OAAQ,WAAiB,MACpC;AAAA,IACL,KAAK;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;AAyBO,SAAS,YACd,SACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA,2BAA2B;AAAA,IAC3B,qBAAqB;AAAA,IACrB;AAAA,IACA,kBAAkB;AAAA,EACpB,IAAI,SAmCE,iBAbc;AAAA,IAClB;AAAA,IACA;AAAA,MACE,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,aAzBmB,oBAAI,IAAI;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IASC;AAAA,EACF,EAKmC,UAAyB,CAAC,eAAe,QAAQ;AAClF,UAAM,QAAQ,eACR;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OAEE,gBACJ,OAAO,SAAU,YAAY,MAAM,CAAC,MAAM,MAAM,cAAc,KAAY,IAAI,OAC1E,iBACJ,OAAO,UAAW,YAAY,OAAO,CAAC,MAAM,MACxC,cAAc,MAAa,IAC3B,QAEA,cAAc,gBAAgB;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,MACP,QAAQ;AAAA,IACV,CAAC,GAEK,aAAkB;AAAA,MACtB,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF;AAGA,WAAI,cACF,WAAW,kBAAkB,IAAI,yBAAyB,SAAS,IAIjE,0BAA0B,mBAC5B,WAAW,sBAAsB,IAAI,iBAInC,WACF,WAAW,SAAS,CAAC,MAAW;AAC9B,YAAM,SAAS,GAAG,aAAa,UAAU,GAAG,UAAU,CAAC;AACvD,aAAO;AAAA,QACL,QAAQ;AAAA,UACN,eAAe,QAAQ;AAAA,UACvB,cAAc,QAAQ;AAAA,QACxB;AAAA,QACA,MAAM;AAAA,MACR,CAAQ;AAAA,IACV,IAIE,YACF,WAAW,UAAU,MAAM;AACzB,cAAQ;AAAA,QACN,MAAM;AAAA,MACR,CAAQ;AAAA,IACV,IAIK,oBAAC,aAAU,KAAW,GAAG,YAAY;AAAA,EAC9C,CAAC,GAGK,OAAO;AACb,wBAAe,UAAU,KAAK,YAAY,MAAM;AAAA,EAAC,IACjD,eAAe,qBAAqB,KAAK,uBAAuB,MAAM;AAAA,EAAC,IACvE,eAAe,WAAW,KAAK,aAAa,MAAM;AAAA,EAAC,IACnD,eAAe,uBAAuB,KAAK,yBAAyB,MAAM;AAAA,EAAC,IAC3E,eAAe,gBAAgB,KAAK,kBAAkB,MAAM;AAAA,EAAC,IAC7D,eAAe,aAAa,KAAK,eAAe,MAAM;AAAA,EAAC,IAEhD;AACT;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { getTokenValue, styled } from "@tamagui/web";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
const defaultObjectFitMap = objectFit => {
|
|
4
|
+
switch (objectFit) {
|
|
5
|
+
case "fill":
|
|
6
|
+
return "stretch";
|
|
7
|
+
case "none":
|
|
8
|
+
return "center";
|
|
9
|
+
case "scale-down":
|
|
10
|
+
return "contain";
|
|
11
|
+
case "contain":
|
|
12
|
+
return "contain";
|
|
13
|
+
default:
|
|
14
|
+
return "cover";
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
defaultTransformSource = props => {
|
|
18
|
+
const {
|
|
19
|
+
src,
|
|
20
|
+
source,
|
|
21
|
+
width,
|
|
22
|
+
height
|
|
23
|
+
} = props;
|
|
24
|
+
return source || (src && typeof src != "string" ? src : {
|
|
25
|
+
uri: src,
|
|
26
|
+
width,
|
|
27
|
+
height
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
function createImage(options) {
|
|
31
|
+
const {
|
|
32
|
+
Component,
|
|
33
|
+
mapObjectFitToResizeMode = defaultObjectFitMap,
|
|
34
|
+
resizeModePropName = "resizeMode",
|
|
35
|
+
objectPositionPropName,
|
|
36
|
+
transformSource = defaultTransformSource
|
|
37
|
+
} = options,
|
|
38
|
+
ImageComponent = styled(Component, {
|
|
39
|
+
name: "Image"
|
|
40
|
+
}, {
|
|
41
|
+
inlineProps: /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"])
|
|
42
|
+
}).styleable((incomingProps, ref) => {
|
|
43
|
+
const props = incomingProps,
|
|
44
|
+
{
|
|
45
|
+
src,
|
|
46
|
+
width,
|
|
47
|
+
height,
|
|
48
|
+
objectFit,
|
|
49
|
+
objectPosition,
|
|
50
|
+
// web only props - filter out on native
|
|
51
|
+
decoding,
|
|
52
|
+
elementTiming,
|
|
53
|
+
fetchpriority,
|
|
54
|
+
isMap,
|
|
55
|
+
loading,
|
|
56
|
+
sizes,
|
|
57
|
+
useMap,
|
|
58
|
+
onLoad,
|
|
59
|
+
onError,
|
|
60
|
+
...rest
|
|
61
|
+
} = props,
|
|
62
|
+
resolvedWidth = typeof width == "string" && width[0] === "$" ? getTokenValue(width) : width,
|
|
63
|
+
resolvedHeight = typeof height == "string" && height[0] === "$" ? getTokenValue(height) : height,
|
|
64
|
+
finalSource = transformSource({
|
|
65
|
+
src,
|
|
66
|
+
width: resolvedWidth,
|
|
67
|
+
height: resolvedHeight
|
|
68
|
+
}),
|
|
69
|
+
finalProps = {
|
|
70
|
+
...rest,
|
|
71
|
+
source: finalSource,
|
|
72
|
+
style: {
|
|
73
|
+
width: resolvedWidth,
|
|
74
|
+
height: resolvedHeight
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = e => {
|
|
78
|
+
const source = e?.nativeEvent?.source || e?.source || {};
|
|
79
|
+
onLoad({
|
|
80
|
+
target: {
|
|
81
|
+
naturalHeight: source?.height,
|
|
82
|
+
naturalWidth: source?.width
|
|
83
|
+
},
|
|
84
|
+
type: "load"
|
|
85
|
+
});
|
|
86
|
+
}), onError && (finalProps.onError = () => {
|
|
87
|
+
onError({
|
|
88
|
+
type: "error"
|
|
89
|
+
});
|
|
90
|
+
}), /* @__PURE__ */jsx(Component, {
|
|
91
|
+
ref,
|
|
92
|
+
...finalProps
|
|
93
|
+
});
|
|
94
|
+
}),
|
|
95
|
+
comp = Component;
|
|
96
|
+
return ImageComponent.getSize = comp.getSize || (() => {}), ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {}), ImageComponent.prefetch = comp.prefetch || (() => {}), ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {}), ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {}), ImageComponent.queryCache = comp.queryCache || (() => {}), ImageComponent;
|
|
97
|
+
}
|
|
98
|
+
export { createImage };
|
|
99
|
+
//# sourceMappingURL=createImage.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getTokenValue","styled","jsx","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","width","height","uri","createImage","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","ImageComponent","name","inlineProps","Set","styleable","incomingProps","ref","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","resolvedHeight","finalSource","finalProps","style","e","nativeEvent","target","naturalHeight","naturalWidth","type","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: !0
|
|
22
|
+
}), mod);
|
|
23
|
+
var createImage_exports = {};
|
|
24
|
+
__export(createImage_exports, {
|
|
25
|
+
createImage: () => createImage
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(createImage_exports);
|
|
28
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
29
|
+
import_web = require("@tamagui/web"),
|
|
30
|
+
defaultObjectFitMap = function (objectFit) {
|
|
31
|
+
switch (objectFit) {
|
|
32
|
+
case "fill":
|
|
33
|
+
return "stretch";
|
|
34
|
+
case "none":
|
|
35
|
+
return "center";
|
|
36
|
+
case "scale-down":
|
|
37
|
+
return "contain";
|
|
38
|
+
case "contain":
|
|
39
|
+
return "contain";
|
|
40
|
+
default:
|
|
41
|
+
return "cover";
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
defaultTransformSource = function (props) {
|
|
45
|
+
var {
|
|
46
|
+
src,
|
|
47
|
+
source,
|
|
48
|
+
width,
|
|
49
|
+
height
|
|
50
|
+
} = props;
|
|
51
|
+
return source || (src && typeof src != "string" ? src : {
|
|
52
|
+
uri: src,
|
|
53
|
+
width,
|
|
54
|
+
height
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
function createImage(options) {
|
|
58
|
+
var {
|
|
59
|
+
Component,
|
|
60
|
+
mapObjectFitToResizeMode = defaultObjectFitMap,
|
|
61
|
+
resizeModePropName = "resizeMode",
|
|
62
|
+
objectPositionPropName,
|
|
63
|
+
transformSource = defaultTransformSource
|
|
64
|
+
} = options,
|
|
65
|
+
inlinePropsSet = /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"]),
|
|
66
|
+
StyledImage = (0, import_web.styled)(Component, {
|
|
67
|
+
name: "Image"
|
|
68
|
+
}, {
|
|
69
|
+
inlineProps: inlinePropsSet
|
|
70
|
+
}),
|
|
71
|
+
ImageComponent = StyledImage.styleable(function (incomingProps, ref) {
|
|
72
|
+
var props = incomingProps,
|
|
73
|
+
{
|
|
74
|
+
src,
|
|
75
|
+
width,
|
|
76
|
+
height,
|
|
77
|
+
objectFit,
|
|
78
|
+
objectPosition,
|
|
79
|
+
// web only props - filter out on native
|
|
80
|
+
decoding,
|
|
81
|
+
elementTiming,
|
|
82
|
+
fetchpriority,
|
|
83
|
+
isMap,
|
|
84
|
+
loading,
|
|
85
|
+
sizes,
|
|
86
|
+
useMap,
|
|
87
|
+
onLoad,
|
|
88
|
+
onError,
|
|
89
|
+
...rest
|
|
90
|
+
} = props,
|
|
91
|
+
resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width) : width,
|
|
92
|
+
resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height) : height,
|
|
93
|
+
finalSource = transformSource({
|
|
94
|
+
src,
|
|
95
|
+
width: resolvedWidth,
|
|
96
|
+
height: resolvedHeight
|
|
97
|
+
}),
|
|
98
|
+
finalProps = {
|
|
99
|
+
...rest,
|
|
100
|
+
source: finalSource,
|
|
101
|
+
style: {
|
|
102
|
+
width: resolvedWidth,
|
|
103
|
+
height: resolvedHeight
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = function (e) {
|
|
107
|
+
var _e_nativeEvent,
|
|
108
|
+
source = (e == null || (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || e?.source || {};
|
|
109
|
+
onLoad({
|
|
110
|
+
target: {
|
|
111
|
+
naturalHeight: source?.height,
|
|
112
|
+
naturalWidth: source?.width
|
|
113
|
+
},
|
|
114
|
+
type: "load"
|
|
115
|
+
});
|
|
116
|
+
}), onError && (finalProps.onError = function () {
|
|
117
|
+
onError({
|
|
118
|
+
type: "error"
|
|
119
|
+
});
|
|
120
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
|
|
121
|
+
ref,
|
|
122
|
+
...finalProps
|
|
123
|
+
});
|
|
124
|
+
}),
|
|
125
|
+
comp = Component;
|
|
126
|
+
return ImageComponent.getSize = comp.getSize || function () {}, ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || function () {}, ImageComponent.prefetch = comp.prefetch || function () {}, ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || function () {}, ImageComponent.abortPrefetch = comp.abortPrefetch || function () {}, ImageComponent.queryCache = comp.queryCache || function () {}, ImageComponent;
|
|
127
|
+
}
|
|
128
|
+
//# sourceMappingURL=createImage.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","createImage_exports","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","width","height","uri","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","styled","inlineProps","ImageComponent","styleable","incomingProps","ref","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","getTokenValue","resolvedHeight","finalSource","finalProps","style","e","_e_nativeEvent","nativeEvent","naturalHeight","naturalWidth","type","jsx"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/image",
|
|
3
|
-
"version": "1.139.
|
|
3
|
+
"version": "1.139.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css"
|
|
@@ -37,15 +37,15 @@
|
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@tamagui/constants": "1.139.
|
|
41
|
-
"@tamagui/core": "1.139.
|
|
40
|
+
"@tamagui/constants": "1.139.3",
|
|
41
|
+
"@tamagui/core": "1.139.3"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": "*",
|
|
45
45
|
"react-native": "*"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@tamagui/build": "1.139.
|
|
48
|
+
"@tamagui/build": "1.139.3",
|
|
49
49
|
"react": "*",
|
|
50
50
|
"react-native": "0.81.5"
|
|
51
51
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.native.d.ts","sourceRoot":"","sources":["../src/Image.native.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Image.native.d.ts","sourceRoot":"","sources":["../src/Image.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AAG/C,eAAO,MAAM,KAAK;;;;;;;;;;;;;wnKAEhB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createImage.d.ts","sourceRoot":"","sources":["../src/createImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,SAAS,CAAA;AAEpD,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAE/D,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI;IAC7D;;;OAGG;IACH,SAAS,EAAE,CAAC,CAAA;IACZ;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,KAAK,GAAG,CAAA;CACV,CAAA;AAiCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EACtD,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;;;;;;;;;;;;;mmKAqI/B"}
|
package/types/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,KAAK,IAAI,OAAO,EAChB,UAAU,IAAI,YAAY,EAC3B,MAAM,cAAc,CAAA;AAErB,KAAK,WAAW,GAAG,OAAO,OAAO,CAAA;AAEjC,KAAK,cAAc,GAAG,MAAM,SAAS,CAAA;AAErC,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,IAAI,CAAC,YAAY,EAAE,cAAc,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;IACvE;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAA;CACvD,GAAG,IAAI,CACN,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,OAAO,GAAG,QAAQ,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,KAAK,IAAI,OAAO,EAChB,UAAU,IAAI,YAAY,EAC3B,MAAM,cAAc,CAAA;AAErB,KAAK,WAAW,GAAG,OAAO,OAAO,CAAA;AAEjC,KAAK,cAAc,GAAG,MAAM,SAAS,CAAA;AAErC,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,IAAI,CAAC,YAAY,EAAE,cAAc,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;IACvE;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;;;OAIG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAA;CACvD,GAAG,IAAI,CACN,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,KAAK,CAC5C,GACD,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC,CAAA;AAEvF,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG;IACtD,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,kBAAkB,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAA;IACrD,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;IACjC,oBAAoB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAA;IACzD,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IAC3C,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA"}
|