@zykj2024/much-library 1.0.9

package/dist/McInput/demo/Search/search-base.js

@@ -0,0 +1,38 @@
+/**
+ * title: 基本使用
+ * description: 设置 `enterButton` 使 搜索按钮 为主按钮样式。注意：addonAfter、suffix、onPressEnter 失效不可用
+ */
+import { McInput } from "../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 8
+    },
+    children: [/*#__PURE__*/_jsx(McInput.Search, {
+      loading: true,
+      placeholder: "\u57FA\u672C\u4F7F\u7528",
+      count: {
+        show: true,
+        max: 10
+      }
+    }), /*#__PURE__*/_jsx(McInput.Search, {
+      placeholder: "\u57FA\u672C\u4F7F\u7528"
+    }), /*#__PURE__*/_jsx(McInput.Search, {
+      enterButton: true,
+      placeholder: "\u57FA\u672C\u4F7F\u7528",
+      style: {
+        width: 300
+      }
+    }), /*#__PURE__*/_jsx(McInput.Search, {
+      enterButton: "\u641C\u7D22",
+      placeholder: "\u57FA\u672C\u4F7F\u7528",
+      style: {
+        width: 300
+      }
+    })]
+  });
+});

package/dist/McInput/demo/TextArea/text-area-base.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McInput/demo/TextArea/text-area-base.js

@@ -0,0 +1,38 @@
+/**
+ * title: 基本使用
+ * description: 支持两种方式的限制最大数字多行文本框，
+ */
+import { McInput } from "../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 8
+    },
+    children: [/*#__PURE__*/_jsx(McInput.TextArea, {
+      placeholder: "\u57FA\u672C\u4F7F\u7528\uFF0C\u4E0D\u4F1A\u6839\u636E\u5185\u5BB9\u53D8\u5316\u9AD8\u5EA6"
+    }), /*#__PURE__*/_jsx(McInput.TextArea, {
+      placeholder: "\u7B2C\u4E00\u79CD\u9650\u5236\u5B57\u6570\u65B9\u5F0F",
+      maxLength: 100,
+      showCount: true
+    }), /*#__PURE__*/_jsx(McInput.TextArea, {
+      placeholder: "\u7B2C\u4E8C\u79CD\u9650\u5236\u5B57\u6570\u65B9\u5F0F",
+      count: {
+        show: true,
+        max: 10
+      }
+    }), /*#__PURE__*/_jsx(McInput.TextArea, {
+      placeholder: "\u6839\u636E\u5185\u5BB9\u53D8\u5316\u9AD8\u5EA6",
+      autoSize: true
+    }), /*#__PURE__*/_jsx(McInput.TextArea, {
+      placeholder: "\u6700\u5C0F\u9AD8\u5EA6\u4E3A1\u884C\uFF0C\u6700\u5927\u9AD8\u5EA6\u4E3A5\u884C",
+      autoSize: {
+        minRows: 1,
+        maxRows: 5
+      }
+    })]
+  });
+});

package/dist/McInput/index.css

@@ -0,0 +1,44 @@
+.mc-input .ant-input-suffix .ant-input-show-count-suffix,
+.mc-search .ant-input-suffix .ant-input-show-count-suffix {
+  color: #b3b3b3;
+  font-size: 12px;
+}
+.mc-input__label {
+  color: #262626;
+  font-size: 14px;
+  margin-right: -4px;
+}
+.mc-input__label::after {
+  content: '：';
+  margin-left: 2px;
+}
+.mc-search {
+  width: 280px;
+}
+.mc-search .mc-search__icon {
+  width: auto;
+  height: 22px;
+  padding: 0;
+  color: #8c8c8c;
+}
+.mc-search .ant-input-affix-wrapper + .ant-input-group-addon {
+  inset-inline-start: -1px;
+  padding: 0;
+  border: 0;
+}
+.mc-search .ant-input-affix-wrapper + .ant-input-group-addon .mc-search__button {
+  width: auto;
+  border-radius: 0 4px 4px 0;
+  padding: 0 12px;
+  margin-right: -1px;
+  z-index: 1;
+}
+.mc-textarea .ant-input-suffix .ant-input-clear-icon {
+  z-index: 1;
+}
+.mc-textarea .ant-input-suffix .ant-input-data-count {
+  bottom: 0;
+  right: 11px;
+  color: #b3b3b3;
+  font-size: 12px;
+}

