tntd 1.4.17 → 2.0.0-beta-1

package/lib/business-components/index.js

@@ -0,0 +1,56 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrayInput = exports.Ellipsis = exports.Title = exports.Img = exports.ProSelect = exports.Page = exports.Handle = exports.LoadingButton = exports.DevelopmentLogin = exports.Columns = exports.TntdModal = exports.iconList = exports.TntdIcon = exports.QueryListScene = exports.QueryForm = exports.AuthContext = exports.TntdLayout = void 0;
+var tntd_layout_1 = require("./tntd-layout");
+Object.defineProperty(exports, "TntdLayout", { enumerable: true, get: function () { return __importDefault(tntd_layout_1).default; } });
+var auth_context_1 = require("./auth-context");
+Object.defineProperty(exports, "AuthContext", { enumerable: true, get: function () { return __importDefault(auth_context_1).default; } });
+var query_form_1 = require("./query-form");
+Object.defineProperty(exports, "QueryForm", { enumerable: true, get: function () { return __importDefault(query_form_1).default; } });
+var query_list_scene_1 = require("./query-list-scene");
+Object.defineProperty(exports, "QueryListScene", { enumerable: true, get: function () { return __importDefault(query_list_scene_1).default; } });
+var tntd_icon_1 = require("./tntd-icon");
+Object.defineProperty(exports, "TntdIcon", { enumerable: true, get: function () { return __importDefault(tntd_icon_1).default; } });
+var icon_list_1 = require("./tntd-icon/icon-list");
+Object.defineProperty(exports, "iconList", { enumerable: true, get: function () { return __importDefault(icon_list_1).default; } });
+var tntd_modal_1 = require("./tntd-modal");
+Object.defineProperty(exports, "TntdModal", { enumerable: true, get: function () { return __importDefault(tntd_modal_1).default; } });
+var columns_1 = require("./columns");
+Object.defineProperty(exports, "Columns", { enumerable: true, get: function () { return __importDefault(columns_1).default; } });
+var development_login_1 = require("./development-login");
+Object.defineProperty(exports, "DevelopmentLogin", { enumerable: true, get: function () { return __importDefault(development_login_1).default; } });
+var loading_button_1 = require("./loading-button");
+Object.defineProperty(exports, "LoadingButton", { enumerable: true, get: function () { return __importDefault(loading_button_1).default; } });
+var handle_1 = require("./handle");
+Object.defineProperty(exports, "Handle", { enumerable: true, get: function () { return __importDefault(handle_1).default; } });
+var page_1 = require("./page");
+Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return __importDefault(page_1).default; } });
+var pro_select_1 = require("./pro-select");
+Object.defineProperty(exports, "ProSelect", { enumerable: true, get: function () { return __importDefault(pro_select_1).default; } });
+var img_1 = require("./img");
+Object.defineProperty(exports, "Img", { enumerable: true, get: function () { return __importDefault(img_1).default; } });
+var title_1 = require("./title");
+Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return __importDefault(title_1).default; } });
+var ellipsis_1 = require("./ellipsis");
+Object.defineProperty(exports, "Ellipsis", { enumerable: true, get: function () { return __importDefault(ellipsis_1).default; } });
+var array_input_1 = require("./array-input");
+Object.defineProperty(exports, "ArrayInput", { enumerable: true, get: function () { return __importDefault(array_input_1).default; } });
+__exportStar(require("./utils"), exports);
+//# sourceMappingURL=index.js.map

