@formily-design/formily-antd 1.0.0

package/lib/components/ArrayCards/preview.js

@@ -0,0 +1,245 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayCards = void 0;
+const react_1 = __importStar(require("react"));
+const antd_1 = require("antd");
+const core_1 = require("@formily-design/core");
+const react_2 = require("@formily-design/react");
+const antd_v5_1 = require("@formily/antd-v5");
+const react_3 = require("@formily/react");
+const LoadTemplate_1 = require("../../common/LoadTemplate");
+const hooks_1 = require("../../hooks");
+const shared_1 = require("../../shared");
+const ArrayBase_1 = require("../ArrayBase");
+const classnames_1 = __importDefault(require("classnames"));
+require("./styles.less");
+const ensureObjectItemsNode = (0, shared_1.createEnsureTypeItemsNode)('object');
+const isArrayCardsOperation = (name) => name === 'ArrayCards.Remove' ||
+    name === 'ArrayCards.MoveDown' ||
+    name === 'ArrayCards.MoveUp';
+exports.ArrayCards = (0, react_3.observer)((props) => {
+    const node = (0, react_2.useTreeNode)();
+    const nodeId = (0, react_2.useNodeIdProps)();
+    const designer = (0, hooks_1.useDropTemplate)('ArrayCards', (source) => {
+        const indexNode = new core_1.TreeNode({
+            componentName: node.componentName,
+            props: {
+                type: 'void',
+                'x-component': 'ArrayCards.Index',
+            },
+        });
+        const additionNode = new core_1.TreeNode({
+            componentName: node.componentName,
+            props: {
+                type: 'void',
+                title: 'Addition',
+                'x-component': 'ArrayCards.Addition',
+            },
+        });
+        const removeNode = new core_1.TreeNode({
+            componentName: node.componentName,
+            props: {
+                type: 'void',
+                title: 'Addition',
+                'x-component': 'ArrayCards.Remove',
+            },
+        });
+        const moveDownNode = new core_1.TreeNode({
+            componentName: node.componentName,
+            props: {
+                type: 'void',
+                title: 'Addition',
+                'x-component': 'ArrayCards.MoveDown',
+            },
+        });
+        const moveUpNode = new core_1.TreeNode({
+            componentName: node.componentName,
+            props: {
+                type: 'void',
+                title: 'Addition',
+                'x-component': 'ArrayCards.MoveUp',
+            },
+        });
+        const objectNode = new core_1.TreeNode({
+            componentName: node.componentName,
+            props: {
+                type: 'object',
+            },
+            children: [indexNode, ...source, removeNode, moveDownNode, moveUpNode],
+        });
+        return [objectNode, additionNode];
+    });
+    const renderCard = () => {
+        if (node.children.length === 0)
+            return react_1.default.createElement(react_2.DroppableWidget, null);
+        const additions = (0, shared_1.queryNodesByComponentPath)(node, [
+            'ArrayCards',
+            'ArrayCards.Addition',
+        ]);
+        const indexes = (0, shared_1.queryNodesByComponentPath)(node, [
+            'ArrayCards',
+            '*',
+            'ArrayCards.Index',
+        ]);
+        const operations = (0, shared_1.queryNodesByComponentPath)(node, [
+            'ArrayCards',
+            '*',
+            isArrayCardsOperation,
+        ]);
+        const children = (0, shared_1.queryNodesByComponentPath)(node, [
+            'ArrayCards',
+            '*',
+            (name) => name.indexOf('ArrayCards.') === -1,
+        ]);
+        return (react_1.default.createElement(antd_v5_1.ArrayBase, { disabled: true },
+            react_1.default.createElement(antd_v5_1.ArrayBase.Item, { index: 0, record: null },
+                react_1.default.createElement(antd_1.Card, Object.assign({}, props, { title: react_1.default.createElement(react_1.Fragment, null,
+                        indexes.map((node, key) => (react_1.default.createElement(react_2.TreeNodeWidget, { key: key, node: node }))),
+                        react_1.default.createElement("span", { "data-content-editable": "x-component-props.title" }, props.title)), className: (0, classnames_1.default)('ant-formily-array-cards-item', props.className), extra: react_1.default.createElement(react_1.Fragment, null,
+                        operations.map((node) => (react_1.default.createElement(react_2.TreeNodeWidget, { key: node.id, node: node }))),
+                        props.extra) }),
+                    react_1.default.createElement("div", Object.assign({}, (0, shared_1.createNodeId)(designer, ensureObjectItemsNode(node).id)), children.length ? (children.map((node) => (react_1.default.createElement(react_2.TreeNodeWidget, { key: node.id, node: node })))) : (react_1.default.createElement(react_2.DroppableWidget, { hasChildren: false }))))),
+            additions.map((node) => (react_1.default.createElement(react_2.TreeNodeWidget, { key: node.id, node: node })))));
+    };
+    return (react_1.default.createElement("div", Object.assign({}, nodeId, { className: "dn-array-cards" }),
+        renderCard(),
+        react_1.default.createElement(LoadTemplate_1.LoadTemplate, { actions: [
+                {
+                    title: node.getMessage('addIndex'),
+                    icon: 'AddIndex',
+                    onClick: () => {
+                        if ((0, shared_1.hasNodeByComponentPath)(node, [
+                            'ArrayCards',
+                            '*',
+                            'ArrayCards.Index',
+                        ]))
+                            return;
+                        const indexNode = new core_1.TreeNode({
+                            componentName: node.componentName,
+                            props: {
+                                type: 'void',
+                                'x-component': 'ArrayCards.Index',
+                            },
+                        });
+                        ensureObjectItemsNode(node).append(indexNode);
+                    },
+                },
+                {
+                    title: node.getMessage('addOperation'),
+                    icon: 'AddOperation',
+                    onClick: () => {
+                        const oldAdditionNode = (0, shared_1.findNodeByComponentPath)(node, [
+                            'ArrayCards',
+                            'ArrayCards.Addition',
+                        ]);
+                        if (!oldAdditionNode) {
+                            const additionNode = new core_1.TreeNode({
+                                componentName: node.componentName,
+                                props: {
+                                    type: 'void',
+                                    title: 'Addition',
+                                    'x-component': 'ArrayCards.Addition',
+                                },
+                            });
+                            ensureObjectItemsNode(node).insertAfter(additionNode);
+                        }
+                        const oldRemoveNode = (0, shared_1.findNodeByComponentPath)(node, [
+                            'ArrayCards',
+                            '*',
+                            'ArrayCards.Remove',
+                        ]);
+                        const oldMoveDownNode = (0, shared_1.findNodeByComponentPath)(node, [
+                            'ArrayCards',
+                            '*',
+                            'ArrayCards.MoveDown',
+                        ]);
+                        const oldMoveUpNode = (0, shared_1.findNodeByComponentPath)(node, [
+                            'ArrayCards',
+                            '*',
+                            'ArrayCards.MoveUp',
+                        ]);
+                        if (!oldRemoveNode) {
+                            ensureObjectItemsNode(node).append(new core_1.TreeNode({
+                                componentName: node.componentName,
+                                props: {
+                                    type: 'void',
+                                    'x-component': 'ArrayCards.Remove',
+                                },
+                            }));
+                        }
+                        if (!oldMoveDownNode) {
+                            ensureObjectItemsNode(node).append(new core_1.TreeNode({
+                                componentName: node.componentName,
+                                props: {
+                                    type: 'void',
+                                    'x-component': 'ArrayCards.MoveDown',
+                                },
+                            }));
+                        }
+                        if (!oldMoveUpNode) {
+                            ensureObjectItemsNode(node).append(new core_1.TreeNode({
+                                componentName: node.componentName,
+                                props: {
+                                    type: 'void',
+                                    'x-component': 'ArrayCards.MoveUp',
+                                },
+                            }));
+                        }
+                    },
+                },
+            ] })));
+});
+antd_v5_1.ArrayBase.mixin(exports.ArrayCards);
+exports.ArrayCards.Behavior = (0, ArrayBase_1.createArrayBehavior)('ArrayCards');
+exports.ArrayCards.Resource = (0, core_1.createResource)({
+    icon: 'ArrayCardsSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'array',
+                'x-decorator': 'FormItem',
+                'x-component': 'ArrayCards',
+                'x-component-props': {
+                    title: `Title`,
+                },
+            },
+        },
+    ],
+});

