zmdms-webui 0.0.42 → 0.0.43

package/dist/es/container/LeftContent.js

@@ -0,0 +1,31 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+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];
+    useEffect(function () {
+        if (open) {
+            containerRef.current.style.paddingLeft = "".concat(LeftContentWidth, "px");
+        }
+        else {
+            containerRef.current.style.paddingLeft = "0";
+        }
+    }, [open, containerRef]);
+    var onClose = function () {
+        setOpen(false);
+    };
+    return (jsxs(Fragment, { children: [jsx(DoubleRightOutlined, { className: "ztxk-container--left-content", style: {
+                    left: open ? "".concat(LeftContentWidth + 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 }))] }));
+};
+var LeftContent$1 = memo(forwardRef(LeftContent));
+
+export { LeftContent$1 as default };

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

@@ -2,11 +2,19 @@ import React__default from 'react';
 import { IFooterDom } from '../footer/interface.js';
 
 interface IProps {
+    /** 加载状态 */
     loading?: boolean;
+    /** 容器类名 */
     className?: string;
+    /** 是否开启Flex布局 */
     isFlex?: boolean;
     children?: React__default.ReactNode;
+    /** 底部按钮 分页器相关设置 */
     footerDom?: IFooterDom[];
+    /** 左边抽屉内容 */
+    leftContent?: React__default.ReactNode;
+    /** 左边抽屉默认是否打开 */
+    defaultLeftOpen?: boolean;
 }
 declare const ContainerButtonWrap: React__default.FC<{
     children?: React__default.ReactNode;

package/dist/es/container/container.js

@@ -1,8 +1,9 @@
 import { __assign } from '../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { memo } from 'react';
+import { memo, useRef } from 'react';
 import classNames from '../node_modules/classnames/index.js';
 import { useTimer } from '../config/commonHooks.js';
+import LeftContent from './LeftContent.js';
 import Footer from '../footer/footer.js';
 import { Spin } from 'antd';
 
@@ -13,11 +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;
+    var className = props.className, isFlex = props.isFlex, children = props.children, loading = props.loading, footerDom = props.footerDom, leftContent = props.leftContent, defaultLeftOpen = props.defaultLeftOpen;
+    var containerRef = useRef(null);
     var classes = classNames("ztxk-container__content", className, {
         "ztxk-container__content--flex": isFlex,
     });
-    return (jsxs("div", __assign({ className: "ztxk-container" }, { children: [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 }, { 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;

package/dist/es/node_modules/@ant-design/icons/es/icons/DoubleRightOutlined.js

@@ -0,0 +1,15 @@
+import _objectSpread2 from '../../../../@babel/runtime/helpers/esm/objectSpread2.js';
+import * as React from 'react';
+import DoubleRightOutlinedSvg from '../../../icons-svg/es/asn/DoubleRightOutlined.js';
+import AntdIcon from '../components/AntdIcon.js';
+
+var DoubleRightOutlined = function DoubleRightOutlined(props, ref) {
+  return /*#__PURE__*/React.createElement(AntdIcon, _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref,
+    icon: DoubleRightOutlinedSvg
+  }));
+};
+DoubleRightOutlined.displayName = 'DoubleRightOutlined';
+var DoubleRightOutlined$1 = /*#__PURE__*/React.forwardRef(DoubleRightOutlined);
+
+export { DoubleRightOutlined$1 as default };

package/dist/es/node_modules/@ant-design/icons-svg/es/asn/DoubleRightOutlined.js

@@ -0,0 +1,5 @@
+// This icon file is generated automatically.
+var DoubleRightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z" } }] }, "name": "double-right", "theme": "outlined" };
+var DoubleRightOutlinedSvg = DoubleRightOutlined;
+
+export { DoubleRightOutlinedSvg as default };