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

package/lib/schema-component/antd/grid/Block.js

@@ -0,0 +1,22 @@
+"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.Block = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var __1 = require("../../");
+exports.Block = (0, react_1.observer)(function (props) {
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { marginBottom: 20, padding: '0 20px', height: 50, lineHeight: '50px', background: '#f1f1f1' } }, { children: ["Block ", fieldSchema.title, (0, jsx_runtime_1.jsx)(__1.DragHandler, {}, void 0)] }), void 0));
+});
+//# sourceMappingURL=Block.js.map

package/lib/schema-component/antd/grid/Block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/grid/Block.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wCAA0D;AAE1D,4BAAqC;AAExB,QAAA,KAAK,GAAG,IAAA,gBAAQ,EAAC,UAAC,KAAK;IAClC,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IACrC,OAAO,CACL,0CAAK,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,2BACjG,WAAW,CAAC,KAAK,EACxB,uBAAC,eAAW,aAAG,aACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { observer, useFieldSchema } from '@formily/react';\nimport React from 'react';\nimport { DragHandler } from '../../';\n\nexport const Block = observer((props) => {\n  const fieldSchema = useFieldSchema();\n  return (\n    <div style={{ marginBottom: 20, padding: '0 20px', height: 50, lineHeight: '50px', background: '#f1f1f1' }}>\n      Block {fieldSchema.title}\n      <DragHandler />\n    </div>\n  );\n});\n"]}

package/lib/schema-component/antd/grid/Grid.d.ts

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

package/lib/schema-component/antd/grid/Grid.js

