@zykj2024/much-library 1.1.9-beta.3 → 2.0.0-beta.1

package/dist/McNumberRangeInput/index.js

@@ -0,0 +1,166 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Input, message, Space } from 'antd';
+import classNames from 'classnames';
+import NP from 'number-precision';
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import "./index.css";
+
+/* 数字转字符串 */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var num2str = function num2str(value) {
+  return value || value === 0 ? value.toString() : '';
+};
+
+/* 错误样式 */
+var errorStyle = {
+  color: '#ff4d4f'
+};
+var McNumberRangeInput = /*#__PURE__*/forwardRef(function (props, ref) {
+  var label = props.label,
+    _props$placeholders = props.placeholders,
+    placeholders = _props$placeholders === void 0 ? ['最小值', '最大值'] : _props$placeholders,
+    min = props.min,
+    max = props.max,
+    _props$precision = props.precision,
+    precision = _props$precision === void 0 ? 0 : _props$precision,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? '~' : _props$separator,
+    _props$allowClear = props.allowClear,
+    allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
+    disabled = props.disabled,
+    value = props.value,
+    onChange = props.onChange,
+    style = props.style,
+    className = props.className;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    start = _useState2[0],
+    setStart = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    end = _useState4[0],
+    setEnd = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    startError = _useState6[0],
+    setStartError = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    endError = _useState8[0],
+    setEndError = _useState8[1];
+  var oldValue = useRef();
+
+  /* 字符串转数字并固定小数位 */
+  var str2num = function str2num() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var v = parseFloat(value);
+    v = isNaN(v) ? undefined : NP.round(v, precision);
+    return v === undefined ? undefined : (min || min === 0) && v < min ? min : (max || max === 0) && v > max ? max : v;
+  };
+
+  /* 校验大小值的方法 */
+  var validate = function validate(key) {
+    var start0 = str2num(start),
+      end0 = str2num(end);
+    if (start0 !== undefined && end0 !== undefined && start0 > end0) {
+      var startText = (placeholders === null || placeholders === void 0 ? void 0 : placeholders[0]) || '最小值',
+        endText = (placeholders === null || placeholders === void 0 ? void 0 : placeholders[1]) || '最大值';
+      if (key === 'start') {
+        message.error("".concat(startText, "\u4E0D\u53EF\u5927\u4E8E").concat(endText));
+        setStartError(true);
+      } else {
+        message.error("".concat(endText, "\u4E0D\u53EF\u5C0F\u4E8E").concat(startText));
+        setEndError(true);
+      }
+      return false;
+    } else {
+      return true;
+    }
+  };
+
+  /* change事件 */
+  var changeHandle = function changeHandle(e, key) {
+    var v = e.target.value.replace(/[^+-\d/.]/g, '');
+    if (!/^[+-]?(\d+)?(\.(\d+)?)?$/.test(v)) {
+      v = v.slice(0, -1);
+    }
+    key === 'start' ? setStart(v) : setEnd(v);
+    setStartError(false);
+    setEndError(false);
+  };
+
+  /* blur事件 */
+  var blurHandle = function blurHandle(key) {
+    var start0 = str2num(start),
+      end0 = str2num(end);
+    key === 'start' ? setStart(num2str(start0)) : setEnd(num2str(end0));
+    validate(key);
+    var newValue = start0 === undefined && end0 === undefined ? undefined : {
+      start: start0,
+      end: end0
+    };
+    JSON.stringify(newValue) !== JSON.stringify(oldValue.current) && (onChange === null || onChange === void 0 ? void 0 : onChange(newValue));
+  };
+
+  /* 监听value变化，回显数据 */
+  useEffect(function () {
+    var _ref = value || {},
+      start = _ref.start,
+      end = _ref.end;
+    setStart(num2str(start));
+    setEnd(num2str(end));
+    oldValue.current = value;
+  }, [value]);
+
+  /* 组件的方法 */
+  useImperativeHandle(ref, function () {
+    return {
+      validate: validate
+    };
+  });
+  return /*#__PURE__*/_jsxs("div", {
+    style: style,
+    className: classNames('mc-number-range-input', disabled && 'mc-number-range-input--disabled', className),
+    children: [label && /*#__PURE__*/_jsx("span", {
+      className: "mc-number-range-input__label",
+      children: label
+    }), /*#__PURE__*/_jsx("div", {
+      className: "mc-number-range-input__content",
+      children: /*#__PURE__*/_jsxs(Space.Compact, {
+        className: "mc-number-range-input__wrapper",
+        children: [/*#__PURE__*/_jsx(Input, {
+          style: startError ? errorStyle : undefined,
+          className: "mc-number-range-input__number",
+          placeholder: placeholders === null || placeholders === void 0 ? void 0 : placeholders[0],
+          allowClear: allowClear,
+          disabled: disabled,
+          value: start,
+          onChange: function onChange(e) {
+            return changeHandle(e, 'start');
+          },
+          onBlur: function onBlur() {
+            return blurHandle('start');
+          }
+        }), /*#__PURE__*/_jsx("div", {
+          className: "mc-number-range-input__separator",
+          children: separator
+        }), /*#__PURE__*/_jsx(Input, {
+          style: endError ? errorStyle : undefined,
+          className: "mc-number-range-input__number",
+          placeholder: placeholders === null || placeholders === void 0 ? void 0 : placeholders[1],
+          allowClear: allowClear,
+          disabled: disabled,
+          value: end,
+          onChange: function onChange(e) {
+            return changeHandle(e, 'end');
+          },
+          onBlur: function onBlur() {
+            return blurHandle('end');
+          }
+        })]
+      })
+    })]
+  });
+});
+export default McNumberRangeInput;

