vap1 0.4.5 → 0.5.0

package/components/Lists/Fields/ItemRender.js

@@ -0,0 +1,127 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.itemRender = void 0;
+var react_1 = __importStar(require("react"));
+var antd_1 = require("antd");
+var lodash_1 = __importDefault(require("lodash"));
+var _utils_1 = require("./_utils");
+var getValueRender = function (contetField, r) {
+    if (contetField.style == null || !lodash_1.default.startsWith(contetField.style, 'tag-')) {
+        var className_1 = "c-list-item-value c-list-item-value-".concat(contetField.style);
+        return function (record, i) {
+            if (!lodash_1.default.has(record, contetField.dataIndex))
+                return react_1.default.createElement(react_1.Fragment, { key: r * 100 + i });
+            var value = record[contetField.dataIndex];
+            if ((value === undefined || value === null || value === '') && !lodash_1.default.isFunction(contetField.render))
+                return react_1.default.createElement(react_1.Fragment, { key: r * 100 + i });
+            return react_1.default.createElement("li", { key: r * 100 + i },
+                lodash_1.default.isString(contetField.title) && react_1.default.createElement("label", null, contetField.title),
+                react_1.default.createElement("span", { className: className_1 }, contetField.render ? contetField.render(value, record) : value));
+        };
+    }
+    var color = contetField.style.substring(4);
+    return function (record, i) {
+        if (!lodash_1.default.has(record, contetField.dataIndex))
+            return react_1.default.createElement(react_1.Fragment, { key: r * 100 + i });
+        var value = record[contetField.dataIndex];
+        if ((value === undefined || value === null || value === '') && !lodash_1.default.isFunction(contetField.render))
+            return react_1.default.createElement(react_1.Fragment, { key: r * 100 + i });
+        return react_1.default.createElement("li", { key: r * 100 + i },
+            lodash_1.default.isString(contetField.title) && react_1.default.createElement("label", null, contetField.title),
+            react_1.default.createElement(antd_1.Tag, { color: color }, contetField.render ? contetField.render(value, record) : value));
+    };
+};
+var getContentRenders = function (content) {
+    if (!lodash_1.default.isArray(content))
+        return (0, _utils_1.getRender)(content);
+    var ValueRenders = content.map(function (item, r) {
+        if (item == null)
+            return function (record, i) { return react_1.default.createElement("li", { className: "c-list-item-divider", key: r * 100 + i }); };
+        return getValueRender(item, r);
+    });
+    return function (record, i) { return react_1.default.createElement("ul", { className: "c-list-item-detail" }, content.map(function (item, r) { return ValueRenders[r](record, i); })); };
+};
+var getRenders = function (renders) {
+    var titleRender = (0, _utils_1.getRender)(renders.title);
+    var titleRightRender = titleRender ? (0, _utils_1.getRender)(renders.titleRight) : null;
+    var actionRender = (0, _utils_1.getRender)(renders.action);
+    var citeRender = (0, _utils_1.getRender)(renders.cite);
+    var contentRender = getContentRenders(renders.content);
+    var hasTitle = titleRender != null, hasTitleRight = titleRender != null && titleRightRender != null;
+    var hasAction = actionRender != null, hasCite = citeRender != null, hasFooter = hasAction || hasCite;
+    return {
+        hasTitle: hasTitle,
+        hasTitleRight: hasTitleRight,
+        hasFooter: hasFooter,
+        hasAction: hasAction,
+        hasCite: hasCite,
+        titleRender: titleRender,
+        titleRightRender: titleRightRender,
+        contentRender: contentRender,
+        actionRender: actionRender,
+        citeRender: citeRender,
+    };
+};
+var ListItemContent = function (_a) {
+    var record = _a.record, i = _a.i, _b = _a.renders, hasTitle = _b.hasTitle, hasTitleRight = _b.hasTitleRight, hasFooter = _b.hasFooter, hasAction = _b.hasAction, hasCite = _b.hasCite, titleRender = _b.titleRender, titleRightRender = _b.titleRightRender, contentRender = _b.contentRender, actionRender = _b.actionRender, citeRender = _b.citeRender;
+    return react_1.default.createElement("section", { className: "c-list-item-content" },
+        hasTitle && react_1.default.createElement("div", { className: "c-list-item-head" },
+            react_1.default.createElement("div", { className: "c-list-item-title" }, titleRender(record, i)),
+            hasTitleRight && react_1.default.createElement("div", { className: "c-list-item-sub" }, titleRightRender(record, i))),
+        react_1.default.createElement("div", { className: "c-list-item-body" }, contentRender(record, i)),
+        hasFooter && react_1.default.createElement("div", { className: "c-list-item-foot" },
+            hasAction && react_1.default.createElement("div", { className: "c-list-item-action" }, actionRender(record, i)),
+            hasCite && react_1.default.createElement("cite", { className: "c-list-item-cite" }, citeRender(record, i))));
+};
+var withIcon = function (props) {
+    var icon = props.icon;
+    var itemRenders = getRenders(props);
+    var iconRender = (0, _utils_1.getIconRender)(icon);
+    return function (record, i) { return react_1.default.createElement("li", { className: "c-list-item c-list-item-wapper" },
+        iconRender(record, i),
+        react_1.default.createElement(ListItemContent, { record: record, i: i, renders: itemRenders })); };
+};
+var itemRender = function (props) {
+    if (props.icon)
+        return withIcon(props);
+    var itemRenders = getRenders(props);
+    return function (record, i) { return react_1.default.createElement("li", { className: "c-list-item" },
+        react_1.default.createElement(ListItemContent, { record: record, i: i, renders: itemRenders })); };
+};
+exports.itemRender = itemRender;