package/dist/McInput/index.d.ts

@@ -0,0 +1,13 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { InputRef, McInputProps } from './Input';
+import Search from './Search';
+import TextArea from './TextArea';
+export type { InputRef, McInputProps } from './Input';
+export type { McSearchProps } from './Search';
+export type { McTextAreaProps } from './TextArea';
+type CompoundedComponent = ForwardRefExoticComponent<McInputProps & RefAttributes<InputRef>> & {
+    Search: typeof Search;
+    TextArea: typeof TextArea;
+};
+declare const McInput: CompoundedComponent;
+export default McInput;

package/dist/McInput/index.js

@@ -0,0 +1,7 @@
+import Input from "./Input";
+import Search from "./Search";
+import TextArea from "./TextArea";
+var McInput = Input;
+McInput.Search = Search;
+McInput.TextArea = TextArea;
+export default McInput;

package/dist/McInputNumber/demo/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McInputNumber/demo/index.js

@@ -0,0 +1,28 @@
+/**
+ * title: 基本用法
+ * description: 数字输入框
+ */
+import { Space } from 'antd';
+import { McInputNumber } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    size: 16,
+    children: [/*#__PURE__*/_jsx(McInputNumber, {
+      style: {
+        width: 200
+      }
+    }), /*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx("span", {
+        children: "\u7981\u7528"
+      }), /*#__PURE__*/_jsx(McInputNumber, {
+        disabled: true,
+        style: {
+          width: 200
+        }
+      })]
+    })]
+  });
+});

package/dist/McInputNumber/demo/label.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McInputNumber/demo/label.js

@@ -0,0 +1,26 @@
+/**
+ * title: 前缀
+ * description: label属性，配置label属性后会多一个冒号（主要用于McContainer查询区），antd原生属性prefix会覆盖label属性
+ */
+import { Space } from 'antd';
+import { McInputNumber } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    size: 16,
+    children: [/*#__PURE__*/_jsx(McInputNumber, {
+      label: "\u6570\u5B57",
+      style: {
+        width: 200
+      }
+    }), /*#__PURE__*/_jsx(McInputNumber, {
+      label: "\u6570\u5B57",
+      prefix: "\u524D\u7F00\u8986\u76D6",
+      style: {
+        width: 200
+      }
+    })]
+  });
+});

package/dist/McInputNumber/demo/precision.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McInputNumber/demo/precision.js

@@ -0,0 +1,20 @@
+/**
+ * title: 数值精度
+ * description: precision属性，默认为0即整数。不够精度时，不自动补0；超出精度，自动四舍五入。
+ */
+import { Space } from 'antd';
+import { McInputNumber } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(Space, {
+    direction: "vertical",
+    size: 16,
+    children: /*#__PURE__*/_jsx(McInputNumber, {
+      defaultValue: 1.1,
+      precision: 2,
+      style: {
+        width: 200
+      }
+    })
+  });
+});

package/dist/McInputNumber/index.css

@@ -0,0 +1,9 @@
+.mc-input-number__label {
+  color: #262626;
+  font-size: 14px;
+  margin-right: -4px;
+}
+.mc-input-number__label::after {
+  content: '：';
+  margin-left: 2px;
+}

package/dist/McInputNumber/index.d.ts

@@ -0,0 +1,13 @@
+import { InputNumberProps } from 'antd';
+import { FC, ReactNode } from 'react';
+import './index.less';
+type McInputNumberProps = Omit<InputNumberProps, 'precision' | 'value' | 'onChange'> & {
+    name?: string;
+    label?: ReactNode;
+    precision?: number;
+    value?: number | null;
+    onChange?: (value?: number | null) => void;
+    [key: string]: any;
+};
+declare const McInputNumber: FC<McInputNumberProps>;
+export default McInputNumber;

package/dist/McInputNumber/index.js

