@mi-avalon/libs 0.0.16 → 0.0.18

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

@@ -0,0 +1,65 @@
+import React from 'react';
+export interface IMDescriptionItem {
+    label: React.ReactNode;
+    value: React.ReactNode;
+    span?: number;
+}
+export interface IMDescriptionProps {
+    /**
+     * 描述列表的数据[{label: '', value: '',}, ...]
+     */
+    data: IMDescriptionItem[];
+    /**
+     * 标题
+     */
+    title?: React.ReactNode;
+    /**
+     * 需要显示的列数
+     * @default 3
+     */
+    column?: 1 | 2 | 3 | 4;
+    /**
+     * 行高
+     */
+    lineHeight?: number;
+    /**
+     * 标签对齐方式
+     * @default 'left'
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * 标签和值的布局配置
+     */
+    itemLayout?: {
+        label?: number | undefined;
+        value?: number | undefined;
+    };
+    /**
+     * 是否显示冒号
+     * @default true
+     */
+    colon?: boolean;
+    /**
+     * 是否显示边框
+     * @default false
+     */
+    bordered?: boolean;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 标签样式
+     */
+    labelStyle?: React.CSSProperties;
+    /**
+     * 内容样式
+     */
+    contentStyle?: React.CSSProperties;
+}
+declare const MDescriptions: React.FC<IMDescriptionProps>;
+export { MDescriptions };

package/dist/components/MDescriptions/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 详情描述列表组件
+ * 用于展示对象的详细信息，如用户信息、产品详情等
+ */
+import { Descriptions } from 'antd';
+const MDescriptions = props => {
+    const { data, title, column = 3, lineHeight, align = 'left', itemLayout, colon = true, bordered = false, style, className, labelStyle, contentStyle, } = props;
+    // 合并样式
+    const mergedLabelStyle = {
+        ...(lineHeight ? { lineHeight: `${lineHeight}px` } : {}),
+        textAlign: align,
+        ...(itemLayout?.label ? { width: `${itemLayout.label}px` } : {}),
+        ...labelStyle,
+    };
+    const mergedContentStyle = {
+        ...(lineHeight ? { lineHeight: `${lineHeight}px` } : {}),
+        ...(itemLayout?.value ? { width: `${itemLayout.value}px` } : {}),
+        ...contentStyle,
+    };
+    return (_jsx(Descriptions, { title: title, column: column, colon: colon, bordered: bordered, style: style, className: className, labelStyle: mergedLabelStyle, contentStyle: mergedContentStyle, children: data.map((item, index) => (_jsx(Descriptions.Item, { label: item.label, span: item.span, children: item.value || '-' }, item.label?.toString() || index))) }));
+};
+MDescriptions.displayName = 'MDescriptions';
+export { MDescriptions };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import './index.css';
+import './index.scss';
 interface MyButtonProps {
     type?: 'primary' | 'default' | 'dashed' | 'text' | 'link';
     children: React.ReactNode;

package/dist/components/MyButton/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from 'antd';
+import './index.scss';
+const MyButton = ({ type = 'primary', children, onClick, custom }) => {
+    return (_jsx(Button, { type: type, onClick: onClick, className: 'my-button', children: custom || children }));
+};
+export default MyButton;

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MDescriptions';
+export { default as MyButton } from './MyButton';

package/dist/components/index.js

@@ -0,0 +1,10 @@
+// export { default as ItemRow } from './ItemsRow';
+// export { default as MBreadcrumb } 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';

package/dist/components/utils.d.ts

@@ -0,0 +1 @@
+export declare const getClassName: (key1: string, key2: string) => string;

package/dist/components/utils.js

@@ -0,0 +1,16 @@
+// 生成类名
+export const getClassName = (key1, key2) => {
+    const cn = key1;
+    let str = key1;
+    if (key2.includes(' ')) {
+        str = '';
+        const nArr = key2?.split(' ');
+        for (const i of nArr) {
+            str += ` ${cn}-${i}`;
+        }
+    }
+    else if (key2) {
+        str = `${key1}-${key2}`;
+    }
+    return str;
+};

package/dist/constants/date.js

@@ -0,0 +1,11 @@
+export const DATE_FORMAT = {
+    YMD_Hms: 'YYYY-MM-DD HH:mm:ss',
+    YMD: 'YYYY-MM-DD',
+    YMD2: 'YYYYMMDD',
+    YMD_POINT: 'YYYY.M.DD',
+    Hms: 'HH:mm:ss',
+    Hm: 'HH:mm',
+    YMD_000: 'YYYY-MM-DD 00:00:00',
+    YMD_end: 'YYYY-MM-DD 23:59:59',
+    YMD_Hm: 'YYYYMMDD HHmm',
+};

package/dist/constants/index.js

@@ -0,0 +1,3 @@
+export * from './date';
+export * from './pageInfo';
+export * from './pattern';

package/dist/constants/pageInfo.js

@@ -0,0 +1 @@
+export const PAGE_SIZE = 10;

package/dist/constants/pattern.js

@@ -0,0 +1,46 @@
+export class PatternType {
+    // 整数
+    static integerRegex = /^-?\d+$/;
+    // 正整数
+    static positiveIntegerRegex = /^[1-9]\d*$/;
+    // 负整数
+    static negativeIntegerRegex = /^-[1-9]\d*$/;
+    // 浮点数
+    static floatRegex = /^-?\d+(\.\d+)?$/;
+    // 字母
+    static letter = /^[a-zA-Z]+$/;
+    // 汉字
+    static chinese = /^[\u4e00-\u9fa5]+$/;
+    // 数字
+    static number = /^[0-9]*$/;
+    // 用户名 字母开头，允许字母数字下划线，长度4-16
+    static username = /^[a-zA-Z]\w{3,15}$/;
+    // 强用户名 必须包含大小写字母和数字，6-20位
+    static strongUsername = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{6,20}$/;
+    // 密码 至少8位，包含字母和数字
+    static password = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
+    // 强密码 至少8位，包含大小写字母、数字和特殊字符
+    static strongPassword = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
+    // 中国大陆的手机号
+    static phone = /^1[3-9]\d{9}$/;
+    // 带区号的手机号
+    static phoneWithAreaCode = /^\+?\d{2,3}-?\d{8,11}$/;
+    // 邮箱
+    static email = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+    // 身份证
+    static idCard = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
+    // 银行卡
+    static bankCard = /^[1-9]\d{3,30}$/;
+    // 邮政编码
+    static zipCode = /^[1-9]\d{5}$/;
+    // IP
+    static ip = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
+    // URL
+    static url = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/;
+    // 车牌
+    static carNumber = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]$/;
+    // 时间 hh:mm:ss
+    static time = /^([0-1][0-9]|2[0-3]):([0-5][0-9]):([0-5][0-9])$/;
+    // 日期 YYYY-MM-DD
+    static date = /^(\d{4})-(\d{2})-(\d{2})$/;
+}

package/dist/index.d.ts

@@ -1,3 +1,2 @@
-export { default as MyButton } from './components/MyButton';
-export { default as MyInput } from './components/MyInput';
+export * from './components';
 export * from './constants';