@mi-avalon/libs 0.0.19 → 0.0.21

package/dist/components/ItemsRow/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from 'antd';
+import { getClassName } from '../../utils';
 import { CompThemeProvider } from '../ThemeContext';
-import { getClassName } from '../utils';
 const classname = (n = '') => {
     const cn = 'items-row';
     return getClassName(cn, n);

package/dist/components/MBreadcrumb/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { IRowItem } from '../ItemsRow';
+import './index.scss';
+export interface RouteItem {
+    name: string;
+    url?: string;
+}
+export interface IMBreadcrumbProps {
+    routes?: RouteItem[];
+    customItems?: IRowItem[];
+    style?: React.CSSProperties;
+    className?: string;
+    offsetTop?: number;
+    mainAppBaseUrl?: string;
+    microAppName?: string;
+}
+export declare const MBreadcrumb: React.FC<IMBreadcrumbProps>;

package/dist/components/MBreadcrumb/index.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Affix, Breadcrumb, Card } from 'antd';
+import * as React from 'react';
+import { getClassName } from '../../utils';
+import { ItemsRow } from '../ItemsRow';
+import { CompThemeProvider } from '../ThemeContext';
+import './index.scss';
+const classname = (n = '') => {
+    const cn = 'm-breadcrumb';
+    return getClassName(cn, n);
+};
+export const MBreadcrumb = props => {
+    const { routes, customItems, style, className, offsetTop = 64, mainAppBaseUrl, microAppName, } = props;
+    const affixRef = React.useRef(null);
+    const onScroll = React.useCallback(() => {
+        affixRef.current?.updatePosition?.();
+    }, []);
+    React.useEffect(() => {
+        window.addEventListener('scroll', onScroll, true);
+        return () => window.removeEventListener('scroll', onScroll);
+    }, [onScroll]);
+    const getUrl = React.useCallback((url) => {
+        if (!url)
+            return '';
+        const cleanedUrl = url.replace(/^\/+/, '');
+        const parts = [
+            mainAppBaseUrl?.replace(/\/+$/, ''),
+            microAppName?.replace(/\/+$/, ''),
+            cleanedUrl,
+        ].filter(Boolean);
+        return `/${parts.join('/')}`;
+    }, [mainAppBaseUrl, microAppName]);
+    return (_jsx(CompThemeProvider, { children: _jsx("div", { className: `${classname()} ${className || ''}`, style: style, children: _jsx(Affix, { ref: affixRef, offsetTop: offsetTop, children: _jsxs(Card, { className: classname('container'), rootClassName: classname('body'), variant: 'borderless', children: [_jsx(Breadcrumb, { className: classname('inner-breadcrumb'), style: { fontSize: '18px' }, children: routes?.map(v => (_jsx(Breadcrumb.Item, { children: v.url ? _jsx("a", { href: `#${getUrl(v.url)}`, children: v.name }) : v.name }, v.url || v.name))) }), _jsx("div", { className: classname('custom-item-wrapper'), children: _jsx(ItemsRow, { items: customItems }) })] }) }) }) }));
+};

package/dist/components/MTable/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 表格
+ */
+import { TableProps } from 'antd';
+export interface IMTableProps extends TableProps {
+}
+export declare function MTable(props: IMTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/MTable/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 表格
+ */
+import { Table } from 'antd';
+import { CompThemeProvider } from '../ThemeContext';
+export function MTable(props) {
+    const columns = props.columns?.map(e => ({ ...e, dataIndex: e.key })) ?? [];
+    return (_jsxs(CompThemeProvider, { children: [_jsx(Table, { rowKey: e => e.id, ...props, columns: columns }), ";"] }));
+}

package/dist/components/index.d.ts

@@ -1,2 +1,5 @@
+export * from './ItemsRow';
+export * from './MBreadcrumb';
 export * from './MDescriptions';
-export { default as MyButton } from './MyButton';
+export * from './MTable';
+export * from './ThemeContext';

package/dist/components/index.js

@@ -1,10 +1,9 @@
-// export { default as ItemRow } from './ItemsRow';
-// export { default as MBreadcrumb } from './MBreadcrumb';
+export * from './ItemsRow';
+export * from './MBreadcrumb';
 export * from './MDescriptions';
 // export * from './MForm';
 // export { default as MForm } from './MForm';
 // export * from './MiModal';
 // export { default as MSearch } from './MSearch';
-// export { default as MTable } from './MTable';
-export { default as MyButton } from './MyButton';
-// export * from './ThemeContext';
+export * from './MTable';
+export * from './ThemeContext';