zmdms-webui 0.0.92 → 0.0.95

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

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { ILeftContentProps } from '../leftcontent/leftContent.js';
 import { IFooterDom } from '../footer/interface.js';
 
 interface IProps {
@@ -17,6 +18,10 @@ interface IProps {
     defaultLeftOpen?: boolean;
     /** 左边抽屉宽度 */
     defaultLeftWidth?: number;
+    /** 左边抽屉放置再外部显示 */
+    leftContentOut?: boolean;
+    /** 左边抽屉属性 */
+    leftContentProps?: Partial<ILeftContentProps>;
 }
 declare const ContainerButtonWrap: React__default.FC<{
     children?: React__default.ReactNode;

package/dist/es/container/container.js

@@ -1,5 +1,5 @@
 import { __assign } from '../_virtual/_tslib.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useRef } from 'react';
 import classNames from '../node_modules/classnames/index.js';
 import { useTimer } from '../config/commonHooks.js';
@@ -14,12 +14,13 @@ 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, defaultLeftWidth = props.defaultLeftWidth;
+    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, leftContentOut = props.leftContentOut, leftContentProps = props.leftContentProps;
     var containerRef = useRef(null);
+    var leftContentContainerRef = 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(LeftContentMemo, __assign({ containerRef: containerRef, defaultLeftOpen: defaultLeftOpen, width: defaultLeftWidth, isShow: true }, { 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: [!leftContentOut && leftContent ? (jsxs(LeftContentMemo.Wrap, __assign({ containerRef: leftContentContainerRef }, { children: [leftContent && (jsx(LeftContentMemo, __assign({ containerRef: leftContentContainerRef, defaultLeftOpen: defaultLeftOpen, width: defaultLeftWidth, isShow: true, showIcon: true }, leftContentProps, { children: leftContent }))), jsx(ContainerLoading, { loading: loading }), jsx("div", __assign({ className: classes }, { children: children }))] }))) : (jsxs(Fragment, { children: [leftContent && (jsx(LeftContentMemo, __assign({ containerRef: containerRef, defaultLeftOpen: defaultLeftOpen, width: defaultLeftWidth, isShow: true, showIcon: true }, leftContentProps, { 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, style = _a.style;

package/dist/es/leftcontent/leftContent.d.ts

@@ -1,6 +1,6 @@
 import React__default from 'react';
 
-interface IProps {
+interface ILeftContentProps {
     children?: React__default.ReactNode;
     containerRef?: any;
     defaultLeftOpen?: boolean;
@@ -19,12 +19,13 @@ interface IProps {
 interface IWrapProps {
     className?: string;
     children?: React__default.ReactNode;
+    containerRef?: any;
 }
 declare const LeftContentWrap: React__default.FC<IWrapProps>;
-interface LeftContentComponent extends React__default.FC<IProps> {
+interface LeftContentComponent extends React__default.FC<ILeftContentProps> {
     displayName: string;
     Wrap: typeof LeftContentWrap;
 }
 declare const LeftContentMemo: LeftContentComponent;
 
-export { LeftContentMemo as default };
+export { ILeftContentProps, LeftContentMemo as default };

package/dist/es/leftcontent/leftContent.js

@@ -90,16 +90,16 @@ var LeftContent = function (_a, ref) {
         setOpen(false);
     };
     return (jsxs("div", __assign({ style: __assign({ width: width, display: isShow ? "block" : "none" }, style), ref: currentRef }, { children: [showIcon && (jsx(DoubleRightOutlined, { className: "ztxk-container--left-icon", style: {
-                    left: open ? "".concat(width + 10, "px") : "10px",
+                    left: open ? "".concat(width, "px") : "0",
                     transform: open ? "rotate(180deg)" : "none",
                 }, onClick: function () {
                     setOpen(!open);
                 } })), 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 LeftContentWrap = function (_a) {
-    var className = _a.className, children = _a.children;
+    var className = _a.className, children = _a.children, containerRef = _a.containerRef;
     var classes = classNames("ztxk-container--left-wrap", className, {});
-    return jsx("div", __assign({ className: classes }, { children: children }));
+    return (jsx("div", __assign({ className: classes, ref: containerRef }, { children: children })));
 };
 var LeftContentMemo = memo(forwardRef(LeftContent));
 LeftContentMemo.displayName = "ZTXK_WEBUI_LeftContentMemo";