@plasmicpkgs/antd5 0.0.126 → 0.0.128
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/.tsbuildinfo +1 -1
- package/dist/antd.esm.js +63 -21
- package/dist/antd.esm.js.map +1 -1
- package/dist/index.js +63 -21
- package/dist/index.js.map +1 -1
- package/dist/registerCollapse.d.ts +2 -2
- package/dist/registerModal.d.ts +1 -0
- package/package.json +4 -3
- package/skinny/registerButton.cjs.js +12 -4
- package/skinny/registerButton.cjs.js.map +1 -1
- package/skinny/registerButton.esm.js +12 -4
- package/skinny/registerButton.esm.js.map +1 -1
- package/skinny/registerCollapse.cjs.js +8 -10
- package/skinny/registerCollapse.cjs.js.map +1 -1
- package/skinny/registerCollapse.d.ts +2 -2
- package/skinny/registerCollapse.esm.js +8 -10
- package/skinny/registerCollapse.esm.js.map +1 -1
- package/skinny/registerModal.cjs.js +25 -2
- package/skinny/registerModal.cjs.js.map +1 -1
- package/skinny/registerModal.d.ts +1 -0
- package/skinny/registerModal.esm.js +25 -2
- package/skinny/registerModal.esm.js.map +1 -1
- package/skinny/registerPopover.cjs.js +18 -5
- package/skinny/registerPopover.cjs.js.map +1 -1
- package/skinny/registerPopover.esm.js +18 -5
- package/skinny/registerPopover.esm.js.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerModal.cjs.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import { Modal } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdModal(\n props: React.ComponentProps<typeof Modal> & {\n onOpenChange?: (open: boolean) => void;\n defaultStylesClassName?: string;\n modalScopeClassName: string;\n wrapClassName: string;\n }\n) {\n const {\n onOpenChange,\n onOk,\n onCancel,\n open,\n footer,\n modalScopeClassName,\n wrapClassName,\n ...rest\n } = props;\n const memoOnOk = React.useMemo(() => {\n if (onOpenChange || onOk) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onOk?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onOk]);\n const memoOnCancel = React.useMemo(() => {\n if (onOpenChange || onCancel) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onCancel?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onCancel]);\n return (\n <Modal\n {...rest}\n onOk={memoOnOk}\n onCancel={memoOnCancel}\n open={open}\n footer={footer ?? undefined}\n wrapClassName={wrapClassName}\n className={`${props.className} ${props.defaultStylesClassName} ${modalScopeClassName}`}\n />\n );\n}\n\nexport function registerModal(loader?: Registerable) {\n registerComponentHelper(loader, AntdModal, {\n name: \"plasmic-antd5-modal\",\n displayName: \"Modal\",\n description:\n \"[See tutorial video](https://www.youtube.com/watch?v=TkjxNJIFun8)\",\n props: {\n open: {\n type: \"boolean\",\n },\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n children: [\"Modal content\"],\n },\n },\n title: {\n type: \"slot\",\n defaultValue: \"Modal title\",\n },\n footer: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n closeIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n onOk: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n onCancel: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n okText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n cancelText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"open\", type: \"boolean\" }],\n } as any,\n wrapClassName: {\n type: \"class\",\n displayName: \"Modal container\",\n styleSections: [\"background\"],\n },\n modalScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"modal\",\n } as any,\n modalContentClassName: {\n type: \"class\",\n displayName: \"Modal content\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-content\",\n label: \"Base\",\n },\n ],\n } as any,\n closeButtonClassName: {\n type: \"class\",\n displayName: \"Close button\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-close\",\n label: \"Base\",\n },\n ],\n advanced: true,\n } as any,\n defaultStylesClassName: {\n type: \"themeResetClass\",\n } as any,\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerModal\",\n importName: \"AntdModal\",\n });\n}\n"],"names":["React","Modal","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UACd,
|
|
1
|
+
{"version":3,"file":"registerModal.cjs.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import { Modal } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdModal(\n props: React.ComponentProps<typeof Modal> & {\n onOpenChange?: (open: boolean) => void;\n defaultStylesClassName?: string;\n modalScopeClassName: string;\n wrapClassName: string;\n hideFooter?: boolean;\n }\n) {\n const {\n onOpenChange,\n onOk,\n onCancel,\n open,\n footer,\n hideFooter,\n modalScopeClassName,\n wrapClassName,\n ...rest\n } = props;\n const memoOnOk = React.useMemo(() => {\n if (onOpenChange || onOk) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onOk?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onOk]);\n const memoOnCancel = React.useMemo(() => {\n if (onOpenChange || onCancel) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onCancel?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onCancel]);\n return (\n <Modal\n {...rest}\n onOk={memoOnOk}\n onCancel={memoOnCancel}\n open={open}\n footer={hideFooter ? null : footer ?? undefined}\n wrapClassName={wrapClassName}\n className={`${props.className} ${props.defaultStylesClassName} ${modalScopeClassName}`}\n />\n );\n}\n\nexport function registerModal(loader?: Registerable) {\n registerComponentHelper(loader, AntdModal, {\n name: \"plasmic-antd5-modal\",\n displayName: \"Modal\",\n description:\n \"[See tutorial video](https://www.youtube.com/watch?v=TkjxNJIFun8)\",\n props: {\n open: {\n type: \"boolean\",\n },\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n children: [\"Modal content\"],\n },\n },\n title: {\n type: \"slot\",\n defaultValue: \"Modal title\",\n },\n footer: {\n type: \"slot\",\n hidePlaceholder: true,\n hidden: (ps) => ps.hideFooter ?? false,\n },\n closeIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n onOk: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n onCancel: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n okText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n cancelText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n hideFooter: {\n type: \"boolean\",\n description: \"Hide the modal footer slot\",\n advanced: true,\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"open\", type: \"boolean\" }],\n } as any,\n wrapClassName: {\n type: \"class\",\n displayName: \"Modal container\",\n styleSections: [\"background\"],\n },\n modalScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"modal\",\n } as any,\n modalContentClassName: {\n type: \"class\",\n displayName: \"Modal content\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-content\",\n label: \"Base\",\n },\n ],\n } as any,\n closeButtonClassName: {\n type: \"class\",\n displayName: \"Close button\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-close\",\n label: \"Base\",\n },\n ],\n advanced: true,\n } as any,\n defaultStylesClassName: {\n type: \"themeResetClass\",\n } as any,\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n templates: {\n \"Modal Form\": {\n props: {\n children: {\n type: \"component\",\n name: \"plasmic-antd5-form\",\n },\n hideFooter: true,\n },\n },\n \"Generic Modal\": {},\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerModal\",\n importName: \"AntdModal\",\n });\n}\n"],"names":["React","Modal","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UACd,KAOA,EAAA;AACA,EAAA,MAUI,EATF,GAAA,KAAA,EAAA;AAAA,IAAA,YAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,mBAAA;AAAA,IACA,aAAA;AAAA,GArBJ,GAuBM,EADC,EAAA,IAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,IARH,cAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,qBAAA;AAAA,IACA,eAAA;AAAA,GAAA,CAAA,CAAA;AAGF,EAAM,MAAA,QAAA,GAAWA,sBAAM,CAAA,OAAA,CAAQ,MAAM;AACnC,IAAA,IAAI,gBAAgB,IAAM,EAAA;AACxB,MAAA,OAAO,CAAC,CAA2C,KAAA;AACjD,QAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AACf,QAAO,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACT,CAAA;AAAA,KACK,MAAA;AACL,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACT;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,IAAI,CAAC,CAAA,CAAA;AACvB,EAAM,MAAA,YAAA,GAAeA,sBAAM,CAAA,OAAA,CAAQ,MAAM;AACvC,IAAA,IAAI,gBAAgB,QAAU,EAAA;AAC5B,MAAA,OAAO,CAAC,CAA2C,KAAA;AACjD,QAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AACf,QAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OACb,CAAA;AAAA,KACK,MAAA;AACL,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACT;AAAA,GACC,EAAA,CAAC,YAAc,EAAA,QAAQ,CAAC,CAAA,CAAA;AAC3B,EACE,uBAAAA,sBAAA,CAAA,aAAA;AAAA,IAACC,UAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,IADL,CAAA,EAAA;AAAA,MAEC,IAAM,EAAA,QAAA;AAAA,MACN,QAAU,EAAA,YAAA;AAAA,MACV,IAAA;AAAA,MACA,MAAA,EAAQ,UAAa,GAAA,IAAA,GAAO,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA;AAAA,MACtC,aAAA;AAAA,MACA,SAAW,EAAA,CAAA,EAAG,KAAM,CAAA,SAAA,CAAA,CAAA,EAAa,MAAM,sBAA0B,CAAA,CAAA,EAAA,mBAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GACnE,CAAA;AAEJ,CAAA;AAEO,SAAS,cAAc,MAAuB,EAAA;AACnD,EAAAC,6BAAA,CAAwB,QAAQ,SAAW,EAAA;AAAA,IACzC,IAAM,EAAA,qBAAA;AAAA,IACN,WAAa,EAAA,OAAA;AAAA,IACb,WACE,EAAA,mEAAA;AAAA,IACF,KAAO,EAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,SAAA;AAAA,OACR;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,YAAc,EAAA;AAAA,UACZ,IAAM,EAAA,MAAA;AAAA,UACN,QAAA,EAAU,CAAC,eAAe,CAAA;AAAA,SAC5B;AAAA,OACF;AAAA,MACA,KAAO,EAAA;AAAA,QACL,IAAM,EAAA,MAAA;AAAA,QACN,YAAc,EAAA,aAAA;AAAA,OAChB;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,MAAA,EAAQ,CAAC,EAAI,KAAA;AAjFrB,UAAA,IAAA,EAAA,CAAA;AAiFwB,UAAA,OAAA,CAAA,EAAA,GAAA,EAAA,CAAG,eAAH,IAAiB,GAAA,EAAA,GAAA,KAAA,CAAA;AAAA,SAAA;AAAA,OACnC;AAAA,MACA,SAAW,EAAA;AAAA,QACT,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,OACnB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,cAAA;AAAA,QACN,UAAU,EAAC;AAAA,OACb;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,cAAA;AAAA,QACN,UAAU,EAAC;AAAA,OACb;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA,QAAA;AAAA,QACN,MAAQ,EAAA,CAAC,EAAO,KAAA,CAAC,CAAC,EAAG,CAAA,MAAA;AAAA,QACrB,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,UAAY,EAAA;AAAA,QACV,IAAM,EAAA,QAAA;AAAA,QACN,MAAQ,EAAA,CAAC,EAAO,KAAA,CAAC,CAAC,EAAG,CAAA,MAAA;AAAA,QACrB,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,UAAY,EAAA;AAAA,QACV,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,4BAAA;AAAA,QACb,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,YAAc,EAAA;AAAA,QACZ,IAAM,EAAA,cAAA;AAAA,QACN,UAAU,CAAC,EAAE,MAAM,MAAQ,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,OAC9C;AAAA,MACA,aAAe,EAAA;AAAA,QACb,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,iBAAA;AAAA,QACb,aAAA,EAAe,CAAC,YAAY,CAAA;AAAA,OAC9B;AAAA,MACA,mBAAqB,EAAA;AAAA,QACnB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,OAAA;AAAA,OACb;AAAA,MACA,qBAAuB,EAAA;AAAA,QACrB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,MAAQ,EAAA,IAAA;AAAA,QACR,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,2BAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,MACA,oBAAsB,EAAA;AAAA,QACpB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,cAAA;AAAA,QACb,MAAQ,EAAA,IAAA;AAAA,QACR,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,yBAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,QAAU,EAAA,IAAA;AAAA,OACZ;AAAA,MACA,sBAAwB,EAAA;AAAA,QACtB,IAAM,EAAA,iBAAA;AAAA,OACR;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,UAAA;AAAA,QACN,SAAW,EAAA,MAAA;AAAA,QACX,YAAc,EAAA,cAAA;AAAA,QACd,YAAc,EAAA,SAAA;AAAA,OAChB;AAAA,KACF;AAAA,IACA,SAAW,EAAA;AAAA,MACT,YAAc,EAAA;AAAA,QACZ,KAAO,EAAA;AAAA,UACL,QAAU,EAAA;AAAA,YACR,IAAM,EAAA,WAAA;AAAA,YACN,IAAM,EAAA,oBAAA;AAAA,WACR;AAAA,UACA,UAAY,EAAA,IAAA;AAAA,SACd;AAAA,OACF;AAAA,MACA,iBAAiB,EAAC;AAAA,KACpB;AAAA,IACA,UAAY,EAAA,yCAAA;AAAA,IACZ,UAAY,EAAA,WAAA;AAAA,GACb,CAAA,CAAA;AACH;;;;;"}
|
|
@@ -6,5 +6,6 @@ export declare function AntdModal(props: React.ComponentProps<typeof Modal> & {
|
|
|
6
6
|
defaultStylesClassName?: string;
|
|
7
7
|
modalScopeClassName: string;
|
|
8
8
|
wrapClassName: string;
|
|
9
|
+
hideFooter?: boolean;
|
|
9
10
|
}): React.JSX.Element;
|
|
10
11
|
export declare function registerModal(loader?: Registerable): void;
|
|
@@ -42,6 +42,7 @@ function AntdModal(props) {
|
|
|
42
42
|
onCancel,
|
|
43
43
|
open,
|
|
44
44
|
footer,
|
|
45
|
+
hideFooter,
|
|
45
46
|
modalScopeClassName,
|
|
46
47
|
wrapClassName
|
|
47
48
|
} = _a, rest = __objRest(_a, [
|
|
@@ -50,6 +51,7 @@ function AntdModal(props) {
|
|
|
50
51
|
"onCancel",
|
|
51
52
|
"open",
|
|
52
53
|
"footer",
|
|
54
|
+
"hideFooter",
|
|
53
55
|
"modalScopeClassName",
|
|
54
56
|
"wrapClassName"
|
|
55
57
|
]);
|
|
@@ -79,7 +81,7 @@ function AntdModal(props) {
|
|
|
79
81
|
onOk: memoOnOk,
|
|
80
82
|
onCancel: memoOnCancel,
|
|
81
83
|
open,
|
|
82
|
-
footer: footer != null ? footer : void 0,
|
|
84
|
+
footer: hideFooter ? null : footer != null ? footer : void 0,
|
|
83
85
|
wrapClassName,
|
|
84
86
|
className: `${props.className} ${props.defaultStylesClassName} ${modalScopeClassName}`
|
|
85
87
|
})
|
|
@@ -107,7 +109,11 @@ function registerModal(loader) {
|
|
|
107
109
|
},
|
|
108
110
|
footer: {
|
|
109
111
|
type: "slot",
|
|
110
|
-
hidePlaceholder: true
|
|
112
|
+
hidePlaceholder: true,
|
|
113
|
+
hidden: (ps) => {
|
|
114
|
+
var _a;
|
|
115
|
+
return (_a = ps.hideFooter) != null ? _a : false;
|
|
116
|
+
}
|
|
111
117
|
},
|
|
112
118
|
closeIcon: {
|
|
113
119
|
type: "slot",
|
|
@@ -131,6 +137,11 @@ function registerModal(loader) {
|
|
|
131
137
|
hidden: (ps) => !!ps.footer,
|
|
132
138
|
advanced: true
|
|
133
139
|
},
|
|
140
|
+
hideFooter: {
|
|
141
|
+
type: "boolean",
|
|
142
|
+
description: "Hide the modal footer slot",
|
|
143
|
+
advanced: true
|
|
144
|
+
},
|
|
134
145
|
onOpenChange: {
|
|
135
146
|
type: "eventHandler",
|
|
136
147
|
argTypes: [{ name: "open", type: "boolean" }]
|
|
@@ -179,6 +190,18 @@ function registerModal(loader) {
|
|
|
179
190
|
variableType: "boolean"
|
|
180
191
|
}
|
|
181
192
|
},
|
|
193
|
+
templates: {
|
|
194
|
+
"Modal Form": {
|
|
195
|
+
props: {
|
|
196
|
+
children: {
|
|
197
|
+
type: "component",
|
|
198
|
+
name: "plasmic-antd5-form"
|
|
199
|
+
},
|
|
200
|
+
hideFooter: true
|
|
201
|
+
}
|
|
202
|
+
},
|
|
203
|
+
"Generic Modal": {}
|
|
204
|
+
},
|
|
182
205
|
importPath: "@plasmicpkgs/antd5/skinny/registerModal",
|
|
183
206
|
importName: "AntdModal"
|
|
184
207
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerModal.esm.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import { Modal } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdModal(\n props: React.ComponentProps<typeof Modal> & {\n onOpenChange?: (open: boolean) => void;\n defaultStylesClassName?: string;\n modalScopeClassName: string;\n wrapClassName: string;\n }\n) {\n const {\n onOpenChange,\n onOk,\n onCancel,\n open,\n footer,\n modalScopeClassName,\n wrapClassName,\n ...rest\n } = props;\n const memoOnOk = React.useMemo(() => {\n if (onOpenChange || onOk) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onOk?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onOk]);\n const memoOnCancel = React.useMemo(() => {\n if (onOpenChange || onCancel) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onCancel?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onCancel]);\n return (\n <Modal\n {...rest}\n onOk={memoOnOk}\n onCancel={memoOnCancel}\n open={open}\n footer={footer ?? undefined}\n wrapClassName={wrapClassName}\n className={`${props.className} ${props.defaultStylesClassName} ${modalScopeClassName}`}\n />\n );\n}\n\nexport function registerModal(loader?: Registerable) {\n registerComponentHelper(loader, AntdModal, {\n name: \"plasmic-antd5-modal\",\n displayName: \"Modal\",\n description:\n \"[See tutorial video](https://www.youtube.com/watch?v=TkjxNJIFun8)\",\n props: {\n open: {\n type: \"boolean\",\n },\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n children: [\"Modal content\"],\n },\n },\n title: {\n type: \"slot\",\n defaultValue: \"Modal title\",\n },\n footer: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n closeIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n onOk: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n onCancel: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n okText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n cancelText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"open\", type: \"boolean\" }],\n } as any,\n wrapClassName: {\n type: \"class\",\n displayName: \"Modal container\",\n styleSections: [\"background\"],\n },\n modalScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"modal\",\n } as any,\n modalContentClassName: {\n type: \"class\",\n displayName: \"Modal content\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-content\",\n label: \"Base\",\n },\n ],\n } as any,\n closeButtonClassName: {\n type: \"class\",\n displayName: \"Close button\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-close\",\n label: \"Base\",\n },\n ],\n advanced: true,\n } as any,\n defaultStylesClassName: {\n type: \"themeResetClass\",\n } as any,\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerModal\",\n importName: \"AntdModal\",\n });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UACd,
|
|
1
|
+
{"version":3,"file":"registerModal.esm.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import { Modal } from \"antd\";\nimport React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdModal(\n props: React.ComponentProps<typeof Modal> & {\n onOpenChange?: (open: boolean) => void;\n defaultStylesClassName?: string;\n modalScopeClassName: string;\n wrapClassName: string;\n hideFooter?: boolean;\n }\n) {\n const {\n onOpenChange,\n onOk,\n onCancel,\n open,\n footer,\n hideFooter,\n modalScopeClassName,\n wrapClassName,\n ...rest\n } = props;\n const memoOnOk = React.useMemo(() => {\n if (onOpenChange || onOk) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onOk?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onOk]);\n const memoOnCancel = React.useMemo(() => {\n if (onOpenChange || onCancel) {\n return (e: React.MouseEvent<HTMLButtonElement>) => {\n onOpenChange?.(false);\n onCancel?.(e);\n };\n } else {\n return undefined;\n }\n }, [onOpenChange, onCancel]);\n return (\n <Modal\n {...rest}\n onOk={memoOnOk}\n onCancel={memoOnCancel}\n open={open}\n footer={hideFooter ? null : footer ?? undefined}\n wrapClassName={wrapClassName}\n className={`${props.className} ${props.defaultStylesClassName} ${modalScopeClassName}`}\n />\n );\n}\n\nexport function registerModal(loader?: Registerable) {\n registerComponentHelper(loader, AntdModal, {\n name: \"plasmic-antd5-modal\",\n displayName: \"Modal\",\n description:\n \"[See tutorial video](https://www.youtube.com/watch?v=TkjxNJIFun8)\",\n props: {\n open: {\n type: \"boolean\",\n },\n children: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n children: [\"Modal content\"],\n },\n },\n title: {\n type: \"slot\",\n defaultValue: \"Modal title\",\n },\n footer: {\n type: \"slot\",\n hidePlaceholder: true,\n hidden: (ps) => ps.hideFooter ?? false,\n },\n closeIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n onOk: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n onCancel: {\n type: \"eventHandler\",\n argTypes: [],\n } as any,\n okText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n cancelText: {\n type: \"string\",\n hidden: (ps) => !!ps.footer,\n advanced: true,\n },\n hideFooter: {\n type: \"boolean\",\n description: \"Hide the modal footer slot\",\n advanced: true,\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"open\", type: \"boolean\" }],\n } as any,\n wrapClassName: {\n type: \"class\",\n displayName: \"Modal container\",\n styleSections: [\"background\"],\n },\n modalScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"modal\",\n } as any,\n modalContentClassName: {\n type: \"class\",\n displayName: \"Modal content\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-content\",\n label: \"Base\",\n },\n ],\n } as any,\n closeButtonClassName: {\n type: \"class\",\n displayName: \"Close button\",\n noSelf: true,\n selectors: [\n {\n selector: \":modal .ant-modal-close\",\n label: \"Base\",\n },\n ],\n advanced: true,\n } as any,\n defaultStylesClassName: {\n type: \"themeResetClass\",\n } as any,\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n templates: {\n \"Modal Form\": {\n props: {\n children: {\n type: \"component\",\n name: \"plasmic-antd5-form\",\n },\n hideFooter: true,\n },\n },\n \"Generic Modal\": {},\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerModal\",\n importName: \"AntdModal\",\n });\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -39,7 +39,17 @@ var __objRest = (source, exclude) => {
|
|
|
39
39
|
return target;
|
|
40
40
|
};
|
|
41
41
|
function AntdPopover(props) {
|
|
42
|
-
const _a = props, {
|
|
42
|
+
const _a = props, {
|
|
43
|
+
overlayClassName,
|
|
44
|
+
popoverScopeClassName,
|
|
45
|
+
contentText,
|
|
46
|
+
content
|
|
47
|
+
} = _a, rest = __objRest(_a, [
|
|
48
|
+
"overlayClassName",
|
|
49
|
+
"popoverScopeClassName",
|
|
50
|
+
"contentText",
|
|
51
|
+
"content"
|
|
52
|
+
]);
|
|
43
53
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
44
54
|
antd.Popover,
|
|
45
55
|
__spreadValues({
|
|
@@ -95,7 +105,7 @@ function registerPopover(loader) {
|
|
|
95
105
|
hidePlaceholder: true
|
|
96
106
|
},
|
|
97
107
|
/**
|
|
98
|
-
* NOTE: contentText ensures that the popover shows as a custom behaviour without modifications
|
|
108
|
+
* NOTE: contentText ensures that the popover shows as a custom behaviour without modifications
|
|
99
109
|
* (when a random element is given a custom behaviour of Popover, the props of type "slot" do not receive any default value.
|
|
100
110
|
* Therefore we use the contentText which has a string default value, so that the popover shows with at least something)
|
|
101
111
|
* */
|
|
@@ -103,7 +113,8 @@ function registerPopover(loader) {
|
|
|
103
113
|
type: "string",
|
|
104
114
|
displayName: "Popover contents",
|
|
105
115
|
description: "What gets shown inside the popover on hover",
|
|
106
|
-
defaultValue: "Popover contents"
|
|
116
|
+
defaultValue: "Popover contents",
|
|
117
|
+
hidden: (ps) => !!ps.content
|
|
107
118
|
},
|
|
108
119
|
title: {
|
|
109
120
|
type: "slot",
|
|
@@ -144,13 +155,15 @@ function registerPopover(loader) {
|
|
|
144
155
|
type: "number",
|
|
145
156
|
description: "Delay in seconds, before popover is shown on mouse enter",
|
|
146
157
|
defaultValue: 0,
|
|
147
|
-
advanced: true
|
|
158
|
+
advanced: true,
|
|
159
|
+
hidden: (ps) => ps.trigger ? ps.trigger !== "hover" : false
|
|
148
160
|
},
|
|
149
161
|
mouseLeaveDelay: {
|
|
150
162
|
type: "number",
|
|
151
163
|
description: "Delay in seconds, before popover is hidden on mouse leave",
|
|
152
164
|
defaultValue: 0,
|
|
153
|
-
advanced: true
|
|
165
|
+
advanced: true,
|
|
166
|
+
hidden: (ps) => ps.trigger ? ps.trigger !== "hover" : false
|
|
154
167
|
},
|
|
155
168
|
onOpenChange: {
|
|
156
169
|
type: "eventHandler",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerPopover.cjs.js","sources":["../src/registerPopover.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdPopover(\n props: React.ComponentProps<typeof Popover> & {\n popoverScopeClassName?: string;\n contentText?: string
|
|
1
|
+
{"version":3,"file":"registerPopover.cjs.js","sources":["../src/registerPopover.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdPopover(\n props: React.ComponentProps<typeof Popover> & {\n popoverScopeClassName?: string;\n contentText?: string;\n }\n) {\n const {\n overlayClassName,\n popoverScopeClassName,\n contentText,\n content,\n ...rest\n } = props;\n return (\n <Popover\n content={content || contentText}\n overlayClassName={`${overlayClassName} ${popoverScopeClassName}`}\n {...rest}\n />\n );\n}\n\nexport function registerPopover(loader?: Registerable) {\n registerComponentHelper(loader, AntdPopover, {\n name: \"plasmic-antd5-popover\",\n displayName: \"Popover\",\n isAttachment: true,\n props: {\n open: {\n type: \"boolean\",\n editOnly: true,\n uncontrolledProp: \"defaultOpen\",\n description: \"Default open state of the popover\",\n },\n arrow: {\n type: \"boolean\",\n defaultValue: true,\n advanced: true,\n },\n children: {\n type: \"slot\",\n defaultValue: \"This text element is wrapped in a Popover component\",\n mergeWithParent: true,\n } as any,\n popoverScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"popover\",\n } as any,\n popoverContentClassName: {\n type: \"class\",\n displayName: \"Popover content\",\n selectors: [\n {\n selector: \":popover.ant-popover .ant-popover-inner\",\n label: \"Base\",\n },\n ],\n },\n overlayClassName: {\n type: \"class\",\n displayName: \"Overlay\",\n },\n content: {\n type: \"slot\",\n displayName: \"Popover contents\",\n defaultValue: \"Popover contents\",\n hidePlaceholder: true,\n },\n /**\n * NOTE: contentText ensures that the popover shows as a custom behaviour without modifications\n * (when a random element is given a custom behaviour of Popover, the props of type \"slot\" do not receive any default value.\n * Therefore we use the contentText which has a string default value, so that the popover shows with at least something)\n * */\n contentText: {\n type: \"string\",\n displayName: \"Popover contents\",\n description: \"What gets shown inside the popover on hover\",\n defaultValue: \"Popover contents\",\n hidden: (ps) => !!ps.content,\n },\n title: {\n type: \"slot\",\n displayName: \"Popover title\",\n hidePlaceholder: true,\n defaultValue: \"Popover title\",\n },\n color: {\n type: \"color\",\n description: \"Popover fill color\",\n },\n trigger: {\n type: \"choice\",\n options: [\"hover\", \"focus\", \"click\"],\n defaultValueHint: \"hover\",\n advanced: true,\n },\n placement: {\n type: \"choice\",\n options: [\n \"topLeft\",\n \"top\",\n \"topRight\",\n \"leftTop\",\n \"left\",\n \"leftBottom\",\n \"rightTop\",\n \"right\",\n \"rightBottom\",\n \"bottomLeft\",\n \"bottom\",\n \"bottomRight\",\n ],\n description: \"Default placement of popover\",\n defaultValueHint: \"top\",\n },\n mouseEnterDelay: {\n type: \"number\",\n description: \"Delay in seconds, before popover is shown on mouse enter\",\n defaultValue: 0,\n advanced: true,\n hidden: (ps) => (ps.trigger ? ps.trigger !== \"hover\" : false),\n },\n mouseLeaveDelay: {\n type: \"number\",\n description:\n \"Delay in seconds, before popover is hidden on mouse leave\",\n defaultValue: 0,\n advanced: true,\n hidden: (ps) => (ps.trigger ? ps.trigger !== \"hover\" : false),\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"open\", type: \"boolean\" }],\n advanced: true,\n },\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerPopover\",\n importName: \"AntdPopover\",\n });\n}\n"],"names":["React","Popover","registerComponentHelper"],"mappings":"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"}
|
|
@@ -33,7 +33,17 @@ var __objRest = (source, exclude) => {
|
|
|
33
33
|
return target;
|
|
34
34
|
};
|
|
35
35
|
function AntdPopover(props) {
|
|
36
|
-
const _a = props, {
|
|
36
|
+
const _a = props, {
|
|
37
|
+
overlayClassName,
|
|
38
|
+
popoverScopeClassName,
|
|
39
|
+
contentText,
|
|
40
|
+
content
|
|
41
|
+
} = _a, rest = __objRest(_a, [
|
|
42
|
+
"overlayClassName",
|
|
43
|
+
"popoverScopeClassName",
|
|
44
|
+
"contentText",
|
|
45
|
+
"content"
|
|
46
|
+
]);
|
|
37
47
|
return /* @__PURE__ */ React.createElement(
|
|
38
48
|
Popover,
|
|
39
49
|
__spreadValues({
|
|
@@ -89,7 +99,7 @@ function registerPopover(loader) {
|
|
|
89
99
|
hidePlaceholder: true
|
|
90
100
|
},
|
|
91
101
|
/**
|
|
92
|
-
* NOTE: contentText ensures that the popover shows as a custom behaviour without modifications
|
|
102
|
+
* NOTE: contentText ensures that the popover shows as a custom behaviour without modifications
|
|
93
103
|
* (when a random element is given a custom behaviour of Popover, the props of type "slot" do not receive any default value.
|
|
94
104
|
* Therefore we use the contentText which has a string default value, so that the popover shows with at least something)
|
|
95
105
|
* */
|
|
@@ -97,7 +107,8 @@ function registerPopover(loader) {
|
|
|
97
107
|
type: "string",
|
|
98
108
|
displayName: "Popover contents",
|
|
99
109
|
description: "What gets shown inside the popover on hover",
|
|
100
|
-
defaultValue: "Popover contents"
|
|
110
|
+
defaultValue: "Popover contents",
|
|
111
|
+
hidden: (ps) => !!ps.content
|
|
101
112
|
},
|
|
102
113
|
title: {
|
|
103
114
|
type: "slot",
|
|
@@ -138,13 +149,15 @@ function registerPopover(loader) {
|
|
|
138
149
|
type: "number",
|
|
139
150
|
description: "Delay in seconds, before popover is shown on mouse enter",
|
|
140
151
|
defaultValue: 0,
|
|
141
|
-
advanced: true
|
|
152
|
+
advanced: true,
|
|
153
|
+
hidden: (ps) => ps.trigger ? ps.trigger !== "hover" : false
|
|
142
154
|
},
|
|
143
155
|
mouseLeaveDelay: {
|
|
144
156
|
type: "number",
|
|
145
157
|
description: "Delay in seconds, before popover is hidden on mouse leave",
|
|
146
158
|
defaultValue: 0,
|
|
147
|
-
advanced: true
|
|
159
|
+
advanced: true,
|
|
160
|
+
hidden: (ps) => ps.trigger ? ps.trigger !== "hover" : false
|
|
148
161
|
},
|
|
149
162
|
onOpenChange: {
|
|
150
163
|
type: "eventHandler",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerPopover.esm.js","sources":["../src/registerPopover.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdPopover(\n props: React.ComponentProps<typeof Popover> & {\n popoverScopeClassName?: string;\n contentText?: string
|
|
1
|
+
{"version":3,"file":"registerPopover.esm.js","sources":["../src/registerPopover.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdPopover(\n props: React.ComponentProps<typeof Popover> & {\n popoverScopeClassName?: string;\n contentText?: string;\n }\n) {\n const {\n overlayClassName,\n popoverScopeClassName,\n contentText,\n content,\n ...rest\n } = props;\n return (\n <Popover\n content={content || contentText}\n overlayClassName={`${overlayClassName} ${popoverScopeClassName}`}\n {...rest}\n />\n );\n}\n\nexport function registerPopover(loader?: Registerable) {\n registerComponentHelper(loader, AntdPopover, {\n name: \"plasmic-antd5-popover\",\n displayName: \"Popover\",\n isAttachment: true,\n props: {\n open: {\n type: \"boolean\",\n editOnly: true,\n uncontrolledProp: \"defaultOpen\",\n description: \"Default open state of the popover\",\n },\n arrow: {\n type: \"boolean\",\n defaultValue: true,\n advanced: true,\n },\n children: {\n type: \"slot\",\n defaultValue: \"This text element is wrapped in a Popover component\",\n mergeWithParent: true,\n } as any,\n popoverScopeClassName: {\n type: \"styleScopeClass\",\n scopeName: \"popover\",\n } as any,\n popoverContentClassName: {\n type: \"class\",\n displayName: \"Popover content\",\n selectors: [\n {\n selector: \":popover.ant-popover .ant-popover-inner\",\n label: \"Base\",\n },\n ],\n },\n overlayClassName: {\n type: \"class\",\n displayName: \"Overlay\",\n },\n content: {\n type: \"slot\",\n displayName: \"Popover contents\",\n defaultValue: \"Popover contents\",\n hidePlaceholder: true,\n },\n /**\n * NOTE: contentText ensures that the popover shows as a custom behaviour without modifications\n * (when a random element is given a custom behaviour of Popover, the props of type \"slot\" do not receive any default value.\n * Therefore we use the contentText which has a string default value, so that the popover shows with at least something)\n * */\n contentText: {\n type: \"string\",\n displayName: \"Popover contents\",\n description: \"What gets shown inside the popover on hover\",\n defaultValue: \"Popover contents\",\n hidden: (ps) => !!ps.content,\n },\n title: {\n type: \"slot\",\n displayName: \"Popover title\",\n hidePlaceholder: true,\n defaultValue: \"Popover title\",\n },\n color: {\n type: \"color\",\n description: \"Popover fill color\",\n },\n trigger: {\n type: \"choice\",\n options: [\"hover\", \"focus\", \"click\"],\n defaultValueHint: \"hover\",\n advanced: true,\n },\n placement: {\n type: \"choice\",\n options: [\n \"topLeft\",\n \"top\",\n \"topRight\",\n \"leftTop\",\n \"left\",\n \"leftBottom\",\n \"rightTop\",\n \"right\",\n \"rightBottom\",\n \"bottomLeft\",\n \"bottom\",\n \"bottomRight\",\n ],\n description: \"Default placement of popover\",\n defaultValueHint: \"top\",\n },\n mouseEnterDelay: {\n type: \"number\",\n description: \"Delay in seconds, before popover is shown on mouse enter\",\n defaultValue: 0,\n advanced: true,\n hidden: (ps) => (ps.trigger ? ps.trigger !== \"hover\" : false),\n },\n mouseLeaveDelay: {\n type: \"number\",\n description:\n \"Delay in seconds, before popover is hidden on mouse leave\",\n defaultValue: 0,\n advanced: true,\n hidden: (ps) => (ps.trigger ? ps.trigger !== \"hover\" : false),\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"open\", type: \"boolean\" }],\n advanced: true,\n },\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerPopover\",\n importName: \"AntdPopover\",\n });\n}\n"],"names":[],"mappings":"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"}
|