package/dist/McSwitch/demo/base.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 基础用法
+ * description: 与antd <a href="https://ant.design/components/switch-cn/#api" target="_blank">Switch</a> 组件用法基本一致，本组件支持自定义选中时的值、非选中时的值。
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McSwitch/demo/base.js

@@ -0,0 +1,55 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 基础用法
+ * description: 与antd <a href="https://ant.design/components/switch-cn/#api" target="_blank">Switch</a> 组件用法基本一致，本组件支持自定义选中时的值、非选中时的值。
+ */
+
+import { Space } from 'antd';
+import { McSwitch } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    size: 16,
+    children: [/*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx("span", {
+        children: "\u5E38\u89C4"
+      }), /*#__PURE__*/_jsx(McSwitch, {}), /*#__PURE__*/_jsx(McSwitch, {
+        size: "small"
+      })]
+    }), /*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx("span", {
+        children: "\u7981\u7528"
+      }), /*#__PURE__*/_jsx(McSwitch, {
+        disabled: true
+      }), /*#__PURE__*/_jsx(McSwitch, {
+        size: "small",
+        disabled: true
+      }), /*#__PURE__*/_jsx(McSwitch, {
+        checked: true,
+        disabled: true
+      }), /*#__PURE__*/_jsx(McSwitch, {
+        checked: true,
+        size: "small",
+        disabled: true
+      })]
+    }), /*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx("span", {
+        children: "\u81EA\u5B9A\u4E49\u9009\u4E2D\u3001\u672A\u9009\u4E2D\u7684\u503C"
+      }), /*#__PURE__*/_jsx(McSwitch, {
+        value: value,
+        unCheckedValue: 0,
+        checkedValue: 1,
+        onChange: setValue
+      }), /*#__PURE__*/_jsxs("span", {
+        children: ["\u5F53\u524D\u503C\uFF1A", value]
+      })]
+    })]
+  });
+});

package/dist/McSwitch/index.d.ts

@@ -0,0 +1,14 @@
+import { SwitchProps } from 'antd';
+import { FC } from 'react';
+type ValueType = boolean | string | number;
+export type PropsType = Omit<SwitchProps, 'value' | 'onChange'> & {
+    /** 选中时的值，默认true */
+    checkedValue?: ValueType;
+    /** 非选中时的值，默认false */
+    unCheckedValue?: ValueType;
+    value?: ValueType;
+    onChange?: (value: ValueType) => void;
+    ref?: any;
+};
+declare const McSwitch: FC<PropsType>;
+export default McSwitch;

package/dist/McSwitch/index.js

@@ -0,0 +1,21 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["checkedValue", "unCheckedValue", "value", "onChange"];
+import { Switch } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+var McSwitch = function McSwitch(_ref) {
+  var _ref$checkedValue = _ref.checkedValue,
+    checkedValue = _ref$checkedValue === void 0 ? true : _ref$checkedValue,
+    _ref$unCheckedValue = _ref.unCheckedValue,
+    unCheckedValue = _ref$unCheckedValue === void 0 ? false : _ref$unCheckedValue,
+    value = _ref.value,
+    _onChange = _ref.onChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(Switch, _objectSpread(_objectSpread({}, rest), {}, {
+    value: value === checkedValue ? true : value === unCheckedValue ? false : undefined,
+    onChange: function onChange(checked) {
+      return _onChange === null || _onChange === void 0 ? void 0 : _onChange(checked ? checkedValue : unCheckedValue);
+    }
+  }));
+};
+export default McSwitch;

package/dist/Utils/demo/copy.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: Utils.copyToClipboard
+ * description: 复制文本到剪贴板
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/Utils/demo/copy.js

