zmdms-webui 0.0.2 → 0.0.4

package/dist/es/applayout/appLayout.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+interface ILayoutProps {
+    children?: React__default.ReactNode;
+    layoutSliderRender?: React__default.ReactNode;
+    layoutHeaderRender?: React__default.ReactNode;
+}
+declare const _default: React__default.NamedExoticComponent<ILayoutProps>;
+
+export { _default as default };

package/dist/es/applayout/appLayout.js

@@ -0,0 +1,14 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { Layout } from 'antd';
+
+var AppLayout = function (props) {
+    // console.log("layout- rerender");
+    var children = props.children, layoutSliderRender = props.layoutSliderRender, layoutHeaderRender = props.layoutHeaderRender;
+    return (jsxs(Layout, __assign({ className: "zmdms-container" }, { children: [layoutSliderRender, jsxs(Layout, __assign({ className: "zmdms-content" }, { children: [layoutHeaderRender, jsx(Layout.Content, __assign({ className: "zmdms-content--content" }, { children: children }))] }))] })));
+};
+AppLayout.displayName = "ZTXK_WEBUI_AppLayout";
+var AppLayout$1 = memo(AppLayout);
+
+export { AppLayout$1 as default };

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

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

package/dist/es/applayout/index.js

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

package/dist/es/applayoutheader/appLayoutHeader.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+interface IProps {
+    tabs?: any;
+    activeTab?: any;
+    deleteTab?: any;
+    setActiveTab?: any;
+}
+declare const _default: React__default.NamedExoticComponent<IProps>;
+
+export { _default as default };

package/dist/es/applayoutheader/appLayoutHeader.js

@@ -0,0 +1,16 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import TabsCom from './tabs/index.js';
+import SettingCom from './setting/index.js';
+import { Layout } from 'antd';
+
+var AppLayoutHeader = function (_a) {
+    var tabs = _a.tabs, activeTab = _a.activeTab, deleteTab = _a.deleteTab, setActiveTab = _a.setActiveTab;
+    // console.log("layout-header- rerender");
+    return (jsxs(Layout.Header, __assign({ className: "zmdms-content--header" }, { children: [jsx(TabsCom, { tabs: tabs, activeTab: activeTab, deleteTab: deleteTab, setActiveTab: setActiveTab }), jsx(SettingCom, {})] })));
+};
+AppLayoutHeader.displayName = "ZTXK_WEBUI_AppLayoutHeader";
+var AppLayoutHeader$1 = memo(AppLayoutHeader);
+
+export { AppLayoutHeader$1 as default };

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

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

package/dist/es/applayoutheader/index.js

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

package/dist/es/applayoutheader/setting/index.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+
+var SettingCom = function () {
+    return jsx("div", { children: "SettingCom" });
+};
+
+export { SettingCom as default };

package/dist/es/applayoutheader/tabs/index.js

@@ -0,0 +1,32 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Link } from 'react-router-dom';
+import MemoTabs from '../../tabs/tabs.js';
+
+var TabsCom = function (_a) {
+    var tabs = _a.tabs, activeTab = _a.activeTab, deleteTab = _a.deleteTab, setActiveTab = _a.setActiveTab;
+    // 点击页签的回调
+    var onTabClick = function (key) {
+        setActiveTab(key);
+        // 根据key值 完成页面跳转
+    };
+    // 点击关闭回调
+    var onEdit = function (key) {
+        deleteTab(key);
+    };
+    var panes = useMemo(function () {
+        if (!Array.isArray(tabs)) {
+            return [];
+        }
+        return tabs.map(function (tab) {
+            return {
+                key: tab.key,
+                label: jsx(Link, __assign({ to: tab.path }, { children: tab.label })),
+            };
+        });
+    }, [tabs]);
+    return (jsx(MemoTabs, { items: panes, activeKey: activeTab, isHeader: true, onTabClick: onTabClick, onEdit: onEdit }));
+};
+
+export { TabsCom as default };

