@plasmicpkgs/antd 2.0.64 → 2.0.66
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 +69 -93
- package/dist/antd.esm.js.map +1 -1
- package/dist/index.js +112 -138
- package/dist/index.js.map +1 -1
- package/dist/registerButton.d.ts +3 -1
- package/dist/registerCarousel.d.ts +3 -1
- package/dist/registerCheckbox.d.ts +6 -2
- package/dist/registerCollapse.d.ts +2 -1
- package/dist/registerDropdown.d.ts +3 -1
- package/dist/registerInput.d.ts +8 -1
- package/dist/registerMenu.d.ts +9 -3
- package/dist/registerOption.d.ts +4 -2
- package/dist/registerRate.d.ts +3 -1
- package/dist/registerSelect.d.ts +9 -1
- package/dist/registerSlider.d.ts +1 -1
- package/dist/registerSwitch.d.ts +3 -1
- package/dist/registerTabs.d.ts +1 -1
- package/package.json +16 -3
- package/skinny/customControls-82aa5d0c.esm.js +20 -0
- package/skinny/customControls-82aa5d0c.esm.js.map +1 -0
- package/skinny/{customControls-fb0b7e5f.js → customControls-fb0b7e5f.cjs.js} +1 -1
- package/skinny/customControls-fb0b7e5f.cjs.js.map +1 -0
- package/skinny/{registerButton.js → registerButton.cjs.js} +6 -6
- package/skinny/registerButton.cjs.js.map +1 -0
- package/skinny/registerButton.d.ts +3 -1
- package/skinny/registerButton.esm.js +82 -0
- package/skinny/registerButton.esm.js.map +1 -0
- package/skinny/{registerCarousel.js → registerCarousel.cjs.js} +7 -7
- package/skinny/registerCarousel.cjs.js.map +1 -0
- package/skinny/registerCarousel.d.ts +3 -1
- package/skinny/registerCarousel.esm.js +68 -0
- package/skinny/registerCarousel.esm.js.map +1 -0
- package/skinny/{registerCheckbox.js → registerCheckbox.cjs.js} +13 -14
- package/skinny/registerCheckbox.cjs.js.map +1 -0
- package/skinny/registerCheckbox.d.ts +6 -2
- package/skinny/registerCheckbox.esm.js +156 -0
- package/skinny/registerCheckbox.esm.js.map +1 -0
- package/skinny/{registerCollapse.js → registerCollapse.cjs.js} +10 -12
- package/skinny/registerCollapse.cjs.js.map +1 -0
- package/skinny/registerCollapse.d.ts +2 -1
- package/skinny/registerCollapse.esm.js +181 -0
- package/skinny/registerCollapse.esm.js.map +1 -0
- package/skinny/{registerDropdown.js → registerDropdown.cjs.js} +8 -10
- package/skinny/registerDropdown.cjs.js.map +1 -0
- package/skinny/registerDropdown.d.ts +3 -1
- package/skinny/registerDropdown.esm.js +179 -0
- package/skinny/registerDropdown.esm.js.map +1 -0
- package/skinny/{registerInput.js → registerInput.cjs.js} +23 -27
- package/skinny/registerInput.cjs.js.map +1 -0
- package/skinny/registerInput.d.ts +8 -1
- package/skinny/registerInput.esm.js +447 -0
- package/skinny/registerInput.esm.js.map +1 -0
- package/skinny/{registerMenu.js → registerMenu.cjs.js} +30 -29
- package/skinny/registerMenu.cjs.js.map +1 -0
- package/skinny/registerMenu.d.ts +9 -3
- package/skinny/registerMenu.esm.js +278 -0
- package/skinny/registerMenu.esm.js.map +1 -0
- package/skinny/{registerOption.js → registerOption.cjs.js} +10 -6
- package/skinny/registerOption.cjs.js.map +1 -0
- package/skinny/registerOption.d.ts +4 -2
- package/skinny/registerOption.esm.js +78 -0
- package/skinny/registerOption.esm.js.map +1 -0
- package/skinny/{registerRate.js → registerRate.cjs.js} +7 -7
- package/skinny/registerRate.cjs.js.map +1 -0
- package/skinny/registerRate.d.ts +3 -1
- package/skinny/registerRate.esm.js +58 -0
- package/skinny/registerRate.esm.js.map +1 -0
- package/skinny/{registerSelect.js → registerSelect.cjs.js} +10 -10
- package/skinny/registerSelect.cjs.js.map +1 -0
- package/skinny/registerSelect.d.ts +9 -1
- package/skinny/registerSelect.esm.js +151 -0
- package/skinny/registerSelect.esm.js.map +1 -0
- package/skinny/{registerSlider.js → registerSlider.cjs.js} +3 -4
- package/skinny/registerSlider.cjs.js.map +1 -0
- package/skinny/registerSlider.d.ts +1 -1
- package/skinny/registerSlider.esm.js +134 -0
- package/skinny/registerSlider.esm.js.map +1 -0
- package/skinny/{registerSwitch.js → registerSwitch.cjs.js} +7 -7
- package/skinny/registerSwitch.cjs.js.map +1 -0
- package/skinny/registerSwitch.d.ts +3 -1
- package/skinny/registerSwitch.esm.js +76 -0
- package/skinny/registerSwitch.esm.js.map +1 -0
- package/skinny/{registerTable.js → registerTable.cjs.js} +3 -4
- package/skinny/registerTable.cjs.js.map +1 -0
- package/skinny/registerTable.esm.js +203 -0
- package/skinny/registerTable.esm.js.map +1 -0
- package/skinny/{registerTabs.js → registerTabs.cjs.js} +6 -14
- package/skinny/registerTabs.cjs.js.map +1 -0
- package/skinny/registerTabs.d.ts +1 -1
- package/skinny/registerTabs.esm.js +358 -0
- package/skinny/registerTabs.esm.js.map +1 -0
- package/skinny/registerable.cjs.js +3 -0
- package/skinny/registerable.cjs.js.map +1 -0
- package/skinny/registerable.esm.js +2 -0
- package/skinny/registerable.esm.js.map +1 -0
- package/skinny/customControls-fb0b7e5f.js.map +0 -1
- package/skinny/registerButton.js.map +0 -1
- package/skinny/registerCarousel.js.map +0 -1
- package/skinny/registerCheckbox.js.map +0 -1
- package/skinny/registerCollapse.js.map +0 -1
- package/skinny/registerDropdown.js.map +0 -1
- package/skinny/registerInput.js.map +0 -1
- package/skinny/registerMenu.js.map +0 -1
- package/skinny/registerOption.js.map +0 -1
- package/skinny/registerRate.js.map +0 -1
- package/skinny/registerSelect.js.map +0 -1
- package/skinny/registerSlider.js.map +0 -1
- package/skinny/registerSwitch.js.map +0 -1
- package/skinny/registerTable.js.map +0 -1
- package/skinny/registerTabs.js.map +0 -1
- package/skinny/registerable.js +0 -3
- package/skinny/registerable.js.map +0 -1
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import registerComponent from '@plasmicapp/host/registerComponent';
|
|
2
|
+
import { Switch as Switch$1 } from 'antd';
|
|
3
|
+
|
|
4
|
+
const Switch = Switch$1;
|
|
5
|
+
const switchMeta = {
|
|
6
|
+
name: "AntdSwitch",
|
|
7
|
+
displayName: "Antd Switch",
|
|
8
|
+
props: {
|
|
9
|
+
autoFocus: {
|
|
10
|
+
type: "boolean",
|
|
11
|
+
description: "Whether get focus when component mounted",
|
|
12
|
+
defaultValueHint: false
|
|
13
|
+
},
|
|
14
|
+
checked: {
|
|
15
|
+
type: "boolean",
|
|
16
|
+
description: "Whether to set the initial state",
|
|
17
|
+
defaultValueHint: false
|
|
18
|
+
},
|
|
19
|
+
disabled: {
|
|
20
|
+
type: "boolean",
|
|
21
|
+
description: "Disable switch",
|
|
22
|
+
defaultValueHint: false
|
|
23
|
+
},
|
|
24
|
+
loading: {
|
|
25
|
+
type: "boolean",
|
|
26
|
+
description: "Loading state of switch",
|
|
27
|
+
defaultValueHint: false
|
|
28
|
+
},
|
|
29
|
+
checkedChildren: {
|
|
30
|
+
type: "slot",
|
|
31
|
+
defaultValue: [],
|
|
32
|
+
hidePlaceholder: true
|
|
33
|
+
},
|
|
34
|
+
unCheckedChildren: {
|
|
35
|
+
type: "slot",
|
|
36
|
+
defaultValue: [],
|
|
37
|
+
hidePlaceholder: true
|
|
38
|
+
},
|
|
39
|
+
size: {
|
|
40
|
+
type: "choice",
|
|
41
|
+
options: ["small", "default"],
|
|
42
|
+
description: "The size of the Switch",
|
|
43
|
+
defaultValueHint: "default"
|
|
44
|
+
},
|
|
45
|
+
onChange: {
|
|
46
|
+
type: "eventHandler",
|
|
47
|
+
argTypes: [
|
|
48
|
+
{
|
|
49
|
+
name: "checked",
|
|
50
|
+
type: "boolean"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
name: "event",
|
|
54
|
+
type: "object"
|
|
55
|
+
}
|
|
56
|
+
]
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
states: {
|
|
60
|
+
value: {
|
|
61
|
+
type: "writable",
|
|
62
|
+
variableType: "boolean",
|
|
63
|
+
onChangeProp: "onChange",
|
|
64
|
+
valueProp: "checked"
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
importPath: "@plasmicpkgs/antd/skinny/registerSwitch",
|
|
68
|
+
importName: "Switch"
|
|
69
|
+
};
|
|
70
|
+
function registerSwitch(loader, customSwitchMeta) {
|
|
71
|
+
const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
|
|
72
|
+
doRegisterComponent(Switch, customSwitchMeta != null ? customSwitchMeta : switchMeta);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
export { Switch, registerSwitch, switchMeta };
|
|
76
|
+
//# sourceMappingURL=registerSwitch.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerSwitch.esm.js","sources":["../src/registerSwitch.ts"],"sourcesContent":["import registerComponent, {\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Switch as AntdSwitch } from \"antd\";\nimport type { SwitchProps } from \"antd/es/switch\";\nimport { Registerable } from \"./registerable\";\nexport const Switch: typeof AntdSwitch = AntdSwitch;\n\nexport const switchMeta: ComponentMeta<SwitchProps> = {\n name: \"AntdSwitch\",\n displayName: \"Antd Switch\",\n props: {\n autoFocus: {\n type: \"boolean\",\n description: \"Whether get focus when component mounted\",\n defaultValueHint: false,\n },\n checked: {\n type: \"boolean\",\n description: \"Whether to set the initial state\",\n defaultValueHint: false,\n },\n disabled: {\n type: \"boolean\",\n description: \"Disable switch\",\n defaultValueHint: false,\n },\n loading: {\n type: \"boolean\",\n description: \"Loading state of switch\",\n defaultValueHint: false,\n },\n checkedChildren: {\n type: \"slot\",\n defaultValue: [],\n hidePlaceholder: true,\n },\n unCheckedChildren: {\n type: \"slot\",\n defaultValue: [],\n hidePlaceholder: true,\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"default\"],\n description: \"The size of the Switch\",\n defaultValueHint: \"default\",\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [\n {\n name: \"checked\",\n type: \"boolean\",\n },\n {\n name: \"event\",\n type: \"object\",\n },\n ],\n },\n },\n states: {\n value: {\n type: \"writable\",\n variableType: \"boolean\",\n onChangeProp: \"onChange\",\n valueProp: \"checked\",\n },\n },\n importPath: \"@plasmicpkgs/antd/skinny/registerSwitch\",\n importName: \"Switch\",\n};\n\nexport function registerSwitch(\n loader?: Registerable,\n customSwitchMeta?: ComponentMeta<SwitchProps>\n) {\n const doRegisterComponent: typeof registerComponent = (...args) =>\n loader ? loader.registerComponent(...args) : registerComponent(...args);\n doRegisterComponent(Switch, customSwitchMeta ?? switchMeta);\n}\n"],"names":["AntdSwitch"],"mappings":";;;AAMO,MAAM,MAA4B,GAAAA,SAAA;AAElC,MAAM,UAAyC,GAAA;AAAA,EACpD,IAAM,EAAA,YAAA;AAAA,EACN,WAAa,EAAA,aAAA;AAAA,EACb,KAAO,EAAA;AAAA,IACL,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,0CAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,kCAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,gBAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,yBAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,IAAM,EAAA,MAAA;AAAA,MACN,cAAc,EAAC;AAAA,MACf,eAAiB,EAAA,IAAA;AAAA,KACnB;AAAA,IACA,iBAAmB,EAAA;AAAA,MACjB,IAAM,EAAA,MAAA;AAAA,MACN,cAAc,EAAC;AAAA,MACf,eAAiB,EAAA,IAAA;AAAA,KACnB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA,QAAA;AAAA,MACN,OAAA,EAAS,CAAC,OAAA,EAAS,SAAS,CAAA;AAAA,MAC5B,WAAa,EAAA,wBAAA;AAAA,MACb,gBAAkB,EAAA,SAAA;AAAA,KACpB;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,cAAA;AAAA,MACN,QAAU,EAAA;AAAA,QACR;AAAA,UACE,IAAM,EAAA,SAAA;AAAA,UACN,IAAM,EAAA,SAAA;AAAA,SACR;AAAA,QACA;AAAA,UACE,IAAM,EAAA,OAAA;AAAA,UACN,IAAM,EAAA,QAAA;AAAA,SACR;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,UAAA;AAAA,MACN,YAAc,EAAA,SAAA;AAAA,MACd,YAAc,EAAA,UAAA;AAAA,MACd,SAAW,EAAA,SAAA;AAAA,KACb;AAAA,GACF;AAAA,EACA,UAAY,EAAA,yCAAA;AAAA,EACZ,UAAY,EAAA,QAAA;AACd,EAAA;AAEgB,SAAA,cAAA,CACd,QACA,gBACA,EAAA;AACA,EAAM,MAAA,mBAAA,GAAgD,CAAI,GAAA,IAAA,KACxD,MAAS,GAAA,MAAA,CAAO,iBAAkB,CAAA,GAAG,IAAI,CAAA,GAAI,iBAAkB,CAAA,GAAG,IAAI,CAAA,CAAA;AACxE,EAAoB,mBAAA,CAAA,MAAA,EAAQ,8CAAoB,UAAU,CAAA,CAAA;AAC5D;;;;"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var host = require('@plasmicapp/host');
|
|
4
|
-
var
|
|
4
|
+
var antd = require('antd');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
|
|
7
7
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
8
|
|
|
9
|
-
var Table__default = /*#__PURE__*/_interopDefault(Table);
|
|
10
9
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
11
10
|
|
|
12
11
|
var __defProp = Object.defineProperty;
|
|
@@ -78,7 +77,7 @@ function TableWrapper(props) {
|
|
|
78
77
|
).filter(Boolean);
|
|
79
78
|
}, [tableColumns]);
|
|
80
79
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
81
|
-
|
|
80
|
+
antd.Table,
|
|
82
81
|
{
|
|
83
82
|
className,
|
|
84
83
|
columns: columnDefinitions,
|
|
@@ -215,4 +214,4 @@ exports.registerTableValue = registerTableValue;
|
|
|
215
214
|
exports.tableColumnMeta = tableColumnMeta;
|
|
216
215
|
exports.tableMeta = tableMeta;
|
|
217
216
|
exports.tableValueMeta = tableValueMeta;
|
|
218
|
-
//# sourceMappingURL=registerTable.js.map
|
|
217
|
+
//# sourceMappingURL=registerTable.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerTable.cjs.js","sources":["../src/registerTable.tsx"],"sourcesContent":["import {\n ComponentMeta,\n DataProvider,\n registerComponent,\n repeatedElement,\n useSelector,\n} from \"@plasmicapp/host\";\nimport type { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport { Table } from \"antd\";\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","_a","DataProvider","repeatedElement","Table","registerComponent"],"mappings":"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"}
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
import { useSelector, DataProvider, repeatedElement, registerComponent } from '@plasmicapp/host';
|
|
2
|
+
import { Table } from 'antd';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
+
var __spreadValues = (a, b) => {
|
|
11
|
+
for (var prop in b || (b = {}))
|
|
12
|
+
if (__hasOwnProp.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
if (__getOwnPropSymbols)
|
|
15
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
+
if (__propIsEnum.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
}
|
|
19
|
+
return a;
|
|
20
|
+
};
|
|
21
|
+
var __objRest = (source, exclude) => {
|
|
22
|
+
var target = {};
|
|
23
|
+
for (var prop in source)
|
|
24
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
if (source != null && __getOwnPropSymbols)
|
|
27
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
+
target[prop] = source[prop];
|
|
30
|
+
}
|
|
31
|
+
return target;
|
|
32
|
+
};
|
|
33
|
+
function TableColumn(_props) {
|
|
34
|
+
return null;
|
|
35
|
+
}
|
|
36
|
+
function TableValue(props) {
|
|
37
|
+
var _a;
|
|
38
|
+
const { className } = props;
|
|
39
|
+
const column = useSelector("currentColumn");
|
|
40
|
+
return /* @__PURE__ */ React.createElement("div", { className }, (_a = column == null ? void 0 : column.toString()) != null ? _a : "");
|
|
41
|
+
}
|
|
42
|
+
function ColumnWrapper(props) {
|
|
43
|
+
return props.children;
|
|
44
|
+
}
|
|
45
|
+
function TableWrapper(props) {
|
|
46
|
+
var _a, _b;
|
|
47
|
+
const { className, items, columns, size, onSelect, pagination } = props;
|
|
48
|
+
const tableColumns = (_b = (_a = columns == null ? void 0 : columns.props) == null ? void 0 : _a.children) != null ? _b : columns;
|
|
49
|
+
const columnDefinitions = React.useMemo(() => {
|
|
50
|
+
return React.Children.map(
|
|
51
|
+
tableColumns,
|
|
52
|
+
(column, columnIndex) => {
|
|
53
|
+
if (!column) {
|
|
54
|
+
return void 0;
|
|
55
|
+
}
|
|
56
|
+
const _a2 = column.props, { columnTemplate, title, dataIndex } = _a2, rest = __objRest(_a2, ["columnTemplate", "title", "dataIndex"]);
|
|
57
|
+
const columnDefinition = {
|
|
58
|
+
columnIndex,
|
|
59
|
+
title,
|
|
60
|
+
dataIndex,
|
|
61
|
+
key: columnIndex,
|
|
62
|
+
render: (value, record, rowIndex) => {
|
|
63
|
+
return /* @__PURE__ */ React.createElement(DataProvider, { name: "currentRow", data: record }, /* @__PURE__ */ React.createElement(DataProvider, { name: "currentRowIndex", data: rowIndex }, /* @__PURE__ */ React.createElement(DataProvider, { name: "currentColumn", data: value }, repeatedElement(
|
|
64
|
+
rowIndex,
|
|
65
|
+
/* @__PURE__ */ React.createElement(ColumnWrapper, __spreadValues({}, rest), columnTemplate)
|
|
66
|
+
))));
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
return columnDefinition;
|
|
70
|
+
}
|
|
71
|
+
).filter(Boolean);
|
|
72
|
+
}, [tableColumns]);
|
|
73
|
+
return /* @__PURE__ */ React.createElement(
|
|
74
|
+
Table,
|
|
75
|
+
{
|
|
76
|
+
className,
|
|
77
|
+
columns: columnDefinitions,
|
|
78
|
+
dataSource: items,
|
|
79
|
+
size,
|
|
80
|
+
onRow: (record) => {
|
|
81
|
+
return {
|
|
82
|
+
onMouseUp: () => {
|
|
83
|
+
return onSelect == null ? void 0 : onSelect(record.id);
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
},
|
|
87
|
+
pagination: pagination ? void 0 : pagination,
|
|
88
|
+
rowKey: "id"
|
|
89
|
+
}
|
|
90
|
+
);
|
|
91
|
+
}
|
|
92
|
+
const DEFAULT_ITEMS = [
|
|
93
|
+
{
|
|
94
|
+
name: "John Brown",
|
|
95
|
+
age: 19,
|
|
96
|
+
address: "New York No. 1 Lake Park",
|
|
97
|
+
tags: ["student", "developer"]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
name: "Jim Green",
|
|
101
|
+
age: 42,
|
|
102
|
+
address: "London No. 1 Lake Park",
|
|
103
|
+
tags: ["teacher"]
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
name: "Joe Black",
|
|
107
|
+
age: 32,
|
|
108
|
+
address: "Sidney No. 1 Lake Park",
|
|
109
|
+
tags: ["cool", "teacher"]
|
|
110
|
+
}
|
|
111
|
+
];
|
|
112
|
+
function capitalize(input) {
|
|
113
|
+
return input.charAt(0).toUpperCase() + input.slice(1);
|
|
114
|
+
}
|
|
115
|
+
const tableMeta = {
|
|
116
|
+
name: "AntdTable",
|
|
117
|
+
displayName: "Antd Table",
|
|
118
|
+
props: {
|
|
119
|
+
items: {
|
|
120
|
+
type: "array",
|
|
121
|
+
description: "The data to display in the table, as a list of objects (one object per row)",
|
|
122
|
+
defaultValue: DEFAULT_ITEMS
|
|
123
|
+
},
|
|
124
|
+
columns: {
|
|
125
|
+
type: "slot",
|
|
126
|
+
allowedComponents: ["AntdTableColumn"],
|
|
127
|
+
defaultValue: Object.keys(DEFAULT_ITEMS[0]).map((columnName) => ({
|
|
128
|
+
type: "component",
|
|
129
|
+
name: "AntdTableColumn",
|
|
130
|
+
props: {
|
|
131
|
+
title: capitalize(columnName),
|
|
132
|
+
dataIndex: columnName
|
|
133
|
+
}
|
|
134
|
+
}))
|
|
135
|
+
},
|
|
136
|
+
size: {
|
|
137
|
+
type: "choice",
|
|
138
|
+
options: ["large", "middle", "small"],
|
|
139
|
+
defaultValueHint: "large"
|
|
140
|
+
},
|
|
141
|
+
pagination: {
|
|
142
|
+
type: "boolean",
|
|
143
|
+
defaultValueHint: true
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
importPath: "@plasmicpkgs/antd/skinny/registerTable",
|
|
147
|
+
importName: "TableWrapper"
|
|
148
|
+
};
|
|
149
|
+
const tableColumnMeta = {
|
|
150
|
+
name: "AntdTableColumn",
|
|
151
|
+
parentComponentName: "AntdTable",
|
|
152
|
+
providesData: true,
|
|
153
|
+
props: {
|
|
154
|
+
title: {
|
|
155
|
+
type: "string",
|
|
156
|
+
defaultValue: "Name"
|
|
157
|
+
},
|
|
158
|
+
dataIndex: {
|
|
159
|
+
type: "string",
|
|
160
|
+
defaultValue: "name",
|
|
161
|
+
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."
|
|
162
|
+
},
|
|
163
|
+
columnTemplate: {
|
|
164
|
+
type: "slot",
|
|
165
|
+
defaultValue: {
|
|
166
|
+
type: "vbox",
|
|
167
|
+
styles: {
|
|
168
|
+
padding: 0
|
|
169
|
+
},
|
|
170
|
+
children: [
|
|
171
|
+
{
|
|
172
|
+
type: "component",
|
|
173
|
+
name: "AntdTableValue"
|
|
174
|
+
}
|
|
175
|
+
]
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
importPath: "@plasmicpkgs/antd/skinny/registerTable",
|
|
180
|
+
importName: "TableColumn"
|
|
181
|
+
};
|
|
182
|
+
const tableValueMeta = {
|
|
183
|
+
name: "AntdTableValue",
|
|
184
|
+
parentComponentName: "AntdTableColumn",
|
|
185
|
+
props: {},
|
|
186
|
+
importPath: "@plasmicpkgs/antd/skinny/registerTable",
|
|
187
|
+
importName: "TableValue"
|
|
188
|
+
};
|
|
189
|
+
function registerTable(loader, customMeta) {
|
|
190
|
+
const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
|
|
191
|
+
doRegisterComponent(TableWrapper, customMeta != null ? customMeta : tableMeta);
|
|
192
|
+
}
|
|
193
|
+
function registerTableColumn(loader, customMeta) {
|
|
194
|
+
const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
|
|
195
|
+
doRegisterComponent(TableColumn, customMeta != null ? customMeta : tableColumnMeta);
|
|
196
|
+
}
|
|
197
|
+
function registerTableValue(loader, customMeta) {
|
|
198
|
+
const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
|
|
199
|
+
doRegisterComponent(TableValue, customMeta != null ? customMeta : tableValueMeta);
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
export { TableColumn, TableValue, TableWrapper, registerTable, registerTableColumn, registerTableValue, tableColumnMeta, tableMeta, tableValueMeta };
|
|
203
|
+
//# sourceMappingURL=registerTable.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerTable.esm.js","sources":["../src/registerTable.tsx"],"sourcesContent":["import {\n ComponentMeta,\n DataProvider,\n registerComponent,\n repeatedElement,\n useSelector,\n} from \"@plasmicapp/host\";\nimport type { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport { Table } from \"antd\";\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":["_a"],"mappings":"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"}
|
|
@@ -2,14 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
var registerComponent = require('@plasmicapp/host/registerComponent');
|
|
4
4
|
var antd = require('antd');
|
|
5
|
-
var AntdTabs = require('antd/lib/tabs');
|
|
6
5
|
var React = require('react');
|
|
7
|
-
var customControls = require('./customControls-fb0b7e5f.js');
|
|
6
|
+
var customControls = require('./customControls-fb0b7e5f.cjs.js');
|
|
8
7
|
|
|
9
8
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
9
|
|
|
11
10
|
var registerComponent__default = /*#__PURE__*/_interopDefault(registerComponent);
|
|
12
|
-
var AntdTabs__default = /*#__PURE__*/_interopDefault(AntdTabs);
|
|
13
11
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
14
12
|
|
|
15
13
|
var __defProp = Object.defineProperty;
|
|
@@ -43,7 +41,7 @@ var __objRest = (source, exclude) => {
|
|
|
43
41
|
}
|
|
44
42
|
return target;
|
|
45
43
|
};
|
|
46
|
-
const TabPane =
|
|
44
|
+
const TabPane = antd.Tabs.TabPane;
|
|
47
45
|
const tabPaneMeta = {
|
|
48
46
|
name: "AntdTabPane",
|
|
49
47
|
displayName: "Antd Tab Pane",
|
|
@@ -100,15 +98,9 @@ function registerTabPane(loader, customTabPaneMeta) {
|
|
|
100
98
|
doRegisterComponent(TabPane, customTabPaneMeta != null ? customTabPaneMeta : tabPaneMeta);
|
|
101
99
|
}
|
|
102
100
|
function Tabs(props) {
|
|
103
|
-
const _a = props, {
|
|
104
|
-
leftTabBarExtraContent,
|
|
105
|
-
rightTabBarExtraContent
|
|
106
|
-
} = _a, otherProps = __objRest(_a, [
|
|
107
|
-
"leftTabBarExtraContent",
|
|
108
|
-
"rightTabBarExtraContent"
|
|
109
|
-
]);
|
|
101
|
+
const _a = props, { leftTabBarExtraContent, rightTabBarExtraContent } = _a, otherProps = __objRest(_a, ["leftTabBarExtraContent", "rightTabBarExtraContent"]);
|
|
110
102
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
111
|
-
|
|
103
|
+
antd.Tabs,
|
|
112
104
|
__spreadProps(__spreadValues({}, otherProps), {
|
|
113
105
|
tabBarExtraContent: {
|
|
114
106
|
left: leftTabBarExtraContent,
|
|
@@ -303,7 +295,7 @@ const tabsMeta = {
|
|
|
303
295
|
label: "Add new tab",
|
|
304
296
|
onClick: ({ componentProps, studioOps }) => {
|
|
305
297
|
const generateNewKey = () => {
|
|
306
|
-
|
|
298
|
+
const keysSet = /* @__PURE__ */ new Set();
|
|
307
299
|
customControls.traverseReactEltTree(componentProps.children, (elt) => {
|
|
308
300
|
if ((elt == null ? void 0 : elt.type) === TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
|
|
309
301
|
keysSet.add(elt.key);
|
|
@@ -375,4 +367,4 @@ exports.registerTabPane = registerTabPane;
|
|
|
375
367
|
exports.registerTabs = registerTabs;
|
|
376
368
|
exports.tabPaneMeta = tabPaneMeta;
|
|
377
369
|
exports.tabsMeta = tabsMeta;
|
|
378
|
-
//# sourceMappingURL=registerTabs.js.map
|
|
370
|
+
//# sourceMappingURL=registerTabs.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerTabs.cjs.js","sources":["../src/registerTabs.tsx"],"sourcesContent":["import registerComponent, {\n ActionProps,\n ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Button, Tabs as AntdTabs } from \"antd\";\nimport type { TabPaneProps, TabsProps as AntdTabsProps } from \"antd/es/tabs\";\nimport React from \"react\";\nimport { traverseReactEltTree } from \"./customControls\";\nimport { Registerable } from \"./registerable\";\n\nexport const TabPane = AntdTabs.TabPane;\n\nexport const tabPaneMeta: ComponentMeta<TabPaneProps> = {\n name: \"AntdTabPane\",\n displayName: \"Antd Tab Pane\",\n props: {\n tab: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"text\",\n value: \"Tab\",\n },\n ],\n },\n key: {\n type: \"string\",\n description: \"Unique TabPane's key\",\n defaultValue: \"tabPaneKey\",\n },\n closable: {\n type: \"boolean\",\n description:\n \"Wether the tab can be closed or not. Only works for editable tabs\",\n defaultValueHint: true,\n },\n disabled: {\n type: \"boolean\",\n description: \"Disabled state of tab\",\n defaultValueHint: false,\n },\n forceRender: {\n type: \"boolean\",\n description:\n \"Forced render of content in tabs, not lazy render after clicking on tabs\",\n defaultValueHint: false,\n },\n closeIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"text\",\n value: \"Tab Content\",\n },\n ],\n },\n },\n parentComponentName: \"AntdTabs\",\n importPath: \"@plasmicpkgs/antd/skinny/registerTabs\",\n importName: \"TabPane\",\n};\n\nexport function registerTabPane(\n loader?: Registerable,\n customTabPaneMeta?: ComponentMeta<TabPaneProps>\n) {\n const doRegisterComponent: typeof registerComponent = (...args) =>\n loader ? loader.registerComponent(...args) : registerComponent(...args);\n doRegisterComponent(TabPane, customTabPaneMeta ?? tabPaneMeta);\n}\n\nexport type TabsProps = Omit<AntdTabsProps, \"tabBarExtraContent\"> & {\n leftTabBarExtraContent?: React.ReactNode;\n rightTabBarExtraContent?: React.ReactNode;\n};\n\nexport function Tabs(props: TabsProps) {\n const { leftTabBarExtraContent, rightTabBarExtraContent, ...otherProps } =\n props;\n return (\n <AntdTabs\n {...otherProps}\n tabBarExtraContent={{\n left: leftTabBarExtraContent,\n right: rightTabBarExtraContent,\n }}\n />\n );\n}\n\nfunction NavigateTabs({ componentProps, studioOps }: ActionProps<any>) {\n const tabPanes: string[] = [];\n traverseReactEltTree(componentProps.children, (elt) => {\n if (elt?.type === TabPane && typeof elt?.key === \"string\") {\n tabPanes.push(elt.key);\n }\n });\n\n const activeKey = componentProps.activeKey;\n const currTabPos = activeKey\n ? tabPanes.findIndex((tabKey) => {\n return tabKey === activeKey;\n })\n : 0;\n\n return (\n <div\n style={{\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"row\",\n gap: \"10px\",\n justifyContent: \"space-between\",\n }}\n >\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n if (tabPanes.length > 0) {\n const prevTabPos =\n (currTabPos - 1 + tabPanes.length) % tabPanes.length;\n studioOps.updateProps({ activeKey: tabPanes[prevTabPos] });\n }\n }}\n >\n Prev tab\n </Button>\n <Button\n style={{ width: \"100%\" }}\n onClick={() => {\n if (tabPanes.length > 0) {\n const nextTabPos = (currTabPos + 1) % tabPanes.length;\n studioOps.updateProps({ activeKey: tabPanes[nextTabPos] });\n }\n }}\n >\n Next tab\n </Button>\n </div>\n );\n}\n\nfunction OutlineMessage() {\n return <div>* To re-arrange tab panes, use the Outline panel</div>;\n}\n\nexport const tabsMeta: ComponentMeta<TabsProps> = {\n name: \"AntdTabs\",\n displayName: \"Antd Tabs\",\n props: {\n type: {\n type: \"choice\",\n options: [\"line\", \"card\", \"editable-card\"],\n defaultValueHint: \"line\",\n description: \"Basic style of tabs\",\n },\n addIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n animated: {\n type: \"object\",\n hidden: (props) => props.tabPosition !== \"top\" && !!props.tabPosition,\n defaultValueHint: { inkBar: true, tabPane: false },\n description:\n \"Whether to change tabs with animation. Can be either a boolean or specify for inkBar and tabPane\",\n },\n hideAdd: {\n type: \"boolean\",\n hidden: (props) => props.type !== \"editable-card\",\n defaultValueHint: false,\n description: \"Hide plus icon or not\",\n },\n moreIcon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n size: {\n type: \"choice\",\n options: [\"large\", \"default\", \"small\"],\n defaultValueHint: \"default\",\n description: \"Preset tab bar size\",\n },\n tabPosition: {\n type: \"choice\",\n options: [\"top\", \"right\", \"bottom\", \"left\"],\n defaultValueHint: \"top\",\n description: \"Position of tabs\",\n },\n tabBarGutter: {\n type: \"number\",\n description: \"The gap between tabs\",\n },\n centered: {\n type: \"boolean\",\n description: \"Centers tabs\",\n defaultValueHint: false,\n },\n leftTabBarExtraContent: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n rightTabBarExtraContent: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n tabBarStyle: {\n type: \"object\",\n description: \"CSS for the Tab Bar style\",\n },\n activeKey: {\n type: \"choice\",\n editOnly: true,\n uncontrolledProp: \"defaultActiveKey\",\n description: \"Initial active TabPane's key\",\n options: (props) => {\n const options = new Set<string>();\n traverseReactEltTree(props.children, (elt) => {\n if (elt?.type === TabPane && typeof elt?.key === \"string\") {\n options.add(elt.key);\n }\n });\n return Array.from(options.keys());\n },\n },\n children: {\n type: \"slot\",\n allowedComponents: [\"AntdTabPane\"],\n defaultValue: [\n {\n type: \"component\",\n name: \"AntdTabPane\",\n props: {\n key: \"1\",\n tab: [\n {\n type: \"text\",\n value: \"Tab\",\n },\n ],\n children: [\n {\n type: \"text\",\n value: \"Tab content\",\n },\n ],\n },\n },\n {\n type: \"component\",\n name: \"AntdTabPane\",\n props: {\n key: \"2\",\n tab: [\n {\n type: \"text\",\n value: \"Tab\",\n },\n ],\n children: [\n {\n type: \"text\",\n value: \"Tab content\",\n },\n ],\n },\n },\n ],\n },\n },\n actions: [\n {\n type: \"custom-action\",\n control: NavigateTabs,\n },\n {\n type: \"button-action\",\n label: \"Add new tab\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n // Get the first positive integer that isn't already a key\n const generateNewKey = () => {\n const keysSet = new Set<string>();\n traverseReactEltTree(componentProps.children, (elt) => {\n if (elt?.type === TabPane && typeof elt?.key === \"string\") {\n keysSet.add(elt.key);\n }\n });\n\n for (\n let keyCandidate = 1;\n keyCandidate <= keysSet.size + 1;\n keyCandidate++\n ) {\n const strKey = keyCandidate.toString();\n if (!keysSet.has(strKey)) {\n return strKey;\n }\n }\n\n return undefined;\n };\n\n const tabKey = generateNewKey();\n studioOps.appendToSlot(\n {\n type: \"component\",\n name: \"AntdTabPane\",\n props: {\n key: tabKey,\n },\n },\n \"children\"\n );\n studioOps.updateProps({ activeKey: tabKey });\n },\n },\n {\n type: \"button-action\",\n label: \"Delete current tab\",\n onClick: ({ componentProps, studioOps }: ActionProps<any>) => {\n if (componentProps.activeKey) {\n const tabPanes: string[] = [];\n traverseReactEltTree(componentProps.children, (elt) => {\n if (elt?.type === TabPane && typeof elt?.key === \"string\") {\n tabPanes.push(elt.key);\n }\n });\n\n const activeKey = componentProps.activeKey;\n const currTabPos = tabPanes.findIndex((tabKey) => {\n return tabKey === activeKey;\n });\n\n if (currTabPos !== -1) {\n studioOps.removeFromSlotAt(currTabPos, \"children\");\n if (tabPanes.length - 1 > 0) {\n const prevTabPos =\n (currTabPos - 1 + tabPanes.length) % tabPanes.length;\n studioOps.updateProps({ activeKey: tabPanes[prevTabPos] });\n }\n }\n }\n },\n },\n {\n type: \"custom-action\",\n control: OutlineMessage,\n },\n ],\n importPath: \"@plasmicpkgs/antd/skinny/registerTabs\",\n importName: \"Tabs\",\n};\n\nexport function registerTabs(\n loader?: Registerable,\n customTabsMeta?: ComponentMeta<TabsProps>\n) {\n const doRegisterComponent: typeof registerComponent = (...args) =>\n loader ? loader.registerComponent(...args) : registerComponent(...args);\n doRegisterComponent(Tabs, customTabsMeta ?? tabsMeta);\n}\n"],"names":["AntdTabs","registerComponent","React","traverseReactEltTree","Button"],"mappings":"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"}
|
package/skinny/registerTabs.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentMeta } from "@plasmicapp/host/registerComponent";
|
|
2
|
-
import { TabPaneProps, TabsProps as AntdTabsProps } from "antd/
|
|
2
|
+
import type { TabPaneProps, TabsProps as AntdTabsProps } from "antd/es/tabs";
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Registerable } from "./registerable";
|
|
5
5
|
export declare const TabPane: React.FC<TabPaneProps>;
|