@nocobase/client 0.5.0-alpha.36 → 0.7.0-alpha.0

package/lib/schema-component/antd/kanban/Kanban.js

@@ -0,0 +1,160 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Kanban = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var antd_1 = require("antd");
+var react_2 = require("react");
+var __1 = require("../..");
+var __2 = require("../../../");
+var board_1 = require("../../../board");
+require("../../../board/style.less");
+var action_1 = require("../action");
+var context_1 = require("./context");
+var Kanban_Card_1 = require("./Kanban.Card");
+var Kanban_Card_Designer_1 = require("./Kanban.Card.Designer");
+var Kanban_CardViewer_1 = require("./Kanban.CardViewer");
+var Kanban_Designer_1 = require("./Kanban.Designer");
+var utils_1 = require("./utils");
+var useRequestProps = function (props) {
+    var request = props.request, dataSource = props.dataSource;
+    if (request) {
+        return request;
+    }
+    return function (params) {
+        if (params === void 0) { params = {}; }
+        return Promise.resolve({
+            data: dataSource,
+        });
+    };
+};
+var useDefDataSource = function (options, props) {
+    return (0, __2.useRequest)(useRequestProps(props), options);
+};
+var useCreateKanbanCardValues = function (options) {
+    var _a = (0, react_2.useContext)(context_1.KanbanColumnContext), column = _a.column, groupField = _a.groupField;
+    return (0, __2.useRequest)(function () {
+        var _a;
+        return Promise.resolve({
+            data: (_a = {},
+                _a[groupField.name] = column.id === '__unknown__' ? undefined : column.id,
+                _a),
+        });
+    }, __assign(__assign({}, options), { refreshDeps: [column.id] }));
+};
+exports.Kanban = (0, react_1.observer)(function (props) {
+    var _a, _b;
+    var _c = props.useDataSource, useDataSource = _c === void 0 ? useDefDataSource : _c, groupField = props.groupField, useEvents = props.useEvents, restProps = __rest(props, ["useDataSource", "groupField", "useEvents"]);
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var _d = __read((0, react_2.useState)({ columns: [] }), 2), board = _d[0], setBoard = _d[1];
+    var _e = __read((0, react_2.useState)(false), 2), visible = _e[0], setVisible = _e[1];
+    var _f = __read((0, react_2.useState)({}), 2), record = _f[0], setRecord = _f[1];
+    var onCardDragEnd = ((_a = useEvents === null || useEvents === void 0 ? void 0 : useEvents()) !== null && _a !== void 0 ? _a : {}).onCardDragEnd;
+    var _g = __read((0, react_2.useState)(false), 2), disableCardDrag = _g[0], setDisableCardDrag = _g[1];
+    var result = useDataSource({
+        uid: fieldSchema['x-uid'],
+        // refreshDeps: [props.dataSource],
+        onSuccess: function (_a) {
+            var data = _a.data;
+            var ds = (0, utils_1.toGroupDataSource)(groupField, data);
+            setBoard(ds);
+            field.value = ds.columns;
+        },
+    }, props);
+    var cardSchema = fieldSchema.reduceProperties(function (buf, current) {
+        if (current['x-component'] === 'Kanban.Card') {
+            return current;
+        }
+        return buf;
+    }, null);
+    var cardAdderSchema = fieldSchema.reduceProperties(function (buf, current) {
+        if (current['x-component'] === 'Kanban.CardAdder') {
+            return current;
+        }
+        return buf;
+    }, null);
+    var cardViewerSchema = fieldSchema.reduceProperties(function (buf, current) {
+        if (current['x-component'] === 'Kanban.CardViewer') {
+            return current;
+        }
+        return buf;
+    }, null);
+    var cardRemoveHandler = function (card, column) {
+        var updatedBoard = board_1.Board.removeCard({ columns: field.value }, column, card);
+        field.value = updatedBoard.columns;
+    };
+    var cardDragEndHandler = function (card, fromColumn, toColumn) {
+        onCardDragEnd === null || onCardDragEnd === void 0 ? void 0 : onCardDragEnd({ columns: field.value, groupField: groupField }, fromColumn, toColumn);
+        var updatedBoard = board_1.Board.moveCard({ columns: field.value }, fromColumn, toColumn);
+        field.value = updatedBoard.columns;
+    };
+    return ((0, jsx_runtime_1.jsx)(antd_1.Spin, __assign({ spinning: result.loading }, { children: (0, jsx_runtime_1.jsx)(__2.AsyncDataProvider, __assign({ value: result }, { children: (0, jsx_runtime_1.jsx)(board_1.Board, __assign({ disableCardDrag: disableCardDrag, onCardRemove: cardRemoveHandler, onCardDragEnd: cardDragEndHandler, renderColumnHeader: function (_a) {
+                    var title = _a.title, color = _a.color;
+                    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'react-kanban-column-header' }, { children: (0, jsx_runtime_1.jsx)(antd_1.Tag, __assign({ color: color }, { children: title }), void 0) }), void 0));
+                }, renderCard: function (card, _a) {
+                    var _b, _c;
+                    var column = _a.column, dragging = _a.dragging;
+                    var columnIndex = (_b = field.value) === null || _b === void 0 ? void 0 : _b.indexOf(column);
+                    var cardIndex = (_c = column === null || column === void 0 ? void 0 : column.cards) === null || _c === void 0 ? void 0 : _c.indexOf(card);
+                    return (cardSchema && ((0, jsx_runtime_1.jsx)(__2.RecordProvider, __assign({ record: card }, { children: (0, jsx_runtime_1.jsx)(context_1.KanbanCardContext.Provider, __assign({ value: {
+                                setDisableCardDrag: setDisableCardDrag,
+                                cardViewerSchema: cardViewerSchema,
+                                cardField: field,
+                                card: card,
+                                column: column,
+                                dragging: dragging,
+                                columnIndex: columnIndex,
+                                cardIndex: cardIndex,
+                            } }, { children: (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: cardSchema.name, schema: cardSchema }, void 0) }), void 0) }), void 0)));
+                }, renderCardAdder: function (_a) {
+                    var column = _a.column;
+                    return ((0, jsx_runtime_1.jsx)(context_1.KanbanColumnContext.Provider, __assign({ value: { column: column, groupField: groupField } }, { children: (0, jsx_runtime_1.jsx)(__1.SchemaComponentOptions, __assign({ scope: { useCreateKanbanCardValues: useCreateKanbanCardValues } }, { children: (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: cardAdderSchema.name, schema: cardAdderSchema }, void 0) }), void 0) }), void 0));
+                } }, restProps, { children: {
+                    columns: ((_b = field.value) === null || _b === void 0 ? void 0 : _b.slice()) || [],
+                } }), void 0) }), void 0) }), void 0));
+});
+exports.Kanban.Card = Kanban_Card_1.KanbanCard;
+exports.Kanban.CardAdder = action_1.Action;
+exports.Kanban.CardViewer = Kanban_CardViewer_1.KanbanCardViewer;
+exports.Kanban.Card.Designer = Kanban_Card_Designer_1.KanbanCardDesigner;
+exports.Kanban.Designer = Kanban_Designer_1.KanbanDesigner;
+//# sourceMappingURL=Kanban.js.map

