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

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

@@ -0,0 +1,66 @@
+"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.KanbanDesigner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var react_i18next_1 = require("react-i18next");
+var block_provider_1 = require("../../../block-provider");
+var collection_manager_1 = require("../../../collection-manager");
+var action_hooks_1 = require("../../../collection-manager/action-hooks");
+var schema_settings_1 = require("../../../schema-settings");
+var schema_templates_1 = require("../../../schema-templates");
+var hooks_1 = require("../../hooks");
+var KanbanDesigner = function () {
+    var _a, _b;
+    var _c = (0, collection_manager_1.useCollection)(), name = _c.name, title = _c.title;
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var dataSource = (0, action_hooks_1.useCollectionFilterOptions)(name);
+    var service = (0, block_provider_1.useKanbanBlockContext)().service;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var dn = (0, hooks_1.useDesignable)().dn;
+    var defaultFilter = ((_b = (_a = fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema['x-decorator-props']) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.filter) || {};
+    var template = (0, schema_templates_1.useSchemaTemplate)();
+    return ((0, jsx_runtime_1.jsxs)(schema_settings_1.GeneralSchemaDesigner, __assign({ template: template, title: title || name }, { children: [(0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.ModalItem, { title: t('Set the data scope'), schema: {
+                    type: 'object',
+                    title: t('Set the data scope'),
+                    properties: {
+                        filter: {
+                            default: defaultFilter,
+                            enum: dataSource,
+                            'x-component': 'Filter',
+                            'x-component-props': {},
+                        },
+                    },
+                }, onSubmit: function (_a) {
+                    var _b;
+                    var _c;
+                    var filter = _a.filter;
+                    var params = field.decoratorProps.params || {};
+                    params.filter = filter;
+                    field.decoratorProps.params = params;
+                    fieldSchema['x-decorator-props']['params'] = params;
+                    service.run(__assign(__assign({}, (_c = service.params) === null || _c === void 0 ? void 0 : _c[0]), { filter: filter }));
+                    dn.emit('patch', {
+                        schema: (_b = {},
+                            _b['x-uid'] = fieldSchema['x-uid'],
+                            _b['x-decorator-props'] = fieldSchema['x-decorator-props'],
+                            _b),
+                    });
+                } }, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Template, { componentName: 'Kanban', collectionName: name }, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Remove, { removeParentsIfNoChildren: true, breakRemoveOn: {
+                    'x-component': 'Grid',
+                } }, void 0)] }), void 0));
+};
+exports.KanbanDesigner = KanbanDesigner;
+//# sourceMappingURL=Kanban.Designer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/kanban-v2/Kanban.Designer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wCAAmE;AAEnE,+CAA+C;AAC/C,0DAAgE;AAChE,kEAA4D;AAC5D,yEAAsF;AACtF,4DAAiF;AACjF,8DAA8D;AAC9D,qCAA4C;AAErC,IAAM,cAAc,GAAG;;IACtB,IAAA,KAAkB,IAAA,kCAAa,GAAE,EAA/B,IAAI,UAAA,EAAE,KAAK,WAAoB,CAAC;IACxC,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IACrC,IAAM,UAAU,GAAG,IAAA,yCAA0B,EAAC,IAAI,CAAC,CAAC;IAC5C,IAAA,OAAO,GAAK,IAAA,sCAAqB,GAAE,QAA5B,CAA6B;IACpC,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAsB;IACvB,IAAA,EAAE,GAAK,IAAA,qBAAa,GAAE,GAApB,CAAqB;IAC/B,IAAM,aAAa,GAAG,CAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,mBAAmB,CAAC,0CAAE,MAAM,0CAAE,MAAM,KAAI,EAAE,CAAC;IAC/E,IAAM,QAAQ,GAAG,IAAA,oCAAiB,GAAE,CAAC;IACrC,OAAO,CACL,wBAAC,uCAAqB,aAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,IAAI,IAAI,iBAC7D,uBAAC,gCAAc,CAAC,SAAS,IACvB,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAC9B,MAAM,EACJ;oBACE,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC;oBAC9B,UAAU,EAAE;wBACV,MAAM,EAAE;4BACN,OAAO,EAAE,aAAa;4BACtB,IAAI,EAAE,UAAU;4BAChB,aAAa,EAAE,QAAQ;4BACvB,mBAAmB,EAAE,EAAE;yBACxB;qBACF;iBACS,EAEd,QAAQ,EAAE,UAAC,EAAU;;;wBAAR,MAAM,YAAA;oBACjB,IAAM,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,IAAI,EAAE,CAAC;oBACjD,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;oBACvB,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC;oBACrC,WAAW,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC;oBACpD,OAAO,CAAC,GAAG,uBAAM,MAAA,OAAO,CAAC,MAAM,0CAAG,CAAC,CAAC,KAAE,MAAM,QAAA,IAAG,CAAC;oBAChD,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE;wBACf,MAAM;4BACJ,GAAC,OAAO,IAAG,WAAW,CAAC,OAAO,CAAC;4BAC/B,uBAAmB,GAAE,WAAW,CAAC,mBAAmB,CAAC;+BACtD;qBACF,CAAC,CAAC;gBACL,CAAC,WACD,EACF,uBAAC,gCAAc,CAAC,OAAO,aAAG,EAC1B,uBAAC,gCAAc,CAAC,QAAQ,IAAC,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,WAAI,EAC1E,uBAAC,gCAAc,CAAC,OAAO,aAAG,EAC1B,uBAAC,gCAAc,CAAC,MAAM,IACpB,yBAAyB,QACzB,aAAa,EAAE;oBACb,aAAa,EAAE,MAAM;iBACtB,WACD,aACoB,CACzB,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,cAAc,kBAqDzB","sourcesContent":["import { ISchema, useField, useFieldSchema } from '@formily/react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useKanbanBlockContext } from '../../../block-provider';\nimport { useCollection } from '../../../collection-manager';\nimport { useCollectionFilterOptions } from '../../../collection-manager/action-hooks';\nimport { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';\nimport { useSchemaTemplate } from '../../../schema-templates';\nimport { useDesignable } from '../../hooks';\n\nexport const KanbanDesigner = () => {\n  const { name, title } = useCollection();\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  const dataSource = useCollectionFilterOptions(name);\n  const { service } = useKanbanBlockContext();\n  const { t } = useTranslation();\n  const { dn } = useDesignable();\n  const defaultFilter = fieldSchema?.['x-decorator-props']?.params?.filter || {};\n  const template = useSchemaTemplate();\n  return (\n    <GeneralSchemaDesigner template={template} title={title || name}>\n      <SchemaSettings.ModalItem\n        title={t('Set the data scope')}\n        schema={\n          {\n            type: 'object',\n            title: t('Set the data scope'),\n            properties: {\n              filter: {\n                default: defaultFilter,\n                enum: dataSource,\n                'x-component': 'Filter',\n                'x-component-props': {},\n              },\n            },\n          } as ISchema\n        }\n        onSubmit={({ filter }) => {\n          const params = field.decoratorProps.params || {};\n          params.filter = filter;\n          field.decoratorProps.params = params;\n          fieldSchema['x-decorator-props']['params'] = params;\n          service.run({ ...service.params?.[0], filter });\n          dn.emit('patch', {\n            schema: {\n              ['x-uid']: fieldSchema['x-uid'],\n              'x-decorator-props': fieldSchema['x-decorator-props'],\n            },\n          });\n        }}\n      />\n      <SchemaSettings.Divider />\n      <SchemaSettings.Template componentName={'Kanban'} collectionName={name} />\n      <SchemaSettings.Divider />\n      <SchemaSettings.Remove\n        removeParentsIfNoChildren\n        breakRemoveOn={{\n          'x-component': 'Grid',\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n"]}

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

@@ -0,0 +1,9 @@
+import '../../../board/style.less';
+import './index.less';
+export declare const toColumns: (groupField: any, dataSource?: Array<any>) => {
+    id: string;
+    title: string;
+    color: string;
+    cards: any[];
+}[];
+export declare const Kanban: ComposedKanban;

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

@@ -0,0 +1,200 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 = exports.toColumns = 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 hooks_1 = require("../../../block-provider/hooks");
+var board_1 = require("../../../board");
+require("../../../board/style.less");
+var useProps_1 = require("../../hooks/useProps");
+var context_1 = require("./context");
+require("./index.less");
+var useCreateActionProps = function () {
+    var form = (0, react_1.useForm)();
+    var _a = (0, react_2.useContext)(context_1.KanbanColumnContext), column = _a.column, groupField = _a.groupField;
+    var onClick = (0, hooks_1.useCreateActionProps)().onClick;
+    return {
+        onClick: function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            form.setValuesIn(groupField.name, column.id);
+                            return [4 /*yield*/, onClick()];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        },
+    };
+};
+var toColumns = function (groupField, dataSource) {
+    if (dataSource === void 0) { dataSource = []; }
+    var columns = {
+        __unknown__: {
+            id: '__unknown__',
+            title: 'Unknown',
+            color: 'default',
+            cards: [],
+        },
+    };
+    groupField.uiSchema.enum.forEach(function (item) {
+        columns[item.value] = {
+            id: item.value,
+            title: item.label,
+            color: item.color,
+            cards: [],
+        };
+    });
+    dataSource.forEach(function (ds) {
+        var value = ds[groupField.name];
+        if (value && columns[value]) {
+            columns[value].cards.push(ds);
+        }
+        else {
+            columns.__unknown__.cards.push(ds);
+        }
+    });
+    if (columns.__unknown__.cards.length === 0) {
+        delete columns.__unknown__;
+    }
+    return Object.values(columns);
+};
+exports.toColumns = toColumns;
+exports.Kanban = (0, react_1.observer)(function (props) {
+    var _a = (0, useProps_1.useProps)(props), groupField = _a.groupField, onCardDragEnd = _a.onCardDragEnd, restProps = __rest(_a, ["groupField", "onCardDragEnd"]);
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var _b = __read((0, react_2.useState)(!!restProps.disableCardDrag), 2), disableCardDrag = _b[0], setDisableCardDrag = _b[1];
+    var schemas = (0, react_2.useMemo)(function () {
+        return fieldSchema.reduceProperties(function (buf, current) {
+            if (current['x-component'].endsWith('.Card')) {
+                buf.card = current;
+            }
+            else if (current['x-component'].endsWith('.CardAdder')) {
+                buf.cardAdder = current;
+            }
+            else if (current['x-component'].endsWith('.CardViewer')) {
+                buf.cardViewer = current;
+            }
+            return buf;
+        }, { card: null, cardAdder: null, cardViewer: null });
+    }, []);
+    var handleCardRemove = function (card, column) {
+        var updatedBoard = board_1.Board.removeCard({ columns: field.value }, column, card);
+        field.value = updatedBoard.columns;
+    };
+    var handleCardDragEnd = 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: field.loading || false }, { children: (0, jsx_runtime_1.jsx)(board_1.Board, __assign({ allowAddCard: !!schemas.cardAdder, disableColumnDrag: true, cardAdderPosition: 'bottom', disableCardDrag: disableCardDrag, onCardRemove: handleCardRemove, onCardDragEnd: handleCardDragEnd, 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 (schemas.card && ((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: schemas.cardViewer,
+                            cardField: field,
+                            card: card,
+                            column: column,
+                            dragging: dragging,
+                            columnIndex: columnIndex,
+                            cardIndex: cardIndex,
+                        } }, { children: (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: schemas.card.name, schema: schemas.card }, void 0) }), void 0) }), void 0)));
+            }, renderCardAdder: function (_a) {
+                var column = _a.column;
+                if (!schemas.cardAdder) {
+                    return null;
+                }
+                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: { useCreateActionProps: useCreateActionProps } }, { children: (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: schemas.cardAdder.name, schema: schemas.cardAdder }, void 0) }), void 0) }), void 0));
+            } }, restProps, { children: {
+                columns: field.value || [],
+            } }), void 0) }), void 0));
+});
+//# sourceMappingURL=Kanban.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/kanban-v2/Kanban.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ArrayField } from '@formily/core';\nimport { observer, RecursionField, useField, useFieldSchema, useForm } from '@formily/react';\nimport { Spin, Tag } from 'antd';\nimport React, { useContext, useMemo, useState } from 'react';\nimport { SchemaComponentOptions } from '../..';\nimport { RecordProvider } from '../../../';\nimport { useCreateActionProps as useCAP } from '../../../block-provider/hooks';\nimport { Board } from '../../../board';\nimport '../../../board/style.less';\nimport { useProps } from '../../hooks/useProps';\nimport { KanbanCardContext, KanbanColumnContext } from './context';\nimport './index.less';\n\nconst useCreateActionProps = () => {\n  const form = useForm();\n  const { column, groupField } = useContext(KanbanColumnContext);\n  const { onClick } = useCAP();\n  return {\n    async onClick() {\n      form.setValuesIn(groupField.name, column.id);\n      await onClick();\n    },\n  };\n};\n\nexport const toColumns = (groupField: any, dataSource: Array<any> = []) => {\n  const columns = {\n    __unknown__: {\n      id: '__unknown__',\n      title: 'Unknown',\n      color: 'default',\n      cards: [],\n    },\n  };\n  groupField.uiSchema.enum.forEach((item) => {\n    columns[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 && columns[value]) {\n      columns[value].cards.push(ds);\n    } else {\n      columns.__unknown__.cards.push(ds);\n    }\n  });\n  if (columns.__unknown__.cards.length === 0) {\n    delete columns.__unknown__;\n  }\n  return Object.values(columns);\n};\n\nexport const Kanban: ComposedKanban = observer((props: any) => {\n  const { groupField, onCardDragEnd, ...restProps } = useProps(props);\n  const field = useField<ArrayField>();\n  const fieldSchema = useFieldSchema();\n  const [disableCardDrag, setDisableCardDrag] = useState(!!restProps.disableCardDrag);\n  const schemas = useMemo(\n    () =>\n      fieldSchema.reduceProperties(\n        (buf, current) => {\n          if (current['x-component'].endsWith('.Card')) {\n            buf.card = current;\n          } else if (current['x-component'].endsWith('.CardAdder')) {\n            buf.cardAdder = current;\n          } else if (current['x-component'].endsWith('.CardViewer')) {\n            buf.cardViewer = current;\n          }\n          return buf;\n        },\n        { card: null, cardAdder: null, cardViewer: null },\n      ),\n    [],\n  );\n  const handleCardRemove = (card, column) => {\n    const updatedBoard = Board.removeCard({ columns: field.value }, column, card);\n    field.value = updatedBoard.columns;\n  };\n  const handleCardDragEnd = (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={field.loading || false}>\n      <Board\n        allowAddCard={!!schemas.cardAdder}\n        disableColumnDrag\n        cardAdderPosition={'bottom'}\n        disableCardDrag={disableCardDrag}\n        onCardRemove={handleCardRemove}\n        onCardDragEnd={handleCardDragEnd}\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            schemas.card && (\n              <RecordProvider record={card}>\n                <KanbanCardContext.Provider\n                  value={{\n                    setDisableCardDrag,\n                    cardViewerSchema: schemas.cardViewer,\n                    cardField: field,\n                    card,\n                    column,\n                    dragging,\n                    columnIndex,\n                    cardIndex,\n                  }}\n                >\n                  <RecursionField name={schemas.card.name} schema={schemas.card} />\n                </KanbanCardContext.Provider>\n              </RecordProvider>\n            )\n          );\n        }}\n        renderCardAdder={({ column }) => {\n          if (!schemas.cardAdder) {\n            return null;\n          }\n          return (\n            <KanbanColumnContext.Provider value={{ column, groupField }}>\n              <SchemaComponentOptions scope={{ useCreateActionProps }}>\n                <RecursionField name={schemas.cardAdder.name} schema={schemas.cardAdder} />\n              </SchemaComponentOptions>\n            </KanbanColumnContext.Provider>\n          );\n        }}\n        {...restProps}\n      >\n        {{\n          columns: field.value || [],\n        }}\n      </Board>\n    </Spin>\n  );\n});\n"]}

