@zykj2024/much-library 1.0.9

package/dist/McIconFont/index.d.ts

@@ -0,0 +1,5 @@
+import { IconFontProps } from 'much-icons/lib/components/IconFont';
+import { FC } from 'react';
+import './iconfont.js';
+declare const McIconFont: FC<IconFontProps>;
+export default McIconFont;

package/dist/McIconFont/index.js

@@ -0,0 +1,8 @@
+import { createFromIconfontCN } from 'much-icons';
+import "./iconfont.js";
+
+// iconfont 图标库：https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4602078
+var McIconFont = createFromIconfontCN({
+  scriptUrl: ''
+});
+export default McIconFont;

package/dist/McIcons/business.json

@@ -0,0 +1,137 @@
+{
+  "Outlined/Basic": [
+    "ArrowLeftOutlined",
+    "ArrowRightOutlined",
+    "DoubleLeftOutlined",
+    "DoubleRightOutlined",
+    "DoubleUpOutlined",
+    "DoubleDownOutlined",
+    "LeftOutlined",
+    "RightOutlined",
+    "UpOutlined",
+    "DownOutlined",
+    "CaretLeftOutlined",
+    "CaretRightOutlined",
+    "CaretUpOutlined",
+    "CaretDownOutlined",
+    "SortOutlined",
+    "SwapOutlined",
+    "ArrowsAltOutlined",
+    "ShrinkOutlined",
+    "HamburgerOutlined",
+    "MoveOutlined",
+    "CalendarOutlined",
+    "InfoCircleOutlined",
+    "ExclamationCircleOutlined",
+    "QuestionCircleOutlined",
+    "CheckCircleOutlined",
+    "CloseCircleOutlined",
+    "AccountOutlined",
+    "PasswordOutlined",
+    "VerificationOutlined",
+    "InvisibleOutlined",
+    "VisibleOutlined",
+    "AnchorPointOutlined"
+  ],
+  "Outlined/Action": [
+    "EnterOutlined",
+    "ReloadOutlined",
+    "AddOutlined",
+    "SearchOutlined",
+    "CheckOutlined",
+    "CloseOutlined",
+    "EditOutlined",
+    "CopyOutlined",
+    "PictureOutlined",
+    "AddFileOutlined",
+    "AddFolderOutlined",
+    "AttachmentOutlined",
+    "CouponOutlined",
+    "FilterOutlined",
+    "TimeOutlined",
+    "PlayOutlined",
+    "BarsOutlined",
+    "DeleteOutlined",
+    "SettingOutlined",
+    "LoadingOutlined",
+    "TeamOutlined",
+    "UserAddOutlined",
+    "MoreOutlined",
+    "DownloadOutlined",
+    "UploadOutlined",
+    "FireOutlined",
+    "AssociationOutlined",
+    "AppendOutlined"
+  ],
+  "Outlined/Brand and Logos": [
+    "TikTokOutlined",
+    "ByteMiniProgramOutlined",
+    "MiniProgramOutlined",
+    "AlipayOutlined"
+  ],
+
+  "Filled/Basic": [
+    "RiseFilled",
+    "DeclineFilled",
+    "CaretLeftFilled",
+    "CaretRightFilled",
+    "CaretUpFilled",
+    "CaretDownFilled",
+    "SortFilled",
+    "CheckCircleFilled",
+    "CloseCircleFilled",
+    "ExclamationCircleFilled",
+    "InfoCircleFilled",
+    "FilterFilled",
+    "QuestionCircleFilled",
+    "WarningFilled",
+    "SettingFilled",
+    "BellFilled",
+    "PlayFilled",
+    "DeleteFilled",
+    "UploadFilled",
+    "CornerMarkFilled"
+  ],
+
+  "Filled/Brand and Logos": [
+    "WechatFilled",
+    "AlipayCircleFilled",
+    "AlipaySquareFilled",
+    "TikTokFilled",
+    "HuaweiFilled",
+    "WebPageFilled",
+    "QuickappFilled"
+  ],
+
+  "Filled/Menu": [
+    "ExperimentalMenuFilled",
+    "DataMenuFilled",
+    "SetMenuFilled",
+    "UserMenuFilled",
+    "RoleMenuFilled",
+    "ApplicationMenuFilled",
+    "RentalMenuFilled",
+    "MenuManagementMenuFilled",
+    "BarChartMenuFilled",
+    "PieChartMenuFilled",
+    "LogMenuFilled",
+    "ADMenuFilled",
+    "StrategyMenuFilled",
+    "FolderMenuFilled",
+    "AdministrationMenuFilled",
+    "DustbinMenuFilled",
+    "MerchandiseMenuFilled",
+    "WalletMenuFilled",
+    "PostbackMenuFilled",
+    "OptimaSelectionMenuFilled",
+    "PlayMenuFilled",
+    "WeChatMenuFilled",
+    "LinkMenuFilled"
+  ],
+
+  "TwoTone/Others": [
+    "HomeOthersTwoTone",
+    "ItemOthersTwoTone",
+    "FileOthersTwoTone"
+  ]
+}

