zmdms-webui 0.0.43 → 0.0.44

package/dist/es/container/LeftContent.js

@@ -4,27 +4,26 @@ import { memo, forwardRef, useState, useEffect } from 'react';
 import DoubleRightOutlined from '../node_modules/@ant-design/icons/es/icons/DoubleRightOutlined.js';
 import { Drawer } from 'antd';
 
-var LeftContentWidth = 180;
 var LeftContent = function (_a, ref) {
-    var children = _a.children, containerRef = _a.containerRef, _b = _a.defaultLeftOpen, defaultLeftOpen = _b === void 0 ? true : _b;
-    var _c = useState(defaultLeftOpen), open = _c[0], setOpen = _c[1];
+    var children = _a.children, containerRef = _a.containerRef, _b = _a.defaultLeftOpen, defaultLeftOpen = _b === void 0 ? true : _b, _c = _a.width, width = _c === void 0 ? 200 : _c;
+    var _d = useState(defaultLeftOpen), open = _d[0], setOpen = _d[1];
     useEffect(function () {
         if (open) {
-            containerRef.current.style.paddingLeft = "".concat(LeftContentWidth, "px");
+            containerRef.current.style.paddingLeft = "".concat(width, "px");
         }
         else {
             containerRef.current.style.paddingLeft = "0";
         }
-    }, [open, containerRef]);
+    }, [open, containerRef, width]);
     var onClose = function () {
         setOpen(false);
     };
     return (jsxs(Fragment, { children: [jsx(DoubleRightOutlined, { className: "ztxk-container--left-content", style: {
-                    left: open ? "".concat(LeftContentWidth + 10, "px") : "10px",
+                    left: open ? "".concat(width + 10, "px") : "10px",
                     transform: open ? "rotate(180deg)" : "none",
                 }, onClick: function () {
                     setOpen(!open);
-                } }), jsx(Drawer, __assign({ mask: false, closable: false, open: open, onClose: onClose, placement: "left", getContainer: false, width: LeftContentWidth, className: "ztxk-container--left-drawer" }, { children: children }))] }));
+                } }), jsx(Drawer, __assign({ mask: false, closable: false, open: open, zIndex: 88, onClose: onClose, placement: "left", getContainer: false, width: width, className: "ztxk-container--left-drawer" }, { children: children }))] }));
 };
 var LeftContent$1 = memo(forwardRef(LeftContent));
 

package/dist/es/container/container.d.ts

@@ -15,6 +15,8 @@ interface IProps {
     leftContent?: React__default.ReactNode;
     /** 左边抽屉默认是否打开 */
     defaultLeftOpen?: boolean;
+    /** 左边抽屉宽度 */
+    defaultLeftWidth?: number;
 }
 declare const ContainerButtonWrap: React__default.FC<{
     children?: React__default.ReactNode;

package/dist/es/container/container.js

@@ -14,12 +14,12 @@ var ContainerLoading = function (_a) {
     return (jsx(Spin, { spinning: loading, size: "large", tip: "".concat(countTimer), className: "ztxk-container__loading", style: { display: loading ? "flex" : "none" } }));
 };
 var Container = function (props) {
-    var className = props.className, isFlex = props.isFlex, children = props.children, loading = props.loading, footerDom = props.footerDom, leftContent = props.leftContent, defaultLeftOpen = props.defaultLeftOpen;
+    var className = props.className, isFlex = props.isFlex, children = props.children, loading = props.loading, footerDom = props.footerDom, leftContent = props.leftContent, defaultLeftOpen = props.defaultLeftOpen, defaultLeftWidth = props.defaultLeftWidth;
     var containerRef = useRef(null);
     var classes = classNames("ztxk-container__content", className, {
         "ztxk-container__content--flex": isFlex,
     });
-    return (jsxs("div", __assign({ className: "ztxk-container", ref: containerRef }, { children: [leftContent && (jsx(LeftContent, __assign({ containerRef: containerRef, defaultLeftOpen: defaultLeftOpen }, { children: leftContent }))), jsx(ContainerLoading, { loading: loading }), jsx("div", __assign({ className: classes }, { children: children })), jsx(Footer, { footerDom: footerDom })] })));
+    return (jsxs("div", __assign({ className: "ztxk-container", ref: containerRef }, { children: [leftContent && (jsx(LeftContent, __assign({ containerRef: containerRef, defaultLeftOpen: defaultLeftOpen, width: defaultLeftWidth }, { children: leftContent }))), jsx(ContainerLoading, { loading: loading }), jsx("div", __assign({ className: classes }, { children: children })), jsx(Footer, { footerDom: footerDom })] })));
 };
 var ContainerButtonWrap = memo(function (_a) {
     var children = _a.children, isMarginTop = _a.isMarginTop, className = _a.className;