package/lib/schema-component/antd/kanban/Kanban.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/kanban/Kanban.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ArrayField } from '@formily/core';\nimport { observer, RecursionField, Schema, useField, useFieldSchema } from '@formily/react';\nimport { Spin, Tag } from 'antd';\nimport React, { useContext, useState } from 'react';\nimport { SchemaComponentOptions } from '../..';\nimport { AsyncDataProvider, RecordProvider, useRequest } from '../../../';\nimport { Board } from '../../../board';\nimport '../../../board/style.less';\nimport { Action } from '../action';\nimport { KanbanCardContext, KanbanColumnContext } from './context';\nimport { KanbanCard } from './Kanban.Card';\nimport { KanbanCardDesigner } from './Kanban.Card.Designer';\nimport { KanbanCardViewer } from './Kanban.CardViewer';\nimport { KanbanDesigner } from './Kanban.Designer';\nimport { toGroupDataSource } from './utils';\n\nconst useRequestProps = (props) => {\n  const { request, dataSource } = props;\n  if (request) {\n    return request;\n  }\n  return (params: any = {}) => {\n    return Promise.resolve({\n      data: dataSource,\n    });\n  };\n};\n\nconst useDefDataSource = (options, props) => {\n  return useRequest(useRequestProps(props), options);\n};\n\nconst useCreateKanbanCardValues = (options) => {\n  const { column, groupField } = useContext(KanbanColumnContext);\n  return useRequest(\n    () =>\n      Promise.resolve({\n        data: {\n          [groupField.name]: column.id === '__unknown__' ? undefined : column.id,\n        },\n      }),\n    {\n      ...options,\n      refreshDeps: [column.id],\n    },\n  );\n};\n\nexport const Kanban: ComposedKanban = observer((props: any) => {\n  const { useDataSource = useDefDataSource, groupField, useEvents, ...restProps } = props;\n  const field = useField<ArrayField>();\n  const fieldSchema = useFieldSchema();\n  const [board, setBoard] = useState<any>({ columns: [] });\n  const [visible, setVisible] = useState(false);\n  const [record, setRecord] = useState<any>({});\n  const { onCardDragEnd } = useEvents?.() ?? {};\n  const [disableCardDrag, setDisableCardDrag] = useState(false);\n  const result = useDataSource(\n    {\n      uid: fieldSchema['x-uid'],\n      // refreshDeps: [props.dataSource],\n      onSuccess({ data }) {\n        const ds = toGroupDataSource(groupField, data);\n        setBoard(ds);\n        field.value = ds.columns;\n      },\n    },\n    props,\n  );\n  const cardSchema: Schema = fieldSchema.reduceProperties((buf, current) => {\n    if (current['x-component'] === 'Kanban.Card') {\n      return current;\n    }\n    return buf;\n  }, null);\n  const cardAdderSchema: Schema = fieldSchema.reduceProperties((buf, current) => {\n    if (current['x-component'] === 'Kanban.CardAdder') {\n      return current;\n    }\n    return buf;\n  }, null);\n  const cardViewerSchema: Schema = fieldSchema.reduceProperties((buf, current) => {\n    if (current['x-component'] === 'Kanban.CardViewer') {\n      return current;\n    }\n    return buf;\n  }, null);\n\n  const cardRemoveHandler = (card, column) => {\n    const updatedBoard = Board.removeCard({ columns: field.value }, column, card);\n    field.value = updatedBoard.columns;\n  };\n  const cardDragEndHandler = (card, fromColumn, toColumn) => {\n    onCardDragEnd?.({ columns: field.value, groupField }, fromColumn, toColumn);\n    const updatedBoard = Board.moveCard({ columns: field.value }, fromColumn, toColumn);\n    field.value = updatedBoard.columns;\n  };\n  return (\n    <Spin spinning={result.loading}>\n      <AsyncDataProvider value={result}>\n        <Board\n          disableCardDrag={disableCardDrag}\n          onCardRemove={cardRemoveHandler}\n          onCardDragEnd={cardDragEndHandler}\n          renderColumnHeader={({ title, color }) => (\n            <div className={'react-kanban-column-header'}>\n              <Tag color={color}>{title}</Tag>\n            </div>\n          )}\n          renderCard={(card, { column, dragging }) => {\n            const columnIndex = field.value?.indexOf(column);\n            const cardIndex = column?.cards?.indexOf(card);\n            return (\n              cardSchema && (\n                <RecordProvider record={card}>\n                  <KanbanCardContext.Provider\n                    value={{\n                      setDisableCardDrag,\n                      cardViewerSchema,\n                      cardField: field,\n                      card,\n                      column,\n                      dragging,\n                      columnIndex,\n                      cardIndex,\n                    }}\n                  >\n                    <RecursionField name={cardSchema.name} schema={cardSchema} />\n                  </KanbanCardContext.Provider>\n                </RecordProvider>\n              )\n            );\n          }}\n          renderCardAdder={({ column }) => {\n            return (\n              <KanbanColumnContext.Provider value={{ column, groupField }}>\n                <SchemaComponentOptions scope={{ useCreateKanbanCardValues }}>\n                  <RecursionField name={cardAdderSchema.name} schema={cardAdderSchema} />\n                </SchemaComponentOptions>\n              </KanbanColumnContext.Provider>\n            );\n          }}\n          {...restProps}\n        >\n          {{\n            columns: field.value?.slice() || [],\n          }}\n        </Board>\n      </AsyncDataProvider>\n    </Spin>\n  );\n});\n\nKanban.Card = KanbanCard;\nKanban.CardAdder = Action;\nKanban.CardViewer = KanbanCardViewer;\nKanban.Card.Designer = KanbanCardDesigner;\nKanban.Designer = KanbanDesigner;\n"]}

package/lib/schema-component/antd/kanban/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const KanbanCardContext: import("react").Context<any>;
+export declare const KanbanColumnContext: import("react").Context<any>;

package/lib/schema-component/antd/kanban/context.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KanbanColumnContext = exports.KanbanCardContext = void 0;
+var react_1 = require("react");
+exports.KanbanCardContext = (0, react_1.createContext)(null);
+exports.KanbanColumnContext = (0, react_1.createContext)(null);
+//# sourceMappingURL=context.js.map

package/lib/schema-component/antd/kanban/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/kanban/context.ts"],"names":[],"mappings":";;;AAAA,+BAAsC;AAEzB,QAAA,iBAAiB,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;AACxC,QAAA,mBAAmB,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC","sourcesContent":["import { createContext } from 'react';\n\nexport const KanbanCardContext = createContext(null);\nexport const KanbanColumnContext = createContext(null);\n"]}

package/lib/schema-component/antd/kanban/hoooks/index.d.ts

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

package/lib/schema-component/antd/kanban/hoooks/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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("./useCardItemInitializerFields"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/kanban/hoooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/schema-component/antd/kanban/hoooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iEAA+C","sourcesContent":["export * from './useCardItemInitializerFields';\n"]}

package/lib/schema-component/antd/kanban/hoooks/useCardItemInitializerFields.d.ts

@@ -0,0 +1,2 @@
+import type { SchemaInitializerItemOptions } from '../../../../schema-initializer';
+export declare const useCardItemInitializerFields: () => SchemaInitializerItemOptions[];

package/lib/schema-component/antd/kanban/hoooks/useCardItemInitializerFields.js

@@ -0,0 +1,32 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCardItemInitializerFields = void 0;
+var collection_manager_1 = require("../../../../collection-manager");
+var utils_1 = require("../../../../schema-initializer/utils");
+var useCardItemInitializerFields = function () {
+    var _a;
+    var _b = (0, collection_manager_1.useCollection)(), name = _b.name, fields = _b.fields;
+    return (_a = fields === null || fields === void 0 ? void 0 : fields.filter(function (field) { return field === null || field === void 0 ? void 0 : field.interface; })) === null || _a === void 0 ? void 0 : _a.map(function (field) {
+        var _a, _b;
+        return {
+            type: 'item',
+            title: ((_a = field === null || field === void 0 ? void 0 : field.uiSchema) === null || _a === void 0 ? void 0 : _a.title) || field.name,
+            component: 'CollectionFieldInitializer',
+            remove: utils_1.removeGridFormItem,
+            schema: __assign({ name: field.name, title: ((_b = field === null || field === void 0 ? void 0 : field.uiSchema) === null || _b === void 0 ? void 0 : _b.title) || field.name, 'x-designer': 'FormItem.Designer', 'x-component': 'CollectionField', 'x-decorator': 'FormItem', 'x-read-pretty': true, 'x-collection-field': name + "." + field.name }, field === null || field === void 0 ? void 0 : field.uiSchema),
+        };
+    });
+};
+exports.useCardItemInitializerFields = useCardItemInitializerFields;
+//# sourceMappingURL=useCardItemInitializerFields.js.map

package/lib/schema-component/antd/kanban/hoooks/useCardItemInitializerFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCardItemInitializerFields.js","sourceRoot":"","sources":["../../../../../src/schema-component/antd/kanban/hoooks/useCardItemInitializerFields.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,qEAA+D;AAE/D,8DAA0E;AAEnE,IAAM,4BAA4B,GAAG;;IACpC,IAAA,KAAmB,IAAA,kCAAa,GAAE,EAAhC,IAAI,UAAA,EAAE,MAAM,YAAoB,CAAC;IACzC,OAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CACT,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAAhB,CAAgB,CAAC,0CACnC,GAAG,CAAC,UAAC,KAAK;;QACV,OAAO;YACL,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,KAAK,KAAI,KAAK,CAAC,IAAI;YAC3C,SAAS,EAAE,4BAA4B;YACvC,MAAM,EAAE,0BAAkB;YAC1B,MAAM,aACJ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,KAAK,KAAI,KAAK,CAAC,IAAI,EAC3C,YAAY,EAAE,mBAAmB,EACjC,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,UAAU,EACzB,eAAe,EAAE,IAAI,EACrB,oBAAoB,EAAK,IAAI,SAAI,KAAK,CAAC,IAAM,IAC1C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CACnB;SAC8B,CAAC;IACpC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAtBW,QAAA,4BAA4B,gCAsBvC","sourcesContent":["import { useCollection } from '../../../../collection-manager';\nimport type { SchemaInitializerItemOptions } from '../../../../schema-initializer';\nimport { removeGridFormItem } from '../../../../schema-initializer/utils';\n\nexport const useCardItemInitializerFields = () => {\n  const { name, fields } = useCollection();\n  return fields\n    ?.filter((field) => field?.interface)\n    ?.map((field) => {\n      return {\n        type: 'item',\n        title: field?.uiSchema?.title || field.name,\n        component: 'CollectionFieldInitializer',\n        remove: removeGridFormItem,\n        schema: {\n          name: field.name,\n          title: field?.uiSchema?.title || field.name,\n          'x-designer': 'FormItem.Designer',\n          'x-component': 'CollectionField',\n          'x-decorator': 'FormItem',\n          'x-read-pretty': true,\n          'x-collection-field': `${name}.${field.name}`,\n          ...field?.uiSchema,\n        },\n      } as SchemaInitializerItemOptions;\n    });\n};\n"]}

package/lib/schema-component/antd/kanban/index.d.ts

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

package/lib/schema-component/antd/kanban/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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("./Kanban"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/kanban/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/kanban/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB","sourcesContent":["export * from './Kanban';\n"]}

package/lib/schema-component/antd/kanban/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const toGroupDataSource: (groupField: IGroupField, dataSource?: Array<any>) => {
+    columns: {
+        id: string;
+        title: string;
+        color: string;
+        cards: any[];
+    }[];
+};

package/lib/schema-component/antd/kanban/utils.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toGroupDataSource = void 0;
+var toGroupDataSource = function (groupField, dataSource) {
+    if (dataSource === void 0) { dataSource = []; }
+    var groupDataSource = {
+        __unknown__: {
+            id: '__unknown__',
+            title: 'Unknown',
+            color: 'default',
+            cards: [],
+        },
+    };
+    groupField.enum.forEach(function (item) {
+        groupDataSource[item.value] = {
+            id: item.value,
+            title: item.label,
+            color: item.color,
+            cards: [],
+        };
+    });
+    dataSource.forEach(function (ds) {
+        var value = ds[groupField.name];
+        if (value && groupDataSource[value]) {
+            groupDataSource[value].cards.push(ds);
+        }
+        else {
+            groupDataSource.__unknown__.cards.push(ds);
+        }
+    });
+    if (groupDataSource.__unknown__.cards.length === 0) {
+        delete groupDataSource.__unknown__;
+    }
+    return { columns: Object.values(groupDataSource) };
+};
+exports.toGroupDataSource = toGroupDataSource;
+//# sourceMappingURL=utils.js.map

package/lib/schema-component/antd/kanban/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/kanban/utils.ts"],"names":[],"mappings":";;;AAAO,IAAM,iBAAiB,GAAG,UAAC,UAAuB,EAAE,UAA2B;IAA3B,2BAAA,EAAA,eAA2B;IACpF,IAAM,eAAe,GAAG;QACtB,WAAW,EAAE;YACX,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,EAAE;SACV;KACF,CAAC;IACF,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,UAAC,IAAI;QAC3B,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG;YAC5B,EAAE,EAAE,IAAI,CAAC,KAAK;YACd,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,EAAE;SACV,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,UAAU,CAAC,OAAO,CAAC,UAAC,EAAE;QACpB,IAAM,KAAK,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,KAAK,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;YACnC,eAAe,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACvC;aAAM;YACL,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC5C;IACH,CAAC,CAAC,CAAC;IACH,IAAI,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QAClD,OAAO,eAAe,CAAC,WAAW,CAAC;KACpC;IACD,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC;AACrD,CAAC,CAAC;AA7BW,QAAA,iBAAiB,qBA6B5B","sourcesContent":["export const toGroupDataSource = (groupField: IGroupField, dataSource: Array<any> = []) => {\n  const groupDataSource = {\n    __unknown__: {\n      id: '__unknown__',\n      title: 'Unknown',\n      color: 'default',\n      cards: [],\n    },\n  };\n  groupField.enum.forEach((item) => {\n    groupDataSource[item.value] = {\n      id: item.value,\n      title: item.label,\n      color: item.color,\n      cards: [],\n    };\n  });\n  dataSource.forEach((ds) => {\n    const value = ds[groupField.name];\n    if (value && groupDataSource[value]) {\n      groupDataSource[value].cards.push(ds);\n    } else {\n      groupDataSource.__unknown__.cards.push(ds);\n    }\n  });\n  if (groupDataSource.__unknown__.cards.length === 0) {\n    delete groupDataSource.__unknown__;\n  }\n  return { columns: Object.values(groupDataSource) };\n};\n"]}

package/lib/schema-component/antd/kanban-v2/Kanban.Card.Designer.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const KanbanCardDesigner: (props: any) => JSX.Element;

package/lib/schema-component/antd/kanban-v2/Kanban.Card.Designer.js

@@ -0,0 +1,96 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KanbanCardDesigner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_1 = require("@ant-design/icons");
+var css_1 = require("@emotion/css");
+var react_1 = require("@formily/react");
+var shared_1 = require("@formily/shared");
+var antd_1 = require("antd");
+var react_i18next_1 = require("react-i18next");
+var api_client_1 = require("../../../api-client");
+var schema_component_1 = require("../../../schema-component");
+var schema_initializer_1 = require("../../../schema-initializer");
+var utils_1 = require("../../../schema-initializer/utils");
+var titleCss = (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  pointer-events: none;\n  position: absolute;\n  font-size: 12px;\n  background: #f18b62;\n  color: #fff;\n  padding: 0 5px;\n  line-height: 16px;\n  height: 16px;\n  border-bottom-right-radius: 2px;\n  border-radius: 2px;\n  top: 2px;\n  left: 2px;\n"], ["\n  pointer-events: none;\n  position: absolute;\n  font-size: 12px;\n  background: #f18b62;\n  color: #fff;\n  padding: 0 5px;\n  line-height: 16px;\n  height: 16px;\n  border-bottom-right-radius: 2px;\n  border-radius: 2px;\n  top: 2px;\n  left: 2px;\n"])));
+var gridRowColWrap = function (schema) {
+    var _a, _b;
+    schema['x-read-pretty'] = true;
+    return {
+        type: 'void',
+        'x-component': 'Grid.Row',
+        properties: (_a = {},
+            _a[(0, shared_1.uid)()] = {
+                type: 'void',
+                'x-component': 'Grid.Col',
+                properties: (_b = {},
+                    _b[schema.name || (0, shared_1.uid)()] = schema,
+                    _b),
+            },
+            _a),
+    };
+};
+// export const removeGridFormItem = (schema, cb) => {
+//   cb(schema, {
+//     removeParentsIfNoChildren: true,
+//     breakRemoveOn: {
+//       'x-component': 'Kanban.Card',
+//     },
+//   });
+// };
+var KanbanCardDesigner = function (props) {
+    var _a = (0, schema_component_1.useDesignable)(), dn = _a.dn, designable = _a.designable;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var api = (0, api_client_1.useAPIClient)();
+    var refresh = (0, schema_component_1.useDesignable)().refresh;
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var fields = (0, utils_1.useFormItemInitializerFields)({ readPretty: true });
+    if (!designable) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'general-schema-designer' }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: 'general-schema-designer-icons' }, { children: (0, jsx_runtime_1.jsx)(antd_1.Space, __assign({ size: 2, align: 'center' }, { children: (0, jsx_runtime_1.jsx)(schema_initializer_1.SchemaInitializer.Button, { wrap: gridRowColWrap, insert: function (schema) {
+                        var gridSchema = fieldSchema.reduceProperties(function (buf, schema) {
+                            if (schema['x-component'] === 'Grid') {
+                                return schema;
+                            }
+                            return buf;
+                        }, null);
+                        console.log('schema', gridSchema);
+                        if (!gridSchema) {
+                            return;
+                        }
+                        var dn = (0, schema_component_1.createDesignable)({
+                            t: t,
+                            api: api,
+                            refresh: refresh,
+                            current: gridSchema,
+                        });
+                        dn.loadAPIClientEvents();
+                        dn.insertBeforeEnd(schema);
+                    }, items: [
+                        {
+                            type: 'itemGroup',
+                            title: t('Display fields'),
+                            children: fields,
+                        },
+                    ], component: (0, jsx_runtime_1.jsx)(icons_1.MenuOutlined, { style: { cursor: 'pointer', fontSize: 12 } }, void 0) }, void 0) }), void 0) }), void 0) }), void 0));
+};
+exports.KanbanCardDesigner = KanbanCardDesigner;
+var templateObject_1;
+//# sourceMappingURL=Kanban.Card.Designer.js.map