package/lib/schema-component/antd/kanban-v2/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-v2/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-v2/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/kanban-v2/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-v2/index.d.ts

@@ -0,0 +1,2 @@
+declare const KanbanV2: ComposedKanban;
+export { KanbanV2 };

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KanbanV2 = void 0;
+var action_1 = require("../action");
+var Kanban_1 = require("./Kanban");
+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 KanbanV2 = Kanban_1.Kanban;
+exports.KanbanV2 = KanbanV2;
+KanbanV2.Card = Kanban_Card_1.KanbanCard;
+KanbanV2.CardAdder = action_1.Action;
+KanbanV2.CardViewer = Kanban_CardViewer_1.KanbanCardViewer;
+KanbanV2.Card.Designer = Kanban_Card_Designer_1.KanbanCardDesigner;
+KanbanV2.Designer = Kanban_Designer_1.KanbanDesigner;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/kanban-v2/index.ts"],"names":[],"mappings":";;;AAAA,oCAAmC;AACnC,mCAAkC;AAClC,6CAA2C;AAC3C,+DAA4D;AAC5D,yDAAuD;AACvD,qDAAmD;AAEnD,IAAM,QAAQ,GAAG,eAAM,CAAC;AAQf,4BAAQ;AANjB,QAAQ,CAAC,IAAI,GAAG,wBAAU,CAAC;AAC3B,QAAQ,CAAC,SAAS,GAAG,eAAM,CAAC;AAC5B,QAAQ,CAAC,UAAU,GAAG,oCAAgB,CAAC;AACvC,QAAQ,CAAC,IAAI,CAAC,QAAQ,GAAG,yCAAkB,CAAC;AAC5C,QAAQ,CAAC,QAAQ,GAAG,gCAAc,CAAC","sourcesContent":["import { Action } from '../action';\nimport { Kanban } from './Kanban';\nimport { KanbanCard } from './Kanban.Card';\nimport { KanbanCardDesigner } from './Kanban.Card.Designer';\nimport { KanbanCardViewer } from './Kanban.CardViewer';\nimport { KanbanDesigner } from './Kanban.Designer';\n\nconst KanbanV2 = Kanban;\n\nKanbanV2.Card = KanbanCard;\nKanbanV2.CardAdder = Action;\nKanbanV2.CardViewer = KanbanCardViewer;\nKanbanV2.Card.Designer = KanbanCardDesigner;\nKanbanV2.Designer = KanbanDesigner;\n\nexport { KanbanV2 };\n"]}