@@ -0,0 +1,185 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var core_1 = require("@dnd-kit/core");
+var css_1 = require("@emotion/css");
+var react_1 = require("@formily/react");
+var shared_1 = require("@formily/shared");
+var classnames_1 = __importDefault(require("classnames"));
+var react_2 = __importStar(require("react"));
+var __1 = require("../../../");
+var dnd_context_1 = require("../../common/dnd-context");
+var GridRowContext = (0, react_2.createContext)(null);
+var GridColContext = (0, react_2.createContext)(null);
+var ColDivider = function (props) {
+    var _a = (0, core_1.useDroppable)({
+        id: props.id,
+        data: props.data,
+    }), isOver = _a.isOver, setNodeRef = _a.setNodeRef;
+    var droppableStyle = {
+        backgroundColor: isOver ? 'rgba(241, 139, 98, .1)' : undefined,
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { ref: setNodeRef, className: (0, classnames_1.default)('nb-col-divider', (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          width: 24px;\n        "], ["\n          width: 24px;\n        "])))), style: __assign({}, droppableStyle) }, void 0));
+};
+var RowDivider = function (props) {
+    var _a = (0, core_1.useDroppable)({
+        id: props.id,
+        data: props.data,
+    }), isOver = _a.isOver, setNodeRef = _a.setNodeRef;
+    var droppableStyle = {};
+    if (isOver) {
+        droppableStyle['backgroundColor'] = 'rgba(241, 139, 98, .1)';
+    }
+    var _b = __read((0, react_2.useState)(false), 2), active = _b[0], setActive = _b[1];
+    (0, core_1.useDndMonitor)({
+        onDragStart: function (event) {
+            setActive(true);
+        },
+        onDragMove: function (event) { },
+        onDragOver: function (event) { },
+        onDragEnd: function (event) {
+            setActive(false);
+        },
+        onDragCancel: function (event) {
+            setActive(false);
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)("span", { ref: setNodeRef, className: (0, classnames_1.default)('nb-row-divider', (0, css_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          height: 24px;\n          width: 100%;\n          position: absolute;\n          margin-top: -24px;\n        "], ["\n          height: 24px;\n          width: 100%;\n          position: absolute;\n          margin-top: -24px;\n        "])))), style: __assign({ zIndex: active ? 1000 : 0 }, droppableStyle) }, void 0));
+};
+var wrapRowSchema = function (schema) {
+    var row = new react_1.Schema({
+        type: 'void',
+        name: "row_" + (0, shared_1.uid)(),
+        'x-uid': (0, shared_1.uid)(),
+        'x-component': 'Grid.Row',
+    });
+    var col = row.addProperty((0, shared_1.uid)(), {
+        type: 'void',
+        'x-uid': (0, shared_1.uid)(),
+        'x-component': 'Grid.Col',
+    });
+    if (react_1.Schema.isSchemaInstance(schema)) {
+        schema.parent = col;
+    }
+    col.addProperty(schema.name, schema);
+    return row;
+};
+var wrapColSchema = function (schema) {
+    var s = new react_1.Schema({
+        type: 'void',
+        name: "col_" + (0, shared_1.uid)(),
+        'x-uid': (0, shared_1.uid)(),
+        'x-component': 'Grid.Col',
+    });
+    // parent 更新了，需要重新指定
+    if (react_1.Schema.isSchemaInstance(schema)) {
+        schema.parent = s;
+    }
+    s.addProperty(schema.name, schema);
+    return s;
+};
+var useRowProperties = function () {
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    return fieldSchema.reduceProperties(function (buf, s) {
+        if (s['x-component'] === 'Grid.Row' && !s['x-hidden']) {
+            buf.push(s);
+        }
+        return buf;
+    }, []);
+};
+var useColProperties = function () {
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    return fieldSchema.reduceProperties(function (buf, s) {
+        if (s['x-component'] === 'Grid.Col' && !s['x-hidden']) {
+            buf.push(s);
+        }
+        return buf;
+    }, []);
+};
+var DndWrapper = function (props) {
+    if (props.dndContext === false) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children }, void 0);
+    }
+    return (0, jsx_runtime_1.jsx)(dnd_context_1.DndContext, __assign({}, props.dndContext, { children: props.children }), void 0);
+};
+exports.Grid = (0, react_1.observer)(function (props) {
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var render = (0, __1.useSchemaInitializer)(fieldSchema['x-initializer']).render;
+    var addr = field.address.toString();
+    var rows = useRowProperties();
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'nb-grid', style: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsxs)(DndWrapper, __assign({ dndContext: props.dndContext }, { children: [(0, jsx_runtime_1.jsx)(RowDivider, { id: addr + "_0", data: { wrapSchema: wrapRowSchema, insertAdjacent: 'afterBegin', schema: fieldSchema } }, void 0), rows.map(function (schema, index) {
+                        return ((0, jsx_runtime_1.jsxs)(react_2.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: schema.name, schema: schema }, void 0), (0, jsx_runtime_1.jsx)(RowDivider, { id: addr + "_" + (index + 1), data: { wrapSchema: wrapRowSchema, insertAdjacent: 'afterEnd', schema: schema } }, void 0)] }, schema.name));
+                    })] }), void 0), render()] }), void 0));
+});
+exports.Grid.Row = (0, react_1.observer)(function (props) {
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var addr = field.address.toString();
+    var cols = useColProperties();
+    return ((0, jsx_runtime_1.jsx)(GridRowContext.Provider, __assign({ value: { cols: cols } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)('nb-grid-row', (0, css_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            margin: 0 -24px;\n            display: flex;\n            position: relative;\n            z-index: 0;\n          "], ["\n            margin: 0 -24px;\n            display: flex;\n            position: relative;\n            z-index: 0;\n          "])))) }, { children: [(0, jsx_runtime_1.jsx)(ColDivider, { id: addr + "_0", data: { wrapSchema: wrapColSchema, insertAdjacent: 'afterBegin', schema: fieldSchema } }, void 0), cols.map(function (schema, index) {
+                    return ((0, jsx_runtime_1.jsxs)(react_2.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: schema.name, schema: schema }, void 0), (0, jsx_runtime_1.jsx)(ColDivider, { id: addr + "_" + (index + 1), data: { wrapSchema: wrapColSchema, insertAdjacent: 'afterEnd', schema: schema } }, void 0)] }, schema.name));
+                })] }), void 0) }), void 0));
+});
+exports.Grid.Col = (0, react_1.observer)(function (props) {
+    var cols = (0, react_2.useContext)(GridRowContext).cols;
+    var w = props.width || 100 / cols.length;
+    var width = "calc(" + w + "% - 24px - 24px / " + cols.length + ")";
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { width: width }, className: (0, classnames_1.default)('nb-grid-col', (0, css_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          position: relative;\n          z-index: 0;\n        "], ["\n          position: relative;\n          z-index: 0;\n        "])))) }, { children: props.children }), void 0));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Grid.js.map

package/lib/schema-component/antd/grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAA4D;AAC5D,oCAAmC;AACnC,wCAA4F;AAC5F,0CAAsC;AACtC,0DAA6B;AAC7B,6CAAmE;AACnE,+BAAiD;AACjD,wDAAsD;AAEtD,IAAM,cAAc,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;AAC3C,IAAM,cAAc,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,CAAC;AAE3C,IAAM,UAAU,GAAG,UAAC,KAAK;IACjB,IAAA,KAAyB,IAAA,mBAAY,EAAC;QAC1C,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,KAAK,CAAC,IAAI;KACjB,CAAC,EAHM,MAAM,YAAA,EAAE,UAAU,gBAGxB,CAAC;IAEH,IAAM,cAAc,GAAG;QACrB,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,SAAS;KAC/D,CAAC;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,IAAA,oBAAG,EACZ,gBAAgB,MAChB,SAAG,wGAAA,oCAEF,KACF,EACD,KAAK,eAAO,cAAc,YACrB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,KAAK;IACjB,IAAA,KAAyB,IAAA,mBAAY,EAAC;QAC1C,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,IAAI,EAAE,KAAK,CAAC,IAAI;KACjB,CAAC,EAHM,MAAM,YAAA,EAAE,UAAU,gBAGxB,CAAC;IAEH,IAAM,cAAc,GAAG,EAAE,CAAC;IAE1B,IAAI,MAAM,EAAE;QACV,cAAc,CAAC,iBAAiB,CAAC,GAAG,wBAAwB,CAAC;KAC9D;IAEK,IAAA,KAAA,OAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAA,oBAAa,EAAC;QACZ,WAAW,YAAC,KAAK;YACf,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QACD,UAAU,YAAC,KAAK,IAAG,CAAC;QACpB,UAAU,YAAC,KAAK,IAAG,CAAC;QACpB,SAAS,YAAC,KAAK;YACb,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;QACD,YAAY,YAAC,KAAK;YAChB,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,IAAA,oBAAG,EACZ,gBAAgB,MAChB,SAAG,8LAAA,0HAKF,KACF,EACD,KAAK,aACH,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAKtB,cAAc,YAEnB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,MAAc;IACnC,IAAM,GAAG,GAAG,IAAI,cAAM,CAAC;QACrB,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,SAAO,IAAA,YAAG,GAAI;QACpB,OAAO,EAAE,IAAA,YAAG,GAAE;QACd,aAAa,EAAE,UAAU;KAC1B,CAAC,CAAC;IACH,IAAM,GAAG,GAAG,GAAG,CAAC,WAAW,CAAC,IAAA,YAAG,GAAE,EAAE;QACjC,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,IAAA,YAAG,GAAE;QACd,aAAa,EAAE,UAAU;KAC1B,CAAC,CAAC;IACH,IAAI,cAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE;QACnC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC;KACrB;IACD,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,MAAc;IACnC,IAAM,CAAC,GAAG,IAAI,cAAM,CAAC;QACnB,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,SAAO,IAAA,YAAG,GAAI;QACpB,OAAO,EAAE,IAAA,YAAG,GAAE;QACd,aAAa,EAAE,UAAU;KAC1B,CAAC,CAAC;IACH,oBAAoB;IACpB,IAAI,cAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE;QACnC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;KACnB;IACD,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACnC,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG;IACvB,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IACrC,OAAO,WAAW,CAAC,gBAAgB,CAAC,UAAC,GAAG,EAAE,CAAC;QACzC,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,UAAU,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE;YACrD,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;SACb;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG;IACvB,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IACrC,OAAO,WAAW,CAAC,gBAAgB,CAAC,UAAC,GAAG,EAAE,CAAC;QACzC,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,UAAU,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE;YACrD,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;SACb;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,KAAK;IACvB,IAAI,KAAK,CAAC,UAAU,KAAK,KAAK,EAAE;QAC9B,OAAO,2DAAG,KAAK,CAAC,QAAQ,WAAI,CAAC;KAC9B;IACD,OAAO,uBAAC,wBAAU,eAAK,KAAK,CAAC,UAAU,cAAG,KAAK,CAAC,QAAQ,YAAc,CAAC;AACzE,CAAC,CAAC;AAEW,QAAA,IAAI,GAAQ,IAAA,gBAAQ,EAAC,UAAC,KAAU;IAC3C,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IAC7B,IAAA,MAAM,GAAK,IAAA,wBAAoB,EAAC,WAAW,CAAC,eAAe,CAAC,CAAC,OAAvD,CAAwD;IACtE,IAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IACtC,IAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAChC,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,iBACxD,wBAAC,UAAU,aAAC,UAAU,EAAE,KAAK,CAAC,UAAU,iBACtC,uBAAC,UAAU,IACT,EAAE,EAAK,IAAI,OAAI,EACf,IAAI,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,WACtF,EACD,IAAI,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;wBACtB,OAAO,CACL,wBAAC,eAAK,CAAC,QAAQ,eACb,uBAAC,sBAAc,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,WAAI,EACrD,uBAAC,UAAU,IACT,EAAE,EAAK,IAAI,UAAI,KAAK,GAAG,CAAC,CAAE,EAC1B,IAAI,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,QAAA,EAAE,WACvE,KALiB,MAAM,CAAC,IAAI,CAMf,CAClB,CAAC;oBACJ,CAAC,CAAC,aACS,EACZ,MAAM,EAAE,aACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAI,CAAC,GAAG,GAAG,IAAA,gBAAQ,EAAC,UAAC,KAAK;IACxB,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IACrC,IAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IACtC,IAAM,IAAI,GAAG,gBAAgB,EAAE,CAAC;IAChC,OAAO,CACL,uBAAC,cAAc,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,IAAI,MAAA,EAAE,gBACtC,0CACE,SAAS,EAAE,IAAA,oBAAG,EACZ,aAAa,MACb,SAAG,sMAAA,kIAKF,KACF,iBAED,uBAAC,UAAU,IACT,EAAE,EAAK,IAAI,OAAI,EACf,IAAI,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,WACtF,EACD,IAAI,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;oBACtB,OAAO,CACL,wBAAC,eAAK,CAAC,QAAQ,eACb,uBAAC,sBAAc,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,WAAI,EACrD,uBAAC,UAAU,IACT,EAAE,EAAK,IAAI,UAAI,KAAK,GAAG,CAAC,CAAE,EAC1B,IAAI,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,QAAA,EAAE,WACvE,KALiB,MAAM,CAAC,IAAI,CAMf,CAClB,CAAC;gBACJ,CAAC,CAAC,aACE,YACkB,CAC3B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAI,CAAC,GAAG,GAAG,IAAA,gBAAQ,EAAC,UAAC,KAAU;IACrB,IAAA,IAAI,GAAK,IAAA,kBAAU,EAAC,cAAc,CAAC,KAA/B,CAAgC;IAC5C,IAAM,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC;IAC3C,IAAM,KAAK,GAAG,UAAQ,CAAC,0BAAqB,IAAI,CAAC,MAAM,MAAG,CAAC;IAC3D,OAAO,CACL,yCACE,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,EAChB,SAAS,EAAE,IAAA,oBAAG,EACZ,aAAa,MACb,SAAG,sIAAA,kEAGF,KACF,gBAEA,KAAK,CAAC,QAAQ,YACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { useDndMonitor, useDroppable } from '@dnd-kit/core';\nimport { css } from '@emotion/css';\nimport { observer, RecursionField, Schema, useField, useFieldSchema } from '@formily/react';\nimport { uid } from '@formily/shared';\nimport cls from 'classnames';\nimport React, { createContext, useContext, useState } from 'react';\nimport { useSchemaInitializer } from '../../../';\nimport { DndContext } from '../../common/dnd-context';\n\nconst GridRowContext = createContext(null);\nconst GridColContext = createContext(null);\n\nconst ColDivider = (props) => {\n  const { isOver, setNodeRef } = useDroppable({\n    id: props.id,\n    data: props.data,\n  });\n\n  const droppableStyle = {\n    backgroundColor: isOver ? 'rgba(241, 139, 98, .1)' : undefined,\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      className={cls(\n        'nb-col-divider',\n        css`\n          width: 24px;\n        `,\n      )}\n      style={{ ...droppableStyle }}\n    ></div>\n  );\n};\n\nconst RowDivider = (props) => {\n  const { isOver, setNodeRef } = useDroppable({\n    id: props.id,\n    data: props.data,\n  });\n\n  const droppableStyle = {};\n\n  if (isOver) {\n    droppableStyle['backgroundColor'] = 'rgba(241, 139, 98, .1)';\n  }\n\n  const [active, setActive] = useState(false);\n\n  useDndMonitor({\n    onDragStart(event) {\n      setActive(true);\n    },\n    onDragMove(event) {},\n    onDragOver(event) {},\n    onDragEnd(event) {\n      setActive(false);\n    },\n    onDragCancel(event) {\n      setActive(false);\n    },\n  });\n\n  return (\n    <span\n      ref={setNodeRef}\n      className={cls(\n        'nb-row-divider',\n        css`\n          height: 24px;\n          width: 100%;\n          position: absolute;\n          margin-top: -24px;\n        `,\n      )}\n      style={{\n        zIndex: active ? 1000 : 0,\n        // height: 24,\n        // width: '100%',\n        // position: 'absolute',\n        // marginTop: -24,\n        ...droppableStyle,\n      }}\n    />\n  );\n};\n\nconst wrapRowSchema = (schema: Schema) => {\n  const row = new Schema({\n    type: 'void',\n    name: `row_${uid()}`,\n    'x-uid': uid(),\n    'x-component': 'Grid.Row',\n  });\n  const col = row.addProperty(uid(), {\n    type: 'void',\n    'x-uid': uid(),\n    'x-component': 'Grid.Col',\n  });\n  if (Schema.isSchemaInstance(schema)) {\n    schema.parent = col;\n  }\n  col.addProperty(schema.name, schema);\n  return row;\n};\n\nconst wrapColSchema = (schema: Schema) => {\n  const s = new Schema({\n    type: 'void',\n    name: `col_${uid()}`,\n    'x-uid': uid(),\n    'x-component': 'Grid.Col',\n  });\n  // parent 更新了，需要重新指定\n  if (Schema.isSchemaInstance(schema)) {\n    schema.parent = s;\n  }\n  s.addProperty(schema.name, schema);\n  return s;\n};\n\nconst useRowProperties = () => {\n  const fieldSchema = useFieldSchema();\n  return fieldSchema.reduceProperties((buf, s) => {\n    if (s['x-component'] === 'Grid.Row' && !s['x-hidden']) {\n      buf.push(s);\n    }\n    return buf;\n  }, []);\n};\n\nconst useColProperties = () => {\n  const fieldSchema = useFieldSchema();\n  return fieldSchema.reduceProperties((buf, s) => {\n    if (s['x-component'] === 'Grid.Col' && !s['x-hidden']) {\n      buf.push(s);\n    }\n    return buf;\n  }, []);\n};\n\nconst DndWrapper = (props) => {\n  if (props.dndContext === false) {\n    return <>{props.children}</>;\n  }\n  return <DndContext {...props.dndContext}>{props.children}</DndContext>;\n};\n\nexport const Grid: any = observer((props: any) => {\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  const { render } = useSchemaInitializer(fieldSchema['x-initializer']);\n  const addr = field.address.toString();\n  const rows = useRowProperties();\n  return (\n    <div className={'nb-grid'} style={{ position: 'relative' }}>\n      <DndWrapper dndContext={props.dndContext}>\n        <RowDivider\n          id={`${addr}_0`}\n          data={{ wrapSchema: wrapRowSchema, insertAdjacent: 'afterBegin', schema: fieldSchema }}\n        />\n        {rows.map((schema, index) => {\n          return (\n            <React.Fragment key={schema.name}>\n              <RecursionField name={schema.name} schema={schema} />\n              <RowDivider\n                id={`${addr}_${index + 1}`}\n                data={{ wrapSchema: wrapRowSchema, insertAdjacent: 'afterEnd', schema }}\n              />\n            </React.Fragment>\n          );\n        })}\n      </DndWrapper>\n      {render()}\n    </div>\n  );\n});\n\nGrid.Row = observer((props) => {\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  const addr = field.address.toString();\n  const cols = useColProperties();\n  return (\n    <GridRowContext.Provider value={{ cols }}>\n      <div\n        className={cls(\n          'nb-grid-row',\n          css`\n            margin: 0 -24px;\n            display: flex;\n            position: relative;\n            z-index: 0;\n          `,\n        )}\n      >\n        <ColDivider\n          id={`${addr}_0`}\n          data={{ wrapSchema: wrapColSchema, insertAdjacent: 'afterBegin', schema: fieldSchema }}\n        />\n        {cols.map((schema, index) => {\n          return (\n            <React.Fragment key={schema.name}>\n              <RecursionField name={schema.name} schema={schema} />\n              <ColDivider\n                id={`${addr}_${index + 1}`}\n                data={{ wrapSchema: wrapColSchema, insertAdjacent: 'afterEnd', schema }}\n              />\n            </React.Fragment>\n          );\n        })}\n      </div>\n    </GridRowContext.Provider>\n  );\n});\n\nGrid.Col = observer((props: any) => {\n  const { cols } = useContext(GridRowContext);\n  const w = props.width || 100 / cols.length;\n  const width = `calc(${w}% - 24px - 24px / ${cols.length})`;\n  return (\n    <div\n      style={{ width }}\n      className={cls(\n        'nb-grid-col',\n        css`\n          position: relative;\n          z-index: 0;\n        `,\n      )}\n    >\n      {props.children}\n    </div>\n  );\n});\n"]}

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

@@ -0,0 +1,2 @@
+export * from './Block';
+export * from './Grid';

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

@@ -0,0 +1,15 @@
+"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("./Block"), exports);
+__exportStar(require("./Grid"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/grid/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB;AACxB,yCAAuB","sourcesContent":["export * from './Block';\nexport * from './Grid';\n\n"]}

package/lib/schema-component/antd/icon-picker/IconPicker.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const IconPicker: React.ForwardRefExoticComponent<Pick<Partial<any>, string | number | symbol> & React.RefAttributes<unknown>>;
+export default IconPicker;

package/lib/schema-component/antd/icon-picker/IconPicker.js

@@ -0,0 +1,75 @@
+"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 __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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconPicker = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_1 = require("@ant-design/icons");
+var antd_1 = require("@formily/antd");
+var react_1 = require("@formily/react");
+var shared_1 = require("@formily/shared");
+var antd_2 = require("antd");
+var react_2 = require("react");
+var react_i18next_1 = require("react-i18next");
+var icon_1 = require("../../../icon");
+function IconField(props) {
+    var layout = (0, antd_1.useFormLayout)();
+    var value = props.value, onChange = props.onChange, disabled = props.disabled;
+    var _a = __read((0, react_2.useState)(false), 2), visible = _a[0], setVisible = _a[1];
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(antd_2.Input.Group, __assign({ compact: true }, { children: [(0, jsx_runtime_1.jsx)(antd_2.Popover, __assign({ placement: 'bottom', visible: visible, onVisibleChange: function (val) {
+                        if (disabled) {
+                            return;
+                        }
+                        setVisible(val);
+                    }, content: (0, jsx_runtime_1.jsx)("div", __assign({ style: { width: '26em', maxHeight: '20em', overflowY: 'auto' } }, { children: __spreadArray([], __read(icon_1.icons.keys()), false).map(function (key) { return ((0, jsx_runtime_1.jsx)("span", __assign({ style: { fontSize: 18, marginRight: 10, cursor: 'pointer' }, onClick: function () {
+                                onChange(key);
+                                setVisible(false);
+                            } }, { children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { type: key }, void 0) }), void 0)); }) }), void 0), title: t('Icon'), trigger: "click" }, { children: (0, jsx_runtime_1.jsx)(antd_2.Button, __assign({ size: layout.size, disabled: disabled }, { children: (0, icon_1.hasIcon)(value) ? (0, jsx_runtime_1.jsx)(icon_1.Icon, { type: value }, void 0) : t('Select icon') }), void 0) }), void 0), value && !disabled && ((0, jsx_runtime_1.jsx)(antd_2.Button, { size: layout.size, icon: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0), onClick: function (e) {
+                        onChange(null);
+                    } }, void 0))] }), void 0) }, void 0));
+}
+exports.IconPicker = (0, react_1.connect)(IconField, (0, react_1.mapProps)(function (props, field) {
+    return __assign(__assign({}, 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) {
+    if (!(0, shared_1.isValid)(props.value)) {
+        return (0, jsx_runtime_1.jsx)("div", {}, void 0);
+    }
+    return (0, jsx_runtime_1.jsx)(icon_1.Icon, { type: props.value }, void 0);
+}));
+exports.default = exports.IconPicker;
+//# sourceMappingURL=IconPicker.js.map

package/lib/schema-component/antd/icon-picker/IconPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPicker.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/icon-picker/IconPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { CloseOutlined, LoadingOutlined } from '@ant-design/icons';\nimport { useFormLayout } from '@formily/antd';\nimport { connect, mapProps, mapReadPretty } from '@formily/react';\nimport { isValid } from '@formily/shared';\nimport { Button, Input, Popover } from 'antd';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { hasIcon, Icon, icons } from '../../../icon';\n\nfunction IconField(props: any) {\n  const layout = useFormLayout();\n  const { value, onChange, disabled } = props;\n  const [visible, setVisible] = useState(false);\n  const { t } = useTranslation();\n  return (\n    <div>\n      <Input.Group compact>\n        <Popover\n          placement={'bottom'}\n          visible={visible}\n          onVisibleChange={(val) => {\n            if (disabled) {\n              return;\n            }\n            setVisible(val);\n          }}\n          content={\n            <div style={{ width: '26em', maxHeight: '20em', overflowY: 'auto' }}>\n              {[...icons.keys()].map((key) => (\n                <span\n                  style={{ fontSize: 18, marginRight: 10, cursor: 'pointer' }}\n                  onClick={() => {\n                    onChange(key);\n                    setVisible(false);\n                  }}\n                >\n                  <Icon type={key} />\n                </span>\n              ))}\n            </div>\n          }\n          title={t('Icon')}\n          trigger=\"click\"\n        >\n          <Button size={layout.size as any} disabled={disabled}>\n            {hasIcon(value) ? <Icon type={value} /> : t('Select icon')}\n          </Button>\n        </Popover>\n        {value && !disabled && (\n          <Button\n            size={layout.size as any}\n            icon={<CloseOutlined />}\n            onClick={(e) => {\n              onChange(null);\n            }}\n          ></Button>\n        )}\n      </Input.Group>\n    </div>\n  );\n}\n\nexport const IconPicker = connect(\n  IconField,\n  mapProps((props, field) => {\n    return {\n      ...props,\n      suffix: <span>{field?.['loading'] || field?.['validating'] ? <LoadingOutlined /> : props.suffix}</span>,\n    };\n  }),\n  mapReadPretty((props) => {\n    if (!isValid(props.value)) {\n      return <div></div>;\n    }\n    return <Icon type={props.value} />;\n  }),\n);\n\nexport default IconPicker;\n"]}

package/lib/schema-component/antd/icon-picker/index.d.ts

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

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

package/lib/schema-component/antd/icon-picker/index.js.map

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

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

@@ -0,0 +1,37 @@
+export * from './action';
+export * from './block-item';
+export * from './calendar';
+export * from './calendar-v2';
+export * from './card-item';
+export * from './cascader';
+export * from './chart';
+export * from './checkbox';
+export * from './color-select';
+export * from './date-picker';
+export * from './filter';
+export * from './form';
+export * from './form-item';
+export * from './form-v2';
+export * from './grid';
+export * from './icon-picker';
+export * from './input';
+export * from './input-number';
+export * from './kanban';
+export * from './kanban-v2';
+export * from './markdown';
+export * from './menu';
+export * from './page';
+export * from './pagination';
+export * from './password';
+export * from './radio';
+export * from './record-picker';
+export * from './rich-text';
+export * from './select';
+export * from './space';
+export * from './table';
+export * from './table-v2';
+export * from './tabs';
+export * from './time-picker';
+export * from './tree-select';
+export * from './upload';
+import './index.less';

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

@@ -0,0 +1,51 @@
+"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("./action"), exports);
+__exportStar(require("./block-item"), exports);
+// export * from './blocks';
+__exportStar(require("./calendar"), exports);
+__exportStar(require("./calendar-v2"), exports);
+__exportStar(require("./card-item"), exports);
+__exportStar(require("./cascader"), exports);
+__exportStar(require("./chart"), exports);
+__exportStar(require("./checkbox"), exports);
+__exportStar(require("./color-select"), exports);
+__exportStar(require("./date-picker"), exports);
+__exportStar(require("./filter"), exports);
+__exportStar(require("./form"), exports);
+__exportStar(require("./form-item"), exports);
+__exportStar(require("./form-v2"), exports);
+__exportStar(require("./grid"), exports);
+__exportStar(require("./icon-picker"), exports);
+__exportStar(require("./input"), exports);
+__exportStar(require("./input-number"), exports);
+__exportStar(require("./kanban"), exports);
+__exportStar(require("./kanban-v2"), exports);
+__exportStar(require("./markdown"), exports);
+__exportStar(require("./menu"), exports);
+__exportStar(require("./page"), exports);
+__exportStar(require("./pagination"), exports);
+__exportStar(require("./password"), exports);
+__exportStar(require("./radio"), exports);
+__exportStar(require("./record-picker"), exports);
+__exportStar(require("./rich-text"), exports);
+__exportStar(require("./select"), exports);
+__exportStar(require("./space"), exports);
+__exportStar(require("./table"), exports);
+__exportStar(require("./table-v2"), exports);
+__exportStar(require("./tabs"), exports);
+__exportStar(require("./time-picker"), exports);
+__exportStar(require("./tree-select"), exports);
+__exportStar(require("./upload"), exports);
+require("./index.less");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/schema-component/antd/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,+CAA6B;AAC7B,4BAA4B;AAC5B,6CAA2B;AAC3B,gDAA8B;AAC9B,8CAA4B;AAC5B,6CAA2B;AAC3B,0CAAwB;AACxB,6CAA2B;AAC3B,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,yCAAuB;AACvB,gDAA8B;AAC9B,0CAAwB;AACxB,iDAA+B;AAC/B,2CAAyB;AACzB,8CAA4B;AAC5B,6CAA2B;AAC3B,yCAAuB;AACvB,yCAAuB;AACvB,+CAA6B;AAC7B,6CAA2B;AAC3B,0CAAwB;AACxB,kDAAgC;AAChC,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,6CAA2B;AAC3B,yCAAuB;AACvB,gDAA8B;AAC9B,gDAA8B;AAC9B,2CAAyB;AACzB,wBAAsB","sourcesContent":["export * from './action';\nexport * from './block-item';\n// export * from './blocks';\nexport * from './calendar';\nexport * from './calendar-v2';\nexport * from './card-item';\nexport * from './cascader';\nexport * from './chart';\nexport * from './checkbox';\nexport * from './color-select';\nexport * from './date-picker';\nexport * from './filter';\nexport * from './form';\nexport * from './form-item';\nexport * from './form-v2';\nexport * from './grid';\nexport * from './icon-picker';\nexport * from './input';\nexport * from './input-number';\nexport * from './kanban';\nexport * from './kanban-v2';\nexport * from './markdown';\nexport * from './menu';\nexport * from './page';\nexport * from './pagination';\nexport * from './password';\nexport * from './radio';\nexport * from './record-picker';\nexport * from './rich-text';\nexport * from './select';\nexport * from './space';\nexport * from './table';\nexport * from './table-v2';\nexport * from './tabs';\nexport * from './time-picker';\nexport * from './tree-select';\nexport * from './upload';\nimport './index.less';\n\n\n"]}

package/lib/schema-component/antd/input/EllipsisWithTooltip.d.ts

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

package/lib/schema-component/antd/input/EllipsisWithTooltip.js

@@ -0,0 +1,59 @@
+"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 __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.EllipsisWithTooltip = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var antd_1 = require("antd");
+var react_1 = require("react");
+var ellipsisDefaultStyle = {
+    overflow: 'hidden',
+    overflowWrap: 'break-word',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    wordBreak: 'break-all',
+};
+var EllipsisWithTooltip = function (props) {
+    var _a = __read((0, react_1.useState)(false), 2), ellipsis = _a[0], setEllipsis = _a[1];
+    var _b = __read((0, react_1.useState)(false), 2), visible = _b[0], setVisible = _b[1];
+    if (!props.ellipsis) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children }, void 0);
+    }
+    var popoverContent = props.popoverContent;
+    return ((0, jsx_runtime_1.jsx)(antd_1.Popover, __assign({ visible: ellipsis && visible, onVisibleChange: function (visible) {
+            setVisible(ellipsis && visible);
+        }, content: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
+                width: 300,
+                overflowX: 'auto',
+            } }, { children: popoverContent || props.children }), void 0) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: __assign({}, ellipsisDefaultStyle), onMouseEnter: function (e) {
+                var el = e.target;
+                setEllipsis(el.scrollWidth > el.clientWidth);
+            } }, { children: props.children }), void 0) }), void 0));
+};
+exports.EllipsisWithTooltip = EllipsisWithTooltip;
+//# sourceMappingURL=EllipsisWithTooltip.js.map

