@zykj2024/much-library 1.1.6 → 1.1.7-beta.2

package/dist/McTreeSelect/index.js

@@ -1,182 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style", "className", "label", "inexistent", "value", "onChange", "options", "multiple", "disabled", "fieldNames", "maxTagCount", "treeCheckable"];
-import { Popover, TreeSelect } from 'antd';
-import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
-import "./index.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var McTreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
-  var style = props.style,
-    className = props.className,
-    label = props.label,
-    _props$inexistent = props.inexistent,
-    inexistent = _props$inexistent === void 0 ? true : _props$inexistent,
-    value = props.value,
-    onChange = props.onChange,
-    options = props.options,
-    multiple = props.multiple,
-    disabled = props.disabled,
-    _props$fieldNames = props.fieldNames,
-    fieldNames = _props$fieldNames === void 0 ? {
-      label: 'label',
-      value: 'value',
-      children: 'children'
-    } : _props$fieldNames,
-    maxTagCount = props.maxTagCount,
-    treeCheckable = props.treeCheckable,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _maxTagCount = useMemo(function () {
-    return props.hasOwnProperty('maxTagCount') ? maxTagCount : 1;
-  }, [maxTagCount]);
-  var _multiple = useMemo(function () {
-    return multiple || treeCheckable;
-  }, [treeCheckable, multiple]);
-
-  /* 获取label宽度 */
-  var labelRef = useRef();
-  var _useState = useState(11),
-    _useState2 = _slicedToArray(_useState, 2),
-    paddingLeft = _useState2[0],
-    setPaddingLeft = _useState2[1];
-  var labelResizeObserver = new ResizeObserver(function (entries) {
-    setPaddingLeft(entries[0].contentRect.width + 11);
-  });
-  useEffect(function () {
-    if (labelRef.current) {
-      labelResizeObserver.observe(labelRef.current);
-    }
-    return function () {
-      return labelResizeObserver.disconnect();
-    };
-  }, []);
-
-  /* 判断value值是否存在于options中 */
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    _value = _useState4[0],
-    set_value = _useState4[1];
-  // 获取所有备选项的值列表
-  var _values = useMemo(function () {
-    var v = fieldNames.value,
-      c = fieldNames.children;
-    var values = [];
-    var loopFn = function loopFn(children, parents) {
-      children === null || children === void 0 || children.forEach(function (item) {
-        values.push([].concat(_toConsumableArray(parents), [item[v]]).join(':'));
-        if (item[c]) {
-          loopFn(item[c], [].concat(_toConsumableArray(parents), [item[v]]));
-        }
-      });
-    };
-    loopFn(options || [], []);
-    return values;
-  }, [options, fieldNames]);
-
-  /* 将树形数据扁平化 */
-  var flattenDeep = function flattenDeep() {
-    var _options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var children = fieldNames.children;
-    return _options.reduce(function (pre, item) {
-      var _item$children;
-      pre.push(item);
-      if ((item === null || item === void 0 || (_item$children = item[children]) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
-        return [].concat(_toConsumableArray(pre), _toConsumableArray(flattenDeep(item[children])));
-      } else {
-        return pre;
-      }
-    }, []);
-  };
-
-  // 监听值和值列表的变化（执行不存在值的判断逻辑）
-  useEffect(function () {
-    var _v = value;
-    /* 若inexistent为true，判断不存在情况并重置值 */
-    if (inexistent) {
-      var _value2 = fieldNames.value;
-      var _options = flattenDeep(options);
-      if (_multiple) {
-        var _v2;
-        _v = ((_v2 = _v) === null || _v2 === void 0 ? void 0 : _v2.map(function (i) {
-          return _options !== null && _options !== void 0 && _options.some(function (item) {
-            return item[_value2] === i;
-          }) ? i : i + '(不存在)';
-        })) || [];
-      } else {
-        _v = _v || _v === 0 || _v === false ? _options !== null && _options !== void 0 && _options.some(function (item) {
-          return item[_value2] === _v;
-        }) ? _v : _v + '(不存在)' : undefined;
-      }
-    }
-    set_value(_v);
-  }, [value, _values, inexistent, _multiple, JSON.stringify(options)]);
-  // 组件change事件
-  var change = function change(v, labelList, e) {
-    var _v = v;
-    // 若inexistent为true，当重新触发change事件时，将不存在的项移除（仅多选时需处理）
-    if (inexistent && _multiple) {
-      _v = v.filter(function (item) {
-        return !(('' + item).indexOf('(不存在)') !== -1);
-      });
-    }
-    if (!props.hasOwnProperty('value')) {
-      set_value(_v);
-    }
-    onChange === null || onChange === void 0 || onChange(_v, labelList, e);
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    style: _objectSpread({
-      position: label ? 'relative' : 'static',
-      height: _multiple ? 'auto' : 32,
-      '--selector-pl': "".concat(paddingLeft, "px")
-    }, style),
-    className: "mc-tree-select ".concat(_multiple && _maxTagCount === 1 && 'mc-tree-select--inline', " ").concat(className),
-    children: [label && /*#__PURE__*/_jsx("span", {
-      ref: labelRef,
-      className: "mc-tree-select__label ".concat(disabled && 'mc-tree-select--disabled'),
-      children: label
-    }), /*#__PURE__*/_jsx(TreeSelect, _objectSpread({
-      ref: ref,
-      className: "mc-tree-select__content",
-      value: _value,
-      onChange: change,
-      treeData: options,
-      multiple: multiple,
-      treeCheckable: treeCheckable,
-      disabled: disabled,
-      fieldNames: fieldNames,
-      placeholder: "\u8BF7\u9009\u62E9",
-      showSearch: true,
-      allowClear: true,
-      maxTagCount: _maxTagCount,
-      maxTagPlaceholder: function maxTagPlaceholder(v) {
-        return /*#__PURE__*/_jsx(Popover, {
-          overlayStyle: {
-            maxWidth: 300
-          },
-          content: v.map(function (_ref, index) {
-            var _ref2;
-            var value = _ref.value,
-              label = _ref.label;
-            return /*#__PURE__*/_jsxs("span", {
-              children: [index !== 0 && /*#__PURE__*/_jsx("span", {
-                children: ", "
-              }), /*#__PURE__*/_jsx("span", {
-                style: {
-                  color: ((_ref2 = '' + value) === null || _ref2 === void 0 ? void 0 : _ref2.indexOf('(不存在)')) === -1 ? 'rgba(0, 0, 0, 0.88)' : '#ff4d4f'
-                },
-                children: label
-              })]
-            }, value);
-          }),
-          children: /*#__PURE__*/_jsx("span", {
-            children: '+' + v.length
-          })
-        });
-      }
-    }, rest))]
-  });
-});
-export default McTreeSelect;