package/lib/schema-component/antd/markdown/Markdown.Void.Designer.d.ts

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

package/lib/schema-component/antd/markdown/Markdown.Void.Designer.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkdownVoidDesigner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var react_i18next_1 = require("react-i18next");
+var schema_settings_1 = require("../../../schema-settings");
+var MarkdownVoidDesigner = function () {
+    var field = (0, react_1.useField)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return ((0, jsx_runtime_1.jsxs)(schema_settings_1.GeneralSchemaDesigner, { children: [(0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Item, { title: t('Edit markdown'), onClick: function () {
+                    field.editable = true;
+                } }, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(schema_settings_1.SchemaSettings.Remove, { removeParentsIfNoChildren: true, breakRemoveOn: {
+                    'x-component': 'Grid',
+                } }, void 0)] }, void 0));
+};
+exports.MarkdownVoidDesigner = MarkdownVoidDesigner;
+//# sourceMappingURL=Markdown.Void.Designer.js.map

package/lib/schema-component/antd/markdown/Markdown.Void.Designer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.Void.Designer.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/markdown/Markdown.Void.Designer.tsx"],"names":[],"mappings":";;;;AAAA,wCAA0C;AAE1C,+CAA+C;AAC/C,4DAAiF;AAE1E,IAAM,oBAAoB,GAAG;IAClC,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACjB,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAsB;IAC/B,OAAO,CACL,wBAAC,uCAAqB,eACpB,uBAAC,gCAAc,CAAC,IAAI,IAClB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EACzB,OAAO,EAAE;oBACP,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACxB,CAAC,WACD,EACF,uBAAC,gCAAc,CAAC,OAAO,aAAG,EAC1B,uBAAC,gCAAc,CAAC,MAAM,IACpB,yBAAyB,QACzB,aAAa,EAAE;oBACb,aAAa,EAAE,MAAM;iBACtB,WACD,YACoB,CACzB,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,oBAAoB,wBAoB/B","sourcesContent":["import { useField } from '@formily/react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';\n\nexport const MarkdownVoidDesigner = () => {\n  const field = useField();\n  const { t } = useTranslation();\n  return (\n    <GeneralSchemaDesigner>\n      <SchemaSettings.Item\n        title={t('Edit markdown')}\n        onClick={() => {\n          field.editable = true;\n        }}\n      />\n      <SchemaSettings.Divider />\n      <SchemaSettings.Remove\n        removeParentsIfNoChildren\n        breakRemoveOn={{\n          'x-component': 'Grid',\n        }}\n      />\n    </GeneralSchemaDesigner>\n  );\n};\n"]}

package/lib/schema-component/antd/markdown/Markdown.Void.d.ts

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

package/lib/schema-component/antd/markdown/Markdown.Void.js

@@ -0,0 +1,118 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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.MarkdownVoid = 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 react_i18next_1 = require("react-i18next");
+var useDesignable_1 = require("../../hooks/useDesignable");
+var Markdown_Void_Designer_1 = require("./Markdown.Void.Designer");
+var util_1 = require("./util");
+var MarkdownEditor = function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _a = __read((0, react_2.useState)(props.defaultValue), 2), value = _a[0], setValue = _a[1];
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'mb-markdown', style: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Input.TextArea, __assign({ autoSize: { minRows: 3 } }, props, { value: value, onChange: function (e) {
+                    setValue(e.target.value);
+                } }), void 0), (0, jsx_runtime_1.jsxs)(antd_1.Space, __assign({ style: { position: 'absolute', bottom: 5, right: 5 } }, { children: [(0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ onClick: function (e) {
+                            var _a;
+                            (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props, e);
+                        } }, { children: t('Cancel') }), void 0), (0, jsx_runtime_1.jsx)(antd_1.Button, __assign({ type: 'primary', onClick: function () {
+                            var _a;
+                            (_a = props.onSubmit) === null || _a === void 0 ? void 0 : _a.call(props, value);
+                        } }, { children: t('Save') }), void 0)] }), void 0)] }), void 0));
+};
+exports.MarkdownVoid = (0, react_1.observer)(function (props) {
+    var content = props.content;
+    var field = (0, react_1.useField)();
+    var schema = (0, react_1.useFieldSchema)();
+    var dn = (0, useDesignable_1.useDesignable)().dn;
+    var onSave = props.onSave, onCancel = props.onCancel;
+    return field.editable ? ((0, jsx_runtime_1.jsx)(MarkdownEditor, __assign({}, props, { defaultValue: content, onCancel: function () {
+            field.editable = false;
+            onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        }, onSubmit: function (value) { return __awaiter(void 0, void 0, void 0, function () {
+            var _a;
+            return __generator(this, function (_b) {
+                field.editable = false;
+                (_a = schema['x-component-props']) !== null && _a !== void 0 ? _a : (schema['x-component-props'] = {});
+                schema['x-component-props']['content'] = value;
+                field.componentProps.content = value;
+                onSave === null || onSave === void 0 ? void 0 : onSave(schema);
+                dn.emit('patch', {
+                    schema: {
+                        'x-uid': schema['x-uid'],
+                        'x-component-props': {
+                            content: value,
+                        },
+                    },
+                });
+                return [2 /*return*/];
+            });
+        }); } }), void 0)) : ((0, jsx_runtime_1.jsx)("div", { className: 'nb-markdown', dangerouslySetInnerHTML: { __html: (0, util_1.markdown)(content) } }, void 0));
+});
+exports.MarkdownVoid.Designer = Markdown_Void_Designer_1.MarkdownVoidDesigner;
+//# sourceMappingURL=Markdown.Void.js.map

