zmdms-webui 0.0.113 → 0.0.115

package/dist/es/collapse/collapse.js

@@ -8,10 +8,12 @@ import classNames from '../node_modules/classnames/index.js';
  * 显示差异内容
  */
 var Collapse = function (props) {
-    var className = props.className, _a = props.customBg, customBg = _a === void 0 ? true : _a, customPadding = props.customPadding, resetProps = __rest(props, ["className", "customBg", "customPadding"]);
-    var classes = classNames("ztxk-collapse", className, {
+    var className = props.className, _a = props.customBg, customBg = _a === void 0 ? true : _a, _b = props.mainBg, mainBg = _b === void 0 ? "transparent" : _b, customPadding = props.customPadding, _c = props.nonBorder, nonBorder = _c === void 0 ? true : _c, itemMargin = props.itemMargin, resetProps = __rest(props, ["className", "customBg", "mainBg", "customPadding", "nonBorder", "itemMargin"]);
+    var classes = classNames("ztxk-collapse", "ztxk-collapse--main-bg_".concat(mainBg), className, {
         "ztxk-collapse--custom-background": customBg,
         "ztxk-collapse--custom-padding": customPadding,
+        "ztxk-collapse--non-border": nonBorder,
+        "ztxk-collapse--item-margin": itemMargin,
     });
     return (jsx(Collapse$1, __assign({ expandIconPosition: "end", className: classes }, resetProps)));
 };

package/dist/es/collapse/interface.d.ts

@@ -3,10 +3,16 @@ import { CollapsePanel } from './collapse.js';
 import { CollapseProps, CollapsePanelProps } from 'antd/es/collapse';
 
 interface ICollapseProps extends CollapseProps {
-    /** 背景 */
+    /** 头部背景 */
     customBg?: boolean;
+    /** 整体背景色 */
+    mainBg?: "transparent" | "white";
     /** 内边距 */
     customPadding?: boolean;
+    /** 不要边框 */
+    nonBorder?: boolean;
+    /** item添加边距 */
+    itemMargin?: boolean;
 }
 interface ICollapsePanelProps extends CollapsePanelProps {
     hiddenBordered?: boolean;

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

@@ -5,6 +5,7 @@ import { IFooterDom } from '../footer/interface.js';
 interface IProps {
     /** 加载状态 */
     loading?: boolean;
+    style?: React__default.CSSProperties;
     /** 容器类名 */
     className?: string;
     /** 是否开启Flex布局 */
@@ -22,6 +23,10 @@ interface IProps {
     leftContentOut?: boolean;
     /** 左边抽屉属性 */
     leftContentProps?: Partial<ILeftContentProps>;
+    /** 标题 */
+    title?: React__default.ReactNode;
+    /** 标题子元素 */
+    titleChildren?: React__default.ReactNode;
 }
 declare const ContainerButtonWrap: React__default.FC<{
     children?: React__default.ReactNode;

package/dist/es/container/container.js

@@ -4,6 +4,7 @@ import { memo, useRef } from 'react';
 import classNames from '../node_modules/classnames/index.js';
 import { useTimer } from '../config/commonHooks.js';
 import LeftContentMemo from '../leftcontent/leftContent.js';
+import TitleCom from '../title/title.js';
 import Footer from '../footer/footer.js';
 import { Spin } from 'antd';
 
@@ -14,13 +15,17 @@ 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, leftContentOut = props.leftContentOut, leftContentProps = props.leftContentProps;
+    var className = props.className, style = props.style, 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, title = props.title, titleChildren = props.titleChildren;
     var containerRef = useRef(null);
     var leftContentContainerRef = useRef(null);
     var classes = classNames("ztxk-container__content", className, {
         "ztxk-container__content--flex": isFlex,
+        "ztxk-container__content--title": title,
     });
-    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 titleContainerClasses = classNames("ztxk-container__content--main", {
+        "ztxk-container__content--main--flex": isFlex,
+    });
+    return (jsxs("div", __assign({ className: "ztxk-container", ref: containerRef, style: style }, { 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: title ? (jsxs(Fragment, { children: [jsx(TitleCom, __assign({ title: title, bordered: true, isSticky: true, whiteBg: true }, { children: titleChildren })), jsx("div", __assign({ className: titleContainerClasses }, { children: 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: title ? (jsxs(Fragment, { children: [jsx(TitleCom, __assign({ title: title, bordered: true, isSticky: true, whiteBg: true }, { children: titleChildren })), jsx("div", __assign({ className: titleContainerClasses }, { children: 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/detaillist/item.js

@@ -4,7 +4,7 @@ import classNames from '../node_modules/classnames/index.js';
 import { Col } from 'antd';
 
 var Item = function (_a) {
-    var children = _a.children, className = _a.className, title = _a.title, _b = _a.colon, colon = _b === void 0 ? true : _b, span = _a.span, titleSpan = _a.titleSpan, titleStyle = _a.titleStyle, isContentMerge = _a.isContentMerge, titleProps = _a.titleProps, textProps = _a.textProps, showDiff = _a.showDiff, _c = _a.isEllipsis, isEllipsis = _c === void 0 ? true : _c, isBlod = _a.isBlod, isFlex = _a.isFlex, isRequired = _a.isRequired, titleVerticalCenter = _a.titleVerticalCenter;
+    var children = _a.children, className = _a.className, title = _a.title, _b = _a.colon, colon = _b === void 0 ? true : _b, _c = _a.span, span = _c === void 0 ? 6 : _c, titleSpan = _a.titleSpan, titleStyle = _a.titleStyle, isContentMerge = _a.isContentMerge, titleProps = _a.titleProps, textProps = _a.textProps, showDiff = _a.showDiff, _d = _a.isEllipsis, isEllipsis = _d === void 0 ? true : _d, isBlod = _a.isBlod, isFlex = _a.isFlex, isRequired = _a.isRequired, titleVerticalCenter = _a.titleVerticalCenter;
     var classes = classNames("ztxk-grid-item", className, {
         "ztxk-grid-item--flex": isFlex,
     });

package/dist/es/title/interface.d.ts

@@ -7,8 +7,12 @@ interface ITitleProps {
     className?: string;
     /** 是否展示边框 */
     bordered?: boolean;
+    /** 是否展示所有边框 */
+    allBordered?: boolean;
     /** 是否展示背景 */
     showBg?: boolean;
+    /** 背景颜色 */
+    whiteBg?: boolean;
     /** 是否左右布局 */
     justifyContent?: "space-between" | "flex-start";
     /** 是否需要上边距 */

package/dist/es/title/title.js

@@ -3,11 +3,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from '../node_modules/classnames/index.js';
 
 var Title = function (props) {
-    var title = props.title, className = props.className, bordered = props.bordered, showBg = props.showBg, _a = props.justifyContent, justifyContent = _a === void 0 ? "space-between" : _a, children = props.children, isTopMargin = props.isTopMargin, isBottomMargin = props.isBottomMargin, isTopPadding = props.isTopPadding, isBottomPadding = props.isBottomPadding, titleStyle = props.titleStyle, _b = props.isSidePadding, isSidePadding = _b === void 0 ? true : _b, isSticky = props.isSticky;
+    var title = props.title, className = props.className, bordered = props.bordered, allBordered = props.allBordered, showBg = props.showBg, whiteBg = props.whiteBg, _a = props.justifyContent, justifyContent = _a === void 0 ? "space-between" : _a, children = props.children, isTopMargin = props.isTopMargin, isBottomMargin = props.isBottomMargin, isTopPadding = props.isTopPadding, isBottomPadding = props.isBottomPadding, titleStyle = props.titleStyle, _b = props.isSidePadding, isSidePadding = _b === void 0 ? true : _b, isSticky = props.isSticky;
     // 主容器类名
     var classes = classNames("ztxk-title", className, {
         "ztxk-title--bordered": bordered,
+        "ztxk-title--all-bordered": allBordered,
         "ztxk-title--background": showBg,
+        "ztxk-title--bg-white": whiteBg,
         "ztxk-title--marginTop": isTopMargin,
         "ztxk-title--marginBottom": isBottomMargin,
         "ztxk-title--paddingTop": isTopPadding,