package/dist/Utils/index.d.ts

@@ -1,13 +0,0 @@
-/** 工具方法 */
-export { default as debounce } from 'lodash/debounce';
-export { default as isEmpty } from 'lodash/isEmpty';
-export { default as isNil } from 'lodash/isNil';
-export { default as throttle } from 'lodash/throttle';
-/**
- * @name 复制粘贴内容
- * @description 尝试将给定的文本复制到剪切板
- * @param text 要复制的文本
- * @param successStr 成功提示
- * @param failedStr 失败提示
- */
-export declare function copyToClipboard(text: string, onSuccess?: () => void, onFail?: () => void): Promise<void>;

package/dist/Utils/index.js

@@ -1,60 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-/** 工具方法 */
-
-export { default as debounce } from 'lodash/debounce';
-export { default as isEmpty } from 'lodash/isEmpty';
-export { default as isNil } from 'lodash/isNil';
-export { default as throttle } from 'lodash/throttle';
-/**
- * @name 复制粘贴内容
- * @description 尝试将给定的文本复制到剪切板
- * @param text 要复制的文本
- * @param successStr 成功提示
- * @param failedStr 失败提示
- */
-export function copyToClipboard(_x, _x2, _x3) {
-  return _copyToClipboard.apply(this, arguments);
-}
-function _copyToClipboard() {
-  _copyToClipboard = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(text, onSuccess, onFail) {
-    var textarea;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.prev = 0;
-          _context.next = 3;
-          return navigator.clipboard.writeText(text);
-        case 3:
-          onSuccess === null || onSuccess === void 0 || onSuccess();
-          _context.next = 9;
-          break;
-        case 6:
-          _context.prev = 6;
-          _context.t0 = _context["catch"](0);
-          // 在某些浏览器中，可能需要回退到使用document.execCommand
-          // 但请注意，document.execCommand已被废弃，不推荐使用
-          if (typeof document !== 'undefined' && document.queryCommandSupported && document.queryCommandSupported('copy')) {
-            textarea = document.createElement('textarea');
-            textarea.textContent = text;
-            textarea.style.position = 'fixed'; // 防止滚动
-            document.body.appendChild(textarea);
-            textarea.select();
-            try {
-              if (document.execCommand('copy')) {
-                onSuccess === null || onSuccess === void 0 || onSuccess();
-              }
-            } catch (err) {
-              console.error(err);
-              onFail === null || onFail === void 0 || onFail();
-            }
-            document.body.removeChild(textarea);
-          }
-        case 9:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[0, 6]]);
-  }));
-  return _copyToClipboard.apply(this, arguments);
-}

