@plasmicpkgs/antd 2.0.19 → 2.0.21
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 -0
- package/dist/antd.esm.js +703 -616
- package/dist/antd.esm.js.map +1 -1
- package/dist/customControls.d.ts +17 -17
- package/dist/index.d.ts +16 -16
- package/dist/index.js +2352 -5
- package/dist/index.js.map +1 -0
- package/dist/registerButton.d.ts +5 -5
- package/dist/registerCarousel.d.ts +5 -5
- package/dist/registerCheckbox.d.ts +8 -8
- package/dist/registerCollapse.d.ts +14 -14
- package/dist/registerDropdown.d.ts +11 -11
- package/dist/registerInput.d.ts +14 -14
- package/dist/registerMenu.d.ts +15 -15
- package/dist/registerOption.d.ts +8 -8
- package/dist/registerRate.d.ts +5 -5
- package/dist/registerSelect.d.ts +8 -8
- package/dist/registerSlider.d.ts +19 -19
- package/dist/registerSwitch.d.ts +5 -5
- package/dist/registerTable.d.ts +30 -30
- package/dist/registerTabs.d.ts +14 -13
- package/dist/registerable.d.ts +4 -4
- package/package.json +10 -9
- package/skinny/customControls-fb0b7e5f.js +22 -0
- package/skinny/{customControls-ff79afdf.js.map → customControls-fb0b7e5f.js.map} +1 -1
- package/skinny/customControls.d.ts +17 -17
- package/skinny/registerButton.d.ts +5 -5
- package/skinny/registerButton.js +80 -81
- package/skinny/registerButton.js.map +1 -1
- package/skinny/registerCarousel.d.ts +5 -5
- package/skinny/registerCarousel.js +66 -67
- package/skinny/registerCarousel.js.map +1 -1
- package/skinny/registerCheckbox.d.ts +8 -8
- package/skinny/registerCheckbox.js +125 -121
- package/skinny/registerCheckbox.js.map +1 -1
- package/skinny/registerCollapse.d.ts +14 -14
- package/skinny/registerCollapse.js +174 -153
- package/skinny/registerCollapse.js.map +1 -1
- package/skinny/registerDropdown.d.ts +11 -11
- package/skinny/registerDropdown.js +175 -171
- package/skinny/registerDropdown.js.map +1 -1
- package/skinny/registerInput.d.ts +14 -14
- package/skinny/registerInput.js +362 -312
- package/skinny/registerInput.js.map +1 -1
- package/skinny/registerMenu.d.ts +15 -15
- package/skinny/registerMenu.js +275 -298
- package/skinny/registerMenu.js.map +1 -1
- package/skinny/registerOption.d.ts +8 -8
- package/skinny/registerOption.js +73 -81
- package/skinny/registerOption.js.map +1 -1
- package/skinny/registerRate.d.ts +5 -5
- package/skinny/registerRate.js +66 -0
- package/skinny/registerRate.js.map +1 -0
- package/skinny/registerSelect.d.ts +8 -8
- package/skinny/registerSelect.js +129 -130
- package/skinny/registerSelect.js.map +1 -1
- package/skinny/registerSlider.d.ts +19 -19
- package/skinny/registerSlider.js +132 -104
- package/skinny/registerSlider.js.map +1 -1
- package/skinny/registerSwitch.d.ts +5 -5
- package/skinny/registerSwitch.js +55 -56
- package/skinny/registerSwitch.js.map +1 -1
- package/skinny/registerTable.d.ts +30 -30
- package/skinny/registerTable.js +202 -183
- package/skinny/registerTable.js.map +1 -1
- package/skinny/registerTabs.d.ts +14 -13
- package/skinny/registerTabs.js +344 -311
- package/skinny/registerTabs.js.map +1 -1
- package/skinny/registerable.d.ts +4 -4
- package/skinny/registerable.js +3 -0
- package/skinny/registerable.js.map +1 -0
- package/dist/antd.cjs.development.js +0 -2243
- package/dist/antd.cjs.development.js.map +0 -1
- package/dist/antd.cjs.production.min.js +0 -2
- package/dist/antd.cjs.production.min.js.map +0 -1
- package/skinny/customControls-ff79afdf.js +0 -27
- package/skinny/index.d.ts +0 -16
- package/skinny/tslib.es6-b92c4a81.js +0 -59
- package/skinny/tslib.es6-b92c4a81.js.map +0 -1
package/skinny/registerTable.js
CHANGED
|
@@ -1,192 +1,211 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var tslib_es6 = require('./tslib.es6-b92c4a81.js');
|
|
4
3
|
var host = require('@plasmicapp/host');
|
|
5
4
|
var Table = require('antd/lib/table/Table');
|
|
6
5
|
var React = require('react');
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
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
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
7
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
+
|
|
9
|
+
var Table__default = /*#__PURE__*/_interopDefault(Table);
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
11
|
+
|
|
12
|
+
var __defProp = Object.defineProperty;
|
|
13
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
14
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
15
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
16
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
17
|
+
var __spreadValues = (a, b) => {
|
|
18
|
+
for (var prop in b || (b = {}))
|
|
19
|
+
if (__hasOwnProp.call(b, prop))
|
|
20
|
+
__defNormalProp(a, prop, b[prop]);
|
|
21
|
+
if (__getOwnPropSymbols)
|
|
22
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
23
|
+
if (__propIsEnum.call(b, prop))
|
|
24
|
+
__defNormalProp(a, prop, b[prop]);
|
|
25
|
+
}
|
|
26
|
+
return a;
|
|
27
|
+
};
|
|
28
|
+
var __objRest = (source, exclude) => {
|
|
29
|
+
var target = {};
|
|
30
|
+
for (var prop in source)
|
|
31
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
32
|
+
target[prop] = source[prop];
|
|
33
|
+
if (source != null && __getOwnPropSymbols)
|
|
34
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
35
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
36
|
+
target[prop] = source[prop];
|
|
37
|
+
}
|
|
38
|
+
return target;
|
|
39
|
+
};
|
|
40
|
+
function TableColumn(_props) {
|
|
41
|
+
return null;
|
|
42
|
+
}
|
|
43
|
+
function TableValue(props) {
|
|
44
|
+
var _a;
|
|
45
|
+
const { className } = props;
|
|
46
|
+
const column = host.useSelector("currentColumn");
|
|
47
|
+
return /* @__PURE__ */ React__default.default.createElement("div", {
|
|
48
|
+
className
|
|
49
|
+
}, (_a = column == null ? void 0 : column.toString()) != null ? _a : "");
|
|
50
|
+
}
|
|
51
|
+
function ColumnWrapper(props) {
|
|
52
|
+
return props.children;
|
|
53
|
+
}
|
|
54
|
+
function TableWrapper(props) {
|
|
55
|
+
var _a, _b;
|
|
56
|
+
const { className, items, columns, size, onSelect, pagination } = props;
|
|
57
|
+
const tableColumns = (_b = (_a = columns == null ? void 0 : columns.props) == null ? void 0 : _a.children) != null ? _b : columns;
|
|
58
|
+
const columnDefinitions = React__default.default.useMemo(() => {
|
|
59
|
+
return React__default.default.Children.map(tableColumns, (column, columnIndex) => {
|
|
60
|
+
if (!column) {
|
|
61
|
+
return void 0;
|
|
62
|
+
}
|
|
63
|
+
const _a2 = column.props, { columnTemplate, title, dataIndex } = _a2, rest = __objRest(_a2, ["columnTemplate", "title", "dataIndex"]);
|
|
64
|
+
const columnDefinition = {
|
|
65
|
+
columnIndex,
|
|
66
|
+
title,
|
|
67
|
+
dataIndex,
|
|
68
|
+
key: columnIndex,
|
|
69
|
+
render: (value, record, rowIndex) => {
|
|
70
|
+
return /* @__PURE__ */ React__default.default.createElement(host.DataProvider, {
|
|
71
|
+
name: "currentRow",
|
|
72
|
+
data: record
|
|
73
|
+
}, /* @__PURE__ */ React__default.default.createElement(host.DataProvider, {
|
|
74
|
+
name: "currentRowIndex",
|
|
75
|
+
data: rowIndex
|
|
76
|
+
}, /* @__PURE__ */ React__default.default.createElement(host.DataProvider, {
|
|
77
|
+
name: "currentColumn",
|
|
78
|
+
data: value
|
|
79
|
+
}, host.repeatedElement(rowIndex, /* @__PURE__ */ React__default.default.createElement(ColumnWrapper, __spreadValues({}, rest), columnTemplate)))));
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
return columnDefinition;
|
|
83
|
+
}).filter(Boolean);
|
|
84
|
+
}, [tableColumns]);
|
|
85
|
+
return /* @__PURE__ */ React__default.default.createElement(Table__default.default, {
|
|
86
|
+
className,
|
|
87
|
+
columns: columnDefinitions,
|
|
88
|
+
dataSource: items,
|
|
89
|
+
size,
|
|
90
|
+
onRow: (record) => {
|
|
91
|
+
return {
|
|
92
|
+
onMouseUp: () => {
|
|
93
|
+
return onSelect == null ? void 0 : onSelect(record.id);
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
},
|
|
97
|
+
pagination: pagination ? void 0 : pagination,
|
|
98
|
+
rowKey: "id"
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
const DEFAULT_ITEMS = [
|
|
102
|
+
{
|
|
103
|
+
name: "John Brown",
|
|
104
|
+
age: 19,
|
|
105
|
+
address: "New York No. 1 Lake Park",
|
|
106
|
+
tags: ["student", "developer"]
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
name: "Jim Green",
|
|
110
|
+
age: 42,
|
|
111
|
+
address: "London No. 1 Lake Park",
|
|
112
|
+
tags: ["teacher"]
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
name: "Joe Black",
|
|
116
|
+
age: 32,
|
|
117
|
+
address: "Sidney No. 1 Lake Park",
|
|
118
|
+
tags: ["cool", "teacher"]
|
|
119
|
+
}
|
|
120
|
+
];
|
|
121
|
+
function capitalize(input) {
|
|
122
|
+
return input.charAt(0).toUpperCase() + input.slice(1);
|
|
123
|
+
}
|
|
124
|
+
const tableMeta = {
|
|
125
|
+
name: "AntdTable",
|
|
126
|
+
displayName: "Antd Table",
|
|
127
|
+
props: {
|
|
128
|
+
items: {
|
|
129
|
+
type: "array",
|
|
130
|
+
description: "The data to display in the table, as a list of objects (one object per row)",
|
|
131
|
+
defaultValue: DEFAULT_ITEMS
|
|
132
|
+
},
|
|
133
|
+
columns: {
|
|
134
|
+
type: "slot",
|
|
135
|
+
allowedComponents: ["AntdTableColumn"],
|
|
136
|
+
defaultValue: Object.keys(DEFAULT_ITEMS[0]).map((columnName) => ({
|
|
137
|
+
type: "component",
|
|
138
|
+
name: "AntdTableColumn",
|
|
139
|
+
props: {
|
|
140
|
+
title: capitalize(columnName),
|
|
141
|
+
dataIndex: columnName
|
|
142
|
+
}
|
|
143
|
+
}))
|
|
144
|
+
},
|
|
145
|
+
size: {
|
|
146
|
+
type: "choice",
|
|
147
|
+
options: ["large", "middle", "small"],
|
|
148
|
+
defaultValueHint: "large"
|
|
149
|
+
},
|
|
150
|
+
pagination: {
|
|
151
|
+
type: "boolean",
|
|
152
|
+
defaultValueHint: true
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
importPath: "@plasmicpkgs/antd/skinny/registerTable",
|
|
156
|
+
importName: "TableWrapper"
|
|
157
|
+
};
|
|
158
|
+
const tableColumnMeta = {
|
|
159
|
+
name: "AntdTableColumn",
|
|
160
|
+
parentComponentName: "AntdTable",
|
|
161
|
+
providesData: true,
|
|
162
|
+
props: {
|
|
163
|
+
title: {
|
|
164
|
+
type: "string",
|
|
165
|
+
defaultValue: "Name"
|
|
166
|
+
},
|
|
167
|
+
dataIndex: {
|
|
168
|
+
type: "string",
|
|
169
|
+
defaultValue: "name",
|
|
170
|
+
description: "The field to show. The table accepts some data as a list of objects, and this is the name of the field in those objects that this column will display."
|
|
171
|
+
},
|
|
172
|
+
columnTemplate: {
|
|
173
|
+
type: "slot",
|
|
174
|
+
defaultValue: {
|
|
175
|
+
type: "vbox",
|
|
176
|
+
styles: {
|
|
177
|
+
padding: 0
|
|
178
|
+
},
|
|
179
|
+
children: [
|
|
180
|
+
{
|
|
181
|
+
type: "component",
|
|
182
|
+
name: "AntdTableValue"
|
|
183
|
+
}
|
|
184
|
+
]
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
},
|
|
188
|
+
importPath: "@plasmicpkgs/antd/skinny/registerTable",
|
|
189
|
+
importName: "TableColumn"
|
|
190
|
+
};
|
|
191
|
+
const tableValueMeta = {
|
|
192
|
+
name: "AntdTableValue",
|
|
193
|
+
parentComponentName: "AntdTableColumn",
|
|
194
|
+
props: {},
|
|
195
|
+
importPath: "@plasmicpkgs/antd/skinny/registerTable",
|
|
196
|
+
importName: "TableValue"
|
|
197
|
+
};
|
|
198
|
+
function registerTable(loader, customMeta) {
|
|
199
|
+
const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : host.registerComponent(...args);
|
|
200
|
+
doRegisterComponent(TableWrapper, customMeta != null ? customMeta : tableMeta);
|
|
201
|
+
}
|
|
202
|
+
function registerTableColumn(loader, customMeta) {
|
|
203
|
+
const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : host.registerComponent(...args);
|
|
204
|
+
doRegisterComponent(TableColumn, customMeta != null ? customMeta : tableColumnMeta);
|
|
205
|
+
}
|
|
206
|
+
function registerTableValue(loader, customMeta) {
|
|
207
|
+
const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : host.registerComponent(...args);
|
|
208
|
+
doRegisterComponent(TableValue, customMeta != null ? customMeta : tableValueMeta);
|
|
190
209
|
}
|
|
191
210
|
|
|
192
211
|
exports.TableColumn = TableColumn;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registerTable.js","sources":["../src/registerTable.tsx"],"sourcesContent":["import {\n ComponentMeta,\n DataProvider,\n registerComponent,\n repeatedElement,\n useSelector,\n} from \"@plasmicapp/host\";\nimport { SizeType } from \"antd/lib/config-provider/SizeContext\";\nimport Table from \"antd/lib/table/Table\";\nimport React from \"react\";\nimport { Registerable } from \"./registerable\";\n\ninterface TableColumnProps {\n columnIndex: number;\n // The title text to show in the column headers\n title?: string;\n\n // The path for the data field to get the value from\n // Display field of the data record, support nest path by string array\n dataIndex: string | string[];\n\n // Plasmic - Custom column template\n columnTemplate: React.ReactNode;\n}\n\n// This is an empty virtual component used to allow users to define column\n// properties in plasmic.\nexport function TableColumn(_props: TableColumnProps) {\n return null;\n}\n\nexport interface TableValueProps {\n className?: string;\n}\n\nexport function TableValue(props: TableValueProps) {\n const { className } = props;\n const column = useSelector(\"currentColumn\");\n return <div className={className}>{column?.toString() ?? \"\"}</div>;\n}\n\n/**\n * Wrapper used to consume internal canvas props\n */\nfunction ColumnWrapper(props: { children: React.ReactNode }) {\n return props.children as React.ReactElement | null;\n}\n\nexport interface TableWrapperProps {\n className?: string;\n items: Array<any>;\n columns: React.ReactNode;\n size?: string;\n pagination?: boolean;\n onSelect?: (record: any) => void;\n}\n\nexport function TableWrapper(props: TableWrapperProps) {\n const { className, items, columns, size, onSelect, pagination } = props;\n\n // Plasmic Studio Canvas currently renders items in a slightly different way than the generated code:\n // - In the studio:\n // - The `columns` prop value is an array of nested react <Column /> nodes.\n // - In the generated code (preview mode):\n // - The `columns` prop value is a React Node with a `children` property that contains\n // an array of the nested react <Column /> components.\n const tableColumns = (columns as any)?.props?.children ?? (columns as any);\n\n // Convert the props.columns slot children to an array of column definitions\n const columnDefinitions = React.useMemo(() => {\n return React.Children.map(\n tableColumns,\n (column: { props: TableColumnProps }, columnIndex) => {\n if (!column) {\n return undefined;\n }\n\n const { columnTemplate, title, dataIndex, ...rest } = column.props;\n\n const columnDefinition = {\n columnIndex,\n title,\n dataIndex,\n key: columnIndex,\n render: (value: any, record: any, rowIndex: any) => {\n return (\n <DataProvider name=\"currentRow\" data={record}>\n <DataProvider name=\"currentRowIndex\" data={rowIndex}>\n <DataProvider name=\"currentColumn\" data={value}>\n {repeatedElement(\n rowIndex,\n <ColumnWrapper {...rest}>{columnTemplate}</ColumnWrapper>\n )}\n </DataProvider>\n </DataProvider>\n </DataProvider>\n );\n },\n };\n\n return columnDefinition;\n }\n ).filter(Boolean);\n }, [tableColumns]);\n\n return (\n <Table\n className={className}\n columns={columnDefinitions}\n dataSource={items}\n size={size as SizeType}\n onRow={(record) => {\n return {\n onMouseUp: () => {\n return onSelect?.(record.id);\n },\n };\n }}\n pagination={pagination ? undefined : pagination}\n rowKey={\"id\"}\n />\n );\n}\n\nconst DEFAULT_ITEMS = [\n {\n name: \"John Brown\",\n age: 19,\n address: \"New York No. 1 Lake Park\",\n tags: [\"student\", \"developer\"],\n },\n {\n name: \"Jim Green\",\n age: 42,\n address: \"London No. 1 Lake Park\",\n tags: [\"teacher\"],\n },\n {\n name: \"Joe Black\",\n age: 32,\n address: \"Sidney No. 1 Lake Park\",\n tags: [\"cool\", \"teacher\"],\n },\n];\n\nfunction capitalize(input: string) {\n return input.charAt(0).toUpperCase() + input.slice(1);\n}\n\nexport const tableMeta: ComponentMeta<TableWrapperProps> = {\n name: \"AntdTable\",\n displayName: \"Antd Table\",\n props: {\n items: {\n type: \"array\",\n description:\n \"The data to display in the table, as a list of objects (one object per row)\",\n defaultValue: DEFAULT_ITEMS,\n },\n\n columns: {\n type: \"slot\",\n allowedComponents: [\"AntdTableColumn\"],\n defaultValue: Object.keys(DEFAULT_ITEMS[0]).map((columnName) => ({\n type: \"component\",\n name: \"AntdTableColumn\",\n props: {\n title: capitalize(columnName),\n dataIndex: columnName,\n },\n })),\n },\n\n size: {\n type: \"choice\",\n options: [\"large\", \"middle\", \"small\"],\n defaultValueHint: \"large\",\n },\n\n pagination: {\n type: \"boolean\",\n defaultValueHint: true,\n },\n },\n\n importPath: \"@plasmicpkgs/antd/skinny/registerTable\",\n importName: \"TableWrapper\",\n};\n\nexport const tableColumnMeta: ComponentMeta<TableColumnProps> = {\n name: \"AntdTableColumn\",\n parentComponentName: \"AntdTable\",\n providesData: true,\n props: {\n title: {\n type: \"string\",\n defaultValue: \"Name\",\n },\n\n dataIndex: {\n type: \"string\",\n defaultValue: \"name\",\n description:\n \"The field to show. The table accepts some data as a list of objects, and this is the name of the field in those objects that this column will display.\",\n },\n\n columnTemplate: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n styles: {\n padding: 0,\n },\n children: [\n {\n type: \"component\",\n name: \"AntdTableValue\",\n },\n ],\n },\n },\n },\n\n importPath: \"@plasmicpkgs/antd/skinny/registerTable\",\n importName: \"TableColumn\",\n};\n\nexport const tableValueMeta: ComponentMeta<TableValueProps> = {\n name: \"AntdTableValue\",\n parentComponentName: \"AntdTableColumn\",\n props: {},\n importPath: \"@plasmicpkgs/antd/skinny/registerTable\",\n importName: \"TableValue\",\n};\n\nexport function registerTable(\n loader?: Registerable,\n customMeta?: ComponentMeta<TableWrapperProps>\n) {\n const doRegisterComponent: typeof registerComponent = (...args) =>\n loader ? loader.registerComponent(...args) : registerComponent(...args);\n doRegisterComponent(TableWrapper, customMeta ?? tableMeta);\n}\n\nexport function registerTableColumn(\n loader?: Registerable,\n customMeta?: ComponentMeta<TableColumnProps>\n) {\n const doRegisterComponent: typeof registerComponent = (...args) =>\n loader ? loader.registerComponent(...args) : registerComponent(...args);\n doRegisterComponent(TableColumn, customMeta ?? tableColumnMeta);\n}\n\nexport function registerTableValue(\n loader?: Registerable,\n customMeta?: ComponentMeta<TableValueProps>\n) {\n const doRegisterComponent: typeof registerComponent = (...args) =>\n loader ? loader.registerComponent(...args) : registerComponent(...args);\n doRegisterComponent(TableValue, customMeta ?? tableValueMeta);\n}\n"],"names":["useSelector","__rest","DataProvider","repeatedElement","__assign","registerComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"registerTable.js","sources":["../src/registerTable.tsx"],"sourcesContent":["import {\n ComponentMeta,\n DataProvider,\n registerComponent,\n repeatedElement,\n useSelector,\n} from \"@plasmicapp/host\";\nimport { SizeType } from \"antd/lib/config-provider/SizeContext\";\nimport Table from \"antd/lib/table/Table\";\nimport React from \"react\";\nimport { Registerable } from \"./registerable\";\n\ninterface TableColumnProps {\n columnIndex: number;\n // The title text to show in the column headers\n title?: string;\n\n // The path for the data field to get the value from\n // Display field of the data record, support nest path by string array\n dataIndex: string | string[];\n\n // Plasmic - Custom column template\n columnTemplate: React.ReactNode;\n}\n\n// This is an empty virtual component used to allow users to define column\n// properties in plasmic.\nexport function TableColumn(_props: TableColumnProps) {\n return null;\n}\n\nexport interface TableValueProps {\n className?: string;\n}\n\nexport function TableValue(props: TableValueProps) {\n const { className } = props;\n const column = useSelector(\"currentColumn\");\n return <div className={className}>{column?.toString() ?? \"\"}</div>;\n}\n\n/**\n * Wrapper used to consume internal canvas props\n */\nfunction ColumnWrapper(props: { children: React.ReactNode }) {\n return props.children as React.ReactElement | null;\n}\n\nexport interface TableWrapperProps {\n className?: string;\n items: Array<any>;\n columns: React.ReactNode;\n size?: string;\n pagination?: boolean;\n onSelect?: (record: any) => void;\n}\n\nexport function TableWrapper(props: TableWrapperProps) {\n const { className, items, columns, size, onSelect, pagination } = props;\n\n // Plasmic Studio Canvas currently renders items in a slightly different way than the generated code:\n // - In the studio:\n // - The `columns` prop value is an array of nested react <Column /> nodes.\n // - In the generated code (preview mode):\n // - The `columns` prop value is a React Node with a `children` property that contains\n // an array of the nested react <Column /> components.\n const tableColumns = (columns as any)?.props?.children ?? (columns as any);\n\n // Convert the props.columns slot children to an array of column definitions\n const columnDefinitions = React.useMemo(() => {\n return React.Children.map(\n tableColumns,\n (column: { props: TableColumnProps }, columnIndex) => {\n if (!column) {\n return undefined;\n }\n\n const { columnTemplate, title, dataIndex, ...rest } = column.props;\n\n const columnDefinition = {\n columnIndex,\n title,\n dataIndex,\n key: columnIndex,\n render: (value: any, record: any, rowIndex: any) => {\n return (\n <DataProvider name=\"currentRow\" data={record}>\n <DataProvider name=\"currentRowIndex\" data={rowIndex}>\n <DataProvider name=\"currentColumn\" data={value}>\n {repeatedElement(\n rowIndex,\n <ColumnWrapper {...rest}>{columnTemplate}</ColumnWrapper>\n )}\n </DataProvider>\n </DataProvider>\n </DataProvider>\n );\n },\n };\n\n return columnDefinition;\n }\n ).filter(Boolean);\n }, [tableColumns]);\n\n return (\n <Table\n className={className}\n columns={columnDefinitions}\n dataSource={items}\n size={size as SizeType}\n onRow={(record) => {\n return {\n onMouseUp: () => {\n return onSelect?.(record.id);\n },\n };\n }}\n pagination={pagination ? undefined : pagination}\n rowKey={\"id\"}\n />\n );\n}\n\nconst DEFAULT_ITEMS = [\n {\n name: \"John Brown\",\n age: 19,\n address: \"New York No. 1 Lake Park\",\n tags: [\"student\", \"developer\"],\n },\n {\n name: \"Jim Green\",\n age: 42,\n address: \"London No. 1 Lake Park\",\n tags: [\"teacher\"],\n },\n {\n name: \"Joe Black\",\n age: 32,\n address: \"Sidney No. 1 Lake Park\",\n tags: [\"cool\", \"teacher\"],\n },\n];\n\nfunction capitalize(input: string) {\n return input.charAt(0).toUpperCase() + input.slice(1);\n}\n\nexport const tableMeta: ComponentMeta<TableWrapperProps> = {\n name: \"AntdTable\",\n displayName: \"Antd Table\",\n props: {\n items: {\n type: \"array\",\n description:\n \"The data to display in the table, as a list of objects (one object per row)\",\n defaultValue: DEFAULT_ITEMS,\n },\n\n columns: {\n type: \"slot\",\n allowedComponents: [\"AntdTableColumn\"],\n defaultValue: Object.keys(DEFAULT_ITEMS[0]).map((columnName) => ({\n type: \"component\",\n name: \"AntdTableColumn\",\n props: {\n title: capitalize(columnName),\n dataIndex: columnName,\n },\n })),\n },\n\n size: {\n type: \"choice\",\n options: [\"large\", \"middle\", \"small\"],\n defaultValueHint: \"large\",\n },\n\n pagination: {\n type: \"boolean\",\n defaultValueHint: true,\n },\n },\n\n importPath: \"@plasmicpkgs/antd/skinny/registerTable\",\n importName: \"TableWrapper\",\n};\n\nexport const tableColumnMeta: ComponentMeta<TableColumnProps> = {\n name: \"AntdTableColumn\",\n parentComponentName: \"AntdTable\",\n providesData: true,\n props: {\n title: {\n type: \"string\",\n defaultValue: \"Name\",\n },\n\n dataIndex: {\n type: \"string\",\n defaultValue: \"name\",\n description:\n \"The field to show. The table accepts some data as a list of objects, and this is the name of the field in those objects that this column will display.\",\n },\n\n columnTemplate: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n styles: {\n padding: 0,\n },\n children: [\n {\n type: \"component\",\n name: \"AntdTableValue\",\n },\n ],\n },\n },\n },\n\n importPath: \"@plasmicpkgs/antd/skinny/registerTable\",\n importName: \"TableColumn\",\n};\n\nexport const tableValueMeta: ComponentMeta<TableValueProps> = {\n name: \"AntdTableValue\",\n parentComponentName: \"AntdTableColumn\",\n props: {},\n importPath: \"@plasmicpkgs/antd/skinny/registerTable\",\n importName: \"TableValue\",\n};\n\nexport function registerTable(\n loader?: Registerable,\n customMeta?: ComponentMeta<TableWrapperProps>\n) {\n const doRegisterComponent: typeof registerComponent = (...args) =>\n loader ? loader.registerComponent(...args) : registerComponent(...args);\n doRegisterComponent(TableWrapper, customMeta ?? tableMeta);\n}\n\nexport function registerTableColumn(\n loader?: Registerable,\n customMeta?: ComponentMeta<TableColumnProps>\n) {\n const doRegisterComponent: typeof registerComponent = (...args) =>\n loader ? loader.registerComponent(...args) : registerComponent(...args);\n doRegisterComponent(TableColumn, customMeta ?? tableColumnMeta);\n}\n\nexport function registerTableValue(\n loader?: Registerable,\n customMeta?: ComponentMeta<TableValueProps>\n) {\n const doRegisterComponent: typeof registerComponent = (...args) =>\n loader ? loader.registerComponent(...args) : registerComponent(...args);\n doRegisterComponent(TableValue, customMeta ?? tableValueMeta);\n}\n"],"names":["useSelector","React","DataProvider","repeatedElement","Table","registerComponent"],"mappings":"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"}
|
package/skinny/registerTabs.d.ts
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { ComponentMeta } from "@plasmicapp/host/registerComponent";
|
|
2
|
-
import { TabPaneProps, TabsProps as AntdTabsProps } from "antd/lib/tabs";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { Registerable } from "./registerable";
|
|
5
|
-
export declare const
|
|
6
|
-
export declare
|
|
7
|
-
export declare
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
export declare
|
|
13
|
-
export declare
|
|
1
|
+
import { ComponentMeta } from "@plasmicapp/host/registerComponent";
|
|
2
|
+
import { TabPaneProps, TabsProps as AntdTabsProps } from "antd/lib/tabs";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Registerable } from "./registerable";
|
|
5
|
+
export declare const TabPane: React.FC<TabPaneProps>;
|
|
6
|
+
export declare const tabPaneMeta: ComponentMeta<TabPaneProps>;
|
|
7
|
+
export declare function registerTabPane(loader?: Registerable, customTabPaneMeta?: ComponentMeta<TabPaneProps>): void;
|
|
8
|
+
export type TabsProps = Omit<AntdTabsProps, "tabBarExtraContent"> & {
|
|
9
|
+
leftTabBarExtraContent?: React.ReactNode;
|
|
10
|
+
rightTabBarExtraContent?: React.ReactNode;
|
|
11
|
+
};
|
|
12
|
+
export declare function Tabs(props: TabsProps): JSX.Element;
|
|
13
|
+
export declare const tabsMeta: ComponentMeta<TabsProps>;
|
|
14
|
+
export declare function registerTabs(loader?: Registerable, customTabsMeta?: ComponentMeta<TabsProps>): void;
|