package/components/Lists/Fields/_utils.d.ts

@@ -0,0 +1,3 @@
+import type { ListContentRender, ListItemRender, FieldListProps } from '../index';
+export declare const getRender: (render: ListContentRender) => ListItemRender;
+export declare const getIconRender: (icon: FieldListProps["icon"]) => ListItemRender;

package/components/Lists/Fields/_utils.js

@@ -0,0 +1,80 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIconRender = exports.getRender = void 0;
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var Const_1 = require("../../../utils/Const");
+var IconRender_1 = require("./IconRender");
+var getRender = function (render) {
+    if (lodash_1.default.isFunction(render))
+        return render;
+    if (lodash_1.default.isString(render)) {
+        return function (record, i) {
+            if (lodash_1.default.has(record, render))
+                return record[render];
+            return react_1.default.createElement(react_1.Fragment, null);
+        };
+    }
+    return null;
+};
+exports.getRender = getRender;
+var getIconRender = function (icon) {
+    if (typeof icon == 'string')
+        return function (record, i) { return react_1.default.createElement(IconRender_1.ListIconIcon, { icon: icon, record: record, i: i }); };
+    switch (icon.type) {
+        // 自定义图标
+        case 'icon':
+            return function (record, i) { return react_1.default.createElement(IconRender_1.ListIconIcon, { icon: icon, record: record, i: i }); };
+        case 'date':
+            return function (record, i) { return react_1.default.createElement(IconRender_1.ListIconDate, { icon: icon, record: record, i: i }); };
+        // 状态
+        case 'status':
+            return function (record, i) { return react_1.default.createElement(IconRender_1.ListIconStatus, { icon: icon, record: record, i: i }); };
+        // 进度
+        case 'progress':
+            return function (record, i) { return react_1.default.createElement(IconRender_1.ListIconProgress, { icon: icon, record: record, i: i }); };
+        // 任务进度
+        case 'task':
+            return function (record, i) { return react_1.default.createElement(IconRender_1.ListIconTask, { icon: icon, record: record, i: i }); };
+        default:
+            break;
+    }
+    return function (record, i) { return Const_1.NONE; };
+};
+exports.getIconRender = getIconRender;

package/components/Lists/Fields/index.d.ts

@@ -0,0 +1,3 @@
+import type { BaseListProps } from "../index";
+import type { FC } from 'react';
+export declare const FieldsList: FC<BaseListProps>;

package/components/Lists/Fields/index.js

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldsList = void 0;
+var react_1 = __importStar(require("react"));
+var ItemRender_1 = require("./ItemRender");
+var utils_1 = require("../../../utils");
+var antd_1 = require("antd");
+// 
+var FieldsList = function (props) {
+    var fields = props.fields, dataSource = props.dataSource, loading = props.loading, rowKey = props.rowKey;
+    var renderItem = (0, react_1.useCallback)((0, ItemRender_1.itemRender)(fields), []);
+    return react_1.default.createElement(antd_1.List, { className: utils_1.StringUtil.className(['c-list', 'c-list-fields',], props.className), dataSource: dataSource, style: props.style, renderItem: renderItem, loading: loading, locale: { emptyText: react_1.default.createElement(antd_1.Empty, { style: { marginTop: 24 } }) }, rowKey: rowKey, pagination: false, footer: null, header: null });
+};
+exports.FieldsList = FieldsList;

package/components/Lists/Grid/grid.d.ts

@@ -0,0 +1,7 @@
+import type { GridsListProps, ListItemRender } from '../index';
+/**
+ * 暂未开放,
+ * grid 布局
+ * 典型应用 :  仪表盘管理  /  资产监控管理 / 页面中心  / 数据源管理? /
+*/
+export declare const grid: (props: GridsListProps) => ListItemRender;

package/components/Lists/Grid/grid.js