package/lib/components/ArrayCards/styles.less

@@ -0,0 +1,2 @@
+.dn-array-cards {
+}

package/lib/components/ArrayTable/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';

package/lib/components/ArrayTable/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./preview"), exports);

package/lib/components/ArrayTable/preview.d.ts

@@ -0,0 +1,4 @@
+import { TableProps } from 'antd';
+import { DnFC } from '@formily-design/react';
+import './styles.less';
+export declare const ArrayTable: DnFC<TableProps<any>>;

package/lib/components/ArrayTable/preview.js

@@ -0,0 +1,390 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayTable = void 0;
+const react_1 = __importDefault(require("react"));
+const antd_1 = require("antd");
+const core_1 = require("@formily-design/core");
+const react_2 = require("@formily-design/react");
+const antd_v5_1 = require("@formily/antd-v5");
+const react_3 = require("@formily/react");
+const LoadTemplate_1 = require("../../common/LoadTemplate");
+const classnames_1 = __importDefault(require("classnames"));
+const shared_1 = require("../../shared");
+const hooks_1 = require("../../hooks");
+const ArrayBase_1 = require("../ArrayBase");
+require("./styles.less");
+const Field_1 = require("../Field");
+const schemas_1 = require("../../schemas");
+const locales_1 = require("../../locales");
+const ensureObjectItemsNode = (0, shared_1.createEnsureTypeItemsNode)('object');
+const HeaderCell = (props) => {
+    var _a;
+    return (react_1.default.createElement("th", Object.assign({}, props, { "data-designer-node-id": (_a = props.className.match(/data-id\:([^\s]+)/)) === null || _a === void 0 ? void 0 : _a[1] }), props.children));
+};
+const BodyCell = (props) => {
+    var _a;
+    return (react_1.default.createElement("td", Object.assign({}, props, { "data-designer-node-id": (_a = props.className.match(/data-id\:([^\s]+)/)) === null || _a === void 0 ? void 0 : _a[1] }), props.children));
+};
+exports.ArrayTable = (0, react_3.observer)((props) => {
+    const node = (0, react_2.useTreeNode)();
+    const nodeId = (0, react_2.useNodeIdProps)();
+    (0, hooks_1.useDropTemplate)('ArrayTable', (source) => {
+        const sortHandleNode = new core_1.TreeNode({
+            componentName: 'Field',
+            props: {
+                type: 'void',
+                'x-component': 'ArrayTable.Column',
+                'x-component-props': {
+                    title: `Title`,
+                },
+            },
+            children: [
+                {
+                    componentName: 'Field',
+                    props: {
+                        type: 'void',
+                        'x-component': 'ArrayTable.SortHandle',
+                    },
+                },
+            ],
+        });
+        const indexNode = new core_1.TreeNode({
+            componentName: 'Field',
+            props: {
+                type: 'void',
+                'x-component': 'ArrayTable.Column',
+                'x-component-props': {
+                    title: `Title`,
+                },
+            },
+            children: [
+                {
+                    componentName: 'Field',
+                    props: {
+                        type: 'void',
+                        'x-component': 'ArrayTable.Index',
+                    },
+                },
+            ],
+        });
+        const columnNode = new core_1.TreeNode({
+            componentName: 'Field',
+            props: {
+                type: 'void',
+                'x-component': 'ArrayTable.Column',
+                'x-component-props': {
+                    title: `Title`,
+                },
+            },
+            children: source.map((node) => {
+                node.props.title = undefined;
+                return node;
+            }),
+        });
+        const operationNode = new core_1.TreeNode({
+            componentName: 'Field',
+            props: {
+                type: 'void',
+                'x-component': 'ArrayTable.Column',
+                'x-component-props': {
+                    title: `Title`,
+                },
+            },
+            children: [
+                {
+                    componentName: 'Field',
+                    props: {
+                        type: 'void',
+                        'x-component': 'ArrayTable.Remove',
+                    },
+                },
+                {
+                    componentName: 'Field',
+                    props: {
+                        type: 'void',
+                        'x-component': 'ArrayTable.MoveDown',
+                    },
+                },
+                {
+                    componentName: 'Field',
+                    props: {
+                        type: 'void',
+                        'x-component': 'ArrayTable.MoveUp',
+                    },
+                },
+            ],
+        });
+        const objectNode = new core_1.TreeNode({
+            componentName: 'Field',
+            props: {
+                type: 'object',
+            },
+            children: [sortHandleNode, indexNode, columnNode, operationNode],
+        });
+        const additionNode = new core_1.TreeNode({
+            componentName: 'Field',
+            props: {
+                type: 'void',
+                title: 'Addition',
+                'x-component': 'ArrayTable.Addition',
+            },
+        });
+        return [objectNode, additionNode];
+    });
+    const columns = (0, shared_1.queryNodesByComponentPath)(node, [
+        'ArrayTable',
+        '*',
+        'ArrayTable.Column',
+    ]);
+    const additions = (0, shared_1.queryNodesByComponentPath)(node, [
+        'ArrayTable',
+        'ArrayTable.Addition',
+    ]);
+    const defaultRowKey = () => {
+        return node.id;
+    };
+    const renderTable = () => {
+        if (node.children.length === 0)
+            return react_1.default.createElement(react_2.DroppableWidget, null);
+        return (react_1.default.createElement(antd_v5_1.ArrayBase, { disabled: true },
+            react_1.default.createElement(antd_1.Table, Object.assign({ size: "small", bordered: true }, props, { scroll: { x: '100%' }, className: (0, classnames_1.default)('ant-formily-array-table', props.className), style: Object.assign({ marginBottom: 10 }, props.style), rowKey: defaultRowKey, dataSource: [{ id: '1' }], pagination: false, components: {
+                    header: {
+                        cell: HeaderCell,
+                    },
+                    body: {
+                        cell: BodyCell,
+                    },
+                } }),
+                columns.map((node) => {
+                    const children = node.children.map((child) => {
+                        return react_1.default.createElement(react_2.TreeNodeWidget, { node: child, key: child.id });
+                    });
+                    const props = node.props['x-component-props'];
+                    return (react_1.default.createElement(antd_1.Table.Column, Object.assign({}, props, { title: react_1.default.createElement("div", { "data-content-editable": "x-component-props.title" }, props.title), dataIndex: node.id, className: `data-id:${node.id}`, key: node.id, render: (value, record, key) => {
+                            return (react_1.default.createElement(antd_v5_1.ArrayBase.Item, { key: key, index: key, record: null }, children.length > 0 ? children : 'Droppable'));
+                        } })));
+                }),
+                columns.length === 0 && (react_1.default.createElement(antd_1.Table.Column, { render: () => react_1.default.createElement(react_2.DroppableWidget, null) }))),
+            additions.map((child) => {
+                return react_1.default.createElement(react_2.TreeNodeWidget, { node: child, key: child.id });
+            })));
+    };
+    (0, hooks_1.useDropTemplate)('ArrayTable.Column', (source) => {
+        return source.map((node) => {
+            node.props.title = undefined;
+            return node;
+        });
+    });
+    return (react_1.default.createElement("div", Object.assign({}, nodeId, { className: "dn-array-table" }),
+        renderTable(),
+        react_1.default.createElement(LoadTemplate_1.LoadTemplate, { actions: [
+                {
+                    title: node.getMessage('addSortHandle'),
+                    icon: 'AddSort',
+                    onClick: () => {
+                        if ((0, shared_1.hasNodeByComponentPath)(node, [
+                            'ArrayTable',
+                            '*',
+                            'ArrayTable.Column',
+                            'ArrayTable.SortHandle',
+                        ]))
+                            return;
+                        const tableColumn = new core_1.TreeNode({
+                            componentName: 'Field',
+                            props: {
+                                type: 'void',
+                                'x-component': 'ArrayTable.Column',
+                                'x-component-props': {
+                                    title: `Title`,
+                                },
+                            },
+                            children: [
+                                {
+                                    componentName: 'Field',
+                                    props: {
+                                        type: 'void',
+                                        'x-component': 'ArrayTable.SortHandle',
+                                    },
+                                },
+                            ],
+                        });
+                        ensureObjectItemsNode(node).prepend(tableColumn);
+                    },
+                },
+                {
+                    title: node.getMessage('addIndex'),
+                    icon: 'AddIndex',
+                    onClick: () => {
+                        if ((0, shared_1.hasNodeByComponentPath)(node, [
+                            'ArrayTable',
+                            '*',
+                            'ArrayTable.Column',
+                            'ArrayTable.Index',
+                        ]))
+                            return;
+                        const tableColumn = new core_1.TreeNode({
+                            componentName: 'Field',
+                            props: {
+                                type: 'void',
+                                'x-component': 'ArrayTable.Column',
+                                'x-component-props': {
+                                    title: `Title`,
+                                },
+                            },
+                            children: [
+                                {
+                                    componentName: 'Field',
+                                    props: {
+                                        type: 'void',
+                                        'x-component': 'ArrayTable.Index',
+                                    },
+                                },
+                            ],
+                        });
+                        const sortNode = (0, shared_1.findNodeByComponentPath)(node, [
+                            'ArrayTable',
+                            '*',
+                            'ArrayTable.Column',
+                            'ArrayTable.SortHandle',
+                        ]);
+                        if (sortNode) {
+                            sortNode.parent.insertAfter(tableColumn);
+                        }
+                        else {
+                            ensureObjectItemsNode(node).prepend(tableColumn);
+                        }
+                    },
+                },
+                {
+                    title: node.getMessage('addColumn'),
+                    icon: 'AddColumn',
+                    onClick: () => {
+                        const operationNode = (0, shared_1.findNodeByComponentPath)(node, [
+                            'ArrayTable',
+                            '*',
+                            'ArrayTable.Column',
+                            (name) => {
+                                return (name === 'ArrayTable.Remove' ||
+                                    name === 'ArrayTable.MoveDown' ||
+                                    name === 'ArrayTable.MoveUp');
+                            },
+                        ]);
+                        const tableColumn = new core_1.TreeNode({
+                            componentName: 'Field',
+                            props: {
+                                type: 'void',
+                                'x-component': 'ArrayTable.Column',
+                                'x-component-props': {
+                                    title: `Title`,
+                                },
+                            },
+                        });
+                        if (operationNode) {
+                            operationNode.parent.insertBefore(tableColumn);
+                        }
+                        else {
+                            ensureObjectItemsNode(node).append(tableColumn);
+                        }
+                    },
+                },
+                {
+                    title: node.getMessage('addOperation'),
+                    icon: 'AddOperation',
+                    onClick: () => {
+                        const oldOperationNode = (0, shared_1.findNodeByComponentPath)(node, [
+                            'ArrayTable',
+                            '*',
+                            'ArrayTable.Column',
+                            (name) => {
+                                return (name === 'ArrayTable.Remove' ||
+                                    name === 'ArrayTable.MoveDown' ||
+                                    name === 'ArrayTable.MoveUp');
+                            },
+                        ]);
+                        const oldAdditionNode = (0, shared_1.findNodeByComponentPath)(node, [
+                            'ArrayTable',
+                            'ArrayTable.Addition',
+                        ]);
+                        if (!oldOperationNode) {
+                            const operationNode = new core_1.TreeNode({
+                                componentName: 'Field',
+                                props: {
+                                    type: 'void',
+                                    'x-component': 'ArrayTable.Column',
+                                    'x-component-props': {
+                                        title: `Title`,
+                                    },
+                                },
+                                children: [
+                                    {
+                                        componentName: 'Field',
+                                        props: {
+                                            type: 'void',
+                                            'x-component': 'ArrayTable.Remove',
+                                        },
+                                    },
+                                    {
+                                        componentName: 'Field',
+                                        props: {
+                                            type: 'void',
+                                            'x-component': 'ArrayTable.MoveDown',
+                                        },
+                                    },
+                                    {
+                                        componentName: 'Field',
+                                        props: {
+                                            type: 'void',
+                                            'x-component': 'ArrayTable.MoveUp',
+                                        },
+                                    },
+                                ],
+                            });
+                            ensureObjectItemsNode(node).append(operationNode);
+                        }
+                        if (!oldAdditionNode) {
+                            const additionNode = new core_1.TreeNode({
+                                componentName: 'Field',
+                                props: {
+                                    type: 'void',
+                                    title: 'Addition',
+                                    'x-component': 'ArrayTable.Addition',
+                                },
+                            });
+                            ensureObjectItemsNode(node).insertAfter(additionNode);
+                        }
+                    },
+                },
+            ] })));
+});
+antd_v5_1.ArrayBase.mixin(exports.ArrayTable);
+exports.ArrayTable.Behavior = (0, core_1.createBehavior)((0, ArrayBase_1.createArrayBehavior)('ArrayTable'), {
+    name: 'ArrayTable.Column',
+    extends: ['Field'],
+    selector: (node) => node.props['x-component'] === 'ArrayTable.Column',
+    designerProps: {
+        droppable: true,
+        allowDrop: (node) => {
+            var _a, _b;
+            return node.props['type'] === 'object' &&
+                ((_b = (_a = node.parent) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b['x-component']) === 'ArrayTable';
+        },
+        propsSchema: (0, Field_1.createVoidFieldSchema)(schemas_1.AllSchemas.ArrayTable.Column),
+    },
+    designerLocales: locales_1.AllLocales.ArrayTableColumn,
+});
+exports.ArrayTable.Resource = (0, core_1.createResource)({
+    icon: 'ArrayTableSource',
+    elements: [
+        {
+            componentName: 'Field',
+            props: {
+                type: 'array',
+                'x-decorator': 'FormItem',
+                'x-component': 'ArrayTable',
+            },
+        },
+    ],
+});

package/lib/components/ArrayTable/styles.less

@@ -0,0 +1,2 @@
+.dn-array-table {
+}

package/lib/components/Card/index.d.ts

@@ -0,0 +1 @@
+export * from './preview';