package/dist/McInput/Input.d.ts

@@ -0,0 +1,19 @@
+import { InputProps, InputRef } from 'antd';
+import { FC, ReactNode } from 'react';
+import './index.less';
+export type McInputProps = Omit<InputProps, 'value' | 'onChange' | 'onPressEnter'> & {
+    /**
+     * @description 属性描述
+     * @default "默认值"
+     */
+    name?: string;
+    label?: ReactNode;
+    isTrim?: boolean;
+    value?: string;
+    onChange?: (value?: string, e?: any) => void;
+    onPressEnter?: (value?: string, e?: any) => void;
+    [key: string]: any;
+};
+export type { InputRef };
+declare const McInput: FC<McInputProps>;
+export default McInput;

package/dist/McInput/Input.js

@@ -0,0 +1,48 @@
+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", "isTrim", "value", "onChange", "onPressEnter", "className"];
+import { Input } from 'antd';
+import { forwardRef, useEffect, useState } from 'react';
+import "./index.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var McInput = /*#__PURE__*/forwardRef(function (props, ref) {
+  var label = props.label,
+    _props$isTrim = props.isTrim,
+    isTrim = _props$isTrim === void 0 ? true : _props$isTrim,
+    value = props.value,
+    _onChange = props.onChange,
+    _onPressEnter = props.onPressEnter,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  useEffect(function () {
+    setInputValue(value);
+  }, [value]);
+  return /*#__PURE__*/_jsx(Input, _objectSpread({
+    ref: ref,
+    className: "mc-input ".concat(className || ''),
+    prefix: label && /*#__PURE__*/_jsx("span", {
+      className: "mc-input__label",
+      children: label
+    }),
+    value: inputValue,
+    onChange: function onChange(e) {
+      var v = isTrim ? e.target.value.trim() : e.target.value;
+      if (v !== inputValue) {
+        _onChange === null || _onChange === void 0 || _onChange(v, e);
+      }
+      setInputValue(v);
+    },
+    onPressEnter: function onPressEnter(e) {
+      return _onPressEnter === null || _onPressEnter === void 0 ? void 0 : _onPressEnter(isTrim ? e.target.value.trim() : e.target.value, e);
+    },
+    placeholder: "\u8BF7\u8F93\u5165",
+    allowClear: true,
+    autoComplete: "off"
+  }, rest));
+});
+export default McInput;

package/dist/McInput/Search.d.ts