package/lib/business-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/business-components/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,6CAAqD;AAA5C,0HAAA,OAAO,OAAc;AAC9B,+CAAuD;AAA9C,4HAAA,OAAO,OAAe;AAC/B,2CAAmD;AAA1C,wHAAA,OAAO,OAAa;AAC7B,uDAA8D;AAArD,mIAAA,OAAO,OAAkB;AAClC,yCAAiD;AAAxC,sHAAA,OAAO,OAAY;AAC5B,mDAA2D;AAAlD,sHAAA,OAAO,OAAY;AAC5B,2CAAmD;AAA1C,wHAAA,OAAO,OAAa;AAC7B,qCAA8C;AAArC,mHAAA,OAAO,OAAW;AAC3B,yDAAiE;AAAxD,sIAAA,OAAO,OAAoB;AACpC,mDAA2D;AAAlD,gIAAA,OAAO,OAAiB;AACjC,mCAA4C;AAAnC,iHAAA,OAAO,OAAU;AAC1B,+BAAwC;AAA/B,6GAAA,OAAO,OAAQ;AACxB,2CAAmD;AAA1C,wHAAA,OAAO,OAAa;AAC7B,6BAAsC;AAA7B,2GAAA,OAAO,OAAO;AACvB,iCAA0C;AAAjC,+GAAA,OAAO,OAAS;AACzB,uCAAgD;AAAvC,qHAAA,OAAO,OAAY;AAC5B,6CAAqD;AAA5C,0HAAA,OAAO,OAAc;AAC9B,0CAAuB","sourcesContent":["export { default as TntdLayout } from './tntd-layout'\nexport { default as AuthContext } from './auth-context'\nexport { default as QueryForm } from './query-form'\nexport { default as QueryListScene } from './query-list-scene'\nexport { default as TntdIcon } from './tntd-icon'\nexport { default as iconList } from './tntd-icon/icon-list'\nexport { default as TntdModal } from './tntd-modal'\nexport { default as Columns } from './columns'\nexport { default as DevelopmentLogin } from './development-login'\nexport { default as LoadingButton } from './loading-button'\nexport { default as Handle } from './handle'\nexport { default as Page } from './page'\nexport { default as ProSelect } from './pro-select'\nexport { default as Img } from './img'\nexport { default as Title } from './title'\nexport { default as Ellipsis } from './ellipsis'\nexport { default as ArrayInput } from './array-input'\nexport * from './utils'\n"]}

package/lib/business-components/loading-button/index.d.ts

@@ -0,0 +1,9 @@
+declare function _default({ loadingText, loading: pLoading, onClick, children, ...otherProps }: {
+    [x: string]: any;
+    loadingText: any;
+    loading: any;
+    onClick: any;
+    children: any;
+}): JSX.Element;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/business-components/loading-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/business-components/loading-button/index.js"],"names":[],"mappings":"AAGe;;;;;;gBAsBd"}

package/lib/business-components/loading-button/index.js

@@ -0,0 +1,56 @@
+"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 (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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const antd_1 = require("antd");
+exports.default = (_a) => {
+    var { loadingText, loading: pLoading, onClick, children } = _a, otherProps = __rest(_a, ["loadingText", "loading", "onClick", "children"]);
+    const [loading, setLoading] = (0, react_1.useState)(pLoading);
+    const doClick = (evt) => {
+        if (!loading) {
+            setLoading(true);
+            const returnVal = onClick && onClick(evt, () => setLoading(false));
+            if (returnVal instanceof Promise) {
+                returnVal.then(() => setLoading(false)).catch(() => setLoading(false));
+            }
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        setLoading(pLoading);
+    }, [pLoading]);
+    return (react_1.default.createElement(antd_1.Button, Object.assign({}, otherProps, { loading: loading, onClick: doClick }), loading ? loadingText || children : children));
+};
+//# sourceMappingURL=index.js.map

package/lib/business-components/loading-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/business-components/loading-button/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAClD,+BAA6B;AAE7B,kBAAe,CAAC,EAAoE,EAAE,EAAE;QAAxE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,OAAiB,EAAZ,UAAU,cAAlE,iDAAoE,CAAF;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,EAAE;QACtB,IAAI,CAAC,OAAO,EAAE;YACZ,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;YAElE,IAAI,SAAS,YAAY,OAAO,EAAE;gBAChC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;aACvE;SACF;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,QAAQ,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,8BAAC,aAAM,oBAAK,UAAU,IAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KACvD,OAAO,CAAC,CAAC,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CACtC,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { Button } from 'antd'\n\nexport default ({ loadingText, loading: pLoading, onClick, children, ...otherProps }) => {\n  const [loading, setLoading] = useState(pLoading)\n  const doClick = (evt) => {\n    if (!loading) {\n      setLoading(true)\n      const returnVal = onClick && onClick(evt, () => setLoading(false))\n\n      if (returnVal instanceof Promise) {\n        returnVal.then(() => setLoading(false)).catch(() => setLoading(false))\n      }\n    }\n  }\n\n  useEffect(() => {\n    setLoading(pLoading)\n  }, [pLoading])\n\n  return (\n    <Button {...otherProps} loading={loading} onClick={doClick}>\n      {loading ? loadingText || children : children}\n    </Button>\n  )\n}\n"]}

package/lib/business-components/locale.d.ts