package/dist/es/applayoutsider/appLayoutSider.d.ts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+interface ILayoutSiderProps {
+    siderWidth?: number;
+    subMenuWidth?: number;
+    userMenus?: any;
+    userSubMenus?: any;
+    addTab?: any;
+    siderBg?: any;
+    logo?: any;
+}
+declare const _default: React__default.NamedExoticComponent<ILayoutSiderProps>;
+
+export { _default as default };

package/dist/es/applayoutsider/appLayoutSider.js

@@ -0,0 +1,16 @@
+import { __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { memo, useRef } from 'react';
+import Menu from './menu/index.js';
+import { Layout } from 'antd';
+
+var AppLayoutSider = function (props) {
+    // console.log("layout-sider- rerender");
+    var _a = props.siderWidth, siderWidth = _a === void 0 ? 118 : _a, _b = props.subMenuWidth, subMenuWidth = _b === void 0 ? 162 : _b, userMenus = props.userMenus, userSubMenus = props.userSubMenus, addTab = props.addTab, siderBg = props.siderBg, logo = props.logo;
+    var layoutSiderRef = useRef();
+    return (jsx(Layout.Sider, __assign({ className: "zmdms-sider", collapsedWidth: "0", collapsible: true, trigger: null, width: siderWidth, ref: layoutSiderRef, style: { backgroundImage: siderBg } }, { children: jsx(Menu, { width: siderWidth, subMenuWidth: subMenuWidth, layoutSiderRef: layoutSiderRef, userMenus: userMenus, userSubMenus: userSubMenus, addTab: addTab, logo: logo }) })));
+};
+AppLayoutSider.displayName = "ZTXK_WEBUI_AppLayoutSider";
+var AppLayoutSider$1 = memo(AppLayoutSider);
+
+export { AppLayoutSider$1 as default };

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

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

package/dist/es/applayoutsider/index.js

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

package/dist/es/applayoutsider/menu/Logo.js

@@ -0,0 +1,12 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+
+// import logo from "assets/img/common/logo.png";
+var Logo = function (_a) {
+    var logo = _a.logo;
+    return (jsx("div", __assign({ className: "zmdms-logo" }, { children: jsx("img", { src: logo, title: "\u6D59\u5546\u4E2D\u62D3ERP", alt: "zszt_logo" }) })));
+};
+var Logo$1 = memo(Logo);
+
+export { Logo$1 as default };

package/dist/es/applayoutsider/menu/MainMenu.js

@@ -0,0 +1,56 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useCallback, useMemo } from 'react';
+import { Link } from 'react-router-dom';
+import IconFont from '../../icon/index.js';
+import { Menu } from 'antd';
+
+var MainMenu = function (props) {
+    var userMenus = props.userMenus, onMouseEnter = props.onMouseEnter, onMainLinkClick = props.onMainLinkClick, addTab = props.addTab;
+    // 创建主菜单标签
+    var getLabel = useCallback(function (menuItem) {
+        if (menuItem.type === "index") {
+            return (jsx(Link, __assign({ to: menuItem.path, onClick: function () {
+                    addTab &&
+                        addTab({
+                            key: menuItem.path,
+                            path: menuItem.path,
+                            label: menuItem.name,
+                        });
+                } }, { children: menuItem.name })));
+        }
+        if (menuItem.path === "/") {
+            return menuItem.name;
+        }
+        return (jsx(Link, __assign({ to: menuItem.path, onClick: function () {
+                addTab &&
+                    addTab({
+                        key: menuItem.path,
+                        path: menuItem.path,
+                        label: menuItem.name,
+                    });
+            } }, { children: menuItem.name })));
+    }, [addTab]);
+    var items = useMemo(function () {
+        if (!Array.isArray(userMenus)) {
+            console.error("用户主菜单没有按预期传入对应数据!");
+            return [];
+        }
+        return userMenus.map(function (userMenu) {
+            return {
+                label: getLabel(userMenu),
+                title: userMenu.name,
+                key: userMenu.id,
+                icon: userMenu.source ? (jsx(IconFont, { type: userMenu.source, style: { fontSize: "18px" } })) : null,
+            };
+        });
+    }, [userMenus, getLabel]);
+    // 主菜单点击事件
+    var onClickHandle = useCallback(function (info) {
+        var key = info.key;
+        onMainLinkClick(key);
+    }, [onMainLinkClick]);
+    return (jsx(Menu, { className: "zmdms-menu--main", items: items, inlineIndent: 10, mode: "inline", onMouseEnter: onMouseEnter, onClick: onClickHandle }));
+};
+
+export { MainMenu as default };