package/dist/index.d.ts

@@ -1,28 +0,0 @@
-import McFonts from './McFonts';
-import McGroupPanel from './McGroupPanel';
-import McIconFont from './McIconFont';
-import McInputNumber from './McInputNumber';
-import McModalProvider from './McModalProvider';
-import McPeriodSelect from './McPeriodSelect';
-import McPopoverButton from './McPopoverButton';
-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';
-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 './McEllipsisMiddle';
-export * from './McInput';
-export { default as McInput } from './McInput';
-export * from './McSelect';
-export { default as McSelect } from './McSelect';
-import * as Utils from './Utils';
-export { McFonts, McGroupPanel, McIconFont, McInputNumber, McLazyLoader, McModalProvider, McPeriodSelect, McPopoverButton, McPopoverForm, McProSelect, McResult, McTag, McThemeConfig, McTreePanel, McTreeSelect, Utils, };

package/dist/index.js

@@ -1,28 +0,0 @@
-import McFonts from "./McFonts";
-import McGroupPanel from "./McGroupPanel";
-import McIconFont from "./McIconFont";
-import McInputNumber from "./McInputNumber";
-import McModalProvider from "./McModalProvider";
-import McPeriodSelect from "./McPeriodSelect";
-import McPopoverButton from "./McPopoverButton";
-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";
-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 "./McEllipsisMiddle";
-export * from "./McInput";
-export { default as McInput } from "./McInput";
-export * from "./McSelect";
-export { default as McSelect } from "./McSelect";
-import * as Utils from "./Utils";
-export { McFonts, McGroupPanel, McIconFont, McInputNumber, McLazyLoader, McModalProvider, McPeriodSelect, McPopoverButton, McPopoverForm, McProSelect, McResult, McTag, McThemeConfig, McTreePanel, McTreeSelect, Utils };

package/dist/styles/demo/basic.d.ts

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

package/dist/styles/demo/basic.js