package/lib/schema-component/antd/kanban-v2/Kanban.Card.Designer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.Card.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/kanban-v2/Kanban.Card.Designer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { MenuOutlined } from '@ant-design/icons';\nimport { css } from '@emotion/css';\nimport { ISchema, useField, useFieldSchema } from '@formily/react';\nimport { uid } from '@formily/shared';\nimport { Space } from 'antd';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useAPIClient } from '../../../api-client';\nimport { createDesignable, useDesignable } from '../../../schema-component';\nimport { SchemaInitializer } from '../../../schema-initializer';\nimport { useFormItemInitializerFields } from '../../../schema-initializer/utils';\n\nconst titleCss = css`\n  pointer-events: none;\n  position: absolute;\n  font-size: 12px;\n  background: #f18b62;\n  color: #fff;\n  padding: 0 5px;\n  line-height: 16px;\n  height: 16px;\n  border-bottom-right-radius: 2px;\n  border-radius: 2px;\n  top: 2px;\n  left: 2px;\n`;\n\nconst gridRowColWrap = (schema: ISchema) => {\n  schema['x-read-pretty'] = true;\n  return {\n    type: 'void',\n    'x-component': 'Grid.Row',\n    properties: {\n      [uid()]: {\n        type: 'void',\n        'x-component': 'Grid.Col',\n        properties: {\n          [schema.name || uid()]: schema,\n        },\n      },\n    },\n  };\n};\n\n// export const removeGridFormItem = (schema, cb) => {\n//   cb(schema, {\n//     removeParentsIfNoChildren: true,\n//     breakRemoveOn: {\n//       'x-component': 'Kanban.Card',\n//     },\n//   });\n// };\n\nexport const KanbanCardDesigner = (props: any) => {\n  const { dn, designable } = useDesignable();\n  const { t } = useTranslation();\n  const api = useAPIClient();\n  const { refresh } = useDesignable();\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  const fields = useFormItemInitializerFields({ readPretty: true });\n  if (!designable) {\n    return null;\n  }\n  return (\n    <div className={'general-schema-designer'}>\n      <div className={'general-schema-designer-icons'}>\n        <Space size={2} align={'center'}>\n          <SchemaInitializer.Button\n            wrap={gridRowColWrap}\n            insert={(schema) => {\n              const gridSchema = fieldSchema.reduceProperties((buf, schema) => {\n                if (schema['x-component'] === 'Grid') {\n                  return schema;\n                }\n                return buf;\n              }, null);\n              console.log('schema', gridSchema)\n              if (!gridSchema) {\n                return;\n              }\n              const dn = createDesignable({\n                t,\n                api,\n                refresh,\n                current: gridSchema,\n              });\n              dn.loadAPIClientEvents();\n              dn.insertBeforeEnd(schema);\n            }}\n            items={[\n              {\n                type: 'itemGroup',\n                title: t('Display fields'),\n                children: fields,\n              },\n            ]}\n            component={<MenuOutlined style={{ cursor: 'pointer', fontSize: 12 }} />}\n          />\n        </Space>\n      </div>\n    </div>\n  );\n};\n"]}

