@tamagui/image 2.0.0-rc.4 → 2.0.0-rc.40
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/Image.cjs +42 -40
- package/dist/cjs/Image.native.js +17 -15
- package/dist/cjs/Image.native.js.map +1 -1
- package/dist/cjs/createImage.cjs +123 -88
- package/dist/cjs/createImage.native.js +128 -95
- package/dist/cjs/createImage.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/v1/Image.cjs +63 -48
- package/dist/cjs/v1/Image.native.js +91 -73
- package/dist/cjs/v1/Image.native.js.map +1 -1
- package/dist/cjs/v1/index.cjs +7 -5
- package/dist/cjs/v1/index.native.js +7 -5
- package/dist/cjs/v1/index.native.js.map +1 -1
- package/dist/esm/Image.mjs +28 -28
- package/dist/esm/Image.mjs.map +1 -1
- package/dist/esm/createImage.mjs +109 -76
- package/dist/esm/createImage.mjs.map +1 -1
- package/dist/esm/createImage.native.js +113 -82
- package/dist/esm/createImage.native.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/v1/Image.mjs +34 -21
- package/dist/esm/v1/Image.mjs.map +1 -1
- package/dist/esm/v1/Image.native.js +62 -46
- package/dist/esm/v1/Image.native.js.map +1 -1
- package/dist/jsx/Image.mjs +28 -28
- package/dist/jsx/Image.mjs.map +1 -1
- package/dist/jsx/Image.native.js +17 -15
- package/dist/jsx/Image.native.js.map +1 -1
- package/dist/jsx/createImage.mjs +109 -76
- package/dist/jsx/createImage.mjs.map +1 -1
- package/dist/jsx/createImage.native.js +128 -95
- package/dist/jsx/createImage.native.js.map +1 -1
- package/dist/jsx/index.js +2 -2
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +7 -5
- package/dist/jsx/types.native.js +7 -5
- package/dist/jsx/v1/Image.mjs +34 -21
- package/dist/jsx/v1/Image.mjs.map +1 -1
- package/dist/jsx/v1/Image.native.js +91 -73
- package/dist/jsx/v1/Image.native.js.map +1 -1
- package/dist/jsx/v1/index.native.js +7 -5
- package/package.json +9 -12
- package/src/createImage.tsx +20 -6
- package/src/types.ts +1 -1
- package/types/Image.native.d.ts +1 -1
- package/types/createImage.d.ts +2 -2
- package/types/createImage.d.ts.map +1 -1
- package/types/types.d.ts +1 -1
- package/types/types.d.ts.map +1 -1
- package/dist/cjs/Image.js +0 -55
- package/dist/cjs/Image.js.map +0 -6
- package/dist/cjs/createImage.js +0 -127
- package/dist/cjs/createImage.js.map +0 -6
- package/dist/cjs/index.js +0 -16
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/cjs/v1/Image.js +0 -72
- package/dist/cjs/v1/Image.js.map +0 -6
- package/dist/cjs/v1/index.js +0 -15
- package/dist/cjs/v1/index.js.map +0 -6
- package/dist/esm/Image.js +0 -40
- package/dist/esm/Image.js.map +0 -6
- package/dist/esm/createImage.js +0 -112
- package/dist/esm/createImage.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
- package/dist/esm/v1/Image.js +0 -52
- package/dist/esm/v1/Image.js.map +0 -6
- package/dist/esm/v1/index.js +0 -2
- package/dist/esm/v1/index.js.map +0 -6
- package/dist/jsx/Image.js +0 -40
- package/dist/jsx/Image.js.map +0 -6
- package/dist/jsx/createImage.js +0 -112
- package/dist/jsx/createImage.js.map +0 -6
- package/dist/jsx/types.js +0 -1
- package/dist/jsx/types.js.map +0 -6
- package/dist/jsx/v1/Image.js +0 -52
- package/dist/jsx/v1/Image.js.map +0 -6
- package/dist/jsx/v1/index.js +0 -2
- package/dist/jsx/v1/index.js.map +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Image_exports","Image","module","exports","import_jsx_runtime","require","import_react","import_constants","import_web","import_react_native","_type_of","obj","Symbol","constructor","StyledImage","styled","hasWarned","styleable","inProps","ref","props","style","usePropsAndStyle","src","source","objectFit","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","isWeb","Array","isArray","_style","_style1","_width"],"sources":["../../../src/v1/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAO;;AACP,IAAAA,QAAS,GAAAC,MAAA,CAAaC,MAAA;AAQtB,IAAAC,SAAS,GAAAF,MAAQ,CAAAG,cAAA;AAEjB,IAAAC,gBAAkB,GAAAJ,MAAA,CAAAK,wBAAe;AAqH7B,IAAAC,iBAAA,GAAAN,MAAA,CAAAO,mBAAA;AAnHJ,IAAAC,YAAM,GAAAR,MAAc,CAAAS,cAAgB;
|
|
1
|
+
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Image_exports","Image","module","exports","import_jsx_runtime","require","import_react","import_constants","import_web","import_react_native","_type_of","obj","Symbol","constructor","StyledImage","styled","hasWarned","styleable","inProps","ref","props","style","usePropsAndStyle","src","source","objectFit","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","isWeb","Array","isArray","_style","_style1","_width","_height"],"sources":["../../../src/v1/Image.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
9
10
|
get: () => from[key],
|
|
10
11
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
12
|
});
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
17
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
-
value:
|
|
18
|
+
value: true
|
|
17
19
|
}), mod);
|
|
18
20
|
var v1_exports = {};
|
|
19
21
|
module.exports = __toCommonJS(v1_exports);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/image",
|
|
3
|
-
"version": "2.0.0-rc.
|
|
3
|
+
"version": "2.0.0-rc.40",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -18,15 +18,12 @@
|
|
|
18
18
|
"./package.json": "./package.json",
|
|
19
19
|
".": {
|
|
20
20
|
"types": "./types/index.d.ts",
|
|
21
|
-
"react-native":
|
|
22
|
-
|
|
23
|
-
"import": "./dist/esm/index.native.js",
|
|
24
|
-
"require": "./dist/cjs/index.native.js"
|
|
25
|
-
},
|
|
21
|
+
"react-native": "./dist/esm/index.native.js",
|
|
22
|
+
"browser": "./dist/esm/index.mjs",
|
|
26
23
|
"module": "./dist/esm/index.mjs",
|
|
27
24
|
"import": "./dist/esm/index.mjs",
|
|
28
25
|
"require": "./dist/cjs/index.cjs",
|
|
29
|
-
"default": "./dist/
|
|
26
|
+
"default": "./dist/esm/index.mjs"
|
|
30
27
|
}
|
|
31
28
|
},
|
|
32
29
|
"publishConfig": {
|
|
@@ -39,14 +36,14 @@
|
|
|
39
36
|
"clean:build": "tamagui-build clean:build"
|
|
40
37
|
},
|
|
41
38
|
"dependencies": {
|
|
42
|
-
"@tamagui/constants": "2.0.0-rc.
|
|
43
|
-
"@tamagui/core": "2.0.0-rc.
|
|
44
|
-
"@tamagui/web": "2.0.0-rc.
|
|
39
|
+
"@tamagui/constants": "2.0.0-rc.40",
|
|
40
|
+
"@tamagui/core": "2.0.0-rc.40",
|
|
41
|
+
"@tamagui/web": "2.0.0-rc.40"
|
|
45
42
|
},
|
|
46
43
|
"devDependencies": {
|
|
47
|
-
"@tamagui/build": "2.0.0-rc.
|
|
44
|
+
"@tamagui/build": "2.0.0-rc.40",
|
|
48
45
|
"react": ">=19",
|
|
49
|
-
"react-native": "0.
|
|
46
|
+
"react-native": "0.83.2"
|
|
50
47
|
},
|
|
51
48
|
"peerDependencies": {
|
|
52
49
|
"react": ">=19",
|
package/src/createImage.tsx
CHANGED
|
@@ -33,7 +33,7 @@ export type CreateImageOptions<C extends ComponentType<any>> = {
|
|
|
33
33
|
* Useful for expo-image which has a different source format.
|
|
34
34
|
*/
|
|
35
35
|
transformSource?: (props: {
|
|
36
|
-
src?: string
|
|
36
|
+
src?: string | number
|
|
37
37
|
source?: any
|
|
38
38
|
width?: any
|
|
39
39
|
height?: any
|
|
@@ -56,7 +56,7 @@ const defaultObjectFitMap = (objectFit: string): ImageResizeMode => {
|
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
const defaultTransformSource = (props: {
|
|
59
|
-
src?: string
|
|
59
|
+
src?: string | number
|
|
60
60
|
source?: any
|
|
61
61
|
width?: any
|
|
62
62
|
height?: any
|
|
@@ -144,6 +144,7 @@ export function createImage<C extends ComponentType<any>>(
|
|
|
144
144
|
src,
|
|
145
145
|
width,
|
|
146
146
|
height,
|
|
147
|
+
borderRadius,
|
|
147
148
|
objectFit,
|
|
148
149
|
objectPosition,
|
|
149
150
|
// web only props - filter out on native
|
|
@@ -160,10 +161,12 @@ export function createImage<C extends ComponentType<any>>(
|
|
|
160
161
|
} = props
|
|
161
162
|
|
|
162
163
|
const resolvedWidth =
|
|
163
|
-
typeof width === 'string' && width[0] === '$'
|
|
164
|
+
typeof width === 'string' && width[0] === '$'
|
|
165
|
+
? getTokenValue(width as any, 'size')
|
|
166
|
+
: width
|
|
164
167
|
const resolvedHeight =
|
|
165
168
|
typeof height === 'string' && height[0] === '$'
|
|
166
|
-
? getTokenValue(height as any)
|
|
169
|
+
? getTokenValue(height as any, 'size')
|
|
167
170
|
: height
|
|
168
171
|
|
|
169
172
|
const finalSource = transformSource({
|
|
@@ -172,12 +175,23 @@ export function createImage<C extends ComponentType<any>>(
|
|
|
172
175
|
height: resolvedHeight,
|
|
173
176
|
})
|
|
174
177
|
|
|
178
|
+
const incomingStyle = Array.isArray(rest.style)
|
|
179
|
+
? Object.assign({}, ...rest.style.flat())
|
|
180
|
+
: rest.style
|
|
181
|
+
|
|
182
|
+
const resolvedBorderRadius =
|
|
183
|
+
typeof borderRadius === 'string' && borderRadius[0] === '$'
|
|
184
|
+
? getTokenValue(borderRadius as any, 'radius')
|
|
185
|
+
: borderRadius
|
|
186
|
+
|
|
175
187
|
const finalProps: any = {
|
|
176
188
|
...rest,
|
|
177
189
|
source: finalSource,
|
|
178
190
|
style: {
|
|
179
|
-
|
|
180
|
-
|
|
191
|
+
...incomingStyle,
|
|
192
|
+
...(resolvedBorderRadius !== undefined && { borderRadius: resolvedBorderRadius }),
|
|
193
|
+
...(resolvedWidth !== undefined && { width: resolvedWidth }),
|
|
194
|
+
...(resolvedHeight !== undefined && { height: resolvedHeight }),
|
|
181
195
|
},
|
|
182
196
|
}
|
|
183
197
|
|
package/src/types.ts
CHANGED
package/types/Image.native.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export declare const Image: import("react").FC<Partial<import("./types").ImagePr
|
|
|
7
7
|
abortPrefetch: typeof RNImage.abortPrefetch | undefined;
|
|
8
8
|
queryCache: typeof RNImage.queryCache | undefined;
|
|
9
9
|
} & import("react").FC<import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & Omit<import("react-native").ImageProps, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> | "source" | "resizeMode"> & {
|
|
10
|
-
src?: string;
|
|
10
|
+
src?: string | number;
|
|
11
11
|
source?: import("react-native").ImageSourcePropType;
|
|
12
12
|
resizeMode?: import("react-native").ImageResizeMode;
|
|
13
13
|
objectFit?: React.CSSProperties["objectFit"];
|
package/types/createImage.d.ts
CHANGED
|
@@ -30,7 +30,7 @@ export type CreateImageOptions<C extends ComponentType<any>> = {
|
|
|
30
30
|
* Useful for expo-image which has a different source format.
|
|
31
31
|
*/
|
|
32
32
|
transformSource?: (props: {
|
|
33
|
-
src?: string;
|
|
33
|
+
src?: string | number;
|
|
34
34
|
source?: any;
|
|
35
35
|
width?: any;
|
|
36
36
|
height?: any;
|
|
@@ -67,7 +67,7 @@ export declare function createImage<C extends ComponentType<any>>(options: Creat
|
|
|
67
67
|
abortPrefetch: typeof import("react-native").Image.abortPrefetch | undefined;
|
|
68
68
|
queryCache: typeof import("react-native").Image.queryCache | undefined;
|
|
69
69
|
} & import("react").FC<import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & Omit<import("react-native").ImageProps, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> | "source" | "resizeMode"> & {
|
|
70
|
-
src?: string;
|
|
70
|
+
src?: string | number;
|
|
71
71
|
source?: import("react-native").ImageSourcePropType;
|
|
72
72
|
resizeMode?: ImageResizeMode;
|
|
73
73
|
objectFit?: React.CSSProperties["objectFit"];
|
|
@@ -1 +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;
|
|
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,GAAG,MAAM,CAAA;QACrB,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;;;;;;;;;;;;;2zKAmJ/B"}
|
package/types/types.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export type ImageProps = ViewProps & Omit<RNImageProps, KeyofViewProps | 'source
|
|
|
7
7
|
* The image source URL or require() result.
|
|
8
8
|
* Preferred over `source` for better web alignment.
|
|
9
9
|
*/
|
|
10
|
-
src?: string;
|
|
10
|
+
src?: string | number;
|
|
11
11
|
/**
|
|
12
12
|
* @deprecated
|
|
13
13
|
* use src instead
|
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,GAAG,CAAC,EAAE,MAAM,CAAA;
|
|
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,GAAG,MAAM,CAAA;IACrB;;;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"}
|
package/dist/cjs/Image.js
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
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 Image_exports = {};
|
|
16
|
-
__export(Image_exports, {
|
|
17
|
-
Image: () => Image
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(Image_exports);
|
|
20
|
-
var import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
|
-
const StyledImage = (0, import_web.styled)(import_web.View, {
|
|
22
|
-
name: "Image",
|
|
23
|
-
render: "img"
|
|
24
|
-
}), Image = StyledImage.styleable(
|
|
25
|
-
(inProps, ref) => {
|
|
26
|
-
const {
|
|
27
|
-
// exclude native only props
|
|
28
|
-
blurRadius,
|
|
29
|
-
capInsets,
|
|
30
|
-
defaultSource,
|
|
31
|
-
fadeDuration,
|
|
32
|
-
loadingIndicatorSource,
|
|
33
|
-
onLoadEnd,
|
|
34
|
-
onPartialLoad,
|
|
35
|
-
progressiveRenderingEnabled,
|
|
36
|
-
resizeMethod,
|
|
37
|
-
tintColor,
|
|
38
|
-
...rest
|
|
39
|
-
} = inProps;
|
|
40
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledImage, { ref, ...rest });
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
staticConfig: {
|
|
44
|
-
memo: !0
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
), func = (() => {
|
|
48
|
-
});
|
|
49
|
-
Image.getSize = func;
|
|
50
|
-
Image.getSizeWithHeaders = func;
|
|
51
|
-
Image.prefetch = func;
|
|
52
|
-
Image.prefetchWithMetadata = func;
|
|
53
|
-
Image.abortPrefetch = func;
|
|
54
|
-
Image.queryCache = func;
|
|
55
|
-
//# sourceMappingURL=Image.js.map
|
package/dist/cjs/Image.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Image.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAA6B,yBAwBlB;AArBX,MAAM,kBAAc,mBAAO,iBAAM;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AACV,CAAC,GAEY,QAAQ,YAAY;AAAA,EAC/B,CAAC,SAAS,QAAQ;AAChB,UAAM;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AACJ,WAAO,4CAAC,eAAY,KAAW,GAAG,MAAM;AAAA,EAC1C;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IACR;AAAA,EACF;AACF,GAEM,QAAQ,MAAM;AAAC;AAErB,MAAM,UAAU;AAChB,MAAM,qBAAqB;AAC3B,MAAM,WAAW;AACjB,MAAM,uBAAuB;AAC7B,MAAM,gBAAgB;AACtB,MAAM,aAAa;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/cjs/createImage.js
DELETED
|
@@ -1,127 +0,0 @@
|
|
|
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
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/createImage.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/cjs/index.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
7
|
-
for (let key of __getOwnPropNames(from))
|
|
8
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
9
|
-
return to;
|
|
10
|
-
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
11
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
12
|
-
var index_exports = {};
|
|
13
|
-
module.exports = __toCommonJS(index_exports);
|
|
14
|
-
__reExport(index_exports, require("./Image"), module.exports);
|
|
15
|
-
__reExport(index_exports, require("./createImage"), module.exports);
|
|
16
|
-
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
DELETED
package/dist/cjs/types.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
7
|
-
for (let key of __getOwnPropNames(from))
|
|
8
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
9
|
-
return to;
|
|
10
|
-
};
|
|
11
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
12
|
-
var types_exports = {};
|
|
13
|
-
module.exports = __toCommonJS(types_exports);
|
|
14
|
-
//# sourceMappingURL=types.js.map
|
package/dist/cjs/types.js.map
DELETED
package/dist/cjs/v1/Image.js
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
-
mod
|
|
22
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
-
var Image_exports = {};
|
|
24
|
-
__export(Image_exports, {
|
|
25
|
-
Image: () => Image
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(Image_exports);
|
|
28
|
-
var import_react = __toESM(require("react"), 1), import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web"), import_react_native = require("react-native-web"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
|
-
const StyledImage = (0, import_web.styled)(import_react_native.Image, {
|
|
30
|
-
name: "Image"
|
|
31
|
-
});
|
|
32
|
-
let hasWarned = !1;
|
|
33
|
-
const Image = StyledImage.styleable((inProps, ref) => {
|
|
34
|
-
const [props, style] = (0, import_web.usePropsAndStyle)(inProps), { src, source, objectFit, ...rest } = props;
|
|
35
|
-
process.env.NODE_ENV === "development" && typeof src == "string" && (typeof props.width == "string" && props.width[0] !== "$" || typeof props.height == "string" && props.height[0] !== "$") && (hasWarned || (hasWarned = !0, console.warn(
|
|
36
|
-
'React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.'
|
|
37
|
-
)));
|
|
38
|
-
let finalSource = typeof src == "string" ? {
|
|
39
|
-
uri: src,
|
|
40
|
-
...import_constants.isWeb && {
|
|
41
|
-
width: props.width || style?.width,
|
|
42
|
-
height: props.height || style?.height
|
|
43
|
-
}
|
|
44
|
-
} : source ?? src;
|
|
45
|
-
return finalSource && typeof finalSource == "object" && (process.env.NODE_ENV === "development" && process.env.TAMAGUI_IMAGE_CHECK_ERROR && import_react.default.useEffect(() => {
|
|
46
|
-
async function run() {
|
|
47
|
-
if (typeof src == "string")
|
|
48
|
-
try {
|
|
49
|
-
await fetch(src).then((res) => res.text());
|
|
50
|
-
} catch {
|
|
51
|
-
console.error(`Error loading image: ${src}`, { props });
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
run();
|
|
55
|
-
}, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
56
|
-
import_react_native.Image,
|
|
57
|
-
{
|
|
58
|
-
resizeMode: objectFit,
|
|
59
|
-
ref,
|
|
60
|
-
source: finalSource,
|
|
61
|
-
style,
|
|
62
|
-
...rest
|
|
63
|
-
}
|
|
64
|
-
);
|
|
65
|
-
});
|
|
66
|
-
Image.getSize = import_react_native.Image.getSize;
|
|
67
|
-
Image.getSizeWithHeaders = import_react_native.Image.getSizeWithHeaders;
|
|
68
|
-
Image.prefetch = import_react_native.Image.prefetch;
|
|
69
|
-
Image.prefetchWithMetadata = import_react_native.Image.prefetchWithMetadata;
|
|
70
|
-
Image.abortPrefetch = import_react_native.Image.abortPrefetch;
|
|
71
|
-
Image.queryCache = import_react_native.Image.queryCache;
|
|
72
|
-
//# sourceMappingURL=Image.js.map
|
package/dist/cjs/v1/Image.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/v1/Image.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,mBAAsB,+BAQtB,aAAyC,yBAEzC,sBAAiC,yBAqH7B;AAnHJ,MAAM,kBAAc,mBAAO,oBAAAA,OAAS;AAAA,EAClC,MAAM;AACR,CAAC;AAmCD,IAAI,YAAY;AAMT,MAAM,QAAQ,YAAY,UAAsB,CAAC,SAAS,QAAQ;AACvE,QAAM,CAAC,OAAO,KAAK,QAAI,6BAAiB,OAAO,GACzC,EAAE,KAAK,QAAQ,WAAW,GAAG,KAAK,IAAI;AAE5C,EAAI,QAAQ,IAAI,aAAa,iBACvB,OAAO,OAAQ,aAEd,OAAO,MAAM,SAAU,YAAY,MAAM,MAAM,CAAC,MAAM,OACtD,OAAO,MAAM,UAAW,YAAY,MAAM,OAAO,CAAC,MAAM,SAEpD,cACH,YAAY,IACZ,QAAQ;AAAA,IACN;AAAA,EACF;AAMR,MAAI,cACF,OAAO,OAAQ,WACX;AAAA,IACE,KAAK;AAAA,IACL,GAAI,0BAAS;AAAA,MACX,OAAO,MAAM,SAAS,OAAO;AAAA,MAC7B,QAAQ,MAAM,UAAU,OAAO;AAAA,IACjC;AAAA,EACF,IACC,UAAU;AAEjB,SAAI,eAAe,OAAO,eAAgB,aAgBpC,QAAQ,IAAI,aAAa,iBAAiB,QAAQ,IAAI,6BAExD,aAAAC,QAAM,UAAU,MAAM;AACpB,mBAAe,MAAM;AACnB,UAAI,OAAO,OAAQ;AACjB,YAAI;AACF,gBAAM,MAAM,GAAG,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC;AAAA,QAC3C,QAAc;AACZ,kBAAQ,MAAM,wBAAwB,GAAG,IAAI,EAAE,MAAM,CAAC;AAAA,QACxD;AAAA,IAEJ;AAEA,QAAI;AAAA,EACN,GAAG,CAAC,GAAG,CAAC,GAIN,YAAY,YACd,cAAc,YAAY,WAM5B;AAAA,IAAC,oBAAAD;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAI;AAAA;AAAA,EACP;AAEJ,CAAC;AAED,MAAM,UAAU,oBAAAA,MAAQ;AACxB,MAAM,qBAAqB,oBAAAA,MAAQ;AACnC,MAAM,WAAW,oBAAAA,MAAQ;AACzB,MAAM,uBAAuB,oBAAAA,MAAQ;AACrC,MAAM,gBAAgB,oBAAAA,MAAQ;AAC9B,MAAM,aAAa,oBAAAA,MAAQ;",
|
|
5
|
-
"names": ["RNImage", "React"]
|
|
6
|
-
}
|
package/dist/cjs/v1/index.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
7
|
-
for (let key of __getOwnPropNames(from))
|
|
8
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
9
|
-
return to;
|
|
10
|
-
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
11
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
12
|
-
var v1_exports = {};
|
|
13
|
-
module.exports = __toCommonJS(v1_exports);
|
|
14
|
-
__reExport(v1_exports, require("./Image"), module.exports);
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
package/dist/cjs/v1/index.js.map
DELETED
package/dist/esm/Image.js
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { View, styled } from "@tamagui/web";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
const StyledImage = styled(View, {
|
|
4
|
-
name: "Image",
|
|
5
|
-
render: "img"
|
|
6
|
-
}), Image = StyledImage.styleable(
|
|
7
|
-
(inProps, ref) => {
|
|
8
|
-
const {
|
|
9
|
-
// exclude native only props
|
|
10
|
-
blurRadius,
|
|
11
|
-
capInsets,
|
|
12
|
-
defaultSource,
|
|
13
|
-
fadeDuration,
|
|
14
|
-
loadingIndicatorSource,
|
|
15
|
-
onLoadEnd,
|
|
16
|
-
onPartialLoad,
|
|
17
|
-
progressiveRenderingEnabled,
|
|
18
|
-
resizeMethod,
|
|
19
|
-
tintColor,
|
|
20
|
-
...rest
|
|
21
|
-
} = inProps;
|
|
22
|
-
return /* @__PURE__ */ jsx(StyledImage, { ref, ...rest });
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
staticConfig: {
|
|
26
|
-
memo: !0
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
), func = (() => {
|
|
30
|
-
});
|
|
31
|
-
Image.getSize = func;
|
|
32
|
-
Image.getSizeWithHeaders = func;
|
|
33
|
-
Image.prefetch = func;
|
|
34
|
-
Image.prefetchWithMetadata = func;
|
|
35
|
-
Image.abortPrefetch = func;
|
|
36
|
-
Image.queryCache = func;
|
|
37
|
-
export {
|
|
38
|
-
Image
|
|
39
|
-
};
|
|
40
|
-
//# sourceMappingURL=Image.js.map
|