package/dist/es/applayoutsider/menu/SubMenu.js

@@ -0,0 +1,75 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, forwardRef, useState, useCallback, useImperativeHandle, useMemo } from 'react';
+import { Link } from 'react-router-dom';
+import Button from '../../button/button.js';
+import IconFont from '../../icon/index.js';
+import { Drawer, Menu } from 'antd';
+
+var SubMenu = function (props, ref) {
+    var marginLeft = props.marginLeft, subMenus = props.subMenus, subMenuWidth = props.subMenuWidth, layoutSiderRef = props.layoutSiderRef, addTab = props.addTab;
+    // 二级菜单是否显示
+    var _a = useState(), visible = _a[0], setVisible = _a[1];
+    // 二级菜单是否固定
+    var _b = useState(), isFixed = _b[0], setIsFixed = _b[1];
+    var onToggleSubMenuFixed = useCallback(function () {
+        setIsFixed(function (preFixed) {
+            layoutSiderRef.current.style.marginRight = !preFixed
+                ? "".concat(subMenuWidth, "px")
+                : 0;
+            return !preFixed;
+        });
+    }, [layoutSiderRef, subMenuWidth]);
+    // 底部按钮
+    var footerDom = (jsxs(Button, __assign({ type: "link", onClick: onToggleSubMenuFixed }, { children: [jsx(IconFont, { type: "icon-toggle", style: { fontSize: "18px" } }), isFixed ? "浮动" : "固定"] })));
+    useImperativeHandle(ref, function () {
+        return {
+            setVisible: function (visible) {
+                if (!isFixed) {
+                    setVisible(visible);
+                }
+            },
+        };
+    });
+    var items = useMemo(function () {
+        var maxDeepIndex = 3;
+        var dfn = function (arr, preArr, deep) {
+            if (preArr === void 0) { preArr = []; }
+            if (deep === void 0) { deep = 1; }
+            if (deep >= maxDeepIndex) {
+                return null;
+            }
+            deep++;
+            if (Array.isArray(arr)) {
+                arr.forEach(function (menuItem) {
+                    var subMenuItem = {
+                        label: menuItem.path === "/" ? (menuItem.name) : (jsx(Link, __assign({ to: menuItem.path, onClick: function () {
+                                // 增加一个页签
+                                addTab({
+                                    key: menuItem.path,
+                                    path: menuItem.path,
+                                    label: menuItem.name,
+                                });
+                            } }, { children: menuItem.name }))),
+                        title: menuItem.name,
+                        key: menuItem.id,
+                        // icon: menuItem.source ? (
+                        //   <Icon type={menuItem.source} style={{ fontSize: "18px" }} />
+                        // ) : null,
+                        children: Array.isArray(menuItem.children) && menuItem.children.length > 0
+                            ? dfn(menuItem.children, [], deep)
+                            : null,
+                    };
+                    preArr.push(subMenuItem);
+                });
+            }
+            return preArr;
+        };
+        var newSubMenusItems = dfn(subMenus);
+        return newSubMenusItems;
+    }, [subMenus, addTab]);
+    return (jsx(Drawer, __assign({ mask: false, placement: "left", width: subMenuWidth, zIndex: 99, closable: false, open: visible, className: "zmdms-menu--sub", style: { marginLeft: marginLeft }, footer: footerDom }, { children: jsx(Menu, { inlineIndent: 10, mode: "inline", items: items }) })));
+};
+var SubMenu$1 = memo(forwardRef(SubMenu));
+
+export { SubMenu$1 as default };

package/dist/es/applayoutsider/menu/index.js