@@ -0,0 +1,18 @@
+"use strict";
+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 react_1 = __importDefault(require("react"));
+/**
+ * 暂未开放,
+ * grid 布局
+ * 典型应用 :  仪表盘管理  /  资产监控管理 / 页面中心  / 数据源管理? /
+*/
+var grid = function (props) {
+    return function (record, i) {
+        return react_1.default.createElement("div", null);
+    };
+};
+exports.grid = grid;

package/components/Lists/Grid/index.d.ts

@@ -0,0 +1,3 @@
+import type { BaseListProps } from "../index";
+import type { FC } from 'react';
+export declare const GridList: FC<BaseListProps>;

package/components/Lists/Grid/index.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridList = void 0;
+var react_1 = __importStar(require("react"));
+var antd_1 = require("antd");
+var utils_1 = require("../../../utils");
+var GridList = function (props) {
+    var grids = props.grids, dataSource = props.dataSource, loading = props.loading;
+    var itemRender = (0, react_1.useMemo)(function () {
+        if (grids.ratio) {
+            // console.log(grids.ratio)
+        }
+        return function (record, i) { return react_1.default.createElement(antd_1.List.Item, null, grids.itemRender(record, i)); };
+    }, [grids]);
+    return react_1.default.createElement(antd_1.List, { className: utils_1.StringUtil.className(['c-list', 'c-list-grids'], props.className), style: props.style, dataSource: dataSource, renderItem: itemRender, grid: grids.grid, loading: loading, locale: { emptyText: react_1.default.createElement(antd_1.Empty, { style: { marginTop: 24 } }) }, rowKey: props.rowKey, pagination: false, footer: null, header: null });
+};
+exports.GridList = GridList;

package/components/Lists/Row/index.d.ts

@@ -0,0 +1,3 @@
+import type { BaseListProps } from "../index";
+import type { FC } from 'react';
+export declare const RowList: FC<BaseListProps>;

package/components/Lists/Row/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowList = void 0;
+var react_1 = __importDefault(require("react"));
+var antd_1 = require("antd");
+var utils_1 = require("../../../utils");
+var RowList = function (props) {
+    var row = props.row, dataSource = props.dataSource, loading = props.loading;
+    return react_1.default.createElement(antd_1.List, { className: utils_1.StringUtil.className(['c-list', 'c-list-row'], props.className), style: props.style, dataSource: dataSource, renderItem: function (record, i) { return react_1.default.createElement(antd_1.List.Item, null, row.itemRender(record, i)); }, loading: loading, locale: { emptyText: react_1.default.createElement(antd_1.Empty, { style: { marginTop: 24 } }) }, rowKey: props.rowKey, pagination: false, footer: null, header: null });
+};
+exports.RowList = RowList;

package/components/Lists/SList.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;

package/components/Lists/Timeline/index.d.ts

@@ -0,0 +1,3 @@
+import type { BaseListProps } from "../index";
+import type { FC } from 'react';
+export declare const TimelineList: FC<BaseListProps>;

package/components/Lists/Timeline/index.js

@@ -0,0 +1,117 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimelineList = void 0;
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var antd_1 = require("antd");
+var utils_1 = require("../../../utils");
+var buildLabelRender = function (timeline) {
+    if (!lodash_1.default.has(timeline, 'labelRender'))
+        return null;
+    if (lodash_1.default.isFunction(timeline.labelRender))
+        return timeline.labelRender;
+    if (lodash_1.default.isString(timeline.labelRender))
+        return function (item) { return item[timeline.labelRender]; };
+    return null;
+};
+var buildTitleRender = function (timeline) {
+    if (!lodash_1.default.has(timeline, 'titleRender'))
+        return null;
+    if (lodash_1.default.isFunction(timeline.titleRender))
+        return timeline.titleRender;
+    if (lodash_1.default.isString(timeline.titleRender))
+        return function (item) { return item[timeline.titleRender]; };
+    return null;
+};
+var buildActionRender = function (timeline) {
+    if (!lodash_1.default.has(timeline, 'actionRender'))
+        return null;
+    if (lodash_1.default.isFunction(timeline.actionRender))
+        return timeline.actionRender;
+    return null;
+};
+var TimelineList = function (props) {
+    var timeline = props.timeline, dataSource = props.dataSource, loading = props.loading;
+    var contentRender = (0, react_1.useMemo)(function () {
+        var titleRender = buildTitleRender(timeline);
+        var labelRender = buildLabelRender(timeline);
+        var actionRender = buildActionRender(timeline);
+        return function (record, i) {
+            var result = timeline.itemRender(record, i);
+            if ((0, react_1.isValidElement)(result)) {
+                result = {
+                    children: result
+                };
+            }
+            if (labelRender) {
+                result.children = labelRender(record, i);
+            }
+            result.children = [react_1.default.createElement("div", { className: "c-list-timeline-item-content" }, result.children)];
+            if (titleRender) {
+                // @ts-ignore
+                result.children.unshift(react_1.default.createElement("div", { className: "c-list-timeline-item-title" }, titleRender(record, i)));
+            }
+            if (actionRender) {
+                // @ts-ignore
+                result.children.push(react_1.default.createElement("div", { className: "c-list-item-action" }, actionRender(record, i)));
+            }
+            return result;
+        };
+    }, [timeline]);
+    var timelineProps = (0, react_1.useMemo)(function () {
+        var param = __assign({ mode: 'left', reverse: false }, lodash_1.default.pick(timeline, ['mode', 'pending', 'pendingDot', 'reverse']));
+        return param;
+    }, [timeline]);
+    var items = (0, react_1.useMemo)(function () { return dataSource.map(contentRender); }, [dataSource]);
+    return react_1.default.createElement(antd_1.Timeline
+    // pending={loading}
+    , __assign({}, timelineProps, { style: props.style, className: utils_1.StringUtil.className(['c-list', 'c-list-fields', 'c-list-timeline-' + timelineProps.mode], props.className) }));
+};
+exports.TimelineList = TimelineList;

