zmdms-webui 0.0.51 → 0.0.53

package/dist/es/container/container.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 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 LeftContentMemo from '../leftcontent/leftContent.js';
 import Footer from '../footer/footer.js';
 import { Spin } from 'antd';
 
@@ -19,7 +19,7 @@ var Container = function (props) {
     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, width: defaultLeftWidth }, { 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(LeftContentMemo, __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, style = _a.style;

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

@@ -0,0 +1,5 @@
+import LeftContentMemo from './leftContent.js';
+
+
+
+export { LeftContentMemo as default };

package/dist/es/leftcontent/index.js

@@ -0,0 +1,5 @@
+import LeftContentMemo from './leftContent.js';
+
+
+
+export { LeftContentMemo as default };

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

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+interface IProps {
+    children?: React__default.ReactNode;
+    containerRef?: any;
+    defaultLeftOpen?: boolean;
+    width?: number;
+    style?: React__default.CSSProperties;
+    showIcon?: boolean;
+    /** 通过flex布局 来控制抽屉侧的容器宽度 */
+    isFlex?: boolean;
+}
+interface IWrapProps {
+    className?: string;
+    children?: React__default.ReactNode;
+}
+declare const LeftContentWrap: React__default.FC<IWrapProps>;
+interface LeftContentComponent extends React__default.FC<IProps> {
+    displayName: string;
+    Wrap: typeof LeftContentWrap;
+}
+declare const LeftContentMemo: LeftContentComponent;
+
+export { LeftContentMemo as default };

package/dist/es/leftcontent/leftContent.js

@@ -0,0 +1,55 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, forwardRef, useState, useRef, useEffect } from 'react';
+import classNames from '../node_modules/classnames/index.js';
+import DoubleRightOutlined from '../node_modules/@ant-design/icons/es/icons/DoubleRightOutlined.js';
+import { Drawer } from 'antd';
+
+var LeftContent = function (_a, ref) {
+    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, style = _a.style, showIcon = _a.showIcon, isFlex = _a.isFlex;
+    var _d = useState(defaultLeftOpen), open = _d[0], setOpen = _d[1];
+    var currentRef = useRef();
+    useEffect(function () {
+        var _a;
+        if (isFlex) {
+            return;
+        }
+        var containerDom = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
+        // 如果没有传入需要改变宽度的容器 那么默认取下一个兄弟节点
+        if (!containerDom) {
+            containerDom = (_a = currentRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
+        }
+        if (!containerDom) {
+            return;
+        }
+        // 如果找到指定元素
+        if (!containerDom.classList.contains("ztxk-container")) {
+            return;
+        }
+        if (open) {
+            containerDom.style.paddingLeft = "".concat(width, "px");
+        }
+        else {
+            containerDom.style.paddingLeft = "0";
+        }
+    }, [open, containerRef, width, isFlex]);
+    var onClose = function () {
+        setOpen(false);
+    };
+    return (jsxs("div", __assign({ style: style, ref: currentRef }, { children: [showIcon && (jsx(DoubleRightOutlined, { className: "ztxk-container--left-icon", style: {
+                    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, 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 classes = classNames("ztxk-container--left-wrap", className, {});
+    return jsx("div", __assign({ className: classes }, { children: children }));
+};
+var LeftContentMemo = memo(forwardRef(LeftContent));
+LeftContentMemo.displayName = "ZTXK_WEBUI_LeftContentMemo";
+LeftContentMemo.Wrap = LeftContentWrap;
+
+export { LeftContentMemo as default };

package/dist/es/protectedroute/index.d.ts

@@ -5,9 +5,16 @@ import React__default from 'react';
  */
 
 interface IProps {
+    /** 是否拥有权限 如果这个配置了 那么直接返回组件 */
     hasAuth?: boolean;
     element: any;
     backLogin: () => React__default.ReactNode;
+    /** 获取当前用户的权限列表 */
+    useAuth?: any;
+    /** 当前页面的路由 */
+    path?: string;
+    /** 路由白名单 */
+    whitePaths?: string[];
 }
 declare function ProtectedRoute(props: IProps): any;
 

package/dist/es/protectedroute/index.js

@@ -2,8 +2,10 @@ import { jsx } from 'react/jsx-runtime';
 import { getToken } from 'zmdms-utils';
 
 function ProtectedRoute(props) {
-    var _a = props.hasAuth, hasAuth = _a === void 0 ? true : _a, element = props.element, backLogin = props.backLogin;
+    var _a;
+    var hasAuth = props.hasAuth, element = props.element, backLogin = props.backLogin, useAuth = props.useAuth, _b = props.path, path = _b === void 0 ? "" : _b, whitePaths = props.whitePaths;
     var token = getToken();
+    var userRoutes = ((useAuth === null || useAuth === void 0 ? void 0 : useAuth()) || {}).userRoutes;
     if (!token) {
         console.log("当前页面需要登录! 请登录成功后再进行访问！");
         return backLogin();
@@ -11,6 +13,22 @@ function ProtectedRoute(props) {
     if (hasAuth) {
         return element;
     }
+    // 是否拥有路由权限
+    if (userRoutes) {
+        try {
+            var arr_1 = [];
+            Object.keys(userRoutes).forEach(function (key) {
+                var routes = userRoutes[key];
+                arr_1.push.apply(arr_1, routes);
+            });
+            if (arr_1.includes(path) || ((_a = whitePaths === null || whitePaths === void 0 ? void 0 : whitePaths.includes) === null || _a === void 0 ? void 0 : _a.call(whitePaths, path))) {
+                return element;
+            }
+        }
+        catch (err) {
+            return jsx("div", { children: "\u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u5F53\u524D\u9875\u9762\uFF01" });
+        }
+    }
     return jsx("div", { children: "\u60A8\u6CA1\u6709\u6743\u9650\u8BBF\u95EE\u5F53\u524D\u9875\u9762\uFF01" });
 }
 

package/dist/es/select/select.js

@@ -101,7 +101,7 @@ var Select = function (props, ref) {
         var text = textContent(option === null || option === void 0 ? void 0 : option.children);
         return (text === null || text === void 0 ? void 0 : text.toLowerCase().indexOf(input.toLowerCase().trim())) >= 0;
     };
-    return (jsx(Select$1, __assign({ showArrow: true, dropdownMatchSelectWidth: dropdownMatchSelectWidth, onChange: onChangeHandle, showSearch: true, onSearch: onDebounceSearchHandle, filterOption: isRemoteSearch ? false : filterOptionHandle, dropdownRender: dropdownRender
+    return (jsx(Select$1, __assign({ defaultValue: showAll ? "" : undefined, showArrow: true, dropdownMatchSelectWidth: dropdownMatchSelectWidth, onChange: onChangeHandle, showSearch: true, onSearch: onDebounceSearchHandle, filterOption: isRemoteSearch ? false : filterOptionHandle, dropdownRender: dropdownRender
             ? dropdownRender
             : dropdownButton
                 ? dropdownButtonHandle

package/dist/es/tag/index.d.ts

@@ -0,0 +1,5 @@
+import MemoTag from './tag.js';
+
+
+
+export { MemoTag as default };

package/dist/es/tag/index.js

@@ -0,0 +1,5 @@
+import MemoTag from './tag.js';
+
+
+
+export { MemoTag as default };

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

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { TagProps } from 'antd/lib/tag';
+
+interface ITagProps extends TagProps {
+}
+interface TagComponent extends React__default.FC<ITagProps> {
+}
+
+export { ITagProps, TagComponent };

package/dist/es/tag/tag.d.ts

@@ -0,0 +1,5 @@
+import { TagComponent } from './interface.js';
+
+declare const MemoTag: TagComponent;
+
+export { MemoTag as default };

package/dist/es/tag/tag.js

@@ -0,0 +1,15 @@
+import { __rest, __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { Tag as Tag$1 } from 'antd';
+import classNames from '../node_modules/classnames/index.js';
+
+var Tag = function (props) {
+    var className = props.className, resetProps = __rest(props, ["className"]);
+    var classes = classNames("ztxk-tag", className, {});
+    return jsx(Tag$1, __assign({ className: classes }, resetProps));
+};
+var MemoTag = memo(Tag);
+MemoTag.displayName = "ZTXK_WEBUI_Tag";
+
+export { MemoTag as default };

package/dist/es/uploadlist/hooks.js

@@ -33,6 +33,7 @@ function useBeforeUpload(props) {
         }
         // 获取支持的附件类型
         var ACCEPT = acceptList ? acceptList : [];
+        ACCEPT = ACCEPT.map(function (a) { return a.toLowerCase(); });
         // 默认支持任何格式的文件，但是不支持exe
         if (ACCEPT.length > 0 && !ACCEPT.includes(fileExtension)) {
             message.warning("\u4E0D\u652F\u6301 ".concat(fileExtension, " \u6587\u4EF6\u683C\u5F0F"));

package/dist/index.build.d.ts

@@ -30,7 +30,9 @@ export { default as Tree } from './es/tree/tree.js';
 export { default as Descriptions } from './es/descriptions/descriptions.js';
 export { default as Title } from './es/title/title.js';
 export { default as Print } from './es/print/print.js';
-export { Affix, Alert, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, Card, Carousel, Cascader, Checkbox, Col, Collapse, Comment, ConfigProvider, Divider, Drawer, Dropdown, Empty, Grid, Image, Layout, List, Mentions, Menu, PageHeader, Popconfirm, Popover, Progress, Radio, Rate, Result, Row, Segmented, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Typography, Upload, message, notification } from 'antd';
+export { default as Tag } from './es/tag/tag.js';
+export { default as LeftContent } from './es/leftcontent/leftContent.js';
+export { Affix, Alert, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, Card, Carousel, Cascader, Checkbox, Col, Collapse, Comment, ConfigProvider, Divider, Drawer, Dropdown, Empty, Grid, Image, Layout, List, Mentions, Menu, PageHeader, Popconfirm, Popover, Progress, Radio, Rate, Result, Row, Segmented, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Timeline, Tooltip, Transfer, Typography, Upload, message, notification } from 'antd';
 export { IModalOpenOptions, IModalProps, IModalRef } from './es/modal/interface.js';
 export { IFooterDom, IFooterProps } from './es/footer/interface.js';
 export { IColumnsType, ITableProps } from './es/table/interface.js';