package/lib/schema-component/antd/kanban-v2/Kanban.Card.d.ts

@@ -0,0 +1 @@
+export declare const KanbanCard: any;

package/lib/schema-component/antd/kanban-v2/Kanban.Card.js

@@ -0,0 +1,64 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KanbanCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var css_1 = require("@emotion/css");
+var antd_1 = require("@formily/antd");
+var react_1 = require("@formily/react");
+var antd_2 = require("antd");
+var react_2 = require("react");
+var __1 = require("..");
+var __2 = require("../..");
+var record_provider_1 = require("../../../record-provider");
+var SchemaComponentOptions_1 = require("../../core/SchemaComponentOptions");
+var context_1 = require("./context");
+var FormItem = (0, react_1.observer)(function (props) {
+    return (0, jsx_runtime_1.jsx)(__1.BlockItem, __assign({}, props), void 0);
+});
+exports.KanbanCard = (0, react_1.observer)(function (props) {
+    var _a = (0, react_2.useContext)(context_1.KanbanCardContext), setDisableCardDrag = _a.setDisableCardDrag, cardViewerSchema = _a.cardViewerSchema, card = _a.card, cardField = _a.cardField, columnIndex = _a.columnIndex, cardIndex = _a.cardIndex;
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var _b = __read((0, react_2.useState)(false), 2), visible = _b[0], setVisible = _b[1];
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(antd_2.Card, __assign({ onClick: function (e) {
+                    setVisible(true);
+                }, bordered: false, hoverable: true, style: { cursor: 'pointer', overflow: 'hidden' }, 
+                // bodyStyle={{ paddingBottom: 0 }}
+                className: (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          .ant-card-body {\n            padding: 16px;\n          }\n          .nb-row-divider {\n            height: 16px;\n            margin-top: -16px;\n            &:last-child {\n              margin-top: 0;\n            }\n          }\n          .ant-description-input {\n            text-overflow: ellipsis;\n            width: 100%;\n            overflow: hidden;\n          }\n          .ant-description-textarea {\n            text-overflow: ellipsis;\n            width: 100%;\n            overflow: hidden;\n          }\n          .ant-formily-item {\n            margin-bottom: 12px;\n          }\n          .nb-grid-row:last-of-type {\n            .nb-grid-col {\n              .nb-form-item:last-of-type {\n                .ant-formily-item {\n                  margin-bottom: 0;\n                }\n              }\n            }\n          }\n        "], ["\n          .ant-card-body {\n            padding: 16px;\n          }\n          .nb-row-divider {\n            height: 16px;\n            margin-top: -16px;\n            &:last-child {\n              margin-top: 0;\n            }\n          }\n          .ant-description-input {\n            text-overflow: ellipsis;\n            width: 100%;\n            overflow: hidden;\n          }\n          .ant-description-textarea {\n            text-overflow: ellipsis;\n            width: 100%;\n            overflow: hidden;\n          }\n          .ant-formily-item {\n            margin-bottom: 12px;\n          }\n          .nb-grid-row:last-of-type {\n            .nb-grid-col {\n              .nb-form-item:last-of-type {\n                .ant-formily-item {\n                  margin-bottom: 0;\n                }\n              }\n            }\n          }\n        "]))) }, { children: (0, jsx_runtime_1.jsx)(SchemaComponentOptions_1.SchemaComponentOptions, __assign({ components: {} }, { children: (0, jsx_runtime_1.jsx)(__2.DndContext, __assign({ onDragStart: function () {
+                            setDisableCardDrag(true);
+                        }, onDragEnd: function () {
+                            setDisableCardDrag(false);
+                        } }, { children: (0, jsx_runtime_1.jsx)(antd_1.FormLayout, __assign({ layout: 'vertical' }, { children: (0, jsx_runtime_1.jsx)(react_1.RecursionField, { basePath: cardField.address.concat(columnIndex + ".cards." + cardIndex), schema: fieldSchema, onlyRenderProperties: true }, void 0) }), void 0) }), void 0) }), void 0) }), void 0), cardViewerSchema && ((0, jsx_runtime_1.jsx)(__1.ActionContext.Provider, __assign({ value: { openMode: 'drawer', visible: visible, setVisible: setVisible } }, { children: (0, jsx_runtime_1.jsx)(record_provider_1.RecordProvider, __assign({ record: card }, { children: (0, jsx_runtime_1.jsx)(react_1.RecursionField, { basePath: cardField.address.concat(columnIndex + ".cardViewer." + cardIndex), schema: cardViewerSchema, onlyRenderProperties: true }, void 0) }), void 0) }), void 0))] }, void 0));
+});
+var templateObject_1;
+//# sourceMappingURL=Kanban.Card.js.map