@@ -0,0 +1,43 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["label", "precision", "value", "onChange", "className"];
+import { InputNumber } from 'antd';
+import { forwardRef, useEffect, useState } from 'react';
+import "./index.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var McInputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
+  var label = props.label,
+    _props$precision = props.precision,
+    precision = _props$precision === void 0 ? 0 : _props$precision,
+    value = props.value,
+    _onChange = props.onChange,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputNumberValue = _useState2[0],
+    setInputNumberValue = _useState2[1];
+  useEffect(function () {
+    setInputNumberValue(typeof value === 'number' ? value : null);
+  }, [value]);
+  return /*#__PURE__*/_jsx(InputNumber, _objectSpread({
+    ref: ref,
+    className: "mc-input-number ".concat(className || ''),
+    prefix: label && /*#__PURE__*/_jsx("span", {
+      className: "mc-input-number__label",
+      children: label
+    }),
+    value: inputNumberValue,
+    onChange: function onChange(v) {
+      // 检查是否为数字，并格式化为最多保留precision位小数，否则清空
+      var _v = typeof v === 'number' ? parseFloat(v.toFixed(precision)) : null;
+      if (!props.hasOwnProperty('value')) {
+        setInputNumberValue(_v);
+      }
+      _onChange === null || _onChange === void 0 || _onChange(_v);
+    },
+    placeholder: "\u8BF7\u8F93\u5165"
+  }, rest));
+});
+export default McInputNumber;

package/dist/McModalProvider/index.d.ts