package/lib/schema-component/antd/input/EllipsisWithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisWithTooltip.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/input/EllipsisWithTooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6BAA+B;AAC/B,+BAAuD;AAEvD,IAAM,oBAAoB,GAAkB;IAC1C,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,YAAY;IAC1B,YAAY,EAAE,UAAU;IACxB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,WAAW;CACvB,CAAC;AAEK,IAAM,mBAAmB,GAAG,UAAC,KAAK;IACjC,IAAA,KAAA,OAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAC1C,IAAA,KAAA,OAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;QACnB,OAAO,2DAAG,KAAK,CAAC,QAAQ,WAAI,CAAC;KAC9B;IACO,IAAA,cAAc,GAAK,KAAK,eAAV,CAAW;IACjC,OAAO,CACL,uBAAC,cAAO,aACN,OAAO,EAAE,QAAQ,IAAI,OAAO,EAC5B,eAAe,EAAE,UAAC,OAAO;YACvB,UAAU,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC;QAClC,CAAC,EACD,OAAO,EACL,yCACE,KAAK,EAAE;gBACL,KAAK,EAAE,GAAG;gBACV,SAAS,EAAE,MAAM;aAClB,gBAEA,cAAc,IAAI,KAAK,CAAC,QAAQ,YAC7B,gBAGR,yCACE,KAAK,eAAO,oBAAoB,GAChC,YAAY,EAAE,UAAC,CAAC;gBACd,IAAM,EAAE,GAAG,CAAC,CAAC,MAAa,CAAC;gBAC3B,WAAW,CAAC,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC;YAC/C,CAAC,gBAEA,KAAK,CAAC,QAAQ,YACX,YACE,CACX,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,mBAAmB,uBAmC9B","sourcesContent":["import { Popover } from 'antd';\nimport React, { CSSProperties, useState } from 'react';\n\nconst ellipsisDefaultStyle: CSSProperties = {\n  overflow: 'hidden',\n  overflowWrap: 'break-word',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  wordBreak: 'break-all',\n};\n\nexport const EllipsisWithTooltip = (props) => {\n  const [ellipsis, setEllipsis] = useState(false);\n  const [visible, setVisible] = useState(false);\n  if (!props.ellipsis) {\n    return <>{props.children}</>;\n  }\n  const { popoverContent } = props;\n  return (\n    <Popover\n      visible={ellipsis && visible}\n      onVisibleChange={(visible) => {\n        setVisible(ellipsis && visible);\n      }}\n      content={\n        <div\n          style={{\n            width: 300,\n            overflowX: 'auto',\n          }}\n        >\n          {popoverContent || props.children}\n        </div>\n      }\n    >\n      <div\n        style={{ ...ellipsisDefaultStyle }}\n        onMouseEnter={(e) => {\n          const el = e.target as any;\n          setEllipsis(el.scrollWidth > el.clientWidth);\n        }}\n      >\n        {props.children}\n      </div>\n    </Popover>\n  );\n};\n"]}

