@plasmicpkgs/antd5 0.0.115 → 0.0.119
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/LICENSE.app.md +661 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/antd.esm.js +1707 -639
- package/dist/antd.esm.js.map +1 -1
- package/dist/index.js +1707 -638
- package/dist/index.js.map +1 -1
- package/dist/react-utils.d.ts +1 -1
- package/dist/registerAvatar.d.ts +2 -2
- package/dist/registerButton.d.ts +1 -1
- package/dist/registerCheckbox.d.ts +1 -1
- package/dist/registerCollapse.d.ts +29 -18
- package/dist/registerColorPicker.d.ts +1 -1
- package/dist/registerConfigProvider.d.ts +1 -1
- package/dist/registerDatePicker.d.ts +2 -1
- package/dist/registerDrawer.d.ts +2 -1
- package/dist/registerDropdown.d.ts +2 -1
- package/dist/registerForm.d.ts +2 -2
- package/dist/registerModal.d.ts +3 -1
- package/dist/registerPopover.d.ts +8 -0
- package/dist/registerRadio.d.ts +1 -1
- package/dist/registerRate.d.ts +12 -0
- package/dist/registerSelect.d.ts +4 -4
- package/dist/registerSteps.d.ts +1 -1
- package/dist/registerSwitch.d.ts +1 -1
- package/dist/registerTable.d.ts +2 -2
- package/dist/registerTabs.d.ts +27 -0
- package/dist/registerTooltip.d.ts +1 -1
- package/dist/registerTree.d.ts +5 -5
- package/dist/registerUpload.d.ts +2 -1
- package/dist/utils.d.ts +1 -1
- package/package.json +2 -2
- package/skinny/react-utils.d.ts +1 -1
- package/skinny/registerAvatar.d.ts +2 -2
- package/skinny/registerButton.d.ts +1 -1
- package/skinny/registerCheckbox.d.ts +1 -1
- package/skinny/registerCollapse.cjs.js +251 -157
- package/skinny/registerCollapse.cjs.js.map +1 -1
- package/skinny/registerCollapse.d.ts +29 -18
- package/skinny/registerCollapse.esm.js +243 -153
- package/skinny/registerCollapse.esm.js.map +1 -1
- package/skinny/registerColorPicker.d.ts +1 -1
- package/skinny/registerConfigProvider.d.ts +1 -1
- package/skinny/registerDatePicker.cjs.js +47 -2
- package/skinny/registerDatePicker.cjs.js.map +1 -1
- package/skinny/registerDatePicker.d.ts +2 -1
- package/skinny/registerDatePicker.esm.js +47 -2
- package/skinny/registerDatePicker.esm.js.map +1 -1
- package/skinny/registerDrawer.cjs.js +63 -6
- package/skinny/registerDrawer.cjs.js.map +1 -1
- package/skinny/registerDrawer.d.ts +2 -1
- package/skinny/registerDrawer.esm.js +63 -6
- package/skinny/registerDrawer.esm.js.map +1 -1
- package/skinny/registerDropdown.cjs.js +41 -3
- package/skinny/registerDropdown.cjs.js.map +1 -1
- package/skinny/registerDropdown.d.ts +2 -1
- package/skinny/registerDropdown.esm.js +41 -3
- package/skinny/registerDropdown.esm.js.map +1 -1
- package/skinny/registerForm.cjs.js.map +1 -1
- package/skinny/registerForm.d.ts +2 -2
- package/skinny/registerForm.esm.js.map +1 -1
- package/skinny/registerMenu.cjs.js +23 -0
- package/skinny/registerMenu.cjs.js.map +1 -1
- package/skinny/registerMenu.esm.js +23 -0
- package/skinny/registerMenu.esm.js.map +1 -1
- package/skinny/registerModal.cjs.js +30 -9
- package/skinny/registerModal.cjs.js.map +1 -1
- package/skinny/registerModal.d.ts +3 -1
- package/skinny/registerModal.esm.js +30 -9
- package/skinny/registerModal.esm.js.map +1 -1
- package/skinny/registerPopover.cjs.js +176 -0
- package/skinny/registerPopover.cjs.js.map +1 -0
- package/skinny/registerPopover.d.ts +8 -0
- package/skinny/registerPopover.esm.js +169 -0
- package/skinny/registerPopover.esm.js.map +1 -0
- package/skinny/registerRadio.d.ts +1 -1
- package/skinny/registerRate.cjs.js +199 -0
- package/skinny/registerRate.cjs.js.map +1 -0
- package/skinny/registerRate.d.ts +12 -0
- package/skinny/registerRate.esm.js +191 -0
- package/skinny/registerRate.esm.js.map +1 -0
- package/skinny/registerSelect-40844a74.cjs.js.map +1 -1
- package/skinny/registerSelect-6b399103.esm.js.map +1 -1
- package/skinny/registerSelect.d.ts +4 -4
- package/skinny/registerSteps.d.ts +1 -1
- package/skinny/registerSwitch.d.ts +1 -1
- package/skinny/registerTable.d.ts +2 -2
- package/skinny/registerTabs.cjs.js +461 -0
- package/skinny/registerTabs.cjs.js.map +1 -0
- package/skinny/registerTabs.d.ts +27 -0
- package/skinny/registerTabs.esm.js +451 -0
- package/skinny/registerTabs.esm.js.map +1 -0
- package/skinny/registerTooltip.cjs.js +4 -0
- package/skinny/registerTooltip.cjs.js.map +1 -1
- package/skinny/registerTooltip.d.ts +1 -1
- package/skinny/registerTooltip.esm.js +4 -0
- package/skinny/registerTooltip.esm.js.map +1 -1
- package/skinny/registerTree.cjs.js.map +1 -1
- package/skinny/registerTree.d.ts +5 -5
- package/skinny/registerTree.esm.js.map +1 -1
- package/skinny/registerUpload.cjs.js +1 -1
- package/skinny/registerUpload.cjs.js.map +1 -1
- package/skinny/registerUpload.d.ts +2 -1
- package/skinny/registerUpload.esm.js +1 -1
- package/skinny/registerUpload.esm.js.map +1 -1
- package/skinny/utils.d.ts +1 -1
- package/LICENSE.md +0 -21
|
@@ -3,12 +3,14 @@
|
|
|
3
3
|
var antd = require('antd');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var utils = require('./utils-833cc295.cjs.js');
|
|
6
|
+
var uniqueId = require('lodash/uniqueId');
|
|
6
7
|
require('@plasmicapp/host/registerComponent');
|
|
7
8
|
require('@plasmicapp/host/registerGlobalContext');
|
|
8
9
|
|
|
9
10
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
11
|
|
|
11
12
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
|
+
var uniqueId__default = /*#__PURE__*/_interopDefault(uniqueId);
|
|
12
14
|
|
|
13
15
|
var __defProp = Object.defineProperty;
|
|
14
16
|
var __defProps = Object.defineProperties;
|
|
@@ -41,37 +43,30 @@ var __objRest = (source, exclude) => {
|
|
|
41
43
|
}
|
|
42
44
|
return target;
|
|
43
45
|
};
|
|
44
|
-
const
|
|
45
|
-
const
|
|
46
|
-
const
|
|
46
|
+
const singleCollapseComponentName = "plasmic-antd5-single-collapse";
|
|
47
|
+
const accordionComponentName = "plasmic-antd5-collapse";
|
|
48
|
+
const accordionItemComponentName = "plasmic-antd5-collapse-item";
|
|
49
|
+
function AntdAccordionItem({ children }) {
|
|
47
50
|
return /* @__PURE__ */ React__default.default.createElement("div", null, children);
|
|
48
|
-
}
|
|
49
|
-
function
|
|
51
|
+
}
|
|
52
|
+
function AntdAccordion(props) {
|
|
50
53
|
const _a = props, {
|
|
51
54
|
items: itemsRaw,
|
|
52
|
-
|
|
53
|
-
|
|
55
|
+
activeKey,
|
|
56
|
+
defaultActiveKey,
|
|
54
57
|
expandIcon,
|
|
55
58
|
collapsible,
|
|
56
59
|
disabled,
|
|
57
60
|
rotateCustomExpandIcon
|
|
58
61
|
} = _a, rest = __objRest(_a, [
|
|
59
62
|
"items",
|
|
60
|
-
"
|
|
61
|
-
"
|
|
63
|
+
"activeKey",
|
|
64
|
+
"defaultActiveKey",
|
|
62
65
|
"expandIcon",
|
|
63
66
|
"collapsible",
|
|
64
67
|
"disabled",
|
|
65
68
|
"rotateCustomExpandIcon"
|
|
66
69
|
]);
|
|
67
|
-
const activeKeyProp = React.useMemo(() => {
|
|
68
|
-
const res = (activeKeys == null ? void 0 : activeKeys.map((k) => k.key).filter((k) => k)) || [];
|
|
69
|
-
return res.length ? res : void 0;
|
|
70
|
-
}, [activeKeys]);
|
|
71
|
-
const defaultActiveKeysProp = React.useMemo(() => {
|
|
72
|
-
const res = (defaultActiveKeys == null ? void 0 : defaultActiveKeys.map((k) => k.key).filter((k) => k)) || [];
|
|
73
|
-
return res.length ? res : void 0;
|
|
74
|
-
}, [defaultActiveKeys]);
|
|
75
70
|
const items = React.useMemo(() => {
|
|
76
71
|
if (!React__default.default.isValidElement(itemsRaw))
|
|
77
72
|
return [];
|
|
@@ -89,9 +84,10 @@ function AntdCollapse(props) {
|
|
|
89
84
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
90
85
|
antd.Collapse,
|
|
91
86
|
__spreadValues({
|
|
87
|
+
accordion: true,
|
|
92
88
|
items,
|
|
93
|
-
defaultActiveKey
|
|
94
|
-
activeKey
|
|
89
|
+
defaultActiveKey,
|
|
90
|
+
activeKey,
|
|
95
91
|
collapsible: disabled ? "disabled" : collapsible,
|
|
96
92
|
expandIcon: (expandIcon == null ? void 0 : expandIcon.key) ? ({ isActive }) => /* @__PURE__ */ React__default.default.createElement(
|
|
97
93
|
"div",
|
|
@@ -103,105 +99,234 @@ function AntdCollapse(props) {
|
|
|
103
99
|
}, rest)
|
|
104
100
|
);
|
|
105
101
|
}
|
|
106
|
-
|
|
102
|
+
function AntdSingleCollapse(props) {
|
|
103
|
+
const _a = props, {
|
|
104
|
+
open,
|
|
105
|
+
defaultOpen,
|
|
106
|
+
expandIcon,
|
|
107
|
+
collapsible,
|
|
108
|
+
disabled,
|
|
109
|
+
rotateCustomExpandIcon,
|
|
110
|
+
label,
|
|
111
|
+
showArrow,
|
|
112
|
+
extra,
|
|
113
|
+
forceRender,
|
|
114
|
+
children,
|
|
115
|
+
headerClass
|
|
116
|
+
} = _a, rest = __objRest(_a, [
|
|
117
|
+
"open",
|
|
118
|
+
"defaultOpen",
|
|
119
|
+
"expandIcon",
|
|
120
|
+
"collapsible",
|
|
121
|
+
"disabled",
|
|
122
|
+
"rotateCustomExpandIcon",
|
|
123
|
+
"label",
|
|
124
|
+
"showArrow",
|
|
125
|
+
"extra",
|
|
126
|
+
"forceRender",
|
|
127
|
+
"children",
|
|
128
|
+
"headerClass"
|
|
129
|
+
]);
|
|
130
|
+
const defaultItemKey = React.useMemo(() => uniqueId__default.default(), []);
|
|
131
|
+
const item = React.useMemo(
|
|
132
|
+
() => ({
|
|
133
|
+
key: defaultItemKey,
|
|
134
|
+
label,
|
|
135
|
+
showArrow,
|
|
136
|
+
extra: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, extra),
|
|
137
|
+
headerClass,
|
|
138
|
+
children
|
|
139
|
+
}),
|
|
140
|
+
[label, showArrow, extra, children, defaultItemKey, headerClass]
|
|
141
|
+
);
|
|
142
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
143
|
+
antd.Collapse,
|
|
144
|
+
__spreadValues({
|
|
145
|
+
accordion: false,
|
|
146
|
+
items: [item],
|
|
147
|
+
defaultActiveKey: defaultOpen ? item.key : void 0,
|
|
148
|
+
activeKey: open ? item.key : void 0,
|
|
149
|
+
collapsible: disabled ? "disabled" : collapsible,
|
|
150
|
+
expandIcon: (expandIcon == null ? void 0 : expandIcon.key) ? ({ isActive }) => /* @__PURE__ */ React__default.default.createElement(
|
|
151
|
+
"div",
|
|
152
|
+
{
|
|
153
|
+
style: isActive && rotateCustomExpandIcon ? { transform: "rotate(90deg)" } : void 0
|
|
154
|
+
},
|
|
155
|
+
expandIcon
|
|
156
|
+
) : void 0
|
|
157
|
+
}, rest)
|
|
158
|
+
);
|
|
159
|
+
}
|
|
160
|
+
const accordionHelpers = {
|
|
161
|
+
states: {
|
|
162
|
+
activeKey: {
|
|
163
|
+
onChangeArgsToValue: (activeKeys) => activeKeys[0]
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
};
|
|
167
|
+
const singleCollapseHelpers = {
|
|
107
168
|
states: {
|
|
108
|
-
|
|
109
|
-
onChangeArgsToValue: (activeKeys) => activeKeys.
|
|
169
|
+
open: {
|
|
170
|
+
onChangeArgsToValue: (activeKeys) => activeKeys.length > 0
|
|
110
171
|
}
|
|
111
172
|
}
|
|
112
173
|
};
|
|
174
|
+
const commonAccordionProps = {
|
|
175
|
+
bordered: {
|
|
176
|
+
type: "boolean",
|
|
177
|
+
defaultValue: true,
|
|
178
|
+
description: `Display border around accordion `
|
|
179
|
+
},
|
|
180
|
+
disabled: {
|
|
181
|
+
type: "boolean",
|
|
182
|
+
description: "Disable the toggle behaviour of panels"
|
|
183
|
+
},
|
|
184
|
+
expandIcon: {
|
|
185
|
+
type: "slot",
|
|
186
|
+
hidePlaceholder: true
|
|
187
|
+
},
|
|
188
|
+
rotateCustomExpandIcon: {
|
|
189
|
+
type: "boolean",
|
|
190
|
+
description: "Enable rotation of custom expand icon when panel is expanded",
|
|
191
|
+
advanced: true,
|
|
192
|
+
hidden: (ps) => {
|
|
193
|
+
var _a;
|
|
194
|
+
return !((_a = ps.expandIcon) == null ? void 0 : _a.key);
|
|
195
|
+
}
|
|
196
|
+
},
|
|
197
|
+
expandIconPosition: {
|
|
198
|
+
type: "choice",
|
|
199
|
+
defaultValueHint: "start",
|
|
200
|
+
description: `Set expand icon position`,
|
|
201
|
+
options: ["start", "end"]
|
|
202
|
+
},
|
|
203
|
+
ghost: {
|
|
204
|
+
type: "boolean",
|
|
205
|
+
description: `Make the accordion borderless and its background transparent`
|
|
206
|
+
},
|
|
207
|
+
size: {
|
|
208
|
+
type: "choice",
|
|
209
|
+
defaultValueHint: "middle",
|
|
210
|
+
description: `Set the size of accordion`,
|
|
211
|
+
options: ["large", "middle", "small"]
|
|
212
|
+
},
|
|
213
|
+
onChange: {
|
|
214
|
+
type: "eventHandler",
|
|
215
|
+
argTypes: [{ name: "activeIds", type: "object" }]
|
|
216
|
+
}
|
|
217
|
+
};
|
|
218
|
+
const commonAccordionItemProps = {
|
|
219
|
+
label: {
|
|
220
|
+
type: "slot",
|
|
221
|
+
displayName: "Header Content",
|
|
222
|
+
defaultValue: "Collapse Header",
|
|
223
|
+
hidePlaceholder: true
|
|
224
|
+
},
|
|
225
|
+
extra: {
|
|
226
|
+
type: "slot",
|
|
227
|
+
hidePlaceholder: true
|
|
228
|
+
},
|
|
229
|
+
showArrow: {
|
|
230
|
+
type: "boolean",
|
|
231
|
+
defaultValue: true,
|
|
232
|
+
description: `Whether to show animating arrow alongside header text`,
|
|
233
|
+
advanced: true
|
|
234
|
+
},
|
|
235
|
+
headerClass: {
|
|
236
|
+
type: "class",
|
|
237
|
+
displayName: "Header"
|
|
238
|
+
},
|
|
239
|
+
children: __spreadProps(__spreadValues({
|
|
240
|
+
type: "slot",
|
|
241
|
+
hidePlaceholder: true
|
|
242
|
+
}, { mergeWithParent: true }), {
|
|
243
|
+
defaultValue: "Collapsible text..."
|
|
244
|
+
})
|
|
245
|
+
};
|
|
246
|
+
const commonProps = {
|
|
247
|
+
collapsible: {
|
|
248
|
+
displayName: "Toggle Area",
|
|
249
|
+
type: "choice",
|
|
250
|
+
defaultValueHint: "header",
|
|
251
|
+
description: `Specify the element that can be clicked to toggle a panel`,
|
|
252
|
+
options: ["header", "icon"],
|
|
253
|
+
advanced: true,
|
|
254
|
+
hidden: (ps) => Boolean(ps.disabled)
|
|
255
|
+
},
|
|
256
|
+
destroyInactivePanel: {
|
|
257
|
+
type: "boolean",
|
|
258
|
+
description: `Destroy/Unmount panel if inactive`,
|
|
259
|
+
advanced: true
|
|
260
|
+
},
|
|
261
|
+
forceRender: {
|
|
262
|
+
type: "boolean",
|
|
263
|
+
description: `Force rendering of content in the panel, instead of lazy rendering it.`,
|
|
264
|
+
advanced: true
|
|
265
|
+
}
|
|
266
|
+
};
|
|
113
267
|
function registerCollapse(loader) {
|
|
114
|
-
utils.registerComponentHelper(loader,
|
|
115
|
-
name:
|
|
268
|
+
utils.registerComponentHelper(loader, AntdSingleCollapse, {
|
|
269
|
+
name: singleCollapseComponentName,
|
|
116
270
|
displayName: "Collapse",
|
|
271
|
+
description: "Accordion, but with a single collapsible block.",
|
|
117
272
|
defaultStyles: {
|
|
118
273
|
width: "stretch"
|
|
119
274
|
},
|
|
120
|
-
props: {
|
|
121
|
-
|
|
122
|
-
type: "boolean",
|
|
123
|
-
description: `Allow only one panel to be expanded at a time`
|
|
124
|
-
},
|
|
125
|
-
activeKeys: {
|
|
275
|
+
props: __spreadValues(__spreadValues(__spreadValues({
|
|
276
|
+
open: {
|
|
126
277
|
editOnly: true,
|
|
127
|
-
displayName: "
|
|
128
|
-
uncontrolledProp: "
|
|
129
|
-
type: "array",
|
|
130
|
-
description: `A list of panel IDs that are expanded by default.`,
|
|
131
|
-
advanced: true,
|
|
132
|
-
itemType: {
|
|
133
|
-
type: "object",
|
|
134
|
-
nameFunc: (_item) => `ID: ${_item.key}`,
|
|
135
|
-
fields: {
|
|
136
|
-
key: {
|
|
137
|
-
type: "number",
|
|
138
|
-
displayName: "Panel ID"
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
},
|
|
143
|
-
bordered: {
|
|
278
|
+
displayName: "Open",
|
|
279
|
+
uncontrolledProp: "defaultOpen",
|
|
144
280
|
type: "boolean",
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
type: "choice",
|
|
179
|
-
defaultValueHint: "start",
|
|
180
|
-
description: `Set expand icon position`,
|
|
181
|
-
options: ["start", "end"]
|
|
182
|
-
},
|
|
183
|
-
ghost: {
|
|
184
|
-
type: "boolean",
|
|
185
|
-
description: `Make the collapse borderless and its background transparent`
|
|
186
|
-
},
|
|
187
|
-
size: {
|
|
188
|
-
type: "choice",
|
|
189
|
-
defaultValueHint: "middle",
|
|
190
|
-
description: `Set the size of collapse`,
|
|
191
|
-
options: ["large", "middle", "small"]
|
|
281
|
+
description: `Default open state of the collapse block`
|
|
282
|
+
}
|
|
283
|
+
}, commonProps), commonAccordionItemProps), commonAccordionProps),
|
|
284
|
+
states: {
|
|
285
|
+
open: __spreadValues({
|
|
286
|
+
type: "writable",
|
|
287
|
+
valueProp: "open",
|
|
288
|
+
onChangeProp: "onChange",
|
|
289
|
+
variableType: "boolean"
|
|
290
|
+
}, singleCollapseHelpers.states.open)
|
|
291
|
+
},
|
|
292
|
+
componentHelpers: {
|
|
293
|
+
helpers: accordionHelpers,
|
|
294
|
+
importName: "accordionHelpers",
|
|
295
|
+
importPath: "@plasmicpkgs/antd5/skinny/registerCollapse"
|
|
296
|
+
},
|
|
297
|
+
importPath: "@plasmicpkgs/antd5/skinny/registerCollapse",
|
|
298
|
+
importName: "AntdSingleCollapse"
|
|
299
|
+
});
|
|
300
|
+
utils.registerComponentHelper(loader, AntdAccordion, {
|
|
301
|
+
name: accordionComponentName,
|
|
302
|
+
displayName: "Accordion",
|
|
303
|
+
defaultStyles: {
|
|
304
|
+
width: "stretch"
|
|
305
|
+
},
|
|
306
|
+
props: __spreadValues(__spreadValues({
|
|
307
|
+
activeKey: {
|
|
308
|
+
editOnly: true,
|
|
309
|
+
displayName: "Active panel ID",
|
|
310
|
+
uncontrolledProp: "defaultActiveKey",
|
|
311
|
+
type: "string",
|
|
312
|
+
description: `ID of Accordion item that is expanded by default.`,
|
|
313
|
+
advanced: true
|
|
192
314
|
},
|
|
193
315
|
items: __spreadProps(__spreadValues({
|
|
194
316
|
type: "slot",
|
|
195
317
|
hidePlaceholder: true,
|
|
196
|
-
allowedComponents: [
|
|
318
|
+
allowedComponents: [accordionItemComponentName]
|
|
197
319
|
}, { mergeWithParent: true }), {
|
|
198
320
|
defaultValue: [
|
|
199
321
|
{
|
|
200
322
|
type: "component",
|
|
201
|
-
name:
|
|
323
|
+
name: accordionItemComponentName,
|
|
202
324
|
props: {
|
|
203
325
|
id: 1,
|
|
204
|
-
label:
|
|
326
|
+
label: {
|
|
327
|
+
type: "text",
|
|
328
|
+
value: "First Item"
|
|
329
|
+
},
|
|
205
330
|
children: {
|
|
206
331
|
type: "text",
|
|
207
332
|
value: "First Children"
|
|
@@ -210,10 +335,13 @@ function registerCollapse(loader) {
|
|
|
210
335
|
},
|
|
211
336
|
{
|
|
212
337
|
type: "component",
|
|
213
|
-
name:
|
|
338
|
+
name: accordionItemComponentName,
|
|
214
339
|
props: {
|
|
215
340
|
id: 2,
|
|
216
|
-
label:
|
|
341
|
+
label: {
|
|
342
|
+
type: "text",
|
|
343
|
+
value: "Second Item"
|
|
344
|
+
},
|
|
217
345
|
children: {
|
|
218
346
|
type: "text",
|
|
219
347
|
value: "Second Children"
|
|
@@ -221,80 +349,46 @@ function registerCollapse(loader) {
|
|
|
221
349
|
}
|
|
222
350
|
}
|
|
223
351
|
]
|
|
224
|
-
})
|
|
225
|
-
|
|
226
|
-
type: "eventHandler",
|
|
227
|
-
argTypes: [{ name: "activeIds", type: "object" }]
|
|
228
|
-
}
|
|
229
|
-
},
|
|
352
|
+
})
|
|
353
|
+
}, commonProps), commonAccordionProps),
|
|
230
354
|
states: {
|
|
231
|
-
|
|
355
|
+
activePanelId: __spreadValues({
|
|
232
356
|
type: "writable",
|
|
233
|
-
valueProp: "
|
|
357
|
+
valueProp: "activeKey",
|
|
234
358
|
onChangeProp: "onChange",
|
|
235
359
|
variableType: "array"
|
|
236
|
-
},
|
|
360
|
+
}, accordionHelpers.states.activeKey)
|
|
237
361
|
},
|
|
238
362
|
componentHelpers: {
|
|
239
|
-
helpers:
|
|
240
|
-
importName: "
|
|
363
|
+
helpers: accordionHelpers,
|
|
364
|
+
importName: "accordionHelpers",
|
|
241
365
|
importPath: "@plasmicpkgs/antd5/skinny/registerCollapse"
|
|
242
366
|
},
|
|
243
367
|
importPath: "@plasmicpkgs/antd5/skinny/registerCollapse",
|
|
244
|
-
importName: "
|
|
368
|
+
importName: "AntdAccordion"
|
|
245
369
|
});
|
|
246
|
-
utils.registerComponentHelper(loader,
|
|
247
|
-
name:
|
|
248
|
-
displayName: "
|
|
249
|
-
props: {
|
|
370
|
+
utils.registerComponentHelper(loader, AntdAccordionItem, {
|
|
371
|
+
name: accordionItemComponentName,
|
|
372
|
+
displayName: "Accordion Item",
|
|
373
|
+
props: __spreadValues(__spreadValues({
|
|
250
374
|
id: {
|
|
251
375
|
type: "string",
|
|
252
|
-
description: `Unique identifier for this
|
|
253
|
-
},
|
|
254
|
-
label: {
|
|
255
|
-
type: "string",
|
|
256
|
-
description: `Text inside the header`,
|
|
257
|
-
displayName: "Header Content"
|
|
258
|
-
},
|
|
259
|
-
showArrow: {
|
|
260
|
-
type: "boolean",
|
|
261
|
-
defaultValue: true,
|
|
262
|
-
description: `Whether to show animating arrow alongside header text`,
|
|
263
|
-
advanced: true
|
|
264
|
-
},
|
|
265
|
-
destroyInactivePanel: {
|
|
266
|
-
type: "boolean",
|
|
267
|
-
description: `Destroy/Unmount panel if inactive`,
|
|
268
|
-
advanced: true
|
|
269
|
-
},
|
|
270
|
-
forceRender: {
|
|
271
|
-
type: "boolean",
|
|
272
|
-
description: `Force rendering of content in the panel, instead of lazy rendering it.`,
|
|
273
|
-
advanced: true
|
|
274
|
-
},
|
|
275
|
-
extra: {
|
|
276
|
-
type: "slot",
|
|
277
|
-
hidePlaceholder: true
|
|
278
|
-
},
|
|
279
|
-
collapsible: {
|
|
280
|
-
type: "boolean",
|
|
281
|
-
advanced: true
|
|
282
|
-
},
|
|
283
|
-
children: {
|
|
284
|
-
type: "slot",
|
|
285
|
-
hidePlaceholder: true
|
|
376
|
+
description: `Unique identifier for this item`
|
|
286
377
|
}
|
|
287
|
-
},
|
|
378
|
+
}, commonProps), commonAccordionItemProps),
|
|
288
379
|
importPath: "@plasmicpkgs/antd5/skinny/registerCollapse",
|
|
289
|
-
importName: "
|
|
290
|
-
parentComponentName:
|
|
380
|
+
importName: "AntdAccordionItem",
|
|
381
|
+
parentComponentName: accordionComponentName
|
|
291
382
|
});
|
|
292
383
|
}
|
|
293
384
|
|
|
294
|
-
exports.
|
|
295
|
-
exports.
|
|
296
|
-
exports.
|
|
297
|
-
exports.
|
|
298
|
-
exports.
|
|
385
|
+
exports.AntdAccordion = AntdAccordion;
|
|
386
|
+
exports.AntdAccordionItem = AntdAccordionItem;
|
|
387
|
+
exports.AntdSingleCollapse = AntdSingleCollapse;
|
|
388
|
+
exports.accordionComponentName = accordionComponentName;
|
|
389
|
+
exports.accordionHelpers = accordionHelpers;
|
|
390
|
+
exports.accordionItemComponentName = accordionItemComponentName;
|
|
299
391
|
exports.registerCollapse = registerCollapse;
|
|
392
|
+
exports.singleCollapseComponentName = singleCollapseComponentName;
|
|
393
|
+
exports.singleCollapseHelpers = singleCollapseHelpers;
|
|
300
394
|
//# sourceMappingURL=registerCollapse.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerCollapse.cjs.js","sources":["../src/registerCollapse.tsx"],"sourcesContent":["import { Collapse } from \"antd\";\nimport React, { ReactNode, useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport const collapseComponentName = \"plasmic-antd5-collapse\";\nexport const collapseItemComponentName = \"plasmic-antd5-collapse-item\";\n\ntype CollapseItemType = NonNullable<\n React.ComponentProps<typeof Collapse>[\"items\"]\n>[number];\n\nexport const AntdCollapseItem: React.FC<CollapseItemType> = ({ children }) => {\n return <div>{children}</div>;\n};\n\nexport function AntdCollapse(\n props: Omit<\n React.ComponentProps<typeof Collapse>,\n \"items\" | \"activeKey\" | \"defaultActiveKeys\" | \"expandIcon\"\n > & {\n items: { props: { children: React.ReactElement<CollapseItemType>[] } };\n defaultActiveKeys?: { key: string | number }[];\n activeKeys?: { key: string | number }[];\n disabled?: boolean;\n expandIcon: React.ReactElement;\n rotateCustomExpandIcon: boolean;\n }\n) {\n const {\n items: itemsRaw,\n activeKeys,\n defaultActiveKeys,\n expandIcon,\n collapsible,\n disabled,\n rotateCustomExpandIcon,\n ...rest\n } = props;\n\n const activeKeyProp = useMemo(() => {\n const res = activeKeys?.map((k) => k.key).filter((k) => k) || [];\n return res.length ? res : undefined;\n }, [activeKeys]);\n\n const defaultActiveKeysProp = useMemo(() => {\n const res = defaultActiveKeys?.map((k) => k.key).filter((k) => k) || [];\n return res.length ? res : undefined;\n }, [defaultActiveKeys]);\n\n const items: CollapseItemType[] = useMemo(() => {\n if (!React.isValidElement(itemsRaw)) return [];\n return (\n Array.isArray(itemsRaw.props.children)\n ? itemsRaw.props.children\n : [itemsRaw.props.children]\n )\n .map((currentItem) => {\n if (\n !React.isValidElement(currentItem) ||\n !React.isValidElement(currentItem.props.children)\n ) {\n return null;\n }\n return {\n ...currentItem.props,\n id: currentItem.props.id,\n key: currentItem.props.id,\n children: React.cloneElement(currentItem.props.children),\n };\n })\n .filter((i) => i != null) as CollapseItemType[];\n }, [itemsRaw]);\n\n return (\n <Collapse\n items={items}\n defaultActiveKey={defaultActiveKeysProp}\n activeKey={activeKeyProp}\n collapsible={disabled ? \"disabled\" : collapsible}\n expandIcon={\n expandIcon?.key\n ? ({ isActive }) => (\n <div\n style={\n isActive && rotateCustomExpandIcon\n ? { transform: \"rotate(90deg)\" }\n : undefined\n }\n >\n {expandIcon}\n </div>\n )\n : undefined\n }\n {...rest}\n />\n );\n}\n\nexport const collapseHelpers = {\n states: {\n activeKeys: {\n onChangeArgsToValue: (activeKeys: string[]) =>\n activeKeys.map((key) => ({ key })),\n },\n },\n};\n\nexport function registerCollapse(loader?: Registerable) {\n registerComponentHelper(loader, AntdCollapse, {\n name: collapseComponentName,\n displayName: \"Collapse\",\n defaultStyles: {\n width: \"stretch\",\n },\n props: {\n accordion: {\n type: \"boolean\",\n description: `Allow only one panel to be expanded at a time`,\n },\n activeKeys: {\n editOnly: true,\n displayName: \"Active Panel IDs\",\n uncontrolledProp: \"defaultActiveKeys\",\n type: \"array\",\n description: `A list of panel IDs that are expanded by default.`,\n advanced: true,\n itemType: {\n type: \"object\",\n nameFunc: (_item: any) => `ID: ${_item.key}`,\n fields: {\n key: {\n type: \"number\",\n displayName: \"Panel ID\",\n },\n },\n },\n },\n bordered: {\n type: \"boolean\",\n defaultValue: true,\n description: `Display border around collapse `,\n },\n disabled: {\n type: \"boolean\",\n description: \"Disable the toggle behaviour of panels\",\n },\n collapsible: {\n type: \"choice\",\n defaultValueHint: \"header\",\n description: `Specify the element that can be clicked to toggle a panel`,\n options: [\"header\", \"icon\"],\n hidden: (ps) => Boolean(ps.disabled),\n },\n destroyInactivePanel: {\n type: \"boolean\",\n advanced: true,\n description: `Destroy/Unmount inactive panels`,\n },\n expandIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n rotateCustomExpandIcon: {\n type: \"boolean\",\n description:\n \"Enable rotation of custom expand icon when panel is expanded\",\n advanced: true,\n hidden: (ps) => !ps.expandIcon?.key,\n },\n expandIconPosition: {\n type: \"choice\",\n defaultValueHint: \"start\",\n description: `Set expand icon position`,\n options: [\"start\", \"end\"],\n },\n ghost: {\n type: \"boolean\",\n description: `Make the collapse borderless and its background transparent`,\n },\n size: {\n type: \"choice\",\n defaultValueHint: \"middle\",\n description: `Set the size of collapse`,\n options: [\"large\", \"middle\", \"small\"],\n },\n items: {\n type: \"slot\",\n hidePlaceholder: true,\n allowedComponents: [collapseItemComponentName],\n ...({ mergeWithParent: true } as any),\n defaultValue: [\n {\n type: \"component\",\n name: collapseItemComponentName,\n props: {\n id: 1,\n label: \"First Item\",\n children: {\n type: \"text\",\n value: \"First Children\",\n },\n },\n },\n {\n type: \"component\",\n name: collapseItemComponentName,\n props: {\n id: 2,\n label: \"Second Item\",\n children: {\n type: \"text\",\n value: \"Second Children\",\n },\n },\n },\n ],\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"activeIds\", type: \"object\" }],\n },\n },\n states: {\n activePanelIds: {\n type: \"writable\",\n valueProp: \"activeKeys\",\n onChangeProp: \"onChange\",\n variableType: \"array\",\n ...collapseHelpers.states.activeKeys,\n },\n },\n componentHelpers: {\n helpers: collapseHelpers,\n importName: \"collapseHelpers\",\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n importName: \"AntdCollapse\",\n });\n\n registerComponentHelper(loader, AntdCollapseItem, {\n name: collapseItemComponentName,\n displayName: \"Collapse Item\",\n props: {\n id: {\n type: \"string\",\n description: `Unique identifier for this time`,\n },\n label: {\n type: \"string\",\n description: `Text inside the header`,\n displayName: \"Header Content\",\n },\n showArrow: {\n type: \"boolean\",\n defaultValue: true,\n description: `Whether to show animating arrow alongside header text`,\n advanced: true,\n },\n destroyInactivePanel: {\n type: \"boolean\",\n description: `Destroy/Unmount panel if inactive`,\n advanced: true,\n },\n forceRender: {\n type: \"boolean\",\n description: `Force rendering of content in the panel, instead of lazy rendering it.`,\n advanced: true,\n },\n extra: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n collapsible: {\n type: \"boolean\",\n advanced: true,\n },\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n importName: \"AntdCollapseItem\",\n parentComponentName: collapseComponentName,\n });\n}\n"],"names":["React","useMemo","Collapse","registerComponentHelper"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"registerCollapse.cjs.js","sources":["../src/registerCollapse.tsx"],"sourcesContent":["import { Collapse } from \"antd\";\nimport React, { useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\nimport uniqueId from \"lodash/uniqueId\";\nimport type { PropType } from \"@plasmicapp/host\";\n\nexport const singleCollapseComponentName = \"plasmic-antd5-single-collapse\";\nexport const accordionComponentName = \"plasmic-antd5-collapse\";\nexport const accordionItemComponentName = \"plasmic-antd5-collapse-item\";\n\ntype AccordionItemType = NonNullable<\n React.ComponentProps<typeof Collapse>[\"items\"]\n>[number];\n\ntype SingleCollapseProps = Omit<\n React.ComponentProps<typeof Collapse>,\n \"items\" | \"activeKey\" | \"defaultActiveKey\" | \"expandIcon\" | \"accordion\"\n> &\n AccordionItemType & {\n open?: boolean;\n defaultOpen?: boolean;\n disabled?: boolean;\n expandIcon: React.ReactElement;\n rotateCustomExpandIcon: boolean;\n children: React.ReactElement;\n };\n\nexport function AntdAccordionItem({ children }: AccordionItemType) {\n return <div>{children}</div>;\n}\n\nexport function AntdAccordion(\n props: Omit<\n React.ComponentProps<typeof Collapse>,\n \"items\" | \"activeKey\" | \"defaultActiveKey\" | \"expandIcon\" | \"accordion\"\n > & {\n items: { props: { children: React.ReactElement<AccordionItemType>[] } };\n defaultActiveKey?: string;\n activeKey?: string;\n disabled?: boolean;\n expandIcon: React.ReactElement;\n rotateCustomExpandIcon: boolean;\n }\n) {\n const {\n items: itemsRaw,\n activeKey,\n defaultActiveKey,\n expandIcon,\n collapsible,\n disabled,\n rotateCustomExpandIcon,\n ...rest\n } = props;\n\n const items: AccordionItemType[] = useMemo(() => {\n if (!React.isValidElement(itemsRaw)) return [];\n return (\n Array.isArray(itemsRaw.props.children)\n ? itemsRaw.props.children\n : [itemsRaw.props.children]\n )\n .map((currentItem) => {\n if (\n !React.isValidElement(currentItem) ||\n !React.isValidElement(currentItem.props.children)\n ) {\n return null;\n }\n return {\n ...currentItem.props,\n id: currentItem.props.id,\n key: currentItem.props.id,\n children: React.cloneElement(currentItem.props.children),\n };\n })\n .filter((i) => i != null) as AccordionItemType[];\n }, [itemsRaw]);\n\n return (\n <Collapse\n accordion\n items={items}\n defaultActiveKey={defaultActiveKey}\n activeKey={activeKey}\n collapsible={disabled ? \"disabled\" : collapsible}\n expandIcon={\n expandIcon?.key\n ? ({ isActive }) => (\n <div\n style={\n isActive && rotateCustomExpandIcon\n ? { transform: \"rotate(90deg)\" }\n : undefined\n }\n >\n {expandIcon}\n </div>\n )\n : undefined\n }\n {...rest}\n />\n );\n}\n\nexport function AntdSingleCollapse(props: SingleCollapseProps) {\n const {\n open,\n defaultOpen,\n expandIcon,\n collapsible,\n disabled,\n rotateCustomExpandIcon,\n label,\n showArrow,\n extra,\n forceRender,\n children,\n headerClass,\n ...rest\n } = props;\n\n const defaultItemKey = useMemo(() => uniqueId(), []);\n\n const item = useMemo(\n () => ({\n key: defaultItemKey,\n label,\n showArrow,\n extra: <>{extra}</>,\n headerClass,\n children,\n }),\n [label, showArrow, extra, children, defaultItemKey, headerClass]\n );\n\n return (\n <Collapse\n accordion={false}\n items={[item]}\n defaultActiveKey={defaultOpen ? item.key : undefined}\n activeKey={open ? item.key : undefined}\n collapsible={disabled ? \"disabled\" : collapsible}\n expandIcon={\n expandIcon?.key\n ? ({ isActive }) => (\n <div\n style={\n isActive && rotateCustomExpandIcon\n ? { transform: \"rotate(90deg)\" }\n : undefined\n }\n >\n {expandIcon}\n </div>\n )\n : undefined\n }\n {...rest}\n />\n );\n}\n\nexport const accordionHelpers = {\n states: {\n activeKey: {\n onChangeArgsToValue: (activeKeys: string[]) => activeKeys[0],\n },\n },\n};\n\nexport const singleCollapseHelpers = {\n states: {\n open: {\n onChangeArgsToValue: (activeKeys: string) => activeKeys.length > 0,\n },\n },\n};\n\nconst commonAccordionProps: Record<string, PropType<any>> = {\n bordered: {\n type: \"boolean\",\n defaultValue: true,\n description: `Display border around accordion `,\n },\n disabled: {\n type: \"boolean\",\n description: \"Disable the toggle behaviour of panels\",\n },\n expandIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n rotateCustomExpandIcon: {\n type: \"boolean\",\n description: \"Enable rotation of custom expand icon when panel is expanded\",\n advanced: true,\n hidden: (ps) => !ps.expandIcon?.key,\n },\n expandIconPosition: {\n type: \"choice\",\n defaultValueHint: \"start\",\n description: `Set expand icon position`,\n options: [\"start\", \"end\"],\n },\n ghost: {\n type: \"boolean\",\n description: `Make the accordion borderless and its background transparent`,\n },\n size: {\n type: \"choice\",\n defaultValueHint: \"middle\",\n description: `Set the size of accordion`,\n options: [\"large\", \"middle\", \"small\"],\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"activeIds\", type: \"object\" }],\n },\n};\n\nconst commonAccordionItemProps: Record<string, PropType<any>> = {\n label: {\n type: \"slot\",\n displayName: \"Header Content\",\n defaultValue: \"Collapse Header\",\n hidePlaceholder: true,\n },\n extra: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n showArrow: {\n type: \"boolean\",\n defaultValue: true,\n description: `Whether to show animating arrow alongside header text`,\n advanced: true,\n },\n headerClass: {\n type: \"class\",\n displayName: \"Header\",\n },\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n ...({ mergeWithParent: true } as any),\n defaultValue: \"Collapsible text...\",\n },\n};\n\nconst commonProps: Record<string, PropType<any>> = {\n collapsible: {\n displayName: \"Toggle Area\",\n type: \"choice\",\n defaultValueHint: \"header\",\n description: `Specify the element that can be clicked to toggle a panel`,\n options: [\"header\", \"icon\"],\n advanced: true,\n hidden: (ps) => Boolean(ps.disabled),\n },\n destroyInactivePanel: {\n type: \"boolean\",\n description: `Destroy/Unmount panel if inactive`,\n advanced: true,\n },\n forceRender: {\n type: \"boolean\",\n description: `Force rendering of content in the panel, instead of lazy rendering it.`,\n advanced: true,\n },\n};\n\nexport function registerCollapse(loader?: Registerable) {\n registerComponentHelper(loader, AntdSingleCollapse, {\n name: singleCollapseComponentName,\n displayName: \"Collapse\",\n description: \"Accordion, but with a single collapsible block.\",\n defaultStyles: {\n width: \"stretch\",\n },\n props: {\n open: {\n editOnly: true,\n displayName: \"Open\",\n uncontrolledProp: \"defaultOpen\",\n type: \"boolean\",\n description: `Default open state of the collapse block`,\n },\n ...commonProps,\n ...commonAccordionItemProps,\n ...commonAccordionProps,\n },\n states: {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onChange\",\n variableType: \"boolean\",\n ...singleCollapseHelpers.states.open,\n },\n },\n componentHelpers: {\n helpers: accordionHelpers,\n importName: \"accordionHelpers\",\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n importName: \"AntdSingleCollapse\",\n });\n\n registerComponentHelper(loader, AntdAccordion, {\n name: accordionComponentName,\n displayName: \"Accordion\",\n defaultStyles: {\n width: \"stretch\",\n },\n props: {\n activeKey: {\n editOnly: true,\n displayName: \"Active panel ID\",\n uncontrolledProp: \"defaultActiveKey\",\n type: \"string\",\n description: `ID of Accordion item that is expanded by default.`,\n advanced: true,\n },\n items: {\n type: \"slot\",\n hidePlaceholder: true,\n allowedComponents: [accordionItemComponentName],\n ...({ mergeWithParent: true } as any),\n defaultValue: [\n {\n type: \"component\",\n name: accordionItemComponentName,\n props: {\n id: 1,\n label: {\n type: \"text\",\n value: \"First Item\",\n },\n children: {\n type: \"text\",\n value: \"First Children\",\n },\n },\n },\n {\n type: \"component\",\n name: accordionItemComponentName,\n props: {\n id: 2,\n label: {\n type: \"text\",\n value: \"Second Item\",\n },\n children: {\n type: \"text\",\n value: \"Second Children\",\n },\n },\n },\n ],\n },\n ...commonProps,\n ...commonAccordionProps,\n },\n states: {\n activePanelId: {\n type: \"writable\",\n valueProp: \"activeKey\",\n onChangeProp: \"onChange\",\n variableType: \"array\",\n ...accordionHelpers.states.activeKey,\n },\n },\n componentHelpers: {\n helpers: accordionHelpers,\n importName: \"accordionHelpers\",\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n importName: \"AntdAccordion\",\n });\n\n registerComponentHelper(loader, AntdAccordionItem, {\n name: accordionItemComponentName,\n displayName: \"Accordion Item\",\n props: {\n id: {\n type: \"string\",\n description: `Unique identifier for this item`,\n },\n ...commonProps,\n ...commonAccordionItemProps,\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n importName: \"AntdAccordionItem\",\n parentComponentName: accordionComponentName,\n });\n}\n"],"names":["React","useMemo","Collapse","uniqueId","registerComponentHelper"],"mappings":"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"}
|
|
@@ -1,32 +1,43 @@
|
|
|
1
1
|
import { Collapse } from "antd";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Registerable } from "./utils";
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
export declare const singleCollapseComponentName = "plasmic-antd5-single-collapse";
|
|
5
|
+
export declare const accordionComponentName = "plasmic-antd5-collapse";
|
|
6
|
+
export declare const accordionItemComponentName = "plasmic-antd5-collapse-item";
|
|
7
|
+
type AccordionItemType = NonNullable<React.ComponentProps<typeof Collapse>["items"]>[number];
|
|
8
|
+
type SingleCollapseProps = Omit<React.ComponentProps<typeof Collapse>, "items" | "activeKey" | "defaultActiveKey" | "expandIcon" | "accordion"> & AccordionItemType & {
|
|
9
|
+
open?: boolean;
|
|
10
|
+
defaultOpen?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
expandIcon: React.ReactElement;
|
|
13
|
+
rotateCustomExpandIcon: boolean;
|
|
14
|
+
children: React.ReactElement;
|
|
15
|
+
};
|
|
16
|
+
export declare function AntdAccordionItem({ children }: AccordionItemType): React.JSX.Element;
|
|
17
|
+
export declare function AntdAccordion(props: Omit<React.ComponentProps<typeof Collapse>, "items" | "activeKey" | "defaultActiveKey" | "expandIcon" | "accordion"> & {
|
|
9
18
|
items: {
|
|
10
19
|
props: {
|
|
11
|
-
children: React.ReactElement<
|
|
20
|
+
children: React.ReactElement<AccordionItemType>[];
|
|
12
21
|
};
|
|
13
22
|
};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}[];
|
|
17
|
-
activeKeys?: {
|
|
18
|
-
key: string | number;
|
|
19
|
-
}[];
|
|
23
|
+
defaultActiveKey?: string;
|
|
24
|
+
activeKey?: string;
|
|
20
25
|
disabled?: boolean;
|
|
21
26
|
expandIcon: React.ReactElement;
|
|
22
27
|
rotateCustomExpandIcon: boolean;
|
|
23
|
-
}): JSX.Element;
|
|
24
|
-
export declare
|
|
28
|
+
}): React.JSX.Element;
|
|
29
|
+
export declare function AntdSingleCollapse(props: SingleCollapseProps): React.JSX.Element;
|
|
30
|
+
export declare const accordionHelpers: {
|
|
31
|
+
states: {
|
|
32
|
+
activeKey: {
|
|
33
|
+
onChangeArgsToValue: (activeKeys: string[]) => string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
export declare const singleCollapseHelpers: {
|
|
25
38
|
states: {
|
|
26
|
-
|
|
27
|
-
onChangeArgsToValue: (activeKeys: string
|
|
28
|
-
key: string;
|
|
29
|
-
}[];
|
|
39
|
+
open: {
|
|
40
|
+
onChangeArgsToValue: (activeKeys: string) => boolean;
|
|
30
41
|
};
|
|
31
42
|
};
|
|
32
43
|
};
|