@@ -1,44 +0,0 @@
-import { Form, Radio } from 'antd';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function () {
-  return /*#__PURE__*/_jsxs("div", {
-    children: [/*#__PURE__*/_jsx(Form.Item, {
-      label: ".text-center",
-      children: /*#__PURE__*/_jsx("div", {
-        style: {
-          width: 100,
-          border: '1px solid grey'
-        },
-        className: "text-center",
-        children: "\u6587\u5B57\u5C45\u4E2D"
-      })
-    }), /*#__PURE__*/_jsx(Form.Item, {
-      label: ".text-ellipsis",
-      children: /*#__PURE__*/_jsx("div", {
-        style: {
-          width: 100,
-          border: '1px solid grey'
-        },
-        className: "text-ellipsis",
-        children: "\u5C3E\u90E8\u8D85\u51FA\u7701\u7565\u5C3E\u90E8\u8D85\u51FA\u7701\u7565\u5C3E\u90E8\u8D85\u51FA\u7701\u7565\u5C3E\u90E8\u8D85\u51FA\u7701\u7565"
-      })
-    }), /*#__PURE__*/_jsx(Form.Item, {
-      label: "\u7B49\u5BBDRadioButton .equal-radio-group",
-      children: /*#__PURE__*/_jsxs(Radio.Group, {
-        className: "equal-radio-group",
-        value: "a",
-        children: [/*#__PURE__*/_jsx(Radio.Button, {
-          value: "a",
-          children: "A"
-        }), /*#__PURE__*/_jsx(Radio.Button, {
-          value: "b",
-          children: "B"
-        }), /*#__PURE__*/_jsx(Radio.Button, {
-          value: "c",
-          children: "C\u5F88\u957F\u5F88\u957F"
-        })]
-      })
-    })]
-  });
-});

package/dist/styles/demo/delete-icon.d.ts

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

package/dist/styles/demo/delete-icon.js

@@ -1,72 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["key", "name"];
-import { Button, Form, Input, Space } from 'antd';
-import { DeleteOutlined, PlusOutlined } from 'much-icons';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default (function () {
-  return /*#__PURE__*/_jsx("div", {
-    children: /*#__PURE__*/_jsx(Form, {
-      layout: "vertical",
-      children: /*#__PURE__*/_jsx(Form.List, {
-        name: "items",
-        initialValue: [{
-          name: '',
-          description: ''
-        }] // 初始数据
-        ,
-        children: function children(fields, _ref) {
-          var add = _ref.add,
-            remove = _ref.remove;
-          return /*#__PURE__*/_jsxs(_Fragment, {
-            children: [fields.map(function (_ref2) {
-              var key = _ref2.key,
-                name = _ref2.name,
-                restField = _objectWithoutProperties(_ref2, _excluded);
-              return /*#__PURE__*/_jsxs(Space, {
-                style: {
-                  display: 'flex',
-                  marginBottom: 0
-                },
-                align: "baseline",
-                children: [/*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, restField), {}, {
-                  name: [name, 'name'],
-                  rules: [{
-                    required: true,
-                    message: '请输入名称'
-                  }],
-                  children: /*#__PURE__*/_jsx(Input, {
-                    placeholder: "\u540D\u79F0"
-                  })
-                })), /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, restField), {}, {
-                  name: [name, 'description'],
-                  rules: [{
-                    required: true,
-                    message: '请输入描述'
-                  }],
-                  children: /*#__PURE__*/_jsx(Input, {
-                    placeholder: "\u63CF\u8FF0"
-                  })
-                })), /*#__PURE__*/_jsx(DeleteOutlined, {
-                  className: "mc-delete-icon",
-                  onClick: function onClick() {
-                    return remove(name);
-                  }
-                })]
-              }, key);
-            }), /*#__PURE__*/_jsx(Button, {
-              type: "link",
-              onClick: function onClick() {
-                return add();
-              },
-              icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
-              children: "\u6DFB\u52A0"
-            })]
-          });
-        }
-      })
-    })
-  });
-});

package/dist/styles/demo/form-bottom-0.d.ts

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

package/dist/styles/demo/form-bottom-0.js