@@ -0,0 +1,41 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo, useRef, useState, useCallback } from 'react';
+import Logo from './Logo.js';
+import MainMenu from './MainMenu.js';
+import SubMenu from './SubMenu.js';
+
+var defaultSubMenu = [];
+var MenuCom = function (props) {
+    var width = props.width, subMenuWidth = props.subMenuWidth, layoutSiderRef = props.layoutSiderRef, userMenus = props.userMenus, userSubMenus = props.userSubMenus, addTab = props.addTab, logo = props.logo;
+    // 二级菜单Ref对象
+    var subMenu = useRef({});
+    var _a = useState(defaultSubMenu), subMenus = _a[0], setSubMenus = _a[1];
+    // 一级菜单mouseEnter事件
+    var onMouseEnter = useCallback(function () {
+        var _a;
+        (_a = subMenu.current) === null || _a === void 0 ? void 0 : _a.setVisible(true);
+    }, []);
+    // 一级菜单点击事件
+    // 1、设置二级菜单内容
+    // 2、设置二级菜单显示
+    var onMainLinkClick = useCallback(function (mainMenuId) {
+        if (mainMenuId) {
+            if (userSubMenus) {
+                setSubMenus(userSubMenus[mainMenuId]);
+            }
+        }
+        else {
+            setSubMenus(defaultSubMenu);
+        }
+    }, [userSubMenus]);
+    // 主容器mouseLeave事件
+    var onMouseLeave = useCallback(function () {
+        var _a;
+        (_a = subMenu.current) === null || _a === void 0 ? void 0 : _a.setVisible(false);
+    }, []);
+    return (jsxs("div", __assign({ className: "zmdms-menu", onMouseLeave: onMouseLeave }, { children: [jsx(Logo, { logo: logo }), jsx(MainMenu, { userMenus: userMenus, onMouseEnter: onMouseEnter, onMainLinkClick: onMainLinkClick, addTab: addTab }), jsx(SubMenu, { ref: subMenu, marginLeft: width, subMenuWidth: subMenuWidth, subMenus: subMenus, layoutSiderRef: layoutSiderRef, addTab: addTab })] })));
+};
+var Menu = memo(MenuCom);
+
+export { Menu as default };

package/dist/es/config/commonHooks.js

@@ -16,7 +16,6 @@ function useTimer(loading) {
             setCountTimer(function (pre) { return pre + 1; });
         }, 1000);
         return function () {
-            console.log("清楚计时器");
             timeout && clearInterval(timeout);
         };
     }, [loading]);

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

@@ -8,6 +8,15 @@ interface IProps {
     children?: React__default.ReactNode;
     footerDom?: IFooterDom[];
 }
-declare const _default: React__default.NamedExoticComponent<IProps>;
+declare const ContainerButtonWrap: React__default.FC<{
+    children?: React__default.ReactNode;
+    isMarginTop?: boolean;
+    className?: string;
+}>;
+interface IContainerComponent extends React__default.FC<IProps> {
+    displayName: string;
+    ButtonWrap: typeof ContainerButtonWrap;
+}
+declare const ContainerMemo: IContainerComponent;
 
-export { _default as default };
+export { IContainerComponent, ContainerMemo as default };

package/dist/es/container/container.js

@@ -1,5 +1,5 @@
 import { __assign } from '../_virtual/_tslib.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo } from 'react';
 import classNames from '../node_modules/classnames/index.js';
 import { useTimer } from '../config/commonHooks.js';
@@ -19,6 +19,15 @@ var Container = function (props) {
     });
     return (jsxs("div", __assign({ className: "ztxk-container" }, { children: [jsx(ContainerLoading, { loading: loading }), jsx("div", __assign({ className: classes }, { children: children })), jsx(Footer, { footerDom: footerDom })] })));
 };
-var Container$1 = memo(Container);
+var ContainerButtonWrap = memo(function (_a) {
+    var children = _a.children, isMarginTop = _a.isMarginTop, className = _a.className;
+    var classes = classNames("ztxk-container--btn-wrap", className, {
+        "btn-wrap--margin-top": isMarginTop,
+    });
+    return jsx("div", __assign({ className: classes }, { children: children }));
+});
+var ContainerMemo = memo(Container);
+ContainerMemo.displayName = "ZTXK_WEBUI_ContainerMemo";
+ContainerMemo.ButtonWrap = ContainerButtonWrap;
 
-export { Container$1 as default };
+export { ContainerMemo as default };

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

