bhd-components 0.4.5 → 0.5.1

package/dist/table.esm.es5.development.js

@@ -179,7 +179,7 @@ var Table = function(props) {
         });
         var diff = tableWidth - minWidth;
         if (diff > 0) {
-            var avgWidth = 0;
+            var avgWidth = autoNum === 0 ? diff : 0;
             // 有多余空间 平均分配至每个自适应的列
             columns = columns.map(function(item) {
                 if (item.width === "auto") {
@@ -196,7 +196,7 @@ var Table = function(props) {
             columns = columns.map(function(item, index) {
                 //存在适应自适应列侯 多余宽度 则平均分配每一列(除最后一列)
                 if (avgWidth > 0 && index !== columns.length - 1) {
-                    item.width += avgWidth / columns.length - 1;
+                    item.width += avgWidth / (columns.length - 1);
                 }
                 return item;
             });

package/dist/table.esm.es5.production.js

@@ -1 +1 @@
-import{_ as t,j as e,a as n,b as i,T as o,c as r}from"./28cd83d3.esm.es5.production.js";import{useState as l,useRef as d,useEffect as a}from"react";import"react/jsx-runtime";import"react-dom";var u={Table:"index_module_Table__dfa8dab0",SmallTable:"index_module_SmallTable__dfa8dab0",columnTootipClassName:"index_module_columnTootipClassName__dfa8dab0"},c=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:14,n=0,i=document.createElement("div");return i.style.position="absolute",i.style.whiteSpace="nowrap",i.style.fontSize=e+"px",i.style.opacity="0",i.innerText=t,document.body.append(i),n=i.getBoundingClientRect().width,document.body.removeChild(i),n},s=function(r){var d=r.children,a=r.title,u=r.width,s=t(l(!1),2),m=s[0],h=s[1];return e(o,n(i({},r),{open:m,children:e("span",{onMouseEnter:function(t){var e=0;(e="function"==typeof u?u(t):u)?h(!(c(a)<e)):h(!0)},onMouseLeave:function(){h(!1)},children:d})}))},m=/^\d+%$/,h=/^\d+px$/,f=function(t){var e={};return parseFloat((e=window.getComputedStyle?getComputedStyle(t,null):t.currentStyle)["padding-left"])+parseFloat(e["padding-right"])},p=function(t){try{for(;t&&"TD"!==t.nodeName;)t=t.parentElement;var e=f(t);return t.clientWidth-e}catch(t){return null}},w=0,C=function(o){var c=d(null),f=d({timer:null}),C=o.defaultWidthRang,v=void 0===C?[180,240,320]:C,E=o.isFixedLeft,T=void 0===E||E,N=o.isFixedRight,g=void 0===N||N,y=o.bordered,_=void 0!==y&&y,L=o.kind,b=t(l(o.columns||[]),2),x=b[0],S=b[1],R=t(l(o.scroll||void 0),2),O=R[0],F=R[1],I=o.columnTootipClassName,W=o.columnTootipColor,M=function(){(t=document.createElement("div")).style.visibility="hidden",t.style.overflow="scroll",document.body.appendChild(t),e=document.createElement("div"),t.appendChild(e),r=t.offsetWidth-e.offsetWidth,t.parentNode.removeChild(t),w=r||w;var t,e,r,l=_?c.current.offsetWidth-2-w:c.current.offsetWidth-w,d=A(o.columns,l).columns;S(d);var a=O||{};a=n(i({},a),{x:l}),F(a)},A=function(t,o){var r=0,l=0,d=0;t=t.map(function(t){return t.width=t.width||"auto",m.test(t.width)?t.width=parseFloat(t.width)>=100?"auto":o*parseFloat(t.width)/100:"number"==typeof t.width?t.width=t.width:h.test(t.width)?t.width=parseFloat(t.width):t.width="auto","auto"===t.width?(r+=1,t.widthRang||(t.widthRang=v),l+=t.widthRang[0],d+=t.widthRang[1]):(l+=t.width,d+=t.width),t.onColumnCell||(t.onColumnCell=t.onCell||function(){return{}}),t.render||(t.ellipsis={showTitle:!1},t.render=function(t){return e(s,{width:function(t){return p(t.target)},title:t,trigger:"hover",overlayClassName:I||u.columnTootipClassName,color:W||"#FFF",children:e("span",{children:t})})}),t});var a=o-l;if(a>0){var c=0;t=(t=t.map(function(t){return"auto"===t.width&&(t.width=t.widthRang[0]+a/r,t.width>t.widthRang[2]&&(c+=t.width-t.widthRang[2],t.width=t.widthRang[2])),t})).map(function(e,n){return c>0&&n!==t.length-1&&(e.width+=c/t.length-1),e})}else t=a<0?t.map(function(e,n){return T&&0===n&&(e.fixed="left"),g&&n===t.length-1&&(e.fixed="right"),"auto"===e.width&&(e.width=e.widthRang[1]),e}):t.map(function(t){return"auto"===t.width&&(t.width=t.widthRang[0]),t});return t.map(function(t){return t.onCell=function(e,o){var r="function"==typeof t.onColumnCell?t.onColumnCell(e,o):{};return r.style=r.style?r.style:{},n(i({},r),{style:i({maxWidth:t.width+"px"},r.style)})},t}),{columns:t,scrollWidth:d}},U=function(){clearTimeout(f.current.timer),f.current.timer=setTimeout(function(){M()},1e3)};a(function(){return M(),window.addEventListener("resize",U),function(){clearTimeout(f.current.timer),window.removeEventListener("resize",U)}},[o.columns]),a(function(){F(o.scroll||void 0)},[o.scroll]);var j=n(i({bordered:!1},o),{columns:x,scroll:O||{x:"auto"}});return e("div",{className:"".concat(u.Table," ").concat("simple"===L?u.SmallTable:""),ref:c,children:e(r,i({},j))})};C.SELECTION_COLUMN=r.SELECTION_COLUMN,C.EXPAND_COLUMN=r.EXPAND_COLUMN,C.SELECTION_ALL=r.SELECTION_ALL,C.SELECTION_INVERT=r.SELECTION_INVERT,C.SELECTION_NONE=r.SELECTION_NONE,C.Column=r.Column,C.ColumnGroup=r.ColumnGroup;export{C as default};
+import{_ as t,j as e,a as n,b as i,T as o,c as r}from"./28cd83d3.esm.es5.production.js";import{useState as l,useRef as d,useEffect as a}from"react";import"react/jsx-runtime";import"react-dom";var u={Table:"index_module_Table__dfa8dab0",SmallTable:"index_module_SmallTable__dfa8dab0",columnTootipClassName:"index_module_columnTootipClassName__dfa8dab0"},c=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:14,n=0,i=document.createElement("div");return i.style.position="absolute",i.style.whiteSpace="nowrap",i.style.fontSize=e+"px",i.style.opacity="0",i.innerText=t,document.body.append(i),n=i.getBoundingClientRect().width,document.body.removeChild(i),n},s=function(r){var d=r.children,a=r.title,u=r.width,s=t(l(!1),2),m=s[0],h=s[1];return e(o,n(i({},r),{open:m,children:e("span",{onMouseEnter:function(t){var e=0;(e="function"==typeof u?u(t):u)?h(!(c(a)<e)):h(!0)},onMouseLeave:function(){h(!1)},children:d})}))},m=/^\d+%$/,h=/^\d+px$/,f=function(t){var e={};return parseFloat((e=window.getComputedStyle?getComputedStyle(t,null):t.currentStyle)["padding-left"])+parseFloat(e["padding-right"])},p=function(t){try{for(;t&&"TD"!==t.nodeName;)t=t.parentElement;var e=f(t);return t.clientWidth-e}catch(t){return null}},w=0,C=function(o){var c=d(null),f=d({timer:null}),C=o.defaultWidthRang,v=void 0===C?[180,240,320]:C,E=o.isFixedLeft,T=void 0===E||E,N=o.isFixedRight,g=void 0===N||N,y=o.bordered,_=void 0!==y&&y,L=o.kind,b=t(l(o.columns||[]),2),x=b[0],S=b[1],R=t(l(o.scroll||void 0),2),O=R[0],F=R[1],I=o.columnTootipClassName,W=o.columnTootipColor,M=function(){(t=document.createElement("div")).style.visibility="hidden",t.style.overflow="scroll",document.body.appendChild(t),e=document.createElement("div"),t.appendChild(e),r=t.offsetWidth-e.offsetWidth,t.parentNode.removeChild(t),w=r||w;var t,e,r,l=_?c.current.offsetWidth-2-w:c.current.offsetWidth-w,d=A(o.columns,l).columns;S(d);var a=O||{};a=n(i({},a),{x:l}),F(a)},A=function(t,o){var r=0,l=0,d=0;t=t.map(function(t){return t.width=t.width||"auto",m.test(t.width)?t.width=parseFloat(t.width)>=100?"auto":o*parseFloat(t.width)/100:"number"==typeof t.width?t.width=t.width:h.test(t.width)?t.width=parseFloat(t.width):t.width="auto","auto"===t.width?(r+=1,t.widthRang||(t.widthRang=v),l+=t.widthRang[0],d+=t.widthRang[1]):(l+=t.width,d+=t.width),t.onColumnCell||(t.onColumnCell=t.onCell||function(){return{}}),t.render||(t.ellipsis={showTitle:!1},t.render=function(t){return e(s,{width:function(t){return p(t.target)},title:t,trigger:"hover",overlayClassName:I||u.columnTootipClassName,color:W||"#FFF",children:e("span",{children:t})})}),t});var a=o-l;if(a>0){var c=0===r?a:0;t=(t=t.map(function(t){return"auto"===t.width&&(t.width=t.widthRang[0]+a/r,t.width>t.widthRang[2]&&(c+=t.width-t.widthRang[2],t.width=t.widthRang[2])),t})).map(function(e,n){return c>0&&n!==t.length-1&&(e.width+=c/(t.length-1)),e})}else t=a<0?t.map(function(e,n){return T&&0===n&&(e.fixed="left"),g&&n===t.length-1&&(e.fixed="right"),"auto"===e.width&&(e.width=e.widthRang[1]),e}):t.map(function(t){return"auto"===t.width&&(t.width=t.widthRang[0]),t});return t.map(function(t){return t.onCell=function(e,o){var r="function"==typeof t.onColumnCell?t.onColumnCell(e,o):{};return r.style=r.style?r.style:{},n(i({},r),{style:i({maxWidth:t.width+"px"},r.style)})},t}),{columns:t,scrollWidth:d}},U=function(){clearTimeout(f.current.timer),f.current.timer=setTimeout(function(){M()},1e3)};a(function(){return M(),window.addEventListener("resize",U),function(){clearTimeout(f.current.timer),window.removeEventListener("resize",U)}},[o.columns]),a(function(){F(o.scroll||void 0)},[o.scroll]);var j=n(i({bordered:!1},o),{columns:x,scroll:O||{x:"auto"}});return e("div",{className:"".concat(u.Table," ").concat("simple"===L?u.SmallTable:""),ref:c,children:e(r,i({},j))})};C.SELECTION_COLUMN=r.SELECTION_COLUMN,C.EXPAND_COLUMN=r.EXPAND_COLUMN,C.SELECTION_ALL=r.SELECTION_ALL,C.SELECTION_INVERT=r.SELECTION_INVERT,C.SELECTION_NONE=r.SELECTION_NONE,C.Column=r.Column,C.ColumnGroup=r.ColumnGroup;export{C as default};

package/es2017/bhdAppLayout/components/BhdTableSimple/index.js

@@ -0,0 +1,97 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import * as React from "react";
+import "./index.less";
+import Table from "../../../table";
+import { Loading, NotData, ServerError } from "../../../images";
+import i18Conversion from "../../../i18n";
+/* 
+    参数与Table一致
+
+    ajaxErr:接口是否报错
+    notDataText:无数据时,显示的文案
+    borderBottom: 是否显示下边框线
+    loading:是否加载中
+    className
+    超长内容 出现滚动条  需在管理列定义好width   没有定义的max-width:300
+ */ const BhdTableSimple = (props)=>{
+    let { className , locale , borderBottom =false , rowSelection , ajaxErr , dataSource , kind ="simple" , loading , notDataText =i18Conversion("noData")  } = props;
+    const renderTableText = ()=>{
+        if (ajaxErr) {
+            return /*#__PURE__*/ _jsxs("div", {
+                className: "app_BhdTableSimple_errorTable",
+                children: [
+                    /*#__PURE__*/ _jsx("img", {
+                        src: ServerError,
+                        alt: "",
+                        srcset: ""
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        children: i18Conversion("系统繁忙，稍后重试!")
+                    })
+                ]
+            });
+        }
+        if (loading) {
+            return /*#__PURE__*/ _jsx("div", {
+                className: "app_BhdTableSimple_noTable",
+                style: {
+                    minHeight: "150px"
+                }
+            });
+        }
+        return /*#__PURE__*/ _jsxs("div", {
+            className: "app_BhdTableSimple_noTable",
+            style: {
+                width: "100%"
+            },
+            children: [
+                /*#__PURE__*/ _jsx("img", {
+                    src: NotData,
+                    alt: ""
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    children: notDataText
+                })
+            ]
+        });
+    };
+    const loadingTable = /*#__PURE__*/ _jsxs("div", {
+        className: "app_BhdTableSimple_noTable app_BhdTableSimple_noTable_loadingTable",
+        children: [
+            /*#__PURE__*/ _jsx("img", {
+                src: Loading,
+                alt: "",
+                style: {
+                    width: "48px",
+                    height: "48px"
+                }
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                children: i18Conversion("Load")
+            })
+        ]
+    });
+    const tableProps = _object_spread_props(_object_spread({
+        style: {
+            width: "100%"
+        }
+    }, props), {
+        loading: false,
+        dataSource: ajaxErr ? [] : dataSource,
+        className: `app_BhdTableSimple ${className || " "} ${rowSelection ? "app_BhdTableSimple_rowSelection" : ""}`,
+        locale: {
+            emptyText: renderTableText()
+        },
+        scroll: props.scroll
+    });
+    if (kind === "simple") {
+        className += " app_BhdTableSimple_simple";
+    }
+    if (loading) {
+        return loadingTable;
+    }
+    return /*#__PURE__*/ _jsx(Table, _object_spread({}, tableProps));
+};
+export default BhdTableSimple;

package/es2017/bhdAppLayout/components/BhdTableSimple/index.less

@@ -0,0 +1,52 @@
+@import "../../../theme/variable.less";
+.app_BhdTableSimple {
+  /* 无数据样式 */
+  .app_BhdTableSimple_noTable {
+    padding: 24px 0;
+    img {
+      width: 200px;
+      height: 200px;
+      margin-bottom: 24px;
+    }
+    div {
+      color: @color-text-tertiary-Tr;
+      font-size: 14px;
+    }
+  }
+
+  /* 错误样式 */
+  .app_BhdTableSimple_errorTable {
+    padding: 24px 0;
+    img {
+      width: 200px;
+      height: 200px;
+      margin-bottom: 24px;
+    }
+    p {
+      color: @color-text-tertiary-Tr;
+      font-size: 14px;
+      span {
+        color: rgba(240, 93, 59, 1);
+        cursor: pointer;
+      }
+    }
+  }
+
+
+
+}
+
+ /* 加载样式 */
+ .app_BhdTableSimple_noTable_loadingTable {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  img {
+    margin-bottom: 24px;
+  }
+}

package/es2017/bhdAppLayout/index.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { TitleBarProps } from "../titleBar";
+import { PaginationProps } from "antd";
+interface footerConfigProps extends PaginationProps {
+    leftDom?: React.ReactElement;
+}
+interface BhdAppLayoutProps {
+    className?: string;
+    headerClassName?: string;
+    tableBoxClassName?: string;
+    headConfig?: TitleBarProps;
+    filterConfig?: {
+        filterArr: {
+            id: string | number;
+            title: string | number;
+            value: string | number;
+        }[];
+        onClearSingle: (id: string | number) => void;
+        onClearAll: () => void;
+    };
+    headContent?: any;
+    otherContent?: any;
+    tableConfig?: any;
+    footerConfig?: footerConfigProps;
+    scrollConfig?: any;
+}
+declare function BhdAppLayout(props: BhdAppLayoutProps): React.JSX.Element;
+export default BhdAppLayout;

package/es2017/bhdAppLayout/index.js

@@ -0,0 +1,127 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import * as React from "react";
+import { useState, useLayoutEffect, useRef } from "react";
+import styles from "./index.module.less";
+import TitleBar from "../titleBar";
+import { Pagination } from "antd";
+import i18Conversion from "../i18n";
+import BhdTableSimple from "./components/BhdTableSimple/index";
+function BhdAppLayout(props) {
+    var _filterRef_current, _headRef_current, _otherHeadRef_current, _otherContentRef_current;
+    const { className , headerClassName , tableBoxClassName , headConfig , filterConfig , headContent , otherContent , tableConfig , footerConfig  } = props;
+    const [scrollY, setScrollY] = useState("");
+    const [scrollConfig, setScrollConfig] = useState(props.scrollConfig);
+    const windowChange = ()=>{
+        var _headRef_current, _headRef_current1, _filterRef_current, _filterRef_current1, _otherHeadRef_current, _otherHeadRef_current1, _otherContentRef_current, _otherContentRef_current1;
+        let headRefHeight = isNaN(headRef === null || headRef === void 0 ? void 0 : (_headRef_current = headRef.current) === null || _headRef_current === void 0 ? void 0 : _headRef_current.offsetHeight) ? 0 : headRef === null || headRef === void 0 ? void 0 : (_headRef_current1 = headRef.current) === null || _headRef_current1 === void 0 ? void 0 : _headRef_current1.offsetHeight;
+        let filterRefHeight = isNaN(filterRef === null || filterRef === void 0 ? void 0 : (_filterRef_current = filterRef.current) === null || _filterRef_current === void 0 ? void 0 : _filterRef_current.offsetHeight) ? 0 : filterRef === null || filterRef === void 0 ? void 0 : (_filterRef_current1 = filterRef.current) === null || _filterRef_current1 === void 0 ? void 0 : _filterRef_current1.offsetHeight;
+        let otherHeadRefHeight = isNaN(otherHeadRef === null || otherHeadRef === void 0 ? void 0 : (_otherHeadRef_current = otherHeadRef.current) === null || _otherHeadRef_current === void 0 ? void 0 : _otherHeadRef_current.offsetHeight) ? 0 : otherHeadRef === null || otherHeadRef === void 0 ? void 0 : (_otherHeadRef_current1 = otherHeadRef.current) === null || _otherHeadRef_current1 === void 0 ? void 0 : _otherHeadRef_current1.offsetHeight;
+        let otherContentRefHeight = isNaN(otherContentRef === null || otherContentRef === void 0 ? void 0 : (_otherContentRef_current = otherContentRef.current) === null || _otherContentRef_current === void 0 ? void 0 : _otherContentRef_current.offsetHeight) ? 0 : otherContentRef === null || otherContentRef === void 0 ? void 0 : (_otherContentRef_current1 = otherContentRef.current) === null || _otherContentRef_current1 === void 0 ? void 0 : _otherContentRef_current1.offsetHeight;
+        const height = headRefHeight + filterRefHeight + otherHeadRefHeight + otherContentRefHeight + 56 + 16 + 60 + 50;
+        const offsetHeight = `calc(100vh - ${height}px)`;
+        setScrollY(offsetHeight);
+        setScrollConfig(_object_spread_props(_object_spread({}, props.scrollConfig), {
+            y: offsetHeight
+        }));
+    };
+    const headRef = useRef(null);
+    const otherHeadRef = useRef(null);
+    const otherContentRef = useRef(null);
+    const filterRef = useRef(null);
+    useLayoutEffect(()=>{
+        windowChange();
+    }, []);
+    useLayoutEffect(()=>{
+        windowChange();
+    }, [
+        filterRef === null || filterRef === void 0 ? void 0 : (_filterRef_current = filterRef.current) === null || _filterRef_current === void 0 ? void 0 : _filterRef_current.offsetHeight,
+        headRef === null || headRef === void 0 ? void 0 : (_headRef_current = headRef.current) === null || _headRef_current === void 0 ? void 0 : _headRef_current.offsetHeight,
+        otherHeadRef === null || otherHeadRef === void 0 ? void 0 : (_otherHeadRef_current = otherHeadRef.current) === null || _otherHeadRef_current === void 0 ? void 0 : _otherHeadRef_current.offsetHeight,
+        otherContentRef === null || otherContentRef === void 0 ? void 0 : (_otherContentRef_current = otherContentRef.current) === null || _otherContentRef_current === void 0 ? void 0 : _otherContentRef_current.offsetHeight
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: `${styles.bhd_app_layout} ${styles.className} ${className || ""}`,
+        children: [
+            /*#__PURE__*/ _jsx("header", {
+                ref: headRef,
+                className: `${styles.bhd_app_layout_header} ${headerClassName || ""}`,
+                children: headConfig && /*#__PURE__*/ _jsx(TitleBar, _object_spread({}, headConfig))
+            }),
+            headContent && /*#__PURE__*/ _jsx("div", {
+                ref: otherHeadRef,
+                children: headContent
+            }),
+            /*#__PURE__*/ _jsxs("main", {
+                className: styles.bhd_app_layout_main,
+                children: [
+                    (filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.filterArr) && filterConfig.filterArr.length ? /*#__PURE__*/ _jsxs("div", {
+                        ref: filterRef,
+                        className: styles.bhd_app_layout_main_filter,
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: styles.bhd_app_layout_main_filter_title,
+                                children: [
+                                    i18Conversion("已筛选"),
+                                    "："
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("ul", {
+                                className: styles.bhd_app_layout_main_filter_ul,
+                                children: filterConfig.filterArr.map((ele, index)=>{
+                                    return /*#__PURE__*/ _jsxs("li", {
+                                        children: [
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: styles.bhd_app_layout_main_filter_show_title,
+                                                children: ele.title
+                                            }),
+                                            /*#__PURE__*/ _jsxs("span", {
+                                                className: styles.bhd_app_layout_main_filter_show_value,
+                                                children: [
+                                                    "“",
+                                                    ele.value,
+                                                    "”"
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ _jsx("i", {
+                                                onClick: ()=>filterConfig && filterConfig.onClearSingle && filterConfig.onClearSingle(ele.id),
+                                                className: "iconfont iconicon_guanbi_Close"
+                                            })
+                                        ]
+                                    }, ele.id);
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                onClick: filterConfig === null || filterConfig === void 0 ? void 0 : filterConfig.onClearAll,
+                                className: styles.bhd_app_layout_main_filter_clear,
+                                children: i18Conversion("清空条件")
+                            })
+                        ]
+                    }) : null,
+                    otherContent && /*#__PURE__*/ _jsx("div", {
+                        ref: otherContentRef,
+                        children: otherContent
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${styles.bhd_app_layout_main_table} ${tableBoxClassName || ""}`,
+                        children: scrollConfig ? tableConfig && /*#__PURE__*/ _jsx(BhdTableSimple, _object_spread_props(_object_spread({}, tableConfig), {
+                            pagination: false,
+                            scroll: _object_spread({}, scrollConfig)
+                        })) : null
+                    })
+                ]
+            }),
+            footerConfig ? /*#__PURE__*/ _jsxs("footer", {
+                className: styles.bhd_app_layout_footer,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        children: (footerConfig === null || footerConfig === void 0 ? void 0 : footerConfig.leftDom) && footerConfig.leftDom
+                    }),
+                    /*#__PURE__*/ _jsx(Pagination, _object_spread({}, footerConfig))
+                ]
+            }) : null
+        ]
+    });
+}
+export default BhdAppLayout;

package/es2017/bhdAppLayout/index.module.less

@@ -0,0 +1,95 @@
+@import "../theme/variable.less";
+.bhd_app_layout {
+    display: flex;
+    flex-direction: column;
+    height: calc(100vh - 60px);
+    background-color: #fff;
+    :global {
+    }
+    .bhd_app_layout_header {
+        background: #FFFFFF;
+        padding: 12px 48px;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+    }
+    .bhd_app_layout_main {
+        flex: 1;
+        margin-bottom: 56px;
+        .bhd_app_layout_main_filter {
+            min-height: 40px;
+            background: rgba(0,0,0,0.02);
+            border-bottom: 1px solid rgba(0,0,0,0.06);
+            padding: 0 48px;
+            display: flex;
+            align-items: center;
+            .bhd_app_layout_main_filter_title {
+                color: rgba(0, 0, 0, 0.65);
+                font-size: 12px;
+            }
+            .bhd_app_layout_main_filter_ul {
+                display: flex;
+                align-items: center;
+                li:nth-of-type(1) {
+                    margin-left: 0;
+                }
+                li {
+                    margin-left: 8px;
+                    border: 1px solid rgba(0, 0, 0, 0.15);
+                    border-radius: 2px;
+                    height: 24px;
+                    color: rgba(0, 0, 0, 0.65);
+                    font-size: 12px;
+                    display: flex;
+                    align-items: center;
+                    padding: 0 8px;
+                    * {
+                        line-height: 1;
+                    }
+                    .bhd_app_layout_main_filter_show_title {
+
+                    }
+                    .bhd_app_layout_main_filter_show_value {
+                        margin-left: 4px;
+                        margin-right: 8px;
+                    }
+                    :global {
+                        .iconicon_guanbi_Close {
+                            font-size: 12px;
+                        }
+                        .iconicon_guanbi_Close:hover {
+                            cursor: pointer;
+                        }
+                    }
+                }
+            }
+            .bhd_app_layout_main_filter_clear {
+                color: #F4523B;
+                font-size: 12px;
+                margin-left: 8px;
+                cursor: pointer;
+            }
+        }
+        .bhd_app_layout_main_table {
+            padding: 0 48px;
+            margin-top: 16px;
+            :global{
+                /* table 无数据，异常时 */
+                .app_BhdTableSimple_errorTable,.app_BhdTableSimple_noTable{
+                    padding-top: 120px;
+                }
+            }
+        }
+    }
+    .bhd_app_layout_footer {
+        width: calc(100% - 60px);
+        height: 56px;
+        position: fixed;
+        z-index: 10;
+        bottom: 0;
+        display: flex;
+        background-color: #fff;
+        align-items: center;
+        padding: 0 48px;
+        justify-content: space-between;
+        border-top: 1px solid rgba(0,0,0,0.15);
+    }
+}

package/es2017/bhdSelect/index.d.ts

@@ -1,31 +1,30 @@
 import * as React from "react";
-interface BhdSelectProps {
+import { SelectProps } from "antd/lib/select/index";
+interface BhdSelectProps extends SelectProps {
     popupClassName?: string;
     className?: string;
     optionClassName?: string;
     suffixIcon?: React.ReactNode;
     children?: React.ReactNode | [React.ReactNode];
     showSearch?: boolean;
-    dropdownRender?: (menu: React.ReactNode) => React.ReactNode;
+    dropdownRender?: (menu: React.ReactNode) => any;
     search_placeholder?: string;
     select_title?: string;
     search_label?: string;
     mask?: boolean;
-    filterOption?: null | ((filterValue: string, item: React.ReactElement) => boolean) | boolean;
+    filterOption?: null | ((filterValue: string, item: React.ReactElement) => boolean) | boolean | any;
     filterSort?: (a: any, b: any) => number;
     onDropdownVisibleChange?: (open: boolean) => void;
     onMouseEnter?: (e: React.MouseEvent) => void;
-    options: {
-        value: React.Key;
-        disabled: boolean;
-        className: string;
-        title: string;
-    }[];
+    options: any;
     arrowType?: string;
     searchClassName?: string;
     useType?: string;
     listHeight?: number;
     popupMatchSelectWidth?: number;
 }
-declare const BhdSelect: (props: BhdSelectProps) => React.JSX.Element;
+declare const BhdSelect: {
+    (props: BhdSelectProps): React.JSX.Element;
+    Option: import("rc-select/lib/Option").OptionFC;
+};
 export default BhdSelect;