@@ -1,33 +0,0 @@
-import { Card, Form, Input, Space } from 'antd';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default (function () {
-  return /*#__PURE__*/_jsx("div", {
-    children: /*#__PURE__*/_jsx("div", {
-      children: /*#__PURE__*/_jsxs(Space, {
-        children: [/*#__PURE__*/_jsxs(Card, {
-          type: "inner",
-          title: "\u9ED8\u8BA4\u72B6\u6001\uFF0C\u5E95\u90E8\u95F4\u8DDD\u8FC7\u5927",
-          children: [/*#__PURE__*/_jsx(Form.Item, {
-            label: "\u59D3\u540D",
-            children: /*#__PURE__*/_jsx(Input, {})
-          }), /*#__PURE__*/_jsx(Form.Item, {
-            label: "\u5E74\u9F84",
-            children: /*#__PURE__*/_jsx(Input, {})
-          })]
-        }), /*#__PURE__*/_jsxs(Card, {
-          type: "inner",
-          title: "\u6DFB\u52A0className='card-last-form-item-mb0',\u53BB\u6389\u5E95\u90E8\u95F4\u8DDD",
-          className: "card-last-form-item-mb0",
-          children: [/*#__PURE__*/_jsx(Form.Item, {
-            label: "\u59D3\u540D",
-            children: /*#__PURE__*/_jsx(Input, {})
-          }), /*#__PURE__*/_jsx(Form.Item, {
-            label: "\u5E74\u9F84",
-            children: /*#__PURE__*/_jsx(Input, {})
-          })]
-        })]
-      })
-    })
-  });
-});

package/dist/styles/index.css

@@ -1,41 +0,0 @@
-/** 给input和input number用的， 增加竖线 **/
-/** 最后一个formitem没有底部空白 */
-.text-center {
-  text-align: center;
-}
-.text-ellipsis {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-/** 等宽的radio-group */
-.equal-radio-group {
-  text-align: center;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
-}
-/** 最后一个form item"直接"子元素，不展示底部空白 **/
-.last-form-item-mb0 > .ant-form-item:last-child {
-  margin-bottom: 0;
-}
-/** 卡片内最后一个form item直接子元素，不展示底部空白 **/
-.card-last-form-item-mb0 > .ant-card-body > .ant-form-item:last-child {
-  margin-bottom: 0;
-}
-/** 列表的删除按钮，hover为红色，默认为黑色
-* 举例：deleteIconProps={{
-    Icon: (props) => (
-      <DeleteOutlined
-        {...props}
-        style={{ marginLeft: 8 }}
-        className="list-delete-icon"
-      />
-    ),
-  }}
-**/
-.mc-delete-icon {
-  color: #262626;
-}
-.mc-delete-icon :hover {
-  color: #ff4d4f;
-}

package/dist/styles/mixins.css

@@ -1,2 +0,0 @@
-/** 给input和input number用的， 增加竖线 **/
-/** 最后一个formitem没有底部空白 */

package/dist/styles/utilities.css

@@ -1,41 +0,0 @@
-/** 给input和input number用的， 增加竖线 **/
-/** 最后一个formitem没有底部空白 */
-.text-center {
-  text-align: center;
-}
-.text-ellipsis {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-/** 等宽的radio-group */
-.equal-radio-group {
-  text-align: center;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
-}
-/** 最后一个form item"直接"子元素，不展示底部空白 **/
-.last-form-item-mb0 > .ant-form-item:last-child {
-  margin-bottom: 0;
-}
-/** 卡片内最后一个form item直接子元素，不展示底部空白 **/
-.card-last-form-item-mb0 > .ant-card-body > .ant-form-item:last-child {
-  margin-bottom: 0;
-}
-/** 列表的删除按钮，hover为红色，默认为黑色
-* 举例：deleteIconProps={{
-    Icon: (props) => (
-      <DeleteOutlined
-        {...props}
-        style={{ marginLeft: 8 }}
-        className="list-delete-icon"
-      />
-    ),
-  }}
-**/
-.mc-delete-icon {
-  color: #262626;
-}
-.mc-delete-icon :hover {
-  color: #ff4d4f;
-}

package/dist/typings.d.ts

@@ -1,20 +0,0 @@
-declare module 'slash2';
-declare module '*.css';
-declare module '*.less';
-declare module '*.scss';
-declare module '*.sass';
-declare module '*.svg';
-declare module '*.png';
-declare module '*.jpg';
-declare module '*.jpeg';
-declare module '*.gif';
-declare module '*.bmp';
-declare module '*.tiff';
-declare module '*.json';
-declare module '*.otf';
-declare module 'omit.js';
-declare module 'numeral';
-declare module '@antv/data-set';
-declare module 'react-fittext';
-declare module 'bizcharts-plugin-slider';
-declare module 'much-library';