package/lib/schema-component/antd/kanban-v2/Kanban.Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.Card.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/kanban-v2/Kanban.Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oCAAmC;AACnC,sCAA2C;AAC3C,wCAA0E;AAC1E,6BAA4B;AAC5B,+BAAoD;AACpD,wBAA8C;AAC9C,2BAAmC;AACnC,4DAA0D;AAC1D,4EAA2E;AAC3E,qCAA8C;AAE9C,IAAM,QAAQ,GAAG,IAAA,gBAAQ,EAAC,UAAC,KAAK;IAC9B,OAAO,uBAAC,aAAS,eAAK,KAAK,UAAI,CAAC;AAClC,CAAC,CAAC,CAAC;AAEU,QAAA,UAAU,GAAQ,IAAA,gBAAQ,EAAC,UAAC,KAAU;IAC3C,IAAA,KACJ,IAAA,kBAAU,EAAC,2BAAiB,CAAC,EADvB,kBAAkB,wBAAA,EAAE,gBAAgB,sBAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,SAAS,eACtD,CAAC;IAChC,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IAC/B,IAAA,KAAA,OAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAC9C,OAAO,CACL,6DACE,uBAAC,WAAI,aACH,OAAO,EAAE,UAAC,CAAC;oBACT,UAAU,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC,EACD,QAAQ,EAAE,KAAK,EACf,SAAS,QACT,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE;gBAChD,mCAAmC;gBACnC,SAAS,MAAE,SAAG,66BAAA,y2BAiCb,oBAED,uBAAC,+CAAsB,aAAC,UAAU,EAAE,EAAE,gBACpC,uBAAC,cAAU,aACT,WAAW,EAAE;4BACX,kBAAkB,CAAC,IAAI,CAAC,CAAC;wBAC3B,CAAC,EACD,SAAS,EAAE;4BACT,kBAAkB,CAAC,KAAK,CAAC,CAAC;wBAC5B,CAAC,gBAED,uBAAC,iBAAU,aAAC,MAAM,EAAE,UAAU,gBAC5B,uBAAC,sBAAc,IACb,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,CAAI,WAAW,eAAU,SAAW,CAAC,EACvE,MAAM,EAAE,WAAW,EACnB,oBAAoB,iBACpB,YACS,YACF,YACU,YACpB,EACN,gBAAgB,IAAI,CACnB,uBAAC,iBAAa,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,gBACxE,uBAAC,gCAAc,aAAC,MAAM,EAAE,IAAI,gBAC1B,uBAAC,sBAAc,IACb,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,MAAM,CAAI,WAAW,oBAAe,SAAW,CAAC,EAC5E,MAAM,EAAE,gBAAgB,EACxB,oBAAoB,iBACpB,YACa,YACM,CAC1B,YACA,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { css } from '@emotion/css';\nimport { FormLayout } from '@formily/antd';\nimport { observer, RecursionField, useFieldSchema } from '@formily/react';\nimport { Card } from 'antd';\nimport React, { useContext, useState } from 'react';\nimport { ActionContext, BlockItem } from '..';\nimport { DndContext } from '../..';\nimport { RecordProvider } from '../../../record-provider';\nimport { SchemaComponentOptions } from '../../core/SchemaComponentOptions';\nimport { KanbanCardContext } from './context';\n\nconst FormItem = observer((props) => {\n  return <BlockItem {...props} />;\n});\n\nexport const KanbanCard: any = observer((props: any) => {\n  const { setDisableCardDrag, cardViewerSchema, card, cardField, columnIndex, cardIndex } =\n    useContext(KanbanCardContext);\n  const fieldSchema = useFieldSchema();\n  const [visible, setVisible] = useState(false);\n  return (\n    <>\n      <Card\n        onClick={(e) => {\n          setVisible(true);\n        }}\n        bordered={false}\n        hoverable\n        style={{ cursor: 'pointer', overflow: 'hidden' }}\n        // bodyStyle={{ paddingBottom: 0 }}\n        className={css`\n          .ant-card-body {\n            padding: 16px;\n          }\n          .nb-row-divider {\n            height: 16px;\n            margin-top: -16px;\n            &:last-child {\n              margin-top: 0;\n            }\n          }\n          .ant-description-input {\n            text-overflow: ellipsis;\n            width: 100%;\n            overflow: hidden;\n          }\n          .ant-description-textarea {\n            text-overflow: ellipsis;\n            width: 100%;\n            overflow: hidden;\n          }\n          .ant-formily-item {\n            margin-bottom: 12px;\n          }\n          .nb-grid-row:last-of-type {\n            .nb-grid-col {\n              .nb-form-item:last-of-type {\n                .ant-formily-item {\n                  margin-bottom: 0;\n                }\n              }\n            }\n          }\n        `}\n      >\n        <SchemaComponentOptions components={{}}>\n          <DndContext\n            onDragStart={() => {\n              setDisableCardDrag(true);\n            }}\n            onDragEnd={() => {\n              setDisableCardDrag(false);\n            }}\n          >\n            <FormLayout layout={'vertical'}>\n              <RecursionField\n                basePath={cardField.address.concat(`${columnIndex}.cards.${cardIndex}`)}\n                schema={fieldSchema}\n                onlyRenderProperties\n              />\n            </FormLayout>\n          </DndContext>\n        </SchemaComponentOptions>\n      </Card>\n      {cardViewerSchema && (\n        <ActionContext.Provider value={{ openMode: 'drawer', visible, setVisible }}>\n          <RecordProvider record={card}>\n            <RecursionField\n              basePath={cardField.address.concat(`${columnIndex}.cardViewer.${cardIndex}`)}\n              schema={cardViewerSchema}\n              onlyRenderProperties\n            />\n          </RecordProvider>\n        </ActionContext.Provider>\n      )}\n    </>\n  );\n});\n"]}

package/lib/schema-component/antd/kanban-v2/Kanban.CardViewer.d.ts

@@ -0,0 +1 @@
+export declare const KanbanCardViewer: any;

package/lib/schema-component/antd/kanban-v2/Kanban.CardViewer.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KanbanCardViewer = void 0;
+var react_1 = require("@formily/react");
+exports.KanbanCardViewer = (0, react_1.observer)(function (props) {
+    return props.children;
+});
+//# sourceMappingURL=Kanban.CardViewer.js.map

package/lib/schema-component/antd/kanban-v2/Kanban.CardViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.CardViewer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/kanban-v2/Kanban.CardViewer.tsx"],"names":[],"mappings":";;;AAAA,wCAA0C;AAE7B,QAAA,gBAAgB,GAAQ,IAAA,gBAAQ,EAAC,UAAC,KAAU;IACvD,OAAO,KAAK,CAAC,QAAQ,CAAC;AACxB,CAAC,CAAC,CAAC","sourcesContent":["import { observer } from '@formily/react';\n\nexport const KanbanCardViewer: any = observer((props: any) => {\n  return props.children;\n});\n"]}

package/lib/schema-component/antd/kanban-v2/Kanban.Designer.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const KanbanDesigner: () => JSX.Element;