package/components/Lists/VList.d.ts

@@ -0,0 +1,3 @@
+import type { VListProps } from './index';
+import type { FC } from 'react';
+export declare const VList: FC<VListProps>;

package/components/Lists/VList.js

@@ -0,0 +1,92 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VList = void 0;
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var Upagination_1 = require("../_common/Upagination");
+var SearchTool_1 = require("./components/SearchTool");
+var BaseList_1 = require("./BaseList");
+var useApp_1 = require("../../hooks/useApp");
+var ActionButtons_1 = require("../SearchTool/SearchBar/ActionButtons");
+var LayoutSwitcher_1 = require("./components/LayoutSwitcher");
+var VList = function (props) {
+    var model = props.model;
+    var app = (0, useApp_1.useApp)();
+    var _a = (0, LayoutSwitcher_1.useListLayout)(props), layout = _a.layout, layouts = _a.layouts, setLayout = _a.setLayout;
+    (0, react_1.useLayoutEffect)(function () { model.query(props.default || {}); }, []);
+    var extraAction = (0, react_1.useMemo)(function () {
+        if (layouts.length <= 1)
+            return null;
+        if (props.searchBand == undefined || props.searchBand == null)
+            return null;
+        return react_1.default.createElement(LayoutSwitcher_1.LayoutSwitcher, { layout: layout, layouts: layouts, setLayout: setLayout });
+    }, []);
+    var style = (0, react_1.useMemo)(function () {
+        var _a;
+        if (props.mode != 'fixed')
+            return props.style;
+        if ((_a = app === null || app === void 0 ? void 0 : app.theme) === null || _a === void 0 ? void 0 : _a.contentHeight) {
+            return __assign(__assign({}, props.style), { height: app.theme.contentHeight });
+        }
+        return props.style;
+    }, [props.style, props.mode]);
+    var clazz = (0, react_1.useMemo)(function () {
+        var classNames = ['c-list-wapper'];
+        classNames.push('c-list-' + (props.mode || 'common'));
+        if (props.className)
+            classNames.push(props.className);
+        return classNames.join(' ');
+    }, [props.className]);
+    return react_1.default.createElement("div", { style: style, className: clazz },
+        react_1.default.createElement(SearchTool_1.SearchTool, __assign({}, props, { onSearch: function (data) { return model.query(data, true); }, default: props.default, extraAction: extraAction, children: lodash_1.default.isEmpty(props.actionBar) ? undefined : (lodash_1.default.isArray(props.actionBar) ? react_1.default.createElement(ActionButtons_1.ActionButtons, { buttons: props.actionBar }) : props.actionBar) })),
+        react_1.default.createElement(BaseList_1.BaseList, __assign({}, props, { layout: layout, style: null, className: null, dataSource: model.list, loading: model.isQuerying })),
+        props.pagination !== false && react_1.default.createElement(Upagination_1.UPagination, __assign({}, (0, Upagination_1.defaultPaginationProps)(props.pagination), { disabled: model.isQuerying, total: model.total, totalAcc: model.totalAcc, onChange: model.pageTo })));
+};
+exports.VList = VList;

package/components/Lists/components/LayoutSwitcher.d.ts

@@ -0,0 +1,13 @@
+import type { FC } from 'react';
+import type { ListRenderDefine, ListLayoutType } from '../index';
+import type { BaseOption } from "../../../basetype";
+type LayoutState = {
+    layout: ListLayoutType;
+    setLayout: (layout: ListLayoutType) => void;
+    layouts: BaseOption[];
+};
+export declare const useListLayout: (props: ListRenderDefine & {
+    defaultLayout?: ListLayoutType;
+}) => LayoutState;
+export declare const LayoutSwitcher: FC<LayoutState>;
+export {};