@@ -0,0 +1,45 @@
+export namespace zh_CN {
+    const globalNavigation: string;
+    const menuSearch: string;
+    const search: string;
+    const reset: string;
+    const moreFiltering: string;
+    const expand: string;
+    const collapse: string;
+    const totalRecords: string;
+    const personalSettings: string;
+    const changePwd: string;
+    const signOut: string;
+}
+export namespace en_US {
+    const globalNavigation_1: string;
+    export { globalNavigation_1 as globalNavigation };
+    const menuSearch_1: string;
+    export { menuSearch_1 as menuSearch };
+    const search_1: string;
+    export { search_1 as search };
+    const reset_1: string;
+    export { reset_1 as reset };
+    const moreFiltering_1: string;
+    export { moreFiltering_1 as moreFiltering };
+    const expand_1: string;
+    export { expand_1 as expand };
+    const collapse_1: string;
+    export { collapse_1 as collapse };
+    const totalRecords_1: string;
+    export { totalRecords_1 as totalRecords };
+    const personalSettings_1: string;
+    export { personalSettings_1 as personalSettings };
+    const changePwd_1: string;
+    export { changePwd_1 as changePwd };
+    const signOut_1: string;
+    export { signOut_1 as signOut };
+}
+export function getText(key: any, language?: string, ...params: any[]): any;
+export function getLanguage(): string;
+declare namespace _default {
+    export { en_US };
+    export { zh_CN };
+}
+export default _default;
+//# sourceMappingURL=locale.d.ts.map

package/lib/business-components/locale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["../../src/business-components/locale.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCO,4EAaN;AAEM,sCAA8D"}

package/lib/business-components/locale.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLanguage = exports.getText = exports.en_US = exports.zh_CN = void 0;
+exports.zh_CN = {
+    globalNavigation: '全局导航',
+    menuSearch: '菜单搜索',
+    // QueryForm
+    search: '搜索',
+    reset: '重置',
+    moreFiltering: '更多过滤',
+    expand: '展开',
+    collapse: '收起',
+    // QueryListScene
+    totalRecords: '共%s条记录',
+    // user popover
+    personalSettings: '个人设置',
+    changePwd: '修改密码',
+    signOut: '退出',
+};
+exports.en_US = {
+    globalNavigation: 'Global Navigation',
+    menuSearch: 'Menu Search',
+    // QueryForm
+    search: 'Search',
+    reset: 'Reset',
+    moreFiltering: 'More filtering',
+    expand: 'Expand',
+    collapse: 'Collapse',
+    // QueryListScene
+    totalRecords: 'Total of %s records',
+    // user popover
+    personalSettings: 'Personal settings',
+    changePwd: 'Change password',
+    signOut: 'Sign out',
+};
+const getText = (key, language = 'cn', ...params) => {
+    var _a;
+    const text = (_a = ({
+        cn: exports.zh_CN,
+        en: exports.en_US,
+    }[language] || exports.zh_CN)) === null || _a === void 0 ? void 0 : _a[key];
+    if (params === null || params === void 0 ? void 0 : params.length) {
+        return params.reduce((acc, cur) => {
+            return acc.replace(/%s/, cur);
+        }, text);
+    }
+    return text;
+};
+exports.getText = getText;
+const getLanguage = () => localStorage.getItem('lang') || 'cn';
+exports.getLanguage = getLanguage;
+exports.default = { en_US: exports.en_US, zh_CN: exports.zh_CN };
+//# sourceMappingURL=locale.js.map