@@ -1,5 +1,5 @@
-import _default from './container.js';
+import ContainerMemo from './container.js';
 
 
 
-export { _default as default };
+export { ContainerMemo as default };

package/dist/es/container/index.js

@@ -1,5 +1,5 @@
-import Container from './container.js';
+import ContainerMemo from './container.js';
 
 
 
-export { Container as default };
+export { ContainerMemo as default };

package/dist/es/footer/footer.js

@@ -7,7 +7,6 @@ import Pagination from '../pagination/pagination.js';
 
 var defaultPageSizeOptions = ["10", "20", "30", "100"];
 var Footer = function (props) {
-    console.log("渲染");
     var children = props.children, className = props.className, _a = props.align, align = _a === void 0 ? "left" : _a, footerDom = props.footerDom;
     var classes = classNames("ztxk-footer", className);
     return (jsx("footer", __assign({ className: classes, style: {

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

@@ -7,6 +7,7 @@ import React__default from 'react';
 interface IProps {
     loginLogo?: string;
     loginBg?: string;
+    onFinishHandle?: (values: any) => void;
 }
 declare const Login: React__default.FC<IProps>;
 

package/dist/es/login/index.js

@@ -7,9 +7,13 @@ import Button from '../button/button.js';
 
 var Item = Form.Item;
 var Login = function (props) {
-    var loginLogo = props.loginLogo, loginBg = props.loginBg;
+    var loginLogo = props.loginLogo, loginBg = props.loginBg, onFinishHandle = props.onFinishHandle;
     var form = Form.useForm()[0];
-    return (jsx("div", __assign({ className: "login-wrap", style: { backgroundImage: "url(".concat(loginBg, ")") } }, { children: jsxs(Form, __assign({ form: form, requiredMark: false, layout: "vertical", className: "login-form" }, { children: [jsx("div", __assign({ className: "login-logo" }, { children: jsx("img", { src: loginLogo, title: "\u6D59\u5546\u4E2D\u62D3ERP", alt: "zszt_logo" }) })), jsx(Item, __assign({ label: "\u8BF7\u8F93\u5165\u60A8\u7684\u8D26\u53F7", name: "username", rules: [
+    var onFinish = function (values) {
+        // 内部处理
+        onFinishHandle && onFinishHandle(values);
+    };
+    return (jsx("div", __assign({ className: "login-wrap", style: { backgroundImage: "url(".concat(loginBg, ")") } }, { children: jsxs(Form, __assign({ form: form, requiredMark: false, layout: "vertical", className: "login-form", onFinish: onFinish }, { children: [jsx("div", __assign({ className: "login-logo" }, { children: jsx("img", { src: loginLogo, title: "\u6D59\u5546\u4E2D\u62D3ERP", alt: "zszt_logo" }) })), jsx(Item, __assign({ label: "\u8BF7\u8F93\u5165\u60A8\u7684\u8D26\u53F7", name: "username", rules: [
                         {
                             required: true,
                             message: "请输入您的账号",

package/dist/es/table/table.js

@@ -24,7 +24,7 @@ var components = {
 // TODO: 实现可拖拽行
 // TODO: 实现可编辑功能
 var Table = function (props) {
-    console.log("表格渲染");
+    // console.log("表格渲染");
     var className = props.className, _a = props.bordered, bordered = _a === void 0 ? true : _a, _b = props.pagination, pagination = _b === void 0 ? false : _b, dynamicKey = props.dynamicKey, columns = props.columns, dataSource = props.dataSource, onTableChange = props.onTableChange, isEdit = props.isEdit; props.isMove; var resetProps = __rest(props, ["className", "bordered", "pagination", "dynamicKey", "columns", "dataSource", "onTableChange", "isEdit", "isMove"]);
     var classes = classNames("ztxk-table", className);
     // 将表格数据 在 Ref中 存储一份
@@ -43,7 +43,6 @@ var Table = function (props) {
         dataSourceRef: dataSourceRef,
         onEditableSave: onEditableSave,
     }).newColumns;
-    console.log(currentDynamicList, newColumns);
     return (jsxs("div", { children: [jsx(Table$1, __assign({ className: classes, bordered: bordered, pagination: pagination, dataSource: dataSource, columns: newColumns, components: isEdit ? components : null }, resetProps)), dynamicKey ? (jsx(DynamicSetting, { parentDynamicKey: TABLE_DYNAMIC_KEY, dynamicKey: dynamicKey, defaultList: defaultDynamicList, onCurrentListChange: onCurrentListChange, ref: dynamicSettingRef, hiddenOperationIcon: true })) : null] }));
 };
 var MemoTable = memo(Table);

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

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

package/dist/es/tabs/index.js

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

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

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { Tabs } from 'antd';
+import { TabsProps } from 'antd/lib/tabs';
+
+interface ITabsProps extends TabsProps {
+    isHeader?: boolean;
+    isContent?: boolean;
+    marginTop?: boolean;
+    marginBottom?: boolean;
+}
+interface TabsComponent extends React__default.FC<ITabsProps> {
+    TabPane: typeof Tabs.TabPane;
+}
+
+export { ITabsProps, TabsComponent };

package/dist/es/tabs/tabs.d.ts

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

package/dist/es/tabs/tabs.js

@@ -0,0 +1,22 @@
+import { __rest, __assign } from '../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { Tabs as Tabs$1 } from 'antd';
+import classNames from '../node_modules/classnames/index.js';
+
+var Tabs = function (props) {
+    var _a;
+    var className = props.className, isHeader = props.isHeader, isContent = props.isContent, _b = props.marginTop, marginTop = _b === void 0 ? false : _b, _c = props.marginBottom, marginBottom = _c === void 0 ? true : _c, resetProps = __rest(props, ["className", "isHeader", "isContent", "marginTop", "marginBottom"]);
+    var classes = classNames("ztxk-tabs", className, (_a = {},
+        _a["ztxk-tabs--header"] = isHeader,
+        _a["ztxk-tabs--content"] = isContent,
+        _a["ztxk-tabs--marginTop"] = marginTop,
+        _a["ztxk-tabs--marginBottom"] = marginBottom,
+        _a));
+    return (jsx(Tabs$1, __assign({ type: isHeader ? "editable-card" : isContent ? "card" : undefined, hideAdd: isHeader ? true : undefined, className: classes }, resetProps)));
+};
+var MemoTabs = memo(Tabs);
+MemoTabs.displayName = "ZTXK_WEBUI_Tabs";
+MemoTabs.TabPane = Tabs$1.TabPane;
+
+export { MemoTabs as default };

package/dist/index.build.d.ts

@@ -16,4 +16,8 @@ export { default as Container } from './es/container/container.js';
 export { default as Footer } from './es/footer/footer.js';
 export { default as Pagination } from './es/pagination/pagination.js';
 export { default as Table } from './es/table/table.js';
-export { Affix, Alert, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, Card, Carousel, Cascader, Checkbox, Collapse, Comment, ConfigProvider, Descriptions, Divider, Drawer, Dropdown, Empty, Grid, Image, Layout, List, Mentions, Menu, Modal, PageHeader, Popconfirm, Popover, Progress, Radio, Rate, Result, Segmented, Select, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Tabs, Tag, Timeline, Tooltip, Transfer, Tree, TreeSelect, Typography, Upload, message, notification } from 'antd';
+export { default as Tabs } from './es/tabs/tabs.js';
+export { default as AppLayout } from './es/applayout/appLayout.js';
+export { default as AppLayoutHeader } from './es/applayoutheader/appLayoutHeader.js';
+export { default as AppLayoutSider } from './es/applayoutsider/appLayoutSider.js';
+export { Affix, Alert, Anchor, AutoComplete, Avatar, BackTop, Badge, Breadcrumb, Card, Carousel, Cascader, Checkbox, Collapse, Comment, ConfigProvider, Descriptions, Divider, Drawer, Dropdown, Empty, Grid, Image, Layout, List, Mentions, Menu, Modal, PageHeader, Popconfirm, Popover, Progress, Radio, Rate, Result, Segmented, Select, Skeleton, Slider, Space, Spin, Statistic, Steps, Switch, Tag, Timeline, Tooltip, Transfer, Tree, TreeSelect, Typography, Upload, message, notification } from 'antd';