package/lib/schema-component/antd/markdown/Markdown.Void.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.Void.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/markdown/Markdown.Void.tsx"],"names":[],"mappings":"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","sourcesContent":["import { observer, useField, useFieldSchema } from '@formily/react';\nimport { Button, Input as AntdInput, Space } from 'antd';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useDesignable } from '../../hooks/useDesignable';\nimport { MarkdownVoidDesigner } from './Markdown.Void.Designer';\nimport { markdown } from './util';\n\nconst MarkdownEditor = (props: any) => {\n  const { t } = useTranslation();\n  const [value, setValue] = useState(props.defaultValue);\n  return (\n    <div className={'mb-markdown'} style={{ position: 'relative' }}>\n      <AntdInput.TextArea\n        autoSize={{ minRows: 3 }}\n        {...props}\n        value={value}\n        onChange={(e) => {\n          setValue(e.target.value);\n        }}\n      />\n      <Space style={{ position: 'absolute', bottom: 5, right: 5 }}>\n        <Button\n          onClick={(e) => {\n            props.onCancel?.(e);\n          }}\n        >\n          {t('Cancel')}\n        </Button>\n        <Button\n          type={'primary'}\n          onClick={() => {\n            props.onSubmit?.(value);\n          }}\n        >\n          {t('Save')}\n        </Button>\n      </Space>\n    </div>\n  );\n};\n\nexport const MarkdownVoid: any = observer((props: any) => {\n  const { content } = props;\n  const field = useField();\n  const schema = useFieldSchema();\n  const { dn } = useDesignable();\n  const { onSave, onCancel } = props;\n  return field.editable ? (\n    <MarkdownEditor\n      {...props}\n      defaultValue={content}\n      onCancel={() => {\n        field.editable = false;\n        onCancel?.();\n      }}\n      onSubmit={async (value) => {\n        field.editable = false;\n        schema['x-component-props'] ?? (schema['x-component-props'] = {});\n        schema['x-component-props']['content'] = value;\n        field.componentProps.content = value;\n        onSave?.(schema);\n        dn.emit('patch', {\n          schema: {\n            'x-uid': schema['x-uid'],\n            'x-component-props': {\n              content: value,\n            },\n          },\n        });\n      }}\n    />\n  ) : (\n    <div className={'nb-markdown'} dangerouslySetInnerHTML={{ __html: markdown(content) }} />\n  );\n});\n\nMarkdownVoid.Designer = MarkdownVoidDesigner;\n"]}