package/lib/business-components/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.js","sourceRoot":"","sources":["../../src/business-components/locale.js"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG;IACnB,gBAAgB,EAAE,MAAM;IACxB,UAAU,EAAE,MAAM;IAElB,YAAY;IACZ,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,IAAI;IAEd,iBAAiB;IACjB,YAAY,EAAE,QAAQ;IAEtB,eAAe;IACf,gBAAgB,EAAE,MAAM;IACxB,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,IAAI;CACd,CAAA;AAEY,QAAA,KAAK,GAAG;IACnB,gBAAgB,EAAE,mBAAmB;IACrC,UAAU,EAAE,aAAa;IAEzB,YAAY;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,gBAAgB;IAC/B,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IAEpB,iBAAiB;IACjB,YAAY,EAAE,qBAAqB;IAEnC,eAAe;IACf,gBAAgB,EAAE,mBAAmB;IACrC,SAAS,EAAE,iBAAiB;IAC5B,OAAO,EAAE,UAAU;CACpB,CAAA;AAEM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,MAAM,EAAE,EAAE;;IACzD,MAAM,IAAI,GAAG,MAAA,CAAC;QACZ,EAAE,EAAE,aAAK;QACT,EAAE,EAAE,aAAK;KACV,CAAC,QAAQ,CAAC,IAAI,aAAK,CAAC,0CAAG,GAAG,CAAC,CAAA;IAE5B,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE;QAClB,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAChC,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAC/B,CAAC,EAAE,IAAI,CAAC,CAAA;KACT;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAbY,QAAA,OAAO,WAanB;AAEM,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,CAAA;AAAxD,QAAA,WAAW,eAA6C;AAErE,kBAAe,EAAE,KAAK,EAAL,aAAK,EAAE,KAAK,EAAL,aAAK,EAAE,CAAA","sourcesContent":["export const zh_CN = {\n  globalNavigation: '全局导航',\n  menuSearch: '菜单搜索',\n\n  // QueryForm\n  search: '搜索',\n  reset: '重置',\n  moreFiltering: '更多过滤',\n  expand: '展开',\n  collapse: '收起',\n\n  // QueryListScene\n  totalRecords: '共%s条记录',\n\n  // user popover\n  personalSettings: '个人设置',\n  changePwd: '修改密码',\n  signOut: '退出',\n}\n\nexport const en_US = {\n  globalNavigation: 'Global Navigation',\n  menuSearch: 'Menu Search',\n\n  // QueryForm\n  search: 'Search',\n  reset: 'Reset',\n  moreFiltering: 'More filtering',\n  expand: 'Expand',\n  collapse: 'Collapse',\n\n  // QueryListScene\n  totalRecords: 'Total of %s records',\n\n  // user popover\n  personalSettings: 'Personal settings',\n  changePwd: 'Change password',\n  signOut: 'Sign out',\n}\n\nexport const getText = (key, language = 'cn', ...params) => {\n  const text = ({\n    cn: zh_CN,\n    en: en_US,\n  }[language] || zh_CN)?.[key]\n\n  if (params?.length) {\n    return params.reduce((acc, cur) => {\n      return acc.replace(/%s/, cur)\n    }, text)\n  }\n\n  return text\n}\n\nexport const getLanguage = () => localStorage.getItem('lang') || 'cn'\n\nexport default { en_US, zh_CN }\n"]}

package/lib/business-components/page/Box.d.ts

@@ -0,0 +1,16 @@
+export default Box;
+declare function Box({ inLayout, clsPrefix, children, noPadding, headerHeight, bordered, bodyStyle, headStyle, height, size, contentTotalMargin, ...restProps }: {
+    [x: string]: any;
+    inLayout: any;
+    clsPrefix?: string | undefined;
+    children: any;
+    noPadding?: boolean | undefined;
+    headerHeight: any;
+    bordered?: boolean | undefined;
+    bodyStyle?: {} | undefined;
+    headStyle?: {} | undefined;
+    height: any;
+    size?: string | undefined;
+    contentTotalMargin?: string | undefined;
+}): JSX.Element;
+//# sourceMappingURL=Box.d.ts.map

package/lib/business-components/page/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/business-components/page/Box.js"],"names":[],"mappings":";AAIA;;;;;;;;;;;;;gBAqDC"}

package/lib/business-components/page/Box.js

@@ -0,0 +1,46 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const antd_1 = require("antd");
+const utils_1 = require("./utils");
+const Box = (_a) => {
+    var { inLayout, clsPrefix = 'tnt-page', children, noPadding = false, headerHeight, bordered = false, bodyStyle = {}, headStyle = {}, height, size = 'small', contentTotalMargin = '0px' } = _a, restProps = __rest(_a, ["inLayout", "clsPrefix", "children", "noPadding", "headerHeight", "bordered", "bodyStyle", "headStyle", "height", "size", "contentTotalMargin"]);
+    let cardTitleHeight = 0;
+    console.log('inLayout', inLayout);
+    console.log('restProps', restProps);
+    if (restProps.title) {
+        // 根据Card的size,计算Card的title的高度值
+        cardTitleHeight = size === 'small' ? 40 : 60;
+        // 如果Card的自定义高度，Card的title就使用此高度
+        if (headStyle.hasOwnProperty(height)) {
+            cardTitleHeight = headStyle.height;
+        }
+    }
+    // 如果设置了noPadding，优先级最高
+    if (noPadding) {
+        bodyStyle.padding = 0;
+        headStyle.padding = 0;
+    }
+    // 如果传入只有数字，需要默认加px
+    cardTitleHeight = (0, utils_1.addUnitForValue)(cardTitleHeight);
+    const cardBodyHeight = `calc(${height} - ${headerHeight} - ${contentTotalMargin} - ${cardTitleHeight})`;
+    return (react_1.default.createElement(antd_1.Card, Object.assign({ className: `${clsPrefix}-box-card`, bordered: bordered, bodyStyle: Object.assign(Object.assign({}, bodyStyle), { 
+            // overflow: 'auto',
+            height: inLayout ? `calc(100% - ${headerHeight})` : cardBodyHeight }), size: size, headStyle: headStyle }, restProps), children));
+};
+exports.default = Box;
+//# sourceMappingURL=Box.js.map