@@ -0,0 +1,174 @@
+import React, { ReactNode } from 'react';
+export interface McModalState {
+    id: string;
+    args?: Record<string, unknown>;
+    visible?: boolean;
+    delayVisible?: boolean;
+    keepMounted?: boolean;
+}
+export interface McModalStore {
+    [key: string]: McModalState;
+}
+export interface McModalAction {
+    type: string;
+    payload: {
+        modalId: string;
+        args?: Record<string, unknown>;
+        flags?: Record<string, unknown>;
+    };
+}
+/**
+ * The handler to manage a modal returned by {@link useModal | useModal} hook.
+ */
+export interface McModalHandler<Props = Record<string, unknown>> extends McModalState {
+    /**
+     * Whether a modal is visible, it's controlled by {@link McModalHandler.show | show}/{@link McModalHandler.hide | hide} method.
+     */
+    visible: boolean;
+    /**
+     * If you don't want to remove the modal from the tree after hide when using helpers, set it to true.
+     */
+    keepMounted: boolean;
+    /**
+     * Show the modal, it will change {@link McModalHandler.visible | visible} state to true.
+     * @param args - an object passed to modal component as props.
+     */
+    show: (args?: Props) => Promise<unknown>;
+    /**
+     * Hide the modal, it will change {@link McModalHandler.visible | visible} state to false.
+     */
+    hide: () => Promise<unknown>;
+    /**
+     * Resolve the promise returned by {@link McModalHandler.show | show} method.
+     */
+    resolve: (args?: unknown) => void;
+    /**
+     * Reject the promise returned by {@link McModalHandler.show | show} method.
+     */
+    reject: (args?: unknown) => void;
+    /**
+     * Remove the modal component from React component tree. It improves performance compared to just making a modal invisible.
+     */
+    remove: () => void;
+    /**
+     * Resolve the promise returned by {@link McModalHandler.hide | hide} method.
+     */
+    resolveHide: (args?: unknown) => void;
+}
+export interface McModalHocProps {
+    id: string;
+    defaultVisible?: boolean;
+    keepMounted?: boolean;
+}
+export declare const McModalContext: React.Context<McModalStore>;
+declare let dispatch: React.Dispatch<McModalAction>;
+export declare const reducer: (state: McModalStore | undefined, action: McModalAction) => McModalStore;
+declare function getModal(modalId: string): React.FC<any> | undefined;
+export declare const register: <T extends React.FC<any>>(id: string, comp: T, props?: Partial<McModalArgs<T>> | undefined) => void;
+type McModalArgs<T> = T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any> ? React.ComponentProps<T> : Record<string, unknown>;
+export declare function show<T extends any, C extends any, P extends Partial<McModalArgs<React.FC<C>>>>(modal: React.FC<C>, args?: P): Promise<T>;
+export declare function show<T extends any>(modal: string, args?: Record<string, unknown>): Promise<T>;
+export declare function show<T extends any, P extends any>(modal: string, args: P): Promise<T>;
+export declare function hide<T>(modal: string | React.FC<any>): Promise<T>;
+export declare const remove: (modal: string | React.FC<any>) => void;
+export declare function useModal(): McModalHandler;
+export declare function useModal(modal: string, args?: Record<string, unknown>): McModalHandler;
+export declare function useModal<C extends any, P extends Partial<McModalArgs<React.FC<C>>>>(modal: React.FC<C>, args?: P): Omit<McModalHandler, 'show'> & {
+    show: (args?: P) => Promise<unknown>;
+};
+export declare const create: <P extends {}>(Comp: React.ComponentType<P>) => React.FC<P & McModalHocProps>;
+/**
+ * Unregister a modal.
+ * @param id - The id of the modal.
+ */
+export declare const unregister: (id: string) => void;
+export declare const Provider: ({ children, dispatch: givenDispatch, modals: givenModals, }: {
+    children: ReactNode;
+    dispatch?: React.Dispatch<McModalAction> | undefined;
+    modals?: McModalStore | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Declarative way to register a modal.
+ * @param id - The id of the modal.
+ * @param component - The modal Component.
+ * @returns
+ */
+export declare const ModalDef: ({ id, component, }: {
+    id: string;
+    component: React.FC<any>;
+}) => null;
+/**
+ * A place holder allows to bind props to a modal.
+ * It assigns show/hide methods to handler object to show/hide the modal.
+ *
+ * Comparing to use the <MyMcModal id=../> directly, this approach allows use registered modal id to find the modal component.
+ * Also it avoids to create unique id for MyMcModal.
+ *
+ * @param modal - The modal id registered or a modal component.
+ * @param handler - The handler object to control the modal.
+ * @returns
+ */
+export declare const ModalHolder: ({ modal, handler, ...restProps }: {
+    [key: string]: any;
+    modal: string | React.FC<any>;
+    handler: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const antdModalV4: (modal: McModalHandler) => {
+    visible: boolean;
+    onCancel: () => void;
+    onOk: () => void;
+    afterClose: () => void;
+};
+export declare const antdModal: (modal: McModalHandler) => {
+    open: boolean;
+    onCancel: () => void;
+    onOk: () => void;
+    afterClose: () => void;
+};
+export declare const antdDrawerV4: (modal: McModalHandler) => {
+    visible: boolean;
+    onClose: () => void;
+    afterVisibleChange: (visible: boolean) => void;
+};
+export declare const antdDrawer: (modal: McModalHandler) => {
+    open: boolean;
+    onClose: () => void;
+    afterOpenChange: (visible: boolean) => void;
+};
+declare const McModal: {
+    Provider: ({ children, dispatch: givenDispatch, modals: givenModals, }: {
+        children: ReactNode;
+        dispatch?: React.Dispatch<McModalAction> | undefined;
+        modals?: McModalStore | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ModalDef: ({ id, component, }: {
+        id: string;
+        component: React.FC<any>;
+    }) => null;
+    ModalHolder: ({ modal, handler, ...restProps }: {
+        [key: string]: any;
+        modal: string | React.FC<any>;
+        handler: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    McModalContext: React.Context<McModalStore>;
+    create: <P extends {}>(Comp: React.ComponentType<P>) => React.FC<P & McModalHocProps>;
+    register: <T extends React.FC<any>>(id: string, comp: T, props?: Partial<McModalArgs<T>> | undefined) => void;
+    getModal: typeof getModal;
+    show: typeof show;
+    hide: typeof hide;
+    remove: (modal: string | React.FC<any>) => void;
+    useModal: typeof useModal;
+    reducer: (state: McModalStore | undefined, action: McModalAction) => McModalStore;
+    antdModal: (modal: McModalHandler) => {
+        open: boolean;
+        onCancel: () => void;
+        onOk: () => void;
+        afterClose: () => void;
+    };
+    antdDrawer: (modal: McModalHandler) => {
+        open: boolean;
+        onClose: () => void;
+        afterOpenChange: (visible: boolean) => void;
+    };
+};
+export default McModal;