package/lib/schema-component/antd/markdown/Markdown.d.ts

@@ -0,0 +1,2 @@
+export declare const Markdown: any;
+export default Markdown;

package/lib/schema-component/antd/markdown/Markdown.js

@@ -0,0 +1,34 @@
+"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.Markdown = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_1 = require("@ant-design/icons");
+var react_1 = require("@formily/react");
+var antd_1 = require("antd");
+var input_1 = require("../input");
+var Markdown_Void_1 = require("./Markdown.Void");
+var util_1 = require("./util");
+exports.Markdown = (0, react_1.connect)(antd_1.Input.TextArea, (0, react_1.mapProps)(function (props, field) {
+    return __assign(__assign({ autoSize: {
+            maxRows: 10,
+            minRows: 3,
+        } }, props), { suffix: (0, jsx_runtime_1.jsx)("span", { children: (field === null || field === void 0 ? void 0 : field['loading']) || (field === null || field === void 0 ? void 0 : field['validating']) ? (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0) : props.suffix }, void 0) });
+}), (0, react_1.mapReadPretty)(function (props) {
+    var text = (0, util_1.convertToText)(props.value);
+    var value = (0, jsx_runtime_1.jsx)("div", { className: 'nb-markdown', dangerouslySetInnerHTML: { __html: (0, util_1.markdown)(text) } }, void 0);
+    return (0, jsx_runtime_1.jsx)(input_1.ReadPretty.TextArea, __assign({}, props, { text: text, value: value }), void 0);
+}));
+exports.Markdown.Void = Markdown_Void_1.MarkdownVoid;
+exports.default = exports.Markdown;
+//# sourceMappingURL=Markdown.js.map