package/lib/business-components/page/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/business-components/page/Box.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,+BAA2B;AAC3B,mCAAyC;AAEzC,MAAM,GAAG,GAAG,CAAC,EAaZ,EAAE,EAAE;QAbQ,EACX,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,MAAM,EACN,IAAI,GAAG,OAAO,EACd,kBAAkB,GAAG,KAAK,OAE3B,EADI,SAAS,cAZD,gJAaZ,CADa;IAEZ,IAAI,eAAe,GAAG,CAAC,CAAA;IACvB,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;IACjC,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IACnC,IAAI,SAAS,CAAC,KAAK,EAAE;QACnB,+BAA+B;QAC/B,eAAe,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;QAC5C,gCAAgC;QAChC,IAAI,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE;YACpC,eAAe,GAAG,SAAS,CAAC,MAAM,CAAA;SACnC;KACF;IAED,uBAAuB;IACvB,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,OAAO,GAAG,CAAC,CAAA;QACrB,SAAS,CAAC,OAAO,GAAG,CAAC,CAAA;KACtB;IAED,mBAAmB;IACnB,eAAe,GAAG,IAAA,uBAAe,EAAC,eAAe,CAAC,CAAA;IAElD,MAAM,cAAc,GAAG,QAAQ,MAAM,MAAM,YAAY,MAAM,kBAAkB,MAAM,eAAe,GAAG,CAAA;IAEvG,OAAO,CACL,8BAAC,WAAI,kBACH,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,QAAQ,EAAE,QAAQ,EAClB,SAAS,kCACJ,SAAS;YACZ,oBAAoB;YACpB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,YAAY,GAAG,CAAC,CAAC,CAAC,cAAc,KAEpE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,IAChB,SAAS,GAEZ,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,GAAG,CAAA","sourcesContent":["import React from 'react'\nimport { Card } from 'antd'\nimport { addUnitForValue } from './utils'\n\nconst Box = ({\n  inLayout,\n  clsPrefix = 'tnt-page',\n  children,\n  noPadding = false,\n  headerHeight,\n  bordered = false,\n  bodyStyle = {},\n  headStyle = {},\n  height,\n  size = 'small',\n  contentTotalMargin = '0px',\n  ...restProps\n}) => {\n  let cardTitleHeight = 0\n  console.log('inLayout', inLayout)\n  console.log('restProps', restProps)\n  if (restProps.title) {\n    // 根据Card的size,计算Card的title的高度值\n    cardTitleHeight = size === 'small' ? 40 : 60\n    // 如果Card的自定义高度，Card的title就使用此高度\n    if (headStyle.hasOwnProperty(height)) {\n      cardTitleHeight = headStyle.height\n    }\n  }\n\n  // 如果设置了noPadding，优先级最高\n  if (noPadding) {\n    bodyStyle.padding = 0\n    headStyle.padding = 0\n  }\n\n  // 如果传入只有数字，需要默认加px\n  cardTitleHeight = addUnitForValue(cardTitleHeight)\n\n  const cardBodyHeight = `calc(${height} - ${headerHeight} - ${contentTotalMargin} - ${cardTitleHeight})`\n\n  return (\n    <Card\n      className={`${clsPrefix}-box-card`}\n      bordered={bordered}\n      bodyStyle={{\n        ...bodyStyle,\n        // overflow: 'auto',\n        height: inLayout ? `calc(100% - ${headerHeight})` : cardBodyHeight,\n      }}\n      size={size}\n      headStyle={headStyle}\n      {...restProps}\n    >\n      {children}\n    </Card>\n  )\n}\n\nexport default Box\n"]}

package/lib/business-components/page/index.d.ts

@@ -0,0 +1,20 @@
+export default PageLayout;
+declare function PageLayout({ height, headerHeight, children, title, goBack, goBackText, center, extra, size, inLayout, className, ...restProps }: {
+    [x: string]: any;
+    height?: string | undefined;
+    headerHeight?: number | undefined;
+    children: any;
+    title: any;
+    goBack: any;
+    goBackText: any;
+    center: any;
+    extra: any;
+    size?: string | undefined;
+    inLayout?: boolean | undefined;
+    className: any;
+}): JSX.Element;
+declare namespace PageLayout {
+    export { Box };
+}
+import Box from "./Box";
+//# sourceMappingURL=index.d.ts.map

package/lib/business-components/page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/business-components/page/index.js"],"names":[],"mappings":";AAWA;;;;;;;;;;;;;gBAyIC"}

package/lib/business-components/page/index.js

@@ -0,0 +1,108 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const tntd_icon_1 = __importDefault(require("../tntd-icon"));
+const utils_1 = require("./utils");
+const Box_1 = __importDefault(require("./Box"));
+require("./index.less");
+const clsPrefix = 'tnt-page';
+const isPageBox = (child) => { var _a; return (child === null || child === void 0 ? void 0 : child.type) === Box_1.default || ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.pageBox); };
+const PageLayout = (_a) => {
+    var _b;
+    var { height = '100vh', headerHeight = 50, children, title, goBack, goBackText, center, extra, size = 'small', inLayout = false, className } = _a, restProps = __rest(_a, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
+    // 如果传入只有数字，需要默认加px
+    let computedHeaderHeight = (0, utils_1.addUnitForValue)(headerHeight);
+    let computedHeight = (0, utils_1.addUnitForValue)(height);
+    // 判断是否有标题栏
+    if (!(title || extra || center)) {
+        computedHeaderHeight = '0px';
+    }
+    if (inLayout) {
+        computedHeaderHeight = '40px';
+    }
+    // 计算中间的zIndex，灰色递减，白色递增
+    let whiteCols = 0;
+    let childrenToArray = [];
+    // 计算children type是box的数量
+    let boxCount = 0;
+    // 如果children是单个节点，统一转为数组处理计算层级
+    console.log('children', children);
+    if (typeof children === 'object') {
+        childrenToArray = [children];
+    }
+    else if (Array.isArray(children)) {
+        childrenToArray = [...children];
+    }
+    console.log('React.Children', react_1.default.Children);
+    react_1.default.Children.map(children, (child) => {
+        if (isPageBox(child)) {
+            boxCount += 1;
+        }
+    });
+    console.log(boxCount);
+    whiteCols = (_b = childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.filter(({ props }) => (props === null || props === void 0 ? void 0 : props.mode) === 'white')) === null || _b === void 0 ? void 0 : _b.length;
+    const total = (childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.length) + 5;
+    let startIndex = total - whiteCols - 1;
+    let endIndex = total - 2;
+    const headerStyle = {
+        height: computedHeaderHeight,
+        padding: `${size === 'small' ? 20 : 24}px`,
+        zIndex: inLayout ? 1 : total || 1,
+    };
+    const contentStyle = {
+        display: boxCount > 0 ? 'flex' : 'block',
+        marginTop: computedHeaderHeight,
+        padding: inLayout ? '16px 20px' : '0px',
+    };
+    return (react_1.default.createElement("section", Object.assign({ className: (0, classnames_1.default)(clsPrefix, {
+            [className]: className,
+            'in-layout': inLayout,
+            'not-in-layout': !inLayout,
+        }) }, restProps),
+        (title || goBack || center || extra) && (react_1.default.createElement("div", { className: `${clsPrefix}-header`, style: headerStyle },
+            react_1.default.createElement("div", { className: `${clsPrefix}-header-section` },
+                goBack && (react_1.default.createElement("div", { className: "page-header-section-back", onClick: () => {
+                        goBack();
+                    } },
+                    react_1.default.createElement(tntd_icon_1.default, { type: "left" }),
+                    react_1.default.createElement("span", null, goBackText ? goBackText : '返回'))),
+                title),
+            [center, extra].map((item) => (react_1.default.createElement("div", { className: `${clsPrefix}-header-section` }, item))))),
+        react_1.default.createElement("div", { className: `${clsPrefix}-content`, style: contentStyle }, react_1.default.Children.map(children, (child) => {
+            // 如果children不是Box,就不需要多列布局
+            if (!child.type) {
+                // console.log("没有type");
+                return react_1.default.cloneElement(react_1.default.createElement("div", null, child));
+            }
+            const extraProps = Object.assign({ headerHeight: computedHeaderHeight, size, height: computedHeight, contentTotalMargin: inLayout ? '32px' : '0px', inLayout }, child.props);
+            if (!isPageBox(child)) {
+                return react_1.default.cloneElement(child, extraProps);
+            }
+            const { mode = 'gray', width } = child.props;
+            const style = {
+                flex: (0, utils_1.computeWidth)(width),
+                // 设置cols层级关系
+                zIndex: mode === 'gray' ? endIndex-- : startIndex++,
+            };
+            const className = (0, classnames_1.default)(`${clsPrefix}-box ${clsPrefix}-box-${mode}`);
+            return react_1.default.createElement('div', { className, style }, react_1.default.cloneElement(child, extraProps));
+        }))));
+};
+PageLayout.Box = Box_1.default;
+exports.default = PageLayout;
+//# sourceMappingURL=index.js.map

package/lib/business-components/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/business-components/page/index.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport Icon from '../tntd-icon'\nimport { computeWidth, addUnitForValue } from './utils'\nimport Box from './Box'\nimport './index.less'\n\nconst clsPrefix = 'tnt-page'\n\nconst isPageBox = (child) => child?.type === Box || child?.props?.pageBox\n\nconst PageLayout = ({\n  height = '100vh',\n  headerHeight = 50,\n  children,\n  title,\n  goBack,\n  goBackText,\n  center,\n  extra,\n  size = 'small',\n  inLayout = false,\n  className,\n  ...restProps\n}) => {\n  // 如果传入只有数字，需要默认加px\n  let computedHeaderHeight = addUnitForValue(headerHeight)\n  let computedHeight = addUnitForValue(height)\n\n  // 判断是否有标题栏\n  if (!(title || extra || center)) {\n    computedHeaderHeight = '0px'\n  }\n\n  if (inLayout) {\n    computedHeaderHeight = '40px'\n  }\n\n  // 计算中间的zIndex，灰色递减，白色递增\n  let whiteCols = 0\n  let childrenToArray = []\n\n  // 计算children type是box的数量\n  let boxCount = 0\n\n  // 如果children是单个节点，统一转为数组处理计算层级\n  console.log('children', children)\n\n  if (typeof children === 'object') {\n    childrenToArray = [children]\n  } else if (Array.isArray(children)) {\n    childrenToArray = [...children]\n  }\n\n  console.log('React.Children', React.Children)\n  React.Children.map(children, (child) => {\n    if (isPageBox(child)) {\n      boxCount += 1\n    }\n  })\n\n  console.log(boxCount)\n\n  whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length\n  const total = childrenToArray?.length + 5\n  let startIndex = total - whiteCols - 1\n  let endIndex = total - 2\n  const headerStyle = {\n    height: computedHeaderHeight,\n    padding: `${size === 'small' ? 20 : 24}px`,\n    zIndex: inLayout ? 1 : total || 1,\n  }\n  const contentStyle = {\n    display: boxCount > 0 ? 'flex' : 'block',\n    marginTop: computedHeaderHeight,\n    padding: inLayout ? '16px 20px' : '0px',\n  }\n\n  return (\n    <section\n      className={cn(clsPrefix, {\n        [className]: className,\n        'in-layout': inLayout,\n        'not-in-layout': !inLayout,\n      })}\n      {...restProps}\n    >\n      {(title || goBack || center || extra) && (\n        <div className={`${clsPrefix}-header`} style={headerStyle}>\n          <div className={`${clsPrefix}-header-section`}>\n            {goBack && (\n              <div\n                className=\"page-header-section-back\"\n                onClick={() => {\n                  goBack()\n                }}\n              >\n                <Icon type=\"left\" />\n                <span>{goBackText ? goBackText : '返回'}</span>\n              </div>\n            )}\n            {title}\n          </div>\n          {[center, extra].map((item) => (\n            <div className={`${clsPrefix}-header-section`}>{item}</div>\n          ))}\n        </div>\n      )}\n      <div className={`${clsPrefix}-content`} style={contentStyle}>\n        {React.Children.map(children, (child) => {\n          // 如果children不是Box,就不需要多列布局\n          if (!child.type) {\n            // console.log(\"没有type\");\n            return React.cloneElement(<div>{child}</div>)\n          }\n\n          const extraProps = {\n            headerHeight: computedHeaderHeight,\n            size,\n            height: computedHeight,\n            contentTotalMargin: inLayout ? '32px' : '0px',\n            inLayout,\n            ...child.props,\n          }\n\n          if (!isPageBox(child)) {\n            return React.cloneElement(child, extraProps)\n          }\n\n          const { mode = 'gray', width } = child.props\n\n          const style = {\n            flex: computeWidth(width),\n            // 设置cols层级关系\n            zIndex: mode === 'gray' ? endIndex-- : startIndex++,\n          }\n\n          const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`)\n\n          return React.createElement(\n            'div',\n            { className, style },\n            React.cloneElement(child, extraProps)\n          )\n        })}\n      </div>\n    </section>\n  )\n}\n\nPageLayout.Box = Box\n\nexport default PageLayout\n"]}

package/lib/business-components/page/index.less

@@ -0,0 +1,142 @@
+.large-size > .ant-layout-content {
+  .tnt-page.in-layout {
+    height: calc(100vh - 60px);
+  }
+}
+.tnt-page {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow-y: hidden;
+
+  &.in-layout {
+    box-shadow: none;
+    height: calc(100vh - 50px);
+    .tnt-page-box,
+    .tnt-page-box > .ant-card {
+      height: 100%;
+    }
+    .tnt-page-content .tnt-page-box .ant-card .ant-card-body {
+      overflow-x: hidden;
+      overflow-y: auto;
+    }
+  }
+
+  &-box-white {
+    z-index: 1;
+    background: #f3f5f6;
+    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1), 0 10px 12px 2px rgba(170, 182, 206, 0.2);
+
+    .in-layout & {
+      background: #fafbfc;
+    }
+  }
+
+  &-box-gray {
+    background: #e8ebed;
+    box-shadow: 0 10px 12px 2px rgba(0, 0, 0, 0.1);
+
+    .in-layout & {
+      background: #f8f9fa;
+      // box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
+      box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
+    }
+  }
+
+  &-header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    background: #f0f2f3;
+    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1), 0 10px 6px 0 rgba(170, 182, 206, 0.2);
+
+    .in-layout & {
+      background: #ffffff;
+      box-shadow: none;
+    }
+
+    &-section {
+      display: flex;
+      align-items: center;
+      &:nth-child(1) > * {
+        margin-right: 10px;
+      }
+      &:nth-child(2) > * {
+        margin: 0 5px;
+      }
+      &:nth-child(3) > * {
+        margin-left: 10px;
+      }
+    }
+  }
+
+  &-content {
+    height: calc(~'100% - 40px');
+    flex-direction: row;
+    width: 100%;
+    position: relative;
+    z-index: 0;
+  }
+
+  &-box {
+    overflow: auto;
+    .ant-card {
+      background: inherit;
+    }
+  }
+
+  &-box-card {
+    background-color: transparent !important;
+    .ant-card-head {
+      border-bottom: 1px solid #e0e0e0;
+      margin-bottom: 0;
+      // height: 60px;
+      .small & {
+        height: 40px;
+        line-height: 40px;
+      }
+      .ant-card-head-title {
+        font-weight: normal;
+      }
+    }
+    .ant-card-body {
+      overflow: auto;
+    }
+  }
+}
+
+.page-header-section-back {
+  position: relative;
+  display: inline-block;
+  margin-right: 40px !important;
+  cursor: pointer;
+  &::after {
+    content: '';
+    position: absolute;
+    width: 1px;
+    height: 16px;
+    right: -20px;
+    top: 50%;
+    transform: translateY(-50%);
+    background-color: #dcdfe6;
+  }
+  &:hover {
+    &,
+    i {
+      color: #126bfb;
+    }
+  }
+  i {
+    font-size: 14px;
+    margin-right: 6px;
+    color: #4c4c4c;
+  }
+  span {
+    font-size: 14px;
+    font-weight: normal;
+  }
+}

package/lib/business-components/page/utils.d.ts

@@ -0,0 +1,4 @@
+export function computeWidth(width: any): string;
+export function isValidNumber(value: any): boolean;
+export function addUnitForValue(value: any, unit?: string): any;
+//# sourceMappingURL=utils.d.ts.map

package/lib/business-components/page/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/business-components/page/utils.js"],"names":[],"mappings":"AAAA,iDASC;AAED,mDAA0D;AAE1D,gEAA2F"}