@@ -0,0 +1,39 @@
+import { InputProps } from 'antd';
+import { FC } from 'react';
+import './index.less';
+export type McSearchProps = Omit<InputProps, 'suffix' | 'value' | 'onChange' | 'onPressEnter'> & {
+    /**
+     * @description 查询项的字段名（配合McContainer组件的查询功能使用）
+     */
+    name?: string;
+    /**
+     * @description 是否禁止内容两边输入空格
+     * @default true
+     */
+    isTrim?: boolean;
+    /**
+     * @description 是否有搜索按钮，可设置文字，该属性会与 addonAfter 冲突
+     * @default false
+     */
+    enterButton?: boolean | string;
+    /**
+     * @description 搜索loading
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * @description 输入框内容
+     */
+    value?: string;
+    /**
+     * @description 输入框内容变化时的回调
+     */
+    onChange?: (value?: string, e?: any) => void;
+    /**
+     * @description 点击搜索图标或按下回车键时的回调
+     */
+    onSearch?: (value?: string) => void;
+    [key: string]: any;
+};
+declare const McSearch: FC<McSearchProps>;
+export default McSearch;

package/dist/McInput/Search.js

@@ -0,0 +1,81 @@
+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 = ["isTrim", "enterButton", "loading", "value", "onChange", "onSearch", "className"];
+import { Button, Input } from 'antd';
+import { SearchOutlined } from 'much-icons';
+import { forwardRef, useEffect, useMemo, useState } from 'react';
+import "./index.css";
+
+/* 该组件不支持原antd组件的 suffix 属性 */
+import { jsx as _jsx } from "react/jsx-runtime";
+var McSearch = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$isTrim = props.isTrim,
+    isTrim = _props$isTrim === void 0 ? true : _props$isTrim,
+    _props$enterButton = props.enterButton,
+    enterButton = _props$enterButton === void 0 ? false : _props$enterButton,
+    loading = props.loading,
+    value = props.value,
+    _onChange = props.onChange,
+    onSearch = props.onSearch,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  /* 搜索按钮展示默认样式 */
+  var showDefaultBtn = useMemo(function () {
+    return typeof enterButton === 'boolean' && !enterButton;
+  }, [enterButton]);
+  /* 搜索按钮自定义文本 */
+  var customBtnText = useMemo(function () {
+    return typeof enterButton === 'string' && enterButton.length > 0;
+  }, [enterButton]);
+  useEffect(function () {
+    setInputValue(value);
+  }, [value]);
+  return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({
+    ref: ref,
+    className: "mc-search ".concat(className || ''),
+    value: inputValue,
+    onChange: function onChange(e) {
+      var v = isTrim ? e.target.value.trim() : e.target.value;
+      if (v !== inputValue) {
+        _onChange === null || _onChange === void 0 || _onChange(v, e);
+      }
+      setInputValue(v);
+    },
+    onPressEnter: function onPressEnter(e) {
+      var _e$nativeEvent;
+      e.stopPropagation();
+      /* 当前是否处于中文输入ing状态 */
+      if ((_e$nativeEvent = e.nativeEvent) !== null && _e$nativeEvent !== void 0 && _e$nativeEvent.isComposing) return;
+      onSearch === null || onSearch === void 0 || onSearch(inputValue);
+    },
+    allowClear: true,
+    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD",
+    autoComplete: "off"
+  }, rest), {}, {
+    suffix: showDefaultBtn && /*#__PURE__*/_jsx(Button, {
+      className: "mc-search__icon",
+      type: "link",
+      icon: /*#__PURE__*/_jsx(SearchOutlined, {}),
+      loading: loading,
+      onClick: function onClick() {
+        return onSearch === null || onSearch === void 0 ? void 0 : onSearch(inputValue);
+      }
+    }),
+    addonAfter: !showDefaultBtn && /*#__PURE__*/_jsx(Button, {
+      className: "mc-search__button",
+      type: "primary",
+      icon: !customBtnText && /*#__PURE__*/_jsx(SearchOutlined, {}),
+      loading: loading,
+      onClick: function onClick() {
+        return onSearch === null || onSearch === void 0 ? void 0 : onSearch(inputValue);
+      },
+      children: customBtnText ? enterButton : undefined
+    })
+  }));
+});
+export default McSearch;

package/dist/McInput/TextArea.d.ts

