@tamagui/demos 1.126.2 → 1.126.4
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/DialogDemo.cjs +13 -4
- package/dist/cjs/DialogDemo.js +14 -4
- package/dist/cjs/DialogDemo.js.map +1 -1
- package/dist/cjs/DialogDemo.native.js +19 -4
- package/dist/cjs/DialogDemo.native.js.map +2 -2
- package/dist/esm/DialogDemo.js +14 -4
- package/dist/esm/DialogDemo.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +13 -4
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +13 -4
- package/dist/esm/DialogDemo.native.js.map +1 -1
- package/package.json +20 -20
- package/src/DialogDemo.tsx +14 -4
package/dist/cjs/DialogDemo.cjs
CHANGED
|
@@ -30,6 +30,8 @@ var import_lucide_icons = require("@tamagui/lucide-icons"),
|
|
|
30
30
|
function DialogDemo() {
|
|
31
31
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
|
|
32
32
|
gap: "$4",
|
|
33
|
+
justifyContent: "center",
|
|
34
|
+
alignItems: "center",
|
|
33
35
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {
|
|
34
36
|
disableAdapt: !0
|
|
35
37
|
})]
|
|
@@ -71,15 +73,23 @@ function DialogInstance({
|
|
|
71
73
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
|
|
72
74
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
|
|
73
75
|
backgroundColor: "$shadow6",
|
|
74
|
-
|
|
76
|
+
animateOnly: ["transform", "opacity"],
|
|
77
|
+
animation: ["quicker", {
|
|
78
|
+
opacity: {
|
|
79
|
+
overshootClamping: !0
|
|
80
|
+
}
|
|
81
|
+
}],
|
|
75
82
|
enterStyle: {
|
|
76
|
-
opacity: 0
|
|
83
|
+
opacity: 0,
|
|
84
|
+
scale: 0.95
|
|
77
85
|
},
|
|
78
86
|
exitStyle: {
|
|
79
87
|
opacity: 0
|
|
80
88
|
}
|
|
81
89
|
}, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
|
|
82
90
|
bordered: !0,
|
|
91
|
+
w: 400,
|
|
92
|
+
h: 400,
|
|
83
93
|
elevate: !0,
|
|
84
94
|
animateOnly: ["transform", "opacity"],
|
|
85
95
|
animation: ["quicker", {
|
|
@@ -90,8 +100,7 @@ function DialogInstance({
|
|
|
90
100
|
enterStyle: {
|
|
91
101
|
x: 0,
|
|
92
102
|
y: -20,
|
|
93
|
-
opacity: 0
|
|
94
|
-
scale: 0.9
|
|
103
|
+
opacity: 0
|
|
95
104
|
},
|
|
96
105
|
exitStyle: {
|
|
97
106
|
x: 0,
|
package/dist/cjs/DialogDemo.js
CHANGED
|
@@ -19,7 +19,7 @@ __export(DialogDemo_exports, {
|
|
|
19
19
|
module.exports = __toCommonJS(DialogDemo_exports);
|
|
20
20
|
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
function DialogDemo() {
|
|
22
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, { gap: "$4", children: [
|
|
22
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, { gap: "$4", justifyContent: "center", alignItems: "center", children: [
|
|
23
23
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
|
|
24
24
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, { disableAdapt: !0 })
|
|
25
25
|
] });
|
|
@@ -47,8 +47,16 @@ function DialogInstance({ disableAdapt }) {
|
|
|
47
47
|
import_tamagui.Dialog.Overlay,
|
|
48
48
|
{
|
|
49
49
|
backgroundColor: "$shadow6",
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
animateOnly: ["transform", "opacity"],
|
|
51
|
+
animation: [
|
|
52
|
+
"quicker",
|
|
53
|
+
{
|
|
54
|
+
opacity: {
|
|
55
|
+
overshootClamping: !0
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
],
|
|
59
|
+
enterStyle: { opacity: 0, scale: 0.95 },
|
|
52
60
|
exitStyle: { opacity: 0 }
|
|
53
61
|
},
|
|
54
62
|
"overlay"
|
|
@@ -57,6 +65,8 @@ function DialogInstance({ disableAdapt }) {
|
|
|
57
65
|
import_tamagui.Dialog.Content,
|
|
58
66
|
{
|
|
59
67
|
bordered: !0,
|
|
68
|
+
w: 400,
|
|
69
|
+
h: 400,
|
|
60
70
|
elevate: !0,
|
|
61
71
|
animateOnly: ["transform", "opacity"],
|
|
62
72
|
animation: [
|
|
@@ -67,7 +77,7 @@ function DialogInstance({ disableAdapt }) {
|
|
|
67
77
|
}
|
|
68
78
|
}
|
|
69
79
|
],
|
|
70
|
-
enterStyle: { x: 0, y: -20, opacity: 0
|
|
80
|
+
enterStyle: { x: 0, y: -20, opacity: 0 },
|
|
71
81
|
exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
|
|
72
82
|
gap: "$4",
|
|
73
83
|
children: [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkB,kCAClB,iBAaO,oBACP,oBAA+B,yBAI3B;AAFG,SAAS,aAAa;AAC3B,SACE,6CAAC,uBAAK,KAAI,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -22,6 +22,8 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = req
|
|
|
22
22
|
function DialogDemo() {
|
|
23
23
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {
|
|
24
24
|
gap: "$4",
|
|
25
|
+
justifyContent: "center",
|
|
26
|
+
alignItems: "center",
|
|
25
27
|
children: [
|
|
26
28
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
|
|
27
29
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {
|
|
@@ -75,9 +77,21 @@ function DialogInstance(param) {
|
|
|
75
77
|
children: [
|
|
76
78
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
|
|
77
79
|
backgroundColor: "$shadow6",
|
|
78
|
-
|
|
80
|
+
animateOnly: [
|
|
81
|
+
"transform",
|
|
82
|
+
"opacity"
|
|
83
|
+
],
|
|
84
|
+
animation: [
|
|
85
|
+
"quicker",
|
|
86
|
+
{
|
|
87
|
+
opacity: {
|
|
88
|
+
overshootClamping: !0
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
],
|
|
79
92
|
enterStyle: {
|
|
80
|
-
opacity: 0
|
|
93
|
+
opacity: 0,
|
|
94
|
+
scale: 0.95
|
|
81
95
|
},
|
|
82
96
|
exitStyle: {
|
|
83
97
|
opacity: 0
|
|
@@ -85,6 +99,8 @@ function DialogInstance(param) {
|
|
|
85
99
|
}, "overlay"),
|
|
86
100
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
|
|
87
101
|
bordered: !0,
|
|
102
|
+
w: 400,
|
|
103
|
+
h: 400,
|
|
88
104
|
elevate: !0,
|
|
89
105
|
animateOnly: [
|
|
90
106
|
"transform",
|
|
@@ -101,8 +117,7 @@ function DialogInstance(param) {
|
|
|
101
117
|
enterStyle: {
|
|
102
118
|
x: 0,
|
|
103
119
|
y: -20,
|
|
104
|
-
opacity: 0
|
|
105
|
-
scale: 0.9
|
|
120
|
+
opacity: 0
|
|
106
121
|
},
|
|
107
122
|
exitStyle: {
|
|
108
123
|
x: 0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkB,kCAClB,iBAaO,oBACP,oBAA+B;AAExB,SAASA,aAAAA;AACd,SACE,uCAAAC,MAACC,qBAAAA;IAAKC,KAAI;;
|
|
5
|
-
"names": ["DialogDemo", "_jsxs", "View", "gap", "_jsx", "DialogInstance", "disableAdapt", "Dialog", "modal", "Trigger", "asChild", "Button", "Adapt", "when", "platform", "Sheet", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Portal", "Content", "bordered", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["DialogDemo", "_jsxs", "View", "gap", "justifyContent", "alignItems", "_jsx", "DialogInstance", "disableAdapt", "Dialog", "modal", "Trigger", "asChild", "Button", "Adapt", "when", "platform", "Sheet", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Portal", "animateOnly", "overshootClamping", "scale", "Content", "bordered", "w", "h", "elevate", "x", "y", "Title", "Description", "Fieldset", "horizontal", "Label", "width", "htmlFor", "Input", "flex", "id", "defaultValue", "TooltipSimple", "label", "placement", "Paragraph", "SelectDemoItem", "XStack", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "Unspaced", "position", "top", "right", "size", "circular", "icon", "X"]
|
|
6
6
|
}
|
package/dist/esm/DialogDemo.js
CHANGED
|
@@ -16,7 +16,7 @@ import {
|
|
|
16
16
|
import { SelectDemoItem } from "./SelectDemo";
|
|
17
17
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
18
18
|
function DialogDemo() {
|
|
19
|
-
return /* @__PURE__ */ jsxs(View, { gap: "$4", children: [
|
|
19
|
+
return /* @__PURE__ */ jsxs(View, { gap: "$4", justifyContent: "center", alignItems: "center", children: [
|
|
20
20
|
/* @__PURE__ */ jsx(DialogInstance, {}),
|
|
21
21
|
/* @__PURE__ */ jsx(DialogInstance, { disableAdapt: !0 })
|
|
22
22
|
] });
|
|
@@ -44,8 +44,16 @@ function DialogInstance({ disableAdapt }) {
|
|
|
44
44
|
Dialog.Overlay,
|
|
45
45
|
{
|
|
46
46
|
backgroundColor: "$shadow6",
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
animateOnly: ["transform", "opacity"],
|
|
48
|
+
animation: [
|
|
49
|
+
"quicker",
|
|
50
|
+
{
|
|
51
|
+
opacity: {
|
|
52
|
+
overshootClamping: !0
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
],
|
|
56
|
+
enterStyle: { opacity: 0, scale: 0.95 },
|
|
49
57
|
exitStyle: { opacity: 0 }
|
|
50
58
|
},
|
|
51
59
|
"overlay"
|
|
@@ -54,6 +62,8 @@ function DialogInstance({ disableAdapt }) {
|
|
|
54
62
|
Dialog.Content,
|
|
55
63
|
{
|
|
56
64
|
bordered: !0,
|
|
65
|
+
w: 400,
|
|
66
|
+
h: 400,
|
|
57
67
|
elevate: !0,
|
|
58
68
|
animateOnly: ["transform", "opacity"],
|
|
59
69
|
animation: [
|
|
@@ -64,7 +74,7 @@ function DialogInstance({ disableAdapt }) {
|
|
|
64
74
|
}
|
|
65
75
|
}
|
|
66
76
|
],
|
|
67
|
-
enterStyle: { x: 0, y: -20, opacity: 0
|
|
77
|
+
enterStyle: { x: 0, y: -20, opacity: 0 },
|
|
68
78
|
exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
|
|
69
79
|
gap: "$4",
|
|
70
80
|
children: [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAI3B,SACE,KADF;AAFG,SAAS,aAAa;AAC3B,SACE,qBAAC,QAAK,KAAI,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/DialogDemo.mjs
CHANGED
|
@@ -5,6 +5,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
function DialogDemo() {
|
|
6
6
|
return /* @__PURE__ */jsxs(View, {
|
|
7
7
|
gap: "$4",
|
|
8
|
+
justifyContent: "center",
|
|
9
|
+
alignItems: "center",
|
|
8
10
|
children: [/* @__PURE__ */jsx(DialogInstance, {}), /* @__PURE__ */jsx(DialogInstance, {
|
|
9
11
|
disableAdapt: !0
|
|
10
12
|
})]
|
|
@@ -46,15 +48,23 @@ function DialogInstance({
|
|
|
46
48
|
}), /* @__PURE__ */jsxs(Dialog.Portal, {
|
|
47
49
|
children: [/* @__PURE__ */jsx(Dialog.Overlay, {
|
|
48
50
|
backgroundColor: "$shadow6",
|
|
49
|
-
|
|
51
|
+
animateOnly: ["transform", "opacity"],
|
|
52
|
+
animation: ["quicker", {
|
|
53
|
+
opacity: {
|
|
54
|
+
overshootClamping: !0
|
|
55
|
+
}
|
|
56
|
+
}],
|
|
50
57
|
enterStyle: {
|
|
51
|
-
opacity: 0
|
|
58
|
+
opacity: 0,
|
|
59
|
+
scale: 0.95
|
|
52
60
|
},
|
|
53
61
|
exitStyle: {
|
|
54
62
|
opacity: 0
|
|
55
63
|
}
|
|
56
64
|
}, "overlay"), /* @__PURE__ */jsxs(Dialog.Content, {
|
|
57
65
|
bordered: !0,
|
|
66
|
+
w: 400,
|
|
67
|
+
h: 400,
|
|
58
68
|
elevate: !0,
|
|
59
69
|
animateOnly: ["transform", "opacity"],
|
|
60
70
|
animation: ["quicker", {
|
|
@@ -65,8 +75,7 @@ function DialogInstance({
|
|
|
65
75
|
enterStyle: {
|
|
66
76
|
x: 0,
|
|
67
77
|
y: -20,
|
|
68
|
-
opacity: 0
|
|
69
|
-
scale: 0.9
|
|
78
|
+
opacity: 0
|
|
70
79
|
},
|
|
71
80
|
exitStyle: {
|
|
72
81
|
x: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","jsx","jsxs","DialogDemo","gap","children","DialogInstance","disableAdapt","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","Content","bordered","
|
|
1
|
+
{"version":3,"names":["X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","jsx","jsxs","DialogDemo","gap","justifyContent","alignItems","children","DialogInstance","disableAdapt","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","animateOnly","overshootClamping","scale","Content","bordered","w","h","elevate","x","y","Title","Description","horizontal","width","htmlFor","flex","id","defaultValue","label","placement","alignSelf","Close","displayWhenAdapted","theme","position","top","right","size","circular","icon"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,CAAA,QAAS;AAClB,SACEC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,QAAA,EACAC,KAAA,EACAC,KAAA,EACAC,SAAA,EACAC,KAAA,EACAC,aAAA,EACAC,QAAA,EACAC,IAAA,EACAC,MAAA,QACK;AACP,SAASC,cAAA,QAAsB;AAI3B,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACJ,IAAA;IAAKM,GAAA,EAAI;IAAKC,cAAA,EAAe;IAASC,UAAA,EAAW;IAChDC,QAAA,kBAAAN,GAAA,CAACO,cAAA,IAAe,GAChB,eAAAP,GAAA,CAACO,cAAA;MAAeC,YAAA,EAAY;IAAA,CAAC;EAAA,CAC/B;AAEJ;AAEA,SAASD,eAAe;EAAEC;AAAa,GAA+B;EACpE,OACE,eAAAP,IAAA,CAACZ,MAAA;IAAOoB,KAAA,EAAK;IACXH,QAAA,kBAAAN,GAAA,CAACX,MAAA,CAAOqB,OAAA,EAAP;MAAeC,OAAA,EAAO;MACrBL,QAAA,iBAAAL,IAAA,CAACb,MAAA;QAAOkB,QAAA,kBAAYE,YAAA,GAAe,gBAAgB;MAAA,CAAG;IAAA,CACxD,GAEC,CAACA,YAAA,IACA,eAAAR,GAAA,CAACb,KAAA;MAAMyB,IAAA,EAAK;MAAQC,QAAA,EAAS;MAC3BP,QAAA,iBAAAL,IAAA,CAACP,KAAA;QAAMoB,SAAA,EAAU;QAASC,MAAA,EAAQ;QAAQN,KAAA,EAAK;QAACO,qBAAA,EAAqB;QACnEV,QAAA,kBAAAN,GAAA,CAACN,KAAA,CAAMuB,KAAA,EAAN;UAAYC,OAAA,EAAQ;UAAKf,GAAA,EAAI;UAC5BG,QAAA,iBAAAN,GAAA,CAACb,KAAA,CAAMgC,QAAA,EAAN,EAAe;QAAA,CAClB,GACA,eAAAnB,GAAA,CAACN,KAAA,CAAM0B,OAAA,EAAN;UACCC,eAAA,EAAgB;UAChBP,SAAA,EAAU;UACVQ,UAAA,EAAY;YAAEC,OAAA,EAAS;UAAE;UACzBC,SAAA,EAAW;YAAED,OAAA,EAAS;UAAE;QAAA,CAC1B;MAAA,CACF;IAAA,CACF,GAGF,eAAAtB,IAAA,CAACZ,MAAA,CAAOoC,MAAA,EAAP;MACCnB,QAAA,kBAAAN,GAAA,CAACX,MAAA,CAAO+B,OAAA,EAAP;QAECC,eAAA,EAAgB;QAChBK,WAAA,EAAa,CAAC,aAAa,SAAS;QACpCZ,SAAA,EAAW,CACT,WACA;UACES,OAAA,EAAS;YACPI,iBAAA,EAAmB;UACrB;QACF,EACF;QACAL,UAAA,EAAY;UAAEC,OAAA,EAAS;UAAGK,KAAA,EAAO;QAAK;QACtCJ,SAAA,EAAW;UAAED,OAAA,EAAS;QAAE;MAAA,GAZpB,SAaN,GAEA,eAAAtB,IAAA,CAACZ,MAAA,CAAOwC,OAAA,EAAP;QACCC,QAAA,EAAQ;QACRC,CAAA,EAAG;QACHC,CAAA,EAAG;QACHC,OAAA,EAAO;QAEPP,WAAA,EAAa,CAAC,aAAa,SAAS;QACpCZ,SAAA,EAAW,CACT,WACA;UACES,OAAA,EAAS;YACPI,iBAAA,EAAmB;UACrB;QACF,EACF;QACAL,UAAA,EAAY;UAAEY,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAKZ,OAAA,EAAS;QAAE;QACvCC,SAAA,EAAW;UAAEU,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAIZ,OAAA,EAAS;UAAGK,KAAA,EAAO;QAAK;QAClDzB,GAAA,EAAI;QAEJG,QAAA,kBAAAN,GAAA,CAACX,MAAA,CAAO+C,KAAA,EAAP;UAAa9B,QAAA;QAAA,CAAY,GAC1B,eAAAN,GAAA,CAACX,MAAA,CAAOgD,WAAA,EAAP;UAAmB/B,QAAA;QAAA,CAEpB,GACA,eAAAL,IAAA,CAACX,QAAA;UAASa,GAAA,EAAI;UAAKmC,UAAA,EAAU;UAC3BhC,QAAA,kBAAAN,GAAA,CAACR,KAAA;YAAM+C,KAAA,EAAO;YAAKnC,cAAA,EAAe;YAAWoC,OAAA,EAAQ;YAAOlC,QAAA;UAAA,CAE5D,GACA,eAAAN,GAAA,CAACT,KAAA;YAAMkD,IAAA,EAAM;YAAGC,EAAA,EAAG;YAAOC,YAAA,EAAa;UAAA,CAAe;QAAA,CACxD,GACA,eAAA1C,IAAA,CAACX,QAAA;UAASa,GAAA,EAAI;UAAKmC,UAAA,EAAU;UAC3BhC,QAAA,kBAAAN,GAAA,CAACR,KAAA;YAAM+C,KAAA,EAAO;YAAKnC,cAAA,EAAe;YAAWoC,OAAA,EAAQ;YACnDlC,QAAA,iBAAAN,GAAA,CAACL,aAAA;cAAciD,KAAA,EAAM;cAAqBC,SAAA,EAAU;cAClDvC,QAAA,iBAAAN,GAAA,CAACP,SAAA;gBAAUa,QAAA;cAAA,CAAI;YAAA,CACjB;UAAA,CACF,GACA,eAAAN,GAAA,CAACD,cAAA,IAAe;QAAA,CAClB,GAEA,eAAAE,IAAA,CAACH,MAAA;UAAOgD,SAAA,EAAU;UAAW3C,GAAA,EAAI;UAC/BG,QAAA,kBAAAN,GAAA,CAACO,cAAA,IAAe,GAEhB,eAAAP,GAAA,CAACX,MAAA,CAAO0D,KAAA,EAAP;YAAaC,kBAAA,EAAkB;YAACrC,OAAA,EAAO;YACtCL,QAAA,iBAAAN,GAAA,CAACZ,MAAA;cAAO6D,KAAA,EAAM;cAAS,cAAW;cAAQ3C,QAAA;YAAA,CAE1C;UAAA,CACF;QAAA,CACF,GAEA,eAAAN,GAAA,CAACJ,QAAA;UACCU,QAAA,iBAAAN,GAAA,CAACX,MAAA,CAAO0D,KAAA,EAAP;YAAapC,OAAA,EAAO;YACnBL,QAAA,iBAAAN,GAAA,CAACZ,MAAA;cACC8D,QAAA,EAAS;cACTC,GAAA,EAAI;cACJC,KAAA,EAAM;cACNC,IAAA,EAAK;cACLC,QAAA,EAAQ;cACRC,IAAA,EAAMrE;YAAA,CACR;UAAA,CACF;QAAA,CACF;MAAA,GAtDI,SAuDN;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -5,6 +5,8 @@ import { SelectDemoItem } from "./SelectDemo.native.js";
|
|
|
5
5
|
function DialogDemo() {
|
|
6
6
|
return /* @__PURE__ */_jsxs(View, {
|
|
7
7
|
gap: "$4",
|
|
8
|
+
justifyContent: "center",
|
|
9
|
+
alignItems: "center",
|
|
8
10
|
children: [/* @__PURE__ */_jsx(DialogInstance, {}), /* @__PURE__ */_jsx(DialogInstance, {
|
|
9
11
|
disableAdapt: !0
|
|
10
12
|
})]
|
|
@@ -47,15 +49,23 @@ function DialogInstance(param) {
|
|
|
47
49
|
}), /* @__PURE__ */_jsxs(Dialog.Portal, {
|
|
48
50
|
children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
|
|
49
51
|
backgroundColor: "$shadow6",
|
|
50
|
-
|
|
52
|
+
animateOnly: ["transform", "opacity"],
|
|
53
|
+
animation: ["quicker", {
|
|
54
|
+
opacity: {
|
|
55
|
+
overshootClamping: !0
|
|
56
|
+
}
|
|
57
|
+
}],
|
|
51
58
|
enterStyle: {
|
|
52
|
-
opacity: 0
|
|
59
|
+
opacity: 0,
|
|
60
|
+
scale: 0.95
|
|
53
61
|
},
|
|
54
62
|
exitStyle: {
|
|
55
63
|
opacity: 0
|
|
56
64
|
}
|
|
57
65
|
}, "overlay"), /* @__PURE__ */_jsxs(Dialog.Content, {
|
|
58
66
|
bordered: !0,
|
|
67
|
+
w: 400,
|
|
68
|
+
h: 400,
|
|
59
69
|
elevate: !0,
|
|
60
70
|
animateOnly: ["transform", "opacity"],
|
|
61
71
|
animation: ["quicker", {
|
|
@@ -66,8 +76,7 @@ function DialogInstance(param) {
|
|
|
66
76
|
enterStyle: {
|
|
67
77
|
x: 0,
|
|
68
78
|
y: -20,
|
|
69
|
-
opacity: 0
|
|
70
|
-
scale: 0.9
|
|
79
|
+
opacity: 0
|
|
71
80
|
},
|
|
72
81
|
exitStyle: {
|
|
73
82
|
x: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","DialogDemo","gap","children","DialogInstance","disableAdapt","param","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","DialogDemo","gap","justifyContent","alignItems","children","DialogInstance","disableAdapt","param","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","animateOnly","overshootClamping","scale","Content","bordered","w","h","elevate","x","y"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAA;AAClB,SAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAf,KAAA,CAAAY,IAAA;IACAI,GAAA;IACAC,cAAA;IACAC,UAAA;IACAC,QAAA,GACA,eAAArB,IAAA,CAAAsB,cAAA,OACA,eAAAtB,IAAA,CAAAsB,cAAA;MACAC,YAAA;IACA;EAEF;AAII;AAFG,SAASD,cAAaA,CAAAE,KAAA;EAC3B;IAAAD;EACE,IAAAC,KAAC;EACC,sBAACtB,KAAA,CAAAI,MAAA;IACDmB,KAAA;IAA6BJ,QAC/B,GAEJ,eAAArB,IAAA,CAAAM,MAAA,CAAAoB,OAAA;MAEAC,OAAS;MACPN,QACE,iBAACnB,KAAA,CAAOG,MAAA,EAAK;QACXgB,QAAA,GACU,eAAYE,YAAe,gBAAgB;MAGnD;IAGI,IAGA,CAAAA,YAAA,mBAAAvB,IAAA,CAAAI,KAAA;MAACwB,IAAA,EAAM;MAANC,QAAA;MAAAR,QACC,iBAAgBnB,KAAA,CAAAS,KAAA;QAChBmB,SAAA,EAAU;QACVC,MAAA;QACAN,KAAA;QAAwBO,qBAAA;QAC1BX,QAAA,GAEJ,eAAArB,IAAA,CAAAW,KAAA,CAAAsB,KAAA;UAGFC,OAAA,MAAC;UACChB,GAAA;UAACG,QAAO,iBAAArB,IAAA,CAAAI,KAAA,CAAA+B,QAAA;QAAP,IAEC,eAAgBnC,IAAA,CAAAW,KAAA,CAAAyB,OAAA;UAChBC,eAAc,YAAa;UAC3BP,SAAW;UACTQ,UAAA;YACAC,OAAA;UACE;UAASC,SACP;YACFD,OAAA;UACF;QACF;MACsC;IACd,mBAZpBrC,KAAA,CAAAI,MAAA,CAAAmC,MAAA;MAaNpB,QAAA,GAEA,eAAArB,IAAA,CAAAM,MAAA,CAAA8B,OAAA;QAACC,eAAO;QAAPK,WAAA,GACC,WAAQ,EACL,UACA;QACHZ,SAAO,GAEP,SAAa,EACb;UACES,OAAA;YACAI,iBAAA;UACE;QAAS,EACY;QAEvBL,UAAA;UACFC,OAAA;UACAK,KAAA;QACA;QACAJ,SAAI;UAEJD,OAAA;QAAA;MAA0B,GAC1B,YAEA,eACArC,KAAA,CAAAI,MAAC,CAAAuC,OAAS;QACRC,QAAA;QAEAC,CAAA,EACA;QAAsDC,CAAA,EACxD;QACAC,OAAA;QACEP,WAAA,GAKA,aAAgB,SAClB,CAEA;QACEZ,SAAA,GAEA,WAIA;UAGFS,OAAA;YAEKI,iBAAA;UAAA;QAAA,EACU;QACLL,UACJ,EAAM;UAAAY,CAAA,EACN;UAAKC,CAAA,EACL;UAAQZ,OACR,EAAM;QAAA;QACRC,SAEJ;UAAAU,CAAA;UAAAC,CAAA;UAtDIZ,OAAA;UAuDNK,KAAA;QACF;QACF1B,GAAA;QAEJG,QAAA,G","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.126.
|
|
3
|
+
"version": "1.126.4",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -45,30 +45,30 @@
|
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@tamagui/avatar": "1.126.
|
|
49
|
-
"@tamagui/button": "1.126.
|
|
50
|
-
"@tamagui/config": "1.126.
|
|
51
|
-
"@tamagui/core": "1.126.
|
|
52
|
-
"@tamagui/list-item": "1.126.
|
|
53
|
-
"@tamagui/logo": "1.126.
|
|
54
|
-
"@tamagui/lucide-icons": "1.126.
|
|
55
|
-
"@tamagui/menu": "1.126.
|
|
56
|
-
"@tamagui/popover": "1.126.
|
|
57
|
-
"@tamagui/progress": "1.126.
|
|
58
|
-
"@tamagui/radio-group": "1.126.
|
|
59
|
-
"@tamagui/select": "1.126.
|
|
60
|
-
"@tamagui/sheet": "1.126.
|
|
61
|
-
"@tamagui/slider": "1.126.
|
|
62
|
-
"@tamagui/stacks": "1.126.
|
|
63
|
-
"@tamagui/tamagui-dev-config": "1.126.
|
|
64
|
-
"@tamagui/toast": "1.126.
|
|
65
|
-
"tamagui": "1.126.
|
|
48
|
+
"@tamagui/avatar": "1.126.4",
|
|
49
|
+
"@tamagui/button": "1.126.4",
|
|
50
|
+
"@tamagui/config": "1.126.4",
|
|
51
|
+
"@tamagui/core": "1.126.4",
|
|
52
|
+
"@tamagui/list-item": "1.126.4",
|
|
53
|
+
"@tamagui/logo": "1.126.4",
|
|
54
|
+
"@tamagui/lucide-icons": "1.126.4",
|
|
55
|
+
"@tamagui/menu": "1.126.4",
|
|
56
|
+
"@tamagui/popover": "1.126.4",
|
|
57
|
+
"@tamagui/progress": "1.126.4",
|
|
58
|
+
"@tamagui/radio-group": "1.126.4",
|
|
59
|
+
"@tamagui/select": "1.126.4",
|
|
60
|
+
"@tamagui/sheet": "1.126.4",
|
|
61
|
+
"@tamagui/slider": "1.126.4",
|
|
62
|
+
"@tamagui/stacks": "1.126.4",
|
|
63
|
+
"@tamagui/tamagui-dev-config": "1.126.4",
|
|
64
|
+
"@tamagui/toast": "1.126.4",
|
|
65
|
+
"tamagui": "1.126.4"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"react": "*"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
|
-
"@tamagui/build": "1.126.
|
|
71
|
+
"@tamagui/build": "1.126.4",
|
|
72
72
|
"react": "*"
|
|
73
73
|
},
|
|
74
74
|
"publishConfig": {
|
package/src/DialogDemo.tsx
CHANGED
|
@@ -17,7 +17,7 @@ import { SelectDemoItem } from './SelectDemo'
|
|
|
17
17
|
|
|
18
18
|
export function DialogDemo() {
|
|
19
19
|
return (
|
|
20
|
-
<View gap="$4">
|
|
20
|
+
<View gap="$4" justifyContent="center" alignItems="center">
|
|
21
21
|
<DialogInstance />
|
|
22
22
|
<DialogInstance disableAdapt />
|
|
23
23
|
</View>
|
|
@@ -51,13 +51,23 @@ function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
|
|
|
51
51
|
<Dialog.Overlay
|
|
52
52
|
key="overlay"
|
|
53
53
|
backgroundColor="$shadow6"
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
animateOnly={['transform', 'opacity']}
|
|
55
|
+
animation={[
|
|
56
|
+
'quicker',
|
|
57
|
+
{
|
|
58
|
+
opacity: {
|
|
59
|
+
overshootClamping: true,
|
|
60
|
+
},
|
|
61
|
+
},
|
|
62
|
+
]}
|
|
63
|
+
enterStyle={{ opacity: 0, scale: 0.95 }}
|
|
56
64
|
exitStyle={{ opacity: 0 }}
|
|
57
65
|
/>
|
|
58
66
|
|
|
59
67
|
<Dialog.Content
|
|
60
68
|
bordered
|
|
69
|
+
w={400}
|
|
70
|
+
h={400}
|
|
61
71
|
elevate
|
|
62
72
|
key="content"
|
|
63
73
|
animateOnly={['transform', 'opacity']}
|
|
@@ -69,7 +79,7 @@ function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
|
|
|
69
79
|
},
|
|
70
80
|
},
|
|
71
81
|
]}
|
|
72
|
-
enterStyle={{ x: 0, y: -20, opacity: 0
|
|
82
|
+
enterStyle={{ x: 0, y: -20, opacity: 0 }}
|
|
73
83
|
exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
|
|
74
84
|
gap="$4"
|
|
75
85
|
>
|