@@ -0,0 +1,25 @@
+/**
+ * title: Utils.copyToClipboard
+ * description: 复制文本到剪贴板
+ */
+
+import { Button, message } from 'antd';
+import { Utils } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var str = '复制文本';
+  var handleCopy = function handleCopy(text) {
+    Utils.copyToClipboard(text, function () {
+      message.success('复制成功');
+    }, function () {
+      message.error('复制失败');
+    });
+  };
+  return /*#__PURE__*/_jsx(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      return handleCopy(str);
+    },
+    children: str
+  });
+});

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import McFonts from './McFonts';
 import McGroupPanel from './McGroupPanel';
 import McIconFont from './McIconFont';
 import McInputNumber from './McInputNumber';
+import McLazyLoader from './McLazyLoader';
 import McModalProvider from './McModalProvider';
 import McPeriodSelect from './McPeriodSelect';
 import McPopoverButton from './McPopoverButton';
@@ -9,23 +10,28 @@ import McPopoverForm from './McPopoverForm';
 import McProSelect from './McProSelect';
 import McResult from './McResult';
 import McTag from './McTag';
-import McLazyLoader from './McLazyLoader';
 import McThemeConfig from './McThemeConfig';
 import McTreePanel from './McTreePanel';
 import McTreeSelect from './McTreeSelect';
+import * as Utils from './Utils';
 export * from './McCascader';
 export { default as McCascader } from './McCascader';
 export * from './McContainer';
 export { default as McContainer } from './McContainer';
 export * from './McDateRange';
 export { default as McDateRange } from './McDateRange';
+export * from './McDateRangePro';
+export { default as McDateRangePro } from './McDateRangePro';
 export * from './McEllipsis';
 export * from './McEllipsisMiddle';
 export * from './McInput';
 export { default as McInput } from './McInput';
 export * from './McListSelect';
 export { default as McListSelect } from './McListSelect';
+export * from './McNumberRangeInput';
+export { default as McNumberRangeInput } from './McNumberRangeInput';
 export * from './McSelect';
 export { default as McSelect } from './McSelect';
-import * as Utils from './Utils';
+export * from './McSwitch';
+export { default as McSwitch } from './McSwitch';
 export { McFonts, McGroupPanel, McIconFont, McInputNumber, McLazyLoader, McModalProvider, McPeriodSelect, McPopoverButton, McPopoverForm, McProSelect, McResult, McTag, McThemeConfig, McTreePanel, McTreeSelect, Utils, };

package/dist/index.js

@@ -2,6 +2,7 @@ import McFonts from "./McFonts";
 import McGroupPanel from "./McGroupPanel";
 import McIconFont from "./McIconFont";
 import McInputNumber from "./McInputNumber";
+import McLazyLoader from "./McLazyLoader";
 import McModalProvider from "./McModalProvider";
 import McPeriodSelect from "./McPeriodSelect";
 import McPopoverButton from "./McPopoverButton";
@@ -9,23 +10,28 @@ import McPopoverForm from "./McPopoverForm";
 import McProSelect from "./McProSelect";
 import McResult from "./McResult";
 import McTag from "./McTag";
-import McLazyLoader from "./McLazyLoader";
 import McThemeConfig from "./McThemeConfig";
 import McTreePanel from "./McTreePanel";
 import McTreeSelect from "./McTreeSelect";
+import * as Utils from "./Utils";
 export * from "./McCascader";
 export { default as McCascader } from "./McCascader";
 export * from "./McContainer";
 export { default as McContainer } from "./McContainer";
 export * from "./McDateRange";
 export { default as McDateRange } from "./McDateRange";
+export * from "./McDateRangePro";
+export { default as McDateRangePro } from "./McDateRangePro";
 export * from "./McEllipsis";
 export * from "./McEllipsisMiddle";
 export * from "./McInput";
 export { default as McInput } from "./McInput";
 export * from "./McListSelect";
 export { default as McListSelect } from "./McListSelect";
+export * from "./McNumberRangeInput";
+export { default as McNumberRangeInput } from "./McNumberRangeInput";
 export * from "./McSelect";
 export { default as McSelect } from "./McSelect";
-import * as Utils from "./Utils";
+export * from "./McSwitch";
+export { default as McSwitch } from "./McSwitch";
 export { McFonts, McGroupPanel, McIconFont, McInputNumber, McLazyLoader, McModalProvider, McPeriodSelect, McPopoverButton, McPopoverForm, McProSelect, McResult, McTag, McThemeConfig, McTreePanel, McTreeSelect, Utils };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zykj2024/much-library",
-  "version": "1.1.9-beta.3",
+  "version": "2.0.0-beta.1",
   "description": "react library",
   "license": "MIT",
   "module": "dist/index.js",
@@ -22,6 +22,7 @@
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
     "prepublishOnly": "father doctor && npm run build",
+    "publish": "npm publish",
     "publish-dev": "npm publish --tag beta",
     "start": "npm run dev"
   },
@@ -48,6 +49,7 @@
     ]
   },
   "dependencies": {
+    "@ant-design/use-emotion-css": "^1.0.4",
     "@babel/runtime": "^7.25.6",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",