@@ -0,0 +1,11 @@
+import { TextAreaProps } from 'antd/es/input';
+import { FC } from 'react';
+export type McTextAreaProps = Omit<TextAreaProps, 'value' | 'onChange'> & {
+    name?: string;
+    isTrim?: boolean;
+    value?: string;
+    onChange?: (value?: string, e?: any) => void;
+    [key: string]: any;
+};
+declare const McTextArea: FC<McTextAreaProps>;
+export default McTextArea;

package/dist/McInput/TextArea.js

@@ -0,0 +1,37 @@
+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 = ["isTrim", "value", "onChange", "className"];
+import { Input } from 'antd';
+import { forwardRef, useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var McTextArea = /*#__PURE__*/forwardRef(function (props, ref) {
+  var isTrim = props.isTrim,
+    value = props.value,
+    _onChange = props.onChange,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  useEffect(function () {
+    setInputValue(value);
+  }, [value]);
+  return /*#__PURE__*/_jsx(Input.TextArea, _objectSpread({
+    ref: ref,
+    className: "mc-textarea ".concat(className || ''),
+    value: inputValue,
+    onChange: function onChange(e) {
+      var v = isTrim ? e.target.value.trim() : e.target.value;
+      if (v !== inputValue) {
+        _onChange === null || _onChange === void 0 || _onChange(v, e);
+      }
+      setInputValue(v);
+    },
+    allowClear: true,
+    placeholder: "\u8BF7\u8F93\u5165",
+    autoComplete: "off"
+  }, rest));
+});
+export default McTextArea;

package/dist/McInput/demo/Input/addonBefore.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/McInput/demo/Input/addonBefore.js

@@ -0,0 +1,67 @@
+/**
+ * title: 前置/后置标签
+ * description: 用于配置一些固定组合。和antd用法一致
+ */
+import { Cascader, Select, Space } from 'antd';
+import { SettingOutlined } from 'much-icons';
+import { McInput } from "../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Option = Select.Option;
+var selectBefore = /*#__PURE__*/_jsxs(Select, {
+  defaultValue: "http://",
+  children: [/*#__PURE__*/_jsx(Option, {
+    value: "http://",
+    children: "http://"
+  }), /*#__PURE__*/_jsx(Option, {
+    value: "https://",
+    children: "https://"
+  })]
+});
+var selectAfter = /*#__PURE__*/_jsxs(Select, {
+  defaultValue: ".com",
+  children: [/*#__PURE__*/_jsx(Option, {
+    value: ".com",
+    children: ".com"
+  }), /*#__PURE__*/_jsx(Option, {
+    value: ".jp",
+    children: ".jp"
+  }), /*#__PURE__*/_jsx(Option, {
+    value: ".cn",
+    children: ".cn"
+  }), /*#__PURE__*/_jsx(Option, {
+    value: ".org",
+    children: ".org"
+  })]
+});
+var App = function App() {
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    children: [/*#__PURE__*/_jsx(McInput, {
+      addonBefore: "http://",
+      addonAfter: ".com",
+      defaultValue: "mysite"
+    }), /*#__PURE__*/_jsx(McInput, {
+      addonBefore: selectBefore,
+      addonAfter: selectAfter,
+      defaultValue: "mysite"
+    }), /*#__PURE__*/_jsx(McInput, {
+      addonAfter: /*#__PURE__*/_jsx(SettingOutlined, {}),
+      defaultValue: "mysite"
+    }), /*#__PURE__*/_jsx(McInput, {
+      addonBefore: "http://",
+      suffix: ".com",
+      defaultValue: "mysite"
+    }), /*#__PURE__*/_jsx(McInput, {
+      addonBefore: /*#__PURE__*/_jsx(Cascader, {
+        placeholder: "cascader",
+        style: {
+          width: 150
+        }
+      }),
+      defaultValue: "mysite"
+    })]
+  });
+};
+export default App;

package/dist/McInput/demo/Input/base.d.ts

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

package/dist/McInput/demo/Input/base.js

