@tamagui/image 1.105.1 → 1.105.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/Image.js +11 -2
- package/dist/cjs/Image.js.map +1 -1
- package/dist/cjs/Image.native.js +4 -2
- package/dist/cjs/Image.native.js.map +2 -2
- package/dist/esm/Image.js +11 -2
- package/dist/esm/Image.js.map +1 -1
- package/dist/esm/Image.mjs +2 -0
- package/dist/esm/Image.mjs.map +1 -1
- package/dist/esm/Image.native.js +4 -2
- package/dist/esm/Image.native.js.map +2 -2
- package/dist/jsx/Image.js +11 -2
- package/dist/jsx/Image.js.map +1 -1
- package/dist/jsx/Image.mjs +2 -0
- package/dist/jsx/Image.mjs.map +1 -1
- package/dist/jsx/Image.native.js +4 -2
- package/dist/jsx/Image.native.js.map +2 -2
- package/package.json +4 -4
- package/src/Image.tsx +10 -2
- package/types/Image.d.ts.map +1 -1
package/dist/cjs/Image.js
CHANGED
|
@@ -23,7 +23,7 @@ const StyledImage = (0, import_core.styled)(import_react_native.Image, {
|
|
|
23
23
|
});
|
|
24
24
|
let hasWarned = !1;
|
|
25
25
|
const Image = StyledImage.styleable((inProps, ref) => {
|
|
26
|
-
const [props, style] = (0, import_core.usePropsAndStyle)(inProps), { src, source, ...rest } = props;
|
|
26
|
+
const [props, style] = (0, import_core.usePropsAndStyle)(inProps), { src, source, objectFit, ...rest } = props;
|
|
27
27
|
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(
|
|
28
28
|
'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.'
|
|
29
29
|
)));
|
|
@@ -44,7 +44,16 @@ const Image = StyledImage.styleable((inProps, ref) => {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
run();
|
|
47
|
-
}, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
47
|
+
}, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
48
|
+
import_react_native.Image,
|
|
49
|
+
{
|
|
50
|
+
resizeMode: objectFit,
|
|
51
|
+
ref,
|
|
52
|
+
source: finalSource,
|
|
53
|
+
style,
|
|
54
|
+
...rest
|
|
55
|
+
}
|
|
56
|
+
);
|
|
48
57
|
});
|
|
49
58
|
Image.getSize = import_react_native.Image.getSize;
|
|
50
59
|
Image.getSizeWithHeaders = import_react_native.Image.getSizeWithHeaders;
|
package/dist/cjs/Image.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Image.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BAQtB,cAAyC,0BACzC,eAAmC,kBACnC,sBAAiC,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BAQtB,cAAyC,0BACzC,eAAmC,kBACnC,sBAAiC,yBAiH7B;AA/GJ,MAAM,kBAAc,oBAAO,oBAAAA,OAAS;AAAA,EAClC,MAAM;AACR,CAAC;AAmCD,IAAI,YAAY;AAET,MAAM,QAAQ,YAAY,UAAsB,CAAC,SAAS,QAAQ;AACvE,QAAM,CAAC,OAAO,KAAK,QAAI,8BAAiB,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,IACA,UAAU;AAEhB,SAAI,eAAe,OAAO,eAAgB,aAgBpC,QAAQ,IAAI,aAAa,iBAAiB,QAAQ,IAAI,iCAExD,wBAAU,MAAM;AACd,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,oBAAAA;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
5
|
"names": ["RNImage"]
|
|
6
6
|
}
|
package/dist/cjs/Image.native.js
CHANGED
|
@@ -213,9 +213,10 @@ function _ts_generator(thisArg, body) {
|
|
|
213
213
|
var StyledImage = (0, import_core.styled)(import_react_native.Image, {
|
|
214
214
|
name: "Image"
|
|
215
215
|
}), hasWarned = !1, Image = StyledImage.styleable(function(inProps, ref) {
|
|
216
|
-
var _usePropsAndStyle = _sliced_to_array((0, import_core.usePropsAndStyle)(inProps), 2), props = _usePropsAndStyle[0], style = _usePropsAndStyle[1], src = props.src, source = props.source, rest = _object_without_properties(props, [
|
|
216
|
+
var _usePropsAndStyle = _sliced_to_array((0, import_core.usePropsAndStyle)(inProps), 2), props = _usePropsAndStyle[0], style = _usePropsAndStyle[1], src = props.src, source = props.source, objectFit = props.objectFit, rest = _object_without_properties(props, [
|
|
217
217
|
"src",
|
|
218
|
-
"source"
|
|
218
|
+
"source",
|
|
219
|
+
"objectFit"
|
|
219
220
|
]);
|
|
220
221
|
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('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.')));
|
|
221
222
|
var finalSource = typeof src == "string" ? _object_spread({
|
|
@@ -284,6 +285,7 @@ var StyledImage = (0, import_core.styled)(import_react_native.Image, {
|
|
|
284
285
|
]), finalSource.default && (finalSource = finalSource.default);
|
|
285
286
|
}
|
|
286
287
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Image, _object_spread({
|
|
288
|
+
resizeMode: objectFit,
|
|
287
289
|
ref,
|
|
288
290
|
source: finalSource,
|
|
289
291
|
style
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/image/src/Image.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,mBAAsB,+BAQtB,cAAyC,0BACzC,eAAmC,kBACnC,sBAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEjC,IAAMA,kBAAcC,oBAAOC,oBAAAA,OAAS;EAClCC,MAAM;AACR,CAAA,GAmCIC,YAAY,IAEHC,QAAQL,YAAYM,UAAsB,SAACC,SAASC,KAAAA;AAC/D,MAAuBC,oBAAAA,qBAAAA,8BAAiBF,OAAAA,GAAAA,CAAAA,GAAjCG,QAAgBD,kBAAAA,CAAAA,GAATE,QAASF,kBAAAA,CAAAA,GACfG,
|
|
5
|
-
"names": ["StyledImage", "styled", "RNImage", "name", "hasWarned", "Image", "styleable", "inProps", "ref", "usePropsAndStyle", "props", "style", "src", "source", "rest", "process", "env", "NODE_ENV", "width", "height", "console", "warn", "finalSource", "uri", "isWeb", "Array", "isArray", "TAMAGUI_IMAGE_CHECK_ERROR", "useEffect", "run", "err", "fetch", "then", "res", "text", "error", "_jsx", "getSize", "getSizeWithHeaders", "prefetch", "prefetchWithMetadata", "abortPrefetch", "queryCache"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["StyledImage", "styled", "RNImage", "name", "hasWarned", "Image", "styleable", "inProps", "ref", "usePropsAndStyle", "props", "style", "src", "source", "objectFit", "rest", "process", "env", "NODE_ENV", "width", "height", "console", "warn", "finalSource", "uri", "isWeb", "Array", "isArray", "TAMAGUI_IMAGE_CHECK_ERROR", "useEffect", "run", "err", "fetch", "then", "res", "text", "error", "_jsx", "resizeMode", "getSize", "getSizeWithHeaders", "prefetch", "prefetchWithMetadata", "abortPrefetch", "queryCache"]
|
|
6
6
|
}
|
package/dist/esm/Image.js
CHANGED
|
@@ -8,7 +8,7 @@ const StyledImage = styled(RNImage, {
|
|
|
8
8
|
});
|
|
9
9
|
let hasWarned = !1;
|
|
10
10
|
const Image = StyledImage.styleable((inProps, ref) => {
|
|
11
|
-
const [props, style] = usePropsAndStyle(inProps), { src, source, ...rest } = props;
|
|
11
|
+
const [props, style] = usePropsAndStyle(inProps), { src, source, objectFit, ...rest } = props;
|
|
12
12
|
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(
|
|
13
13
|
'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.'
|
|
14
14
|
)));
|
|
@@ -29,7 +29,16 @@ const Image = StyledImage.styleable((inProps, ref) => {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
run();
|
|
32
|
-
}, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */ jsx(
|
|
32
|
+
}, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */ jsx(
|
|
33
|
+
RNImage,
|
|
34
|
+
{
|
|
35
|
+
resizeMode: objectFit,
|
|
36
|
+
ref,
|
|
37
|
+
source: finalSource,
|
|
38
|
+
style,
|
|
39
|
+
...rest
|
|
40
|
+
}
|
|
41
|
+
);
|
|
33
42
|
});
|
|
34
43
|
Image.getSize = RNImage.getSize;
|
|
35
44
|
Image.getSizeWithHeaders = RNImage.getSizeWithHeaders;
|
package/dist/esm/Image.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Image.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa;AAQtB,SAAS,QAAQ,wBAAwB;AACzC,SAAS,iBAA0B;AACnC,SAAS,SAAS,eAAe;
|
|
4
|
+
"mappings": "AAAA,SAAS,aAAa;AAQtB,SAAS,QAAQ,wBAAwB;AACzC,SAAS,iBAA0B;AACnC,SAAS,SAAS,eAAe;AAiH7B;AA/GJ,MAAM,cAAc,OAAO,SAAS;AAAA,EAClC,MAAM;AACR,CAAC;AAmCD,IAAI,YAAY;AAET,MAAM,QAAQ,YAAY,UAAsB,CAAC,SAAS,QAAQ;AACvE,QAAM,CAAC,OAAO,KAAK,IAAI,iBAAiB,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,SAAS;AAAA,MACX,OAAO,MAAM,SAAS,OAAO;AAAA,MAC7B,QAAQ,MAAM,UAAU,OAAO;AAAA,IACjC;AAAA,EACF,IACA,UAAU;AAEhB,SAAI,eAAe,OAAO,eAAgB,aAgBpC,QAAQ,IAAI,aAAa,iBAAiB,QAAQ,IAAI,6BAExD,UAAU,MAAM;AACd,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;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAI;AAAA;AAAA,EACP;AAEJ,CAAC;AAED,MAAM,UAAU,QAAQ;AACxB,MAAM,qBAAqB,QAAQ;AACnC,MAAM,WAAW,QAAQ;AACzB,MAAM,uBAAuB,QAAQ;AACrC,MAAM,gBAAgB,QAAQ;AAC9B,MAAM,aAAa,QAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/Image.mjs
CHANGED
|
@@ -12,6 +12,7 @@ const Image = StyledImage.styleable((inProps, ref) => {
|
|
|
12
12
|
{
|
|
13
13
|
src,
|
|
14
14
|
source,
|
|
15
|
+
objectFit,
|
|
15
16
|
...rest
|
|
16
17
|
} = props;
|
|
17
18
|
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('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.')));
|
|
@@ -34,6 +35,7 @@ const Image = StyledImage.styleable((inProps, ref) => {
|
|
|
34
35
|
}
|
|
35
36
|
run();
|
|
36
37
|
}, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */jsx(RNImage, {
|
|
38
|
+
resizeMode: objectFit,
|
|
37
39
|
ref,
|
|
38
40
|
source: finalSource,
|
|
39
41
|
style,
|
package/dist/esm/Image.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","styled","usePropsAndStyle","useEffect","Image","RNImage","jsx","StyledImage","name","hasWarned","styleable","inProps","ref","props","style","src","source","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","TAMAGUI_IMAGE_CHECK_ERROR","run","fetch","then","res","text","error","default","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AAQtB,SAASC,MAAA,EAAQC,gBAAA,QAAwB;AACzC,SAASC,SAAA,QAA0B;AACnC,SAASC,KAAA,IAASC,OAAA,QAAe;
|
|
1
|
+
{"version":3,"names":["isWeb","styled","usePropsAndStyle","useEffect","Image","RNImage","jsx","StyledImage","name","hasWarned","styleable","inProps","ref","props","style","src","source","objectFit","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","TAMAGUI_IMAGE_CHECK_ERROR","run","fetch","then","res","text","error","default","resizeMode","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AAQtB,SAASC,MAAA,EAAQC,gBAAA,QAAwB;AACzC,SAASC,SAAA,QAA0B;AACnC,SAASC,KAAA,IAASC,OAAA,QAAe;AAiH7B,SAAAC,GAAA;AA/GJ,MAAMC,WAAA,GAAcN,MAAA,CAAOI,OAAA,EAAS;EAClCG,IAAA,EAAM;AACR,CAAC;AAmCD,IAAIC,SAAA,GAAY;AAET,MAAML,KAAA,GAAQG,WAAA,CAAYG,SAAA,CAAsB,CAACC,OAAA,EAASC,GAAA,KAAQ;EACvE,MAAM,CAACC,KAAA,EAAOC,KAAK,IAAIZ,gBAAA,CAAiBS,OAAO;IACzC;MAAEI,GAAA;MAAKC,MAAA;MAAQC,SAAA;MAAW,GAAGC;IAAK,IAAIL,KAAA;EAExCM,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBACvB,OAAON,GAAA,IAAQ,aAEd,OAAOF,KAAA,CAAMS,KAAA,IAAU,YAAYT,KAAA,CAAMS,KAAA,CAAM,CAAC,MAAM,OACtD,OAAOT,KAAA,CAAMU,MAAA,IAAW,YAAYV,KAAA,CAAMU,MAAA,CAAO,CAAC,MAAM,SAEpDd,SAAA,KACHA,SAAA,GAAY,IACZe,OAAA,CAAQC,IAAA,CACN,4IACF;EAMR,IAAIC,WAAA,GACF,OAAOX,GAAA,IAAQ,WACX;IACEY,GAAA,EAAKZ,GAAA;IACL,IAAIf,KAAA,IAAS;MACXsB,KAAA,EAAOT,KAAA,CAAMS,KAAA,IAASR,KAAA,EAAOQ,KAAA;MAC7BC,MAAA,EAAQV,KAAA,CAAMU,MAAA,IAAUT,KAAA,EAAOS;IACjC;EACF,IACAP,MAAA,IAAUD,GAAA;EAEhB,OAAIW,WAAA,IAAe,OAAOA,WAAA,IAAgB,aAgBpCP,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAAiBF,OAAA,CAAQC,GAAA,CAAIQ,yBAAA,IAExDzB,SAAA,CAAU,MAAM;IACd,eAAe0B,IAAA,EAAM;MACnB,IAAI,OAAOd,GAAA,IAAQ,UACjB,IAAI;QACF,MAAMe,KAAA,CAAMf,GAAG,EAAEgB,IAAA,CAAMC,GAAA,IAAQA,GAAA,CAAIC,IAAA,CAAK,CAAC;MAC3C,QAAc;QACZT,OAAA,CAAQU,KAAA,CAAM,wBAAwBnB,GAAG,IAAI;UAAEF;QAAM,CAAC;MACxD;IAEJ;IAEAgB,GAAA,CAAI;EACN,GAAG,CAACd,GAAG,CAAC,GAINW,WAAA,CAAYS,OAAA,KACdT,WAAA,GAAcA,WAAA,CAAYS,OAAA,IAM5B,eAAA7B,GAAA,CAACD,OAAA;IACC+B,UAAA,EAAYnB,SAAA;IACZL,GAAA;IACAI,MAAA,EAAQU,WAAA;IACRZ,KAAA;IACC,GAAII;EAAA,CACP;AAEJ,CAAC;AAEDd,KAAA,CAAMiC,OAAA,GAAUhC,OAAA,CAAQgC,OAAA;AACxBjC,KAAA,CAAMkC,kBAAA,GAAqBjC,OAAA,CAAQiC,kBAAA;AACnClC,KAAA,CAAMmC,QAAA,GAAWlC,OAAA,CAAQkC,QAAA;AACzBnC,KAAA,CAAMoC,oBAAA,GAAuBnC,OAAA,CAAQmC,oBAAA;AACrCpC,KAAA,CAAMqC,aAAA,GAAgBpC,OAAA,CAAQoC,aAAA;AAC9BrC,KAAA,CAAMsC,UAAA,GAAarC,OAAA,CAAQqC,UAAA","ignoreList":[]}
|
package/dist/esm/Image.native.js
CHANGED
|
@@ -197,9 +197,10 @@ function _ts_generator(thisArg, body) {
|
|
|
197
197
|
var StyledImage = styled(RNImage, {
|
|
198
198
|
name: "Image"
|
|
199
199
|
}), hasWarned = !1, Image = StyledImage.styleable(function(inProps, ref) {
|
|
200
|
-
var _usePropsAndStyle = _sliced_to_array(usePropsAndStyle(inProps), 2), props = _usePropsAndStyle[0], style = _usePropsAndStyle[1], src = props.src, source = props.source, rest = _object_without_properties(props, [
|
|
200
|
+
var _usePropsAndStyle = _sliced_to_array(usePropsAndStyle(inProps), 2), props = _usePropsAndStyle[0], style = _usePropsAndStyle[1], src = props.src, source = props.source, objectFit = props.objectFit, rest = _object_without_properties(props, [
|
|
201
201
|
"src",
|
|
202
|
-
"source"
|
|
202
|
+
"source",
|
|
203
|
+
"objectFit"
|
|
203
204
|
]);
|
|
204
205
|
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('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.')));
|
|
205
206
|
var finalSource = typeof src == "string" ? _object_spread({
|
|
@@ -268,6 +269,7 @@ var StyledImage = styled(RNImage, {
|
|
|
268
269
|
]), finalSource.default && (finalSource = finalSource.default);
|
|
269
270
|
}
|
|
270
271
|
return /* @__PURE__ */ _jsx(RNImage, _object_spread({
|
|
272
|
+
resizeMode: objectFit,
|
|
271
273
|
ref,
|
|
272
274
|
source: finalSource,
|
|
273
275
|
style
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/image/src/Image.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,aAAa;AAQtB,SAASC,QAAQC,wBAAwB;AACzC,SAASC,iBAA0B;AACnC,SAASC,SAASC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEjC,IAAMC,cAAcL,OAAOI,SAAS;EAClCE,MAAM;AACR,CAAA,GAmCIC,YAAY,IAEHJ,QAAQE,YAAYG,UAAsB,SAACC,SAASC,KAAAA;AAC/D,MAAuBT,oBAAAA,iBAAAA,iBAAiBQ,OAAAA,GAAAA,CAAAA,GAAjCE,QAAgBV,kBAAAA,CAAAA,GAATW,QAASX,kBAAAA,CAAAA,GACfY,
|
|
5
|
-
"names": ["isWeb", "styled", "usePropsAndStyle", "useEffect", "Image", "RNImage", "StyledImage", "name", "hasWarned", "styleable", "inProps", "ref", "props", "style", "src", "source", "rest", "process", "env", "NODE_ENV", "width", "height", "console", "warn", "finalSource", "uri", "Array", "isArray", "TAMAGUI_IMAGE_CHECK_ERROR", "run", "err", "fetch", "then", "res", "text", "error", "getSize", "getSizeWithHeaders", "prefetch", "prefetchWithMetadata", "abortPrefetch", "queryCache"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["isWeb", "styled", "usePropsAndStyle", "useEffect", "Image", "RNImage", "StyledImage", "name", "hasWarned", "styleable", "inProps", "ref", "props", "style", "src", "source", "objectFit", "rest", "process", "env", "NODE_ENV", "width", "height", "console", "warn", "finalSource", "uri", "Array", "isArray", "TAMAGUI_IMAGE_CHECK_ERROR", "run", "err", "fetch", "then", "res", "text", "error", "resizeMode", "getSize", "getSizeWithHeaders", "prefetch", "prefetchWithMetadata", "abortPrefetch", "queryCache"]
|
|
6
6
|
}
|
package/dist/jsx/Image.js
CHANGED
|
@@ -8,7 +8,7 @@ const StyledImage = styled(RNImage, {
|
|
|
8
8
|
});
|
|
9
9
|
let hasWarned = !1;
|
|
10
10
|
const Image = StyledImage.styleable((inProps, ref) => {
|
|
11
|
-
const [props, style] = usePropsAndStyle(inProps), { src, source, ...rest } = props;
|
|
11
|
+
const [props, style] = usePropsAndStyle(inProps), { src, source, objectFit, ...rest } = props;
|
|
12
12
|
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(
|
|
13
13
|
'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.'
|
|
14
14
|
)));
|
|
@@ -29,7 +29,16 @@ const Image = StyledImage.styleable((inProps, ref) => {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
run();
|
|
32
|
-
}, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */ jsx(
|
|
32
|
+
}, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */ jsx(
|
|
33
|
+
RNImage,
|
|
34
|
+
{
|
|
35
|
+
resizeMode: objectFit,
|
|
36
|
+
ref,
|
|
37
|
+
source: finalSource,
|
|
38
|
+
style,
|
|
39
|
+
...rest
|
|
40
|
+
}
|
|
41
|
+
);
|
|
33
42
|
});
|
|
34
43
|
Image.getSize = RNImage.getSize;
|
|
35
44
|
Image.getSizeWithHeaders = RNImage.getSizeWithHeaders;
|
package/dist/jsx/Image.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Image.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa;AAQtB,SAAS,QAAQ,wBAAwB;AACzC,SAAS,iBAA0B;AACnC,SAAS,SAAS,eAAe;
|
|
4
|
+
"mappings": "AAAA,SAAS,aAAa;AAQtB,SAAS,QAAQ,wBAAwB;AACzC,SAAS,iBAA0B;AACnC,SAAS,SAAS,eAAe;AAiH7B;AA/GJ,MAAM,cAAc,OAAO,SAAS;AAAA,EAClC,MAAM;AACR,CAAC;AAmCD,IAAI,YAAY;AAET,MAAM,QAAQ,YAAY,UAAsB,CAAC,SAAS,QAAQ;AACvE,QAAM,CAAC,OAAO,KAAK,IAAI,iBAAiB,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,SAAS;AAAA,MACX,OAAO,MAAM,SAAS,OAAO;AAAA,MAC7B,QAAQ,MAAM,UAAU,OAAO;AAAA,IACjC;AAAA,EACF,IACA,UAAU;AAEhB,SAAI,eAAe,OAAO,eAAgB,aAgBpC,QAAQ,IAAI,aAAa,iBAAiB,QAAQ,IAAI,6BAExD,UAAU,MAAM;AACd,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;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAI;AAAA;AAAA,EACP;AAEJ,CAAC;AAED,MAAM,UAAU,QAAQ;AACxB,MAAM,qBAAqB,QAAQ;AACnC,MAAM,WAAW,QAAQ;AACzB,MAAM,uBAAuB,QAAQ;AACrC,MAAM,gBAAgB,QAAQ;AAC9B,MAAM,aAAa,QAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/Image.mjs
CHANGED
|
@@ -12,6 +12,7 @@ const Image = StyledImage.styleable((inProps, ref) => {
|
|
|
12
12
|
{
|
|
13
13
|
src,
|
|
14
14
|
source,
|
|
15
|
+
objectFit,
|
|
15
16
|
...rest
|
|
16
17
|
} = props;
|
|
17
18
|
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('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.')));
|
|
@@ -34,6 +35,7 @@ const Image = StyledImage.styleable((inProps, ref) => {
|
|
|
34
35
|
}
|
|
35
36
|
run();
|
|
36
37
|
}, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */jsx(RNImage, {
|
|
38
|
+
resizeMode: objectFit,
|
|
37
39
|
ref,
|
|
38
40
|
source: finalSource,
|
|
39
41
|
style,
|
package/dist/jsx/Image.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","styled","usePropsAndStyle","useEffect","Image","RNImage","jsx","StyledImage","name","hasWarned","styleable","inProps","ref","props","style","src","source","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","TAMAGUI_IMAGE_CHECK_ERROR","run","fetch","then","res","text","error","default","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AAQtB,SAASC,MAAA,EAAQC,gBAAA,QAAwB;AACzC,SAASC,SAAA,QAA0B;AACnC,SAASC,KAAA,IAASC,OAAA,QAAe;
|
|
1
|
+
{"version":3,"names":["isWeb","styled","usePropsAndStyle","useEffect","Image","RNImage","jsx","StyledImage","name","hasWarned","styleable","inProps","ref","props","style","src","source","objectFit","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","TAMAGUI_IMAGE_CHECK_ERROR","run","fetch","then","res","text","error","default","resizeMode","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AAQtB,SAASC,MAAA,EAAQC,gBAAA,QAAwB;AACzC,SAASC,SAAA,QAA0B;AACnC,SAASC,KAAA,IAASC,OAAA,QAAe;AAiH7B,SAAAC,GAAA;AA/GJ,MAAMC,WAAA,GAAcN,MAAA,CAAOI,OAAA,EAAS;EAClCG,IAAA,EAAM;AACR,CAAC;AAmCD,IAAIC,SAAA,GAAY;AAET,MAAML,KAAA,GAAQG,WAAA,CAAYG,SAAA,CAAsB,CAACC,OAAA,EAASC,GAAA,KAAQ;EACvE,MAAM,CAACC,KAAA,EAAOC,KAAK,IAAIZ,gBAAA,CAAiBS,OAAO;IACzC;MAAEI,GAAA;MAAKC,MAAA;MAAQC,SAAA;MAAW,GAAGC;IAAK,IAAIL,KAAA;EAExCM,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBACvB,OAAON,GAAA,IAAQ,aAEd,OAAOF,KAAA,CAAMS,KAAA,IAAU,YAAYT,KAAA,CAAMS,KAAA,CAAM,CAAC,MAAM,OACtD,OAAOT,KAAA,CAAMU,MAAA,IAAW,YAAYV,KAAA,CAAMU,MAAA,CAAO,CAAC,MAAM,SAEpDd,SAAA,KACHA,SAAA,GAAY,IACZe,OAAA,CAAQC,IAAA,CACN,4IACF;EAMR,IAAIC,WAAA,GACF,OAAOX,GAAA,IAAQ,WACX;IACEY,GAAA,EAAKZ,GAAA;IACL,IAAIf,KAAA,IAAS;MACXsB,KAAA,EAAOT,KAAA,CAAMS,KAAA,IAASR,KAAA,EAAOQ,KAAA;MAC7BC,MAAA,EAAQV,KAAA,CAAMU,MAAA,IAAUT,KAAA,EAAOS;IACjC;EACF,IACAP,MAAA,IAAUD,GAAA;EAEhB,OAAIW,WAAA,IAAe,OAAOA,WAAA,IAAgB,aAgBpCP,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAAiBF,OAAA,CAAQC,GAAA,CAAIQ,yBAAA,IAExDzB,SAAA,CAAU,MAAM;IACd,eAAe0B,IAAA,EAAM;MACnB,IAAI,OAAOd,GAAA,IAAQ,UACjB,IAAI;QACF,MAAMe,KAAA,CAAMf,GAAG,EAAEgB,IAAA,CAAMC,GAAA,IAAQA,GAAA,CAAIC,IAAA,CAAK,CAAC;MAC3C,QAAc;QACZT,OAAA,CAAQU,KAAA,CAAM,wBAAwBnB,GAAG,IAAI;UAAEF;QAAM,CAAC;MACxD;IAEJ;IAEAgB,GAAA,CAAI;EACN,GAAG,CAACd,GAAG,CAAC,GAINW,WAAA,CAAYS,OAAA,KACdT,WAAA,GAAcA,WAAA,CAAYS,OAAA,IAM5B,eAAA7B,GAAA,CAACD,OAAA;IACC+B,UAAA,EAAYnB,SAAA;IACZL,GAAA;IACAI,MAAA,EAAQU,WAAA;IACRZ,KAAA;IACC,GAAII;EAAA,CACP;AAEJ,CAAC;AAEDd,KAAA,CAAMiC,OAAA,GAAUhC,OAAA,CAAQgC,OAAA;AACxBjC,KAAA,CAAMkC,kBAAA,GAAqBjC,OAAA,CAAQiC,kBAAA;AACnClC,KAAA,CAAMmC,QAAA,GAAWlC,OAAA,CAAQkC,QAAA;AACzBnC,KAAA,CAAMoC,oBAAA,GAAuBnC,OAAA,CAAQmC,oBAAA;AACrCpC,KAAA,CAAMqC,aAAA,GAAgBpC,OAAA,CAAQoC,aAAA;AAC9BrC,KAAA,CAAMsC,UAAA,GAAarC,OAAA,CAAQqC,UAAA","ignoreList":[]}
|
package/dist/jsx/Image.native.js
CHANGED
|
@@ -197,9 +197,10 @@ function _ts_generator(thisArg, body) {
|
|
|
197
197
|
var StyledImage = styled(RNImage, {
|
|
198
198
|
name: "Image"
|
|
199
199
|
}), hasWarned = !1, Image = StyledImage.styleable(function(inProps, ref) {
|
|
200
|
-
var _usePropsAndStyle = _sliced_to_array(usePropsAndStyle(inProps), 2), props = _usePropsAndStyle[0], style = _usePropsAndStyle[1], src = props.src, source = props.source, rest = _object_without_properties(props, [
|
|
200
|
+
var _usePropsAndStyle = _sliced_to_array(usePropsAndStyle(inProps), 2), props = _usePropsAndStyle[0], style = _usePropsAndStyle[1], src = props.src, source = props.source, objectFit = props.objectFit, rest = _object_without_properties(props, [
|
|
201
201
|
"src",
|
|
202
|
-
"source"
|
|
202
|
+
"source",
|
|
203
|
+
"objectFit"
|
|
203
204
|
]);
|
|
204
205
|
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('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.')));
|
|
205
206
|
var finalSource = typeof src == "string" ? _object_spread({
|
|
@@ -268,6 +269,7 @@ var StyledImage = styled(RNImage, {
|
|
|
268
269
|
]), finalSource.default && (finalSource = finalSource.default);
|
|
269
270
|
}
|
|
270
271
|
return /* @__PURE__ */ _jsx(RNImage, _object_spread({
|
|
272
|
+
resizeMode: objectFit,
|
|
271
273
|
ref,
|
|
272
274
|
source: finalSource,
|
|
273
275
|
style
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/image/src/Image.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,aAAa;AAQtB,SAASC,QAAQC,wBAAwB;AACzC,SAASC,iBAA0B;AACnC,SAASC,SAASC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEjC,IAAMC,cAAcL,OAAOI,SAAS;EAClCE,MAAM;AACR,CAAA,GAmCIC,YAAY,IAEHJ,QAAQE,YAAYG,UAAsB,SAACC,SAASC,KAAAA;AAC/D,MAAuBT,oBAAAA,iBAAAA,iBAAiBQ,OAAAA,GAAAA,CAAAA,GAAjCE,QAAgBV,kBAAAA,CAAAA,GAATW,QAASX,kBAAAA,CAAAA,GACfY,
|
|
5
|
-
"names": ["isWeb", "styled", "usePropsAndStyle", "useEffect", "Image", "RNImage", "StyledImage", "name", "hasWarned", "styleable", "inProps", "ref", "props", "style", "src", "source", "rest", "process", "env", "NODE_ENV", "width", "height", "console", "warn", "finalSource", "uri", "Array", "isArray", "TAMAGUI_IMAGE_CHECK_ERROR", "run", "err", "fetch", "then", "res", "text", "error", "getSize", "getSizeWithHeaders", "prefetch", "prefetchWithMetadata", "abortPrefetch", "queryCache"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["isWeb", "styled", "usePropsAndStyle", "useEffect", "Image", "RNImage", "StyledImage", "name", "hasWarned", "styleable", "inProps", "ref", "props", "style", "src", "source", "objectFit", "rest", "process", "env", "NODE_ENV", "width", "height", "console", "warn", "finalSource", "uri", "Array", "isArray", "TAMAGUI_IMAGE_CHECK_ERROR", "run", "err", "fetch", "then", "res", "text", "error", "resizeMode", "getSize", "getSizeWithHeaders", "prefetch", "prefetchWithMetadata", "abortPrefetch", "queryCache"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/image",
|
|
3
|
-
"version": "1.105.
|
|
3
|
+
"version": "1.105.3",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@tamagui/constants": "1.105.
|
|
36
|
-
"@tamagui/core": "1.105.
|
|
35
|
+
"@tamagui/constants": "1.105.3",
|
|
36
|
+
"@tamagui/core": "1.105.3"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"react": "*"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@tamagui/build": "1.105.
|
|
42
|
+
"@tamagui/build": "1.105.3",
|
|
43
43
|
"react": "^18.2.0",
|
|
44
44
|
"react-native": "0.74.1"
|
|
45
45
|
},
|
package/src/Image.tsx
CHANGED
|
@@ -51,7 +51,7 @@ let hasWarned = false
|
|
|
51
51
|
|
|
52
52
|
export const Image = StyledImage.styleable<ImageProps>((inProps, ref) => {
|
|
53
53
|
const [props, style] = usePropsAndStyle(inProps)
|
|
54
|
-
const { src, source, ...rest } = props
|
|
54
|
+
const { src, source, objectFit, ...rest } = props
|
|
55
55
|
|
|
56
56
|
if (process.env.NODE_ENV === 'development') {
|
|
57
57
|
if (typeof src === 'string') {
|
|
@@ -120,7 +120,15 @@ export const Image = StyledImage.styleable<ImageProps>((inProps, ref) => {
|
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
// must set defaultSource to allow SSR, default it to the same as src
|
|
123
|
-
return
|
|
123
|
+
return (
|
|
124
|
+
<RNImage
|
|
125
|
+
resizeMode={objectFit}
|
|
126
|
+
ref={ref}
|
|
127
|
+
source={finalSource}
|
|
128
|
+
style={style}
|
|
129
|
+
{...(rest as any)}
|
|
130
|
+
/>
|
|
131
|
+
)
|
|
124
132
|
}) as any as ImageType
|
|
125
133
|
|
|
126
134
|
Image.getSize = RNImage.getSize
|
package/types/Image.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../src/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,UAAU,EACV,kBAAkB,EACnB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAa,KAAK,EAAE,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AAE/C,QAAA,MAAM,WAAW,yQAEf,CAAA;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,WAAW,CAAC,EAAE,cAAc,CAAC,GAAG;IAC3E,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED,KAAK,SAAS,GAAG,IAAI,CACnB,gBAAgB,EAChB,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CACzD,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,kBAAkB,CAAA;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,kBAAkB,CAAA;IAE1D;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,SAAS,CAAC,CAAA;AAEtE,KAAK,WAAW,GAAG,OAAO,OAAO,CAAA;AAEjC,KAAK,SAAS,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG;IAChC,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;AAID,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../src/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,UAAU,EACV,kBAAkB,EACnB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAa,KAAK,EAAE,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AAE/C,QAAA,MAAM,WAAW,yQAEf,CAAA;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,WAAW,CAAC,EAAE,cAAc,CAAC,GAAG;IAC3E,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED,KAAK,SAAS,GAAG,IAAI,CACnB,gBAAgB,EAChB,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CACzD,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,kBAAkB,CAAA;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,kBAAkB,CAAA;IAE1D;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,SAAS,CAAC,CAAA;AAEtE,KAAK,WAAW,GAAG,OAAO,OAAO,CAAA;AAEjC,KAAK,SAAS,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG;IAChC,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;AAID,eAAO,MAAM,KAAK,EAgFL,SAAS,CAAA"}
|