package/lib/schema-component/antd/input/Input.d.ts

@@ -0,0 +1,8 @@
+import { InputProps, TextAreaProps } from 'antd/lib/input';
+import React from 'react';
+declare type ComposedInput = React.FC<InputProps> & {
+    TextArea?: React.FC<TextAreaProps>;
+    URL?: React.FC<InputProps>;
+};
+export declare const Input: ComposedInput;
+export default Input;

package/lib/schema-component/antd/input/Input.js

@@ -0,0 +1,31 @@
+"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.Input = 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 ReadPretty_1 = require("./ReadPretty");
+exports.Input = (0, react_1.connect)(antd_1.Input, (0, react_1.mapProps)(function (props, field) {
+    return __assign(__assign({}, 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)(ReadPretty_1.ReadPretty.Input));
+exports.Input.TextArea = (0, react_1.connect)(antd_1.Input.TextArea, (0, react_1.mapProps)(function (props, field) {
+    return __assign({ autoSize: {
+            maxRows: 10,
+            minRows: 3,
+        } }, props);
+}), (0, react_1.mapReadPretty)(ReadPretty_1.ReadPretty.TextArea));
+exports.Input.URL = (0, react_1.connect)(antd_1.Input, (0, react_1.mapReadPretty)(ReadPretty_1.ReadPretty.URL));
+exports.default = exports.Input;
+//# sourceMappingURL=Input.js.map

package/lib/schema-component/antd/input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAAoD;AACpD,wCAAkE;AAClE,6BAA0C;AAG1C,2CAA0C;AAO7B,QAAA,KAAK,GAAkB,IAAA,eAAO,EACzC,YAAS,EACT,IAAA,gBAAQ,EAAC,UAAC,KAAK,EAAE,KAAK;IACpB,6BACK,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,uBAAU,CAAC,KAAK,CAAC,CAChC,CAAC;AAEF,aAAK,CAAC,QAAQ,GAAG,IAAA,eAAO,EACtB,YAAS,CAAC,QAAQ,EAClB,IAAA,gBAAQ,EAAC,UAAC,KAAK,EAAE,KAAK;IACpB,kBACE,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,CAAC;SACX,IACE,KAAK,EACR;AACJ,CAAC,CAAC,EACF,IAAA,qBAAa,EAAC,uBAAU,CAAC,QAAQ,CAAC,CACnC,CAAC;AACF,aAAK,CAAC,GAAG,GAAG,IAAA,eAAO,EAAC,YAAS,EAAE,IAAA,qBAAa,EAAC,uBAAU,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9D,kBAAe,aAAK,CAAC","sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { connect, mapProps, mapReadPretty } from '@formily/react';\nimport { Input as AntdInput } from 'antd';\nimport { InputProps, TextAreaProps } from 'antd/lib/input';\nimport React from 'react';\nimport { ReadPretty } from './ReadPretty';\n\ntype ComposedInput = React.FC<InputProps> & {\n  TextArea?: React.FC<TextAreaProps>;\n  URL?: React.FC<InputProps>;\n};\n\nexport const Input: ComposedInput = connect(\n  AntdInput,\n  mapProps((props, field) => {\n    return {\n      ...props,\n      suffix: <span>{field?.['loading'] || field?.['validating'] ? <LoadingOutlined /> : props.suffix}</span>,\n    };\n  }),\n  mapReadPretty(ReadPretty.Input),\n);\n\nInput.TextArea = connect(\n  AntdInput.TextArea,\n  mapProps((props, field) => {\n    return {\n      autoSize: {\n        maxRows: 10,\n        minRows: 3,\n      },\n      ...props,\n    };\n  }),\n  mapReadPretty(ReadPretty.TextArea),\n);\nInput.URL = connect(AntdInput, mapReadPretty(ReadPretty.URL));\n\nexport default Input;\n"]}

package/lib/schema-component/antd/input/ReadPretty.d.ts

@@ -0,0 +1,19 @@
+import { InputProps, TextAreaProps } from 'antd/lib/input';
+import React from 'react';
+declare type Composed = {
+    Input: React.FC<InputProps & {
+        ellipsis?: any;
+    }>;
+    URL: React.FC<InputProps>;
+    TextArea: React.FC<TextAreaProps & {
+        ellipsis?: any;
+        text?: any;
+        addonBefore?: any;
+        suffix?: any;
+        addonAfter?: any;
+        autop?: boolean;
+    }>;
+    Html?: any;
+};
+export declare const ReadPretty: Composed;
+export {};