@@ -0,0 +1,31 @@
+/**
+ * title: 基本使用
+ * description: 基本使用和<a href="https://ant-design.antgroup.com/components/input-cn" target='_blank'>antd</a>用法一致
+ */
+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, {
+      placeholder: "\u57FA\u672C\u4F7F\u7528",
+      count: {
+        show: true,
+        max: 10
+      }
+    }), /*#__PURE__*/_jsx(McInput, {
+      placeholder: "\u57FA\u672C\u4F7F\u7528",
+      variant: "filled",
+      size: "large"
+    }), /*#__PURE__*/_jsx(McInput, {
+      placeholder: "\u57FA\u672C\u4F7F\u7528",
+      variant: "borderless",
+      size: "small"
+    })]
+  });
+});

package/dist/McInput/demo/Input/isTrim.d.ts

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

package/dist/McInput/demo/Input/isTrim.js

@@ -0,0 +1,22 @@
+/**
+ * title: 去前后空格
+ * description: isTrim 默认true
+ */
+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, {
+      placeholder: "\u4E0D\u53EF\u8F93\u5165\u524D\u540E\u7A7A\u683C"
+    }), /*#__PURE__*/_jsx(McInput, {
+      placeholder: "\u53EF\u8F93\u5165\u524D\u540E\u7A7A\u683C",
+      isTrim: false
+    })]
+  });
+});

package/dist/McInput/demo/Input/label.d.ts

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

package/dist/McInput/demo/Input/label.js

@@ -0,0 +1,26 @@
+/**
+ * title: 前缀
+ * description: 新增label属性，配置label属性后会多一个冒号（主要用于McContainer查询区），antd原生属性prefix会覆盖label属性
+ */
+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, {
+      placeholder: "antd\u539F\u751F\u5C5E\u6027prefix",
+      prefix: "prefix"
+    }), /*#__PURE__*/_jsx(McInput, {
+      placeholder: "\u65B0\u589E\u5C5E\u6027label",
+      label: "label"
+    }), /*#__PURE__*/_jsx(McInput, {
+      label: "label",
+      prefix: "\u8986\u76D6label\u5C5E\u6027"
+    })]
+  });
+});

package/dist/McInput/demo/Input/ref.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/McInput/demo/Input/ref.js

@@ -0,0 +1,53 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+/**
+ * title: 调用方法
+ * description: <a href="https://ant-design.antgroup.com/components/input-cn" target='_blank'>antd</a>用法一致
+ */
+
+import { Button, Space } from 'antd';
+import { McInput } from "../../..";
+import React, { useRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var App = function App() {
+  var inputRef = useRef(null);
+  var sharedProps = {
+    style: {
+      width: '100%'
+    },
+    defaultValue: 'Ant Design love you!',
+    ref: inputRef
+  };
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsxs(Space, {
+      wrap: true,
+      children: [/*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          inputRef.current.focus({
+            cursor: 'start'
+          });
+        },
+        children: "\u805A\u7126\u5230\u5F00\u5934"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          inputRef.current.focus({
+            cursor: 'end'
+          });
+        },
+        children: "\u805A\u7126\u5230\u7ED3\u5C3E"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          inputRef.current.focus({
+            cursor: 'all'
+          });
+        },
+        children: "\u9009\u4E2D\u5168\u90E8"
+      })]
+    }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(McInput, _objectSpread({}, sharedProps))]
+  });
+};
+export default App;

package/dist/McInput/demo/Input/status.d.ts

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

package/dist/McInput/demo/Input/status.js

@@ -0,0 +1,23 @@
+/**
+ * title: 自定义状态
+ * description: 使用 `status` 为 Input 添加状态，可选 `error` 或者 `warning`。
+ */
+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, {
+      placeholder: "error",
+      status: "error"
+    }), /*#__PURE__*/_jsx(McInput, {
+      placeholder: "warning",
+      status: "warning"
+    })]
+  });
+});

package/dist/McInput/demo/Search/search-base.d.ts

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