package/lib/schema-component/antd/markdown/Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/markdown/Markdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAAoD;AACpD,wCAAkE;AAClE,6BAA0C;AAE1C,kCAAyD;AACzD,iDAA+C;AAC/C,+BAAiD;AAEpC,QAAA,QAAQ,GAAQ,IAAA,eAAO,EAClC,YAAS,CAAC,QAAQ,EAClB,IAAA,gBAAQ,EAAC,UAAC,KAAU,EAAE,KAAK;IACzB,2BACE,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,CAAC;SACX,IACE,KAAK,KACR,MAAM,EAAE,2CAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,SAAS,CAAC,MAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,YAAY,CAAC,CAAA,CAAC,CAAC,CAAC,uBAAC,uBAAe,aAAG,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,WAAQ,IACvG;AACJ,CAAC,CAAC,EACF,IAAA,qBAAa,EAAC,UAAC,KAAK;IAClB,IAAI,IAAI,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,KAAK,GAAG,gCAAK,SAAS,EAAE,aAAa,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAA,eAAQ,EAAC,IAAI,CAAC,EAAE,WAAI,CAAC;IACnG,OAAO,uBAAC,kBAAe,CAAC,QAAQ,eAAK,KAAK,IAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,YAAI,CAAC;AAC3E,CAAC,CAAC,CACH,CAAC;AAEF,gBAAQ,CAAC,IAAI,GAAG,4BAAY,CAAC;AAE7B,kBAAe,gBAAQ,CAAC","sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { connect, mapProps, mapReadPretty } from '@formily/react';\nimport { Input as AntdInput } from 'antd';\nimport React from 'react';\nimport { ReadPretty as InputReadPretty } from '../input';\nimport { MarkdownVoid } from './Markdown.Void';\nimport { convertToText, markdown } from './util';\n\nexport const Markdown: any = connect(\n  AntdInput.TextArea,\n  mapProps((props: any, field) => {\n    return {\n      autoSize: {\n        maxRows: 10,\n        minRows: 3,\n      },\n      ...props,\n      suffix: <span>{field?.['loading'] || field?.['validating'] ? <LoadingOutlined /> : props.suffix}</span>,\n    };\n  }),\n  mapReadPretty((props) => {\n    let text = convertToText(props.value);\n    let value = <div className={'nb-markdown'} dangerouslySetInnerHTML={{ __html: markdown(text) }} />;\n    return <InputReadPretty.TextArea {...props} text={text} value={value} />;\n  }),\n);\n\nMarkdown.Void = MarkdownVoid;\n\nexport default Markdown;\n"]}

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

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

