@plasmicpkgs/antd5 0.0.8 → 0.0.9
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/index.js +65 -44
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -22,12 +22,33 @@ require('antd/lib/radio/radioButton');
|
|
|
22
22
|
var Select = require('antd/lib/select');
|
|
23
23
|
var Table = require('antd/lib/table');
|
|
24
24
|
|
|
25
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
26
|
+
|
|
27
|
+
var Button__default = /*#__PURE__*/_interopDefault(Button);
|
|
28
|
+
var registerComponent__default = /*#__PURE__*/_interopDefault(registerComponent);
|
|
29
|
+
var registerGlobalContext__default = /*#__PURE__*/_interopDefault(registerGlobalContext);
|
|
30
|
+
var Checkbox__default = /*#__PURE__*/_interopDefault(Checkbox);
|
|
31
|
+
var CheckboxGroup__default = /*#__PURE__*/_interopDefault(CheckboxGroup);
|
|
32
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
33
|
+
var registerToken__default = /*#__PURE__*/_interopDefault(registerToken);
|
|
34
|
+
var ConfigProvider__default = /*#__PURE__*/_interopDefault(ConfigProvider);
|
|
35
|
+
var useMessage__default = /*#__PURE__*/_interopDefault(useMessage);
|
|
36
|
+
var useNotification__default = /*#__PURE__*/_interopDefault(useNotification);
|
|
37
|
+
var theme__default = /*#__PURE__*/_interopDefault(theme);
|
|
38
|
+
var Dropdown__default = /*#__PURE__*/_interopDefault(Dropdown);
|
|
39
|
+
var Menu__default = /*#__PURE__*/_interopDefault(Menu);
|
|
40
|
+
var Modal__default = /*#__PURE__*/_interopDefault(Modal);
|
|
41
|
+
var Radio__default = /*#__PURE__*/_interopDefault(Radio);
|
|
42
|
+
var RadioGroup__default = /*#__PURE__*/_interopDefault(RadioGroup);
|
|
43
|
+
var Select__default = /*#__PURE__*/_interopDefault(Select);
|
|
44
|
+
var Table__default = /*#__PURE__*/_interopDefault(Table);
|
|
45
|
+
|
|
25
46
|
function makeRegisterGlobalContext(component, meta) {
|
|
26
47
|
return function(loader) {
|
|
27
48
|
if (loader) {
|
|
28
49
|
loader.registerGlobalContext(component, meta);
|
|
29
50
|
} else {
|
|
30
|
-
|
|
51
|
+
registerGlobalContext__default.default(component, meta);
|
|
31
52
|
}
|
|
32
53
|
};
|
|
33
54
|
}
|
|
@@ -35,7 +56,7 @@ function registerComponentHelper(loader, component, meta) {
|
|
|
35
56
|
if (loader) {
|
|
36
57
|
loader.registerComponent(component, meta);
|
|
37
58
|
} else {
|
|
38
|
-
|
|
59
|
+
registerComponent__default.default(component, meta);
|
|
39
60
|
}
|
|
40
61
|
}
|
|
41
62
|
function traverseReactEltTree(children, callback) {
|
|
@@ -65,7 +86,7 @@ function asArray(x) {
|
|
|
65
86
|
}
|
|
66
87
|
}
|
|
67
88
|
|
|
68
|
-
const AntdButton =
|
|
89
|
+
const AntdButton = Button__default.default;
|
|
69
90
|
function registerButton(loader) {
|
|
70
91
|
registerComponentHelper(loader, AntdButton, {
|
|
71
92
|
name: "plasmic-antd5-button",
|
|
@@ -172,14 +193,14 @@ var __objRest$6 = (source, exclude) => {
|
|
|
172
193
|
};
|
|
173
194
|
function AntdCheckbox(props) {
|
|
174
195
|
const _a = props, { onChange } = _a, rest = __objRest$6(_a, ["onChange"]);
|
|
175
|
-
const wrappedOnChange =
|
|
196
|
+
const wrappedOnChange = React__default.default.useMemo(() => {
|
|
176
197
|
if (onChange) {
|
|
177
198
|
return (event) => onChange(event.target.checked);
|
|
178
199
|
} else {
|
|
179
200
|
return void 0;
|
|
180
201
|
}
|
|
181
202
|
}, [onChange]);
|
|
182
|
-
return /* @__PURE__ */
|
|
203
|
+
return /* @__PURE__ */ React__default.default.createElement(Checkbox__default.default, __spreadProps$5(__spreadValues$6({}, rest), {
|
|
183
204
|
onChange: wrappedOnChange
|
|
184
205
|
}));
|
|
185
206
|
}
|
|
@@ -240,7 +261,7 @@ function registerCheckbox(loader) {
|
|
|
240
261
|
importPath: "@plasmicpkgs/antd5/skinny/registerCheckbox",
|
|
241
262
|
importName: "AntdCheckbox"
|
|
242
263
|
});
|
|
243
|
-
registerComponentHelper(loader,
|
|
264
|
+
registerComponentHelper(loader, CheckboxGroup__default.default, {
|
|
244
265
|
name: "plasmic-antd5-checkbox-group",
|
|
245
266
|
displayName: "Checkbox Group",
|
|
246
267
|
props: {
|
|
@@ -358,24 +379,24 @@ function themeToAntdConfig(opts) {
|
|
|
358
379
|
}
|
|
359
380
|
function AntdConfigProvider(props) {
|
|
360
381
|
const _a = props, { children, themeStyles } = _a, rest = __objRest$5(_a, ["children", "themeStyles"]);
|
|
361
|
-
return /* @__PURE__ */
|
|
382
|
+
return /* @__PURE__ */ React__default.default.createElement(ConfigProvider__default.default, __spreadValues$5({}, themeToAntdConfig(__spreadProps$4(__spreadValues$5({}, rest), {
|
|
362
383
|
fontFamily: themeStyles.fontFamily,
|
|
363
384
|
fontSize: themeStyles.fontSize ? parseInt(themeStyles.fontSize) : void 0,
|
|
364
385
|
lineHeight: themeStyles.lineHeight ? parseInt(themeStyles.lineHeight) : void 0,
|
|
365
386
|
colorTextBase: themeStyles.color
|
|
366
|
-
}))), /* @__PURE__ */
|
|
387
|
+
}))), /* @__PURE__ */ React__default.default.createElement(ForkedApp, null, /* @__PURE__ */ React__default.default.createElement(InnerConfigProvider, null, children)));
|
|
367
388
|
}
|
|
368
389
|
function InnerConfigProvider(props) {
|
|
369
390
|
const { children } = props;
|
|
370
|
-
const { token } =
|
|
391
|
+
const { token } = theme__default.default.useToken();
|
|
371
392
|
const makeVarName = (name) => `--antd-${name}`;
|
|
372
|
-
const cssStyles =
|
|
393
|
+
const cssStyles = React__default.default.useMemo(() => `
|
|
373
394
|
:root {
|
|
374
395
|
${Object.entries(token).map(([key, val]) => `${makeVarName(key)}:${typeof val === "string" ? val.trim() : val};`).join("\n")}
|
|
375
396
|
}
|
|
376
397
|
`, [token]);
|
|
377
398
|
const app = useAppContext();
|
|
378
|
-
const actions =
|
|
399
|
+
const actions = React__default.default.useMemo(() => ({
|
|
379
400
|
showNotification: (opts) => {
|
|
380
401
|
var _b;
|
|
381
402
|
const _a = opts, rest = __objRest$5(_a, ["type"]);
|
|
@@ -388,10 +409,10 @@ function InnerConfigProvider(props) {
|
|
|
388
409
|
if (!host.GlobalActionsProvider) {
|
|
389
410
|
warnOutdatedDeps();
|
|
390
411
|
}
|
|
391
|
-
return /* @__PURE__ */
|
|
412
|
+
return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("style", null, cssStyles), host.GlobalActionsProvider ? /* @__PURE__ */ React__default.default.createElement(host.GlobalActionsProvider, {
|
|
392
413
|
contextName: "plasmic-antd5-config-provider",
|
|
393
414
|
actions
|
|
394
|
-
}, children) : children, /* @__PURE__ */
|
|
415
|
+
}, children) : children, /* @__PURE__ */ React__default.default.createElement(GlobalLoadingIndicator, null));
|
|
395
416
|
}
|
|
396
417
|
let warned = false;
|
|
397
418
|
function warnOutdatedDeps() {
|
|
@@ -402,7 +423,7 @@ function warnOutdatedDeps() {
|
|
|
402
423
|
}
|
|
403
424
|
function GlobalLoadingIndicator() {
|
|
404
425
|
const app = useAppContext();
|
|
405
|
-
|
|
426
|
+
React__default.default.useEffect(() => {
|
|
406
427
|
if (query.addLoadingStateListener) {
|
|
407
428
|
return query.addLoadingStateListener((isLoading) => {
|
|
408
429
|
if (isLoading) {
|
|
@@ -423,22 +444,22 @@ function GlobalLoadingIndicator() {
|
|
|
423
444
|
}, [app]);
|
|
424
445
|
return null;
|
|
425
446
|
}
|
|
426
|
-
const ForkedAppContext =
|
|
447
|
+
const ForkedAppContext = React__default.default.createContext(void 0);
|
|
427
448
|
function useAppContext() {
|
|
428
|
-
const context =
|
|
449
|
+
const context = React__default.default.useContext(ForkedAppContext);
|
|
429
450
|
if (!context) {
|
|
430
451
|
throw new Error("Must call useAppContext from under ForkedApp");
|
|
431
452
|
}
|
|
432
453
|
return context;
|
|
433
454
|
}
|
|
434
455
|
function ForkedApp(props) {
|
|
435
|
-
const [messageApi, messageContextHolder] =
|
|
436
|
-
const [notificationApi, notificationContextHolder] =
|
|
437
|
-
const appContext =
|
|
456
|
+
const [messageApi, messageContextHolder] = useMessage__default.default();
|
|
457
|
+
const [notificationApi, notificationContextHolder] = useNotification__default.default();
|
|
458
|
+
const appContext = React__default.default.useMemo(() => ({
|
|
438
459
|
message: messageApi,
|
|
439
460
|
notification: notificationApi
|
|
440
461
|
}), [messageApi, notificationApi]);
|
|
441
|
-
return /* @__PURE__ */
|
|
462
|
+
return /* @__PURE__ */ React__default.default.createElement(ForkedAppContext.Provider, {
|
|
442
463
|
value: appContext
|
|
443
464
|
}, messageContextHolder, notificationContextHolder, props.children);
|
|
444
465
|
}
|
|
@@ -632,7 +653,7 @@ function registerTokens(loader) {
|
|
|
632
653
|
if (loader) {
|
|
633
654
|
regs.forEach((t) => loader.registerToken(t));
|
|
634
655
|
} else {
|
|
635
|
-
regs.forEach((t) =>
|
|
656
|
+
regs.forEach((t) => registerToken__default.default(t));
|
|
636
657
|
}
|
|
637
658
|
}
|
|
638
659
|
const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __spreadProps$4(__spreadValues$5({
|
|
@@ -773,15 +794,15 @@ var __objRest$4 = (source, exclude) => {
|
|
|
773
794
|
};
|
|
774
795
|
function AntdDropdown(props) {
|
|
775
796
|
const _a = props, { children, onAction, menuItems } = _a, rest = __objRest$4(_a, ["children", "onAction", "menuItems"]);
|
|
776
|
-
return /* @__PURE__ */
|
|
797
|
+
return /* @__PURE__ */ React__default.default.createElement(Dropdown__default.default, __spreadProps$3(__spreadValues$4({}, rest), {
|
|
777
798
|
overlay: () => {
|
|
778
799
|
var _a2;
|
|
779
800
|
const items = (_a2 = menuItems == null ? void 0 : menuItems()) != null ? _a2 : [];
|
|
780
|
-
return /* @__PURE__ */
|
|
801
|
+
return /* @__PURE__ */ React__default.default.createElement(Menu__default.default, {
|
|
781
802
|
onClick: (event) => onAction == null ? void 0 : onAction(event.key)
|
|
782
803
|
}, items);
|
|
783
804
|
}
|
|
784
|
-
}), typeof children === "string" ? /* @__PURE__ */
|
|
805
|
+
}), typeof children === "string" ? /* @__PURE__ */ React__default.default.createElement("div", null, children) : children);
|
|
785
806
|
}
|
|
786
807
|
function registerDropdown(loader) {
|
|
787
808
|
registerComponentHelper(loader, AntdDropdown, {
|
|
@@ -877,11 +898,11 @@ function registerDropdown(loader) {
|
|
|
877
898
|
});
|
|
878
899
|
}
|
|
879
900
|
|
|
880
|
-
const AntdMenu =
|
|
881
|
-
const AntdMenuDivider =
|
|
882
|
-
const AntdMenuItem =
|
|
883
|
-
const AntdMenuItemGroup =
|
|
884
|
-
const AntdSubMenu =
|
|
901
|
+
const AntdMenu = Menu__default.default;
|
|
902
|
+
const AntdMenuDivider = Menu__default.default.Divider;
|
|
903
|
+
const AntdMenuItem = Menu__default.default.Item;
|
|
904
|
+
const AntdMenuItemGroup = Menu__default.default.ItemGroup;
|
|
905
|
+
const AntdSubMenu = Menu__default.default.SubMenu;
|
|
885
906
|
function registerMenu(loader) {
|
|
886
907
|
registerComponentHelper(loader, AntdMenu, {
|
|
887
908
|
name: "plasmic-antd5-menu",
|
|
@@ -1105,7 +1126,7 @@ var __objRest$3 = (source, exclude) => {
|
|
|
1105
1126
|
};
|
|
1106
1127
|
function AntdModal(props) {
|
|
1107
1128
|
const _a = props, { onOpenChange, onOk, onCancel, open, footer } = _a, rest = __objRest$3(_a, ["onOpenChange", "onOk", "onCancel", "open", "footer"]);
|
|
1108
|
-
const memoOnOk =
|
|
1129
|
+
const memoOnOk = React__default.default.useMemo(() => {
|
|
1109
1130
|
if (onOpenChange || onOk) {
|
|
1110
1131
|
return (e) => {
|
|
1111
1132
|
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
@@ -1115,7 +1136,7 @@ function AntdModal(props) {
|
|
|
1115
1136
|
return void 0;
|
|
1116
1137
|
}
|
|
1117
1138
|
}, [onOpenChange, onOk]);
|
|
1118
|
-
const memoOnCancel =
|
|
1139
|
+
const memoOnCancel = React__default.default.useMemo(() => {
|
|
1119
1140
|
if (onOpenChange || onCancel) {
|
|
1120
1141
|
return (e) => {
|
|
1121
1142
|
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
@@ -1125,7 +1146,7 @@ function AntdModal(props) {
|
|
|
1125
1146
|
return void 0;
|
|
1126
1147
|
}
|
|
1127
1148
|
}, [onOpenChange, onCancel]);
|
|
1128
|
-
return /* @__PURE__ */
|
|
1149
|
+
return /* @__PURE__ */ React__default.default.createElement(Modal__default.default, __spreadProps$2(__spreadValues$3({}, rest), {
|
|
1129
1150
|
onOk: memoOnOk,
|
|
1130
1151
|
onCancel: memoOnCancel,
|
|
1131
1152
|
open,
|
|
@@ -1256,17 +1277,17 @@ var __objRest$2 = (source, exclude) => {
|
|
|
1256
1277
|
}
|
|
1257
1278
|
return target;
|
|
1258
1279
|
};
|
|
1259
|
-
const AntdRadio =
|
|
1280
|
+
const AntdRadio = Radio__default.default;
|
|
1260
1281
|
function AntdRadioGroup(props) {
|
|
1261
1282
|
const _a = props, { onChange } = _a, rest = __objRest$2(_a, ["onChange"]);
|
|
1262
|
-
const wrappedOnChange =
|
|
1283
|
+
const wrappedOnChange = React__default.default.useMemo(() => {
|
|
1263
1284
|
if (onChange) {
|
|
1264
1285
|
return (event) => onChange(event.target.value);
|
|
1265
1286
|
} else {
|
|
1266
1287
|
return void 0;
|
|
1267
1288
|
}
|
|
1268
1289
|
}, [onChange]);
|
|
1269
|
-
return /* @__PURE__ */
|
|
1290
|
+
return /* @__PURE__ */ React__default.default.createElement(RadioGroup__default.default, __spreadProps$1(__spreadValues$2({}, rest), {
|
|
1270
1291
|
onChange: wrappedOnChange
|
|
1271
1292
|
}));
|
|
1272
1293
|
}
|
|
@@ -1415,7 +1436,7 @@ var __objRest$1 = (source, exclude) => {
|
|
|
1415
1436
|
}
|
|
1416
1437
|
return target;
|
|
1417
1438
|
};
|
|
1418
|
-
const AntdOption =
|
|
1439
|
+
const AntdOption = Select__default.default.Option;
|
|
1419
1440
|
function AntdSelect(props) {
|
|
1420
1441
|
const _a = props, {
|
|
1421
1442
|
popupClassName,
|
|
@@ -1430,7 +1451,7 @@ function AntdSelect(props) {
|
|
|
1430
1451
|
"suffixIcon",
|
|
1431
1452
|
"mode"
|
|
1432
1453
|
]);
|
|
1433
|
-
return /* @__PURE__ */
|
|
1454
|
+
return /* @__PURE__ */ React__default.default.createElement(Select__default.default, __spreadValues$1(__spreadProps(__spreadValues$1({}, rest), {
|
|
1434
1455
|
mode: !mode || mode === "single" ? void 0 : mode,
|
|
1435
1456
|
popupClassName: `${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`
|
|
1436
1457
|
}), suffixIcon && { suffixIcon }));
|
|
@@ -1468,7 +1489,7 @@ function registerSelect(loader) {
|
|
|
1468
1489
|
const options = /* @__PURE__ */ new Set();
|
|
1469
1490
|
traverseReactEltTree(ps.children, (elt) => {
|
|
1470
1491
|
var _a;
|
|
1471
|
-
if ((elt == null ? void 0 : elt.type) ===
|
|
1492
|
+
if ((elt == null ? void 0 : elt.type) === Select__default.default.Option && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
|
|
1472
1493
|
options.add(elt.props.value);
|
|
1473
1494
|
}
|
|
1474
1495
|
});
|
|
@@ -1643,7 +1664,7 @@ var __objRest = (source, exclude) => {
|
|
|
1643
1664
|
}
|
|
1644
1665
|
return target;
|
|
1645
1666
|
};
|
|
1646
|
-
const AntdTable =
|
|
1667
|
+
const AntdTable = React__default.default.forwardRef(function AntdTable2(props, ref) {
|
|
1647
1668
|
const _a = props, {
|
|
1648
1669
|
data,
|
|
1649
1670
|
onSelectedRowKeysChange,
|
|
@@ -1668,7 +1689,7 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
|
|
|
1668
1689
|
const [
|
|
1669
1690
|
uncontrolledSelectedRowKeys,
|
|
1670
1691
|
setUncontrolledSelectedRowKeys
|
|
1671
|
-
] =
|
|
1692
|
+
] = React__default.default.useState(defaultSelectedRowKeys != null ? defaultSelectedRowKeys : []);
|
|
1672
1693
|
const selection = isSelectable && rowKey ? {
|
|
1673
1694
|
onChange: (rowKeys, rows) => {
|
|
1674
1695
|
onSelectedRowsChange == null ? void 0 : onSelectedRowsChange(rows);
|
|
@@ -1677,7 +1698,7 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
|
|
|
1677
1698
|
type: isSelectable === "single" ? "radio" : "checkbox",
|
|
1678
1699
|
selectedRowKeys: isControlled ? asArray(selectedRowKeys) : uncontrolledSelectedRowKeys
|
|
1679
1700
|
} : void 0;
|
|
1680
|
-
|
|
1701
|
+
React__default.default.useImperativeHandle(ref, () => ({
|
|
1681
1702
|
selectRowByIndex(index) {
|
|
1682
1703
|
if (data.data && rowKey) {
|
|
1683
1704
|
const row = data.data[index];
|
|
@@ -1716,15 +1737,15 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
|
|
|
1716
1737
|
}
|
|
1717
1738
|
}
|
|
1718
1739
|
}), [data, onSelectedRowKeysChange, onSelectedRowsChange, isSelectable, rowKey]);
|
|
1719
|
-
return /* @__PURE__ */
|
|
1740
|
+
return /* @__PURE__ */ React__default.default.createElement(Table__default.default, __spreadValues({
|
|
1720
1741
|
loading: data == null ? void 0 : data.isLoading,
|
|
1721
1742
|
dataSource: data == null ? void 0 : data.data,
|
|
1722
1743
|
rowSelection: selection,
|
|
1723
1744
|
rowKey
|
|
1724
1745
|
}, rest));
|
|
1725
1746
|
});
|
|
1726
|
-
const AntdColumnGroup =
|
|
1727
|
-
const AntdColumn =
|
|
1747
|
+
const AntdColumnGroup = Table__default.default.ColumnGroup;
|
|
1748
|
+
const AntdColumn = Table__default.default.Column;
|
|
1728
1749
|
function registerTable(loader) {
|
|
1729
1750
|
registerComponentHelper(loader, AntdTable, {
|
|
1730
1751
|
name: "plasmic-antd5-table",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/antd5",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.9",
|
|
4
4
|
"description": "Plasmic registration calls for antd components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"publishConfig": {
|
|
50
50
|
"access": "public"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "77fee038d8d59a70f0f5ed9edf69388dfb63fa44"
|
|
53
53
|
}
|