package/lib/schema-component/antd/markdown/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("./Markdown"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib/schema-component/antd/markdown/util.d.ts

@@ -0,0 +1,2 @@
+export declare function markdown(text: any): string;
+export declare function convertToText(markdownText: string): string;

package/lib/schema-component/antd/markdown/util.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertToText = exports.markdown = void 0;
+var marked_1 = require("marked");
+function markdown(text) {
+    if (!text) {
+        return '';
+    }
+    return marked_1.marked.parse(text);
+}
+exports.markdown = markdown;
+function convertToText(markdownText) {
+    var content = markdown(markdownText);
+    var temp = document.createElement('div');
+    temp.innerHTML = content;
+    var text = temp.innerText;
+    temp = null;
+    return text.replace(/[\n\r]/g, '');
+}
+exports.convertToText = convertToText;
+//# sourceMappingURL=util.js.map

package/lib/schema-component/antd/markdown/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/markdown/util.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,SAAgB,QAAQ,CAAC,IAAI;IAC3B,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,CAAC;KACX;IACD,OAAO,eAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AAC5B,CAAC;AALD,4BAKC;AACD,SAAgB,aAAa,CAAC,YAAoB;IAChD,IAAM,OAAO,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACvC,IAAI,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC;IACzB,IAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;IAC5B,IAAI,GAAG,IAAI,CAAC;IACZ,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AACrC,CAAC;AAPD,sCAOC","sourcesContent":["import { marked } from 'marked';\n\nexport function markdown(text) {\n  if (!text) {\n    return '';\n  }\n  return marked.parse(text);\n}\nexport function convertToText(markdownText: string) {\n  const content = markdown(markdownText);\n  let temp = document.createElement('div');\n  temp.innerHTML = content;\n  const text = temp.innerText;\n  temp = null;\n  return text.replace(/[\\n\\r]/g, '');\n}\n"]}

package/lib/schema-component/antd/menu/Menu.Designer.d.ts

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