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

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

@@ -1,23 +0,0 @@
-/**
- * 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

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

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

@@ -1,38 +0,0 @@
-/**
- * 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

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

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

@@ -1,38 +0,0 @@
-/**
- * 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

@@ -1,71 +0,0 @@
-/** 给input和input number用的， 增加竖线 **/
-/** 最后一个formitem没有底部空白 */
-.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: '\FF1A';
-  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;
-}
-.mc-input .ant-input-wrapper .ant-input-group-addon:nth-child(1)::after,
-.mc-input .ant-input-wrapper .ant-input-group-addon:nth-last-child(1)::before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  /* 居中对齐 */
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  transform: translateY(-50%);
-  /* 垂直居中 */
-  height: 50%;
-  /* 竖线高度为输入框高度的 50% */
-  width: 1px;
-  /* 竖线宽度 */
-  background-color: #d8d8d8;
-  /* 竖线颜色 */
-}
-.mc-input .ant-input-wrapper .ant-input-group-addon:nth-child(1)::after {
-  right: 0;
-  /* 定位到右侧 */
-}
-.mc-input .ant-input-wrapper .ant-input-group-addon:nth-last-child(1)::before {
-  left: 0;
-  /* 定位到右侧 */
-}

package/dist/McInput/index.d.ts

@@ -1,13 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

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

package/dist/McInputNumber/demo/index.js

@@ -1,34 +0,0 @@
-/**
- * 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__*/_jsx(McInputNumber, {
-      addonBefore: "\u65E7\u7D20\u6750",
-      addonAfter: "%",
-      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

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

package/dist/McInputNumber/demo/label.js

@@ -1,26 +0,0 @@
-/**
- * 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

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

package/dist/McInputNumber/demo/precision.js

@@ -1,20 +0,0 @@
-/**
- * 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

@@ -1,36 +0,0 @@
-/** 给input和input number用的， 增加竖线 **/
-/** 最后一个formitem没有底部空白 */
-.mc-input-number__label {
-  color: #262626;
-  font-size: 14px;
-  margin-right: -4px;
-}
-.mc-input-number__label::after {
-  content: '\FF1A';
-  margin-left: 2px;
-}
-.mc-input-number .ant-input-number-wrapper .ant-input-number-group-addon:nth-child(1)::after,
-.mc-input-number .ant-input-number-wrapper .ant-input-number-group-addon:nth-last-child(1)::before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  /* 居中对齐 */
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  transform: translateY(-50%);
-  /* 垂直居中 */
-  height: 50%;
-  /* 竖线高度为输入框高度的 50% */
-  width: 1px;
-  /* 竖线宽度 */
-  background-color: #d8d8d8;
-  /* 竖线颜色 */
-}
-.mc-input-number .ant-input-number-wrapper .ant-input-number-group-addon:nth-child(1)::after {
-  right: 0;
-  /* 定位到右侧 */
-}
-.mc-input-number .ant-input-number-wrapper .ant-input-number-group-addon:nth-last-child(1)::before {
-  left: 0;
-  /* 定位到右侧 */
-}

package/dist/McInputNumber/index.d.ts

@@ -1,16 +0,0 @@
-import { InputNumberProps } from 'antd';
-import { FC, ReactNode } from 'react';
-import './index.less';
-type McInputNumberProps = Omit<InputNumberProps, 'precision' | 'value' | 'onChange'> & {
-    /** 查询项的字段名（配合McContainer组件的查询功能使用） */
-    name?: string;
-    /** 查询项的标签文字（若未设置，样式为表单项形态） */
-    label?: ReactNode;
-    /** 最多保留多少位小数，默认0 */
-    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

@@ -1,50 +0,0 @@
-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 NP from 'number-precision';
-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]);
-  var handleChange = function handleChange(v) {
-    var formattedValue = null;
-    if (v !== null && v !== '') {
-      var num = typeof v === 'string' ? parseFloat(v) : v;
-      if (!isNaN(num)) {
-        formattedValue = NP.round(num, precision);
-      }
-    }
-    if (!props.hasOwnProperty('value')) {
-      setInputNumberValue(formattedValue);
-    }
-    onChange === null || onChange === void 0 || onChange(formattedValue);
-  };
-  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: handleChange,
-    placeholder: "\u8BF7\u8F93\u5165"
-  }, rest));
-});
-export default McInputNumber;

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

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

package/dist/McLazyLoader/demo/basic.js

@@ -1,33 +0,0 @@
-/**
- * title: 基本用法
- * description: 元素出现在视窗时渲染, 日志见console.log。
- */
-import { McLazyLoader } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-var textList = Array.from({
-  length: 100
-}, function (_, index) {
-  return index;
-});
-export default (function () {
-  return /*#__PURE__*/_jsx("div", {
-    children: /*#__PURE__*/_jsx(McLazyLoader, {
-      style: {
-        height: 200,
-        overflow: 'auto'
-      },
-      itemMinHeight: 50,
-      children: textList.map(function (v) {
-        return /*#__PURE__*/_jsx("img", {
-          width: "auto",
-          height: 50,
-          onLoad: function onLoad() {
-            console.log('[window root: loaded]', new Date(), v);
-          },
-          src: "http://pre.data.muchcloud.com/static/img/logo-t.34c4816d.png",
-          alt: v.toString()
-        }, v);
-      })
-    })
-  });
-});

package/dist/McLazyLoader/demo/container.d.ts

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

package/dist/McLazyLoader/demo/container.js

@@ -1,83 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: McContainer+自定义table body场景中使用
- * description: 翻页后的数据会重新进入懒加载流程,比如天玑-素材管理
- */
-import { McLazyLoader } from "../..";
-import { useState } from 'react';
-import McContainer from "../../McContainer";
-import McInput from "../../McInput";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var getTextList = function getTextList(cur) {
-  return Array.from({
-    length: 40
-  }, function (_, index) {
-    return {
-      key: index + cur,
-      value: index
-    };
-  });
-};
-export default (function () {
-  var _useState = useState(1),
-    _useState2 = _slicedToArray(_useState, 2),
-    cur = _useState2[0],
-    setCur = _useState2[1];
-  console.log(cur);
-  return /*#__PURE__*/_jsx("div", {
-    children: /*#__PURE__*/_jsx(McContainer, {
-      queryItems: /*#__PURE__*/_jsx(_Fragment, {
-        children: /*#__PURE__*/_jsx(McInput, {
-          label: "\u59D3\u540D",
-          name: "name",
-          style: {
-            width: 270
-          }
-        })
-      }),
-      height: "500px",
-      tableProps: {
-        dataSource: getTextList(cur),
-        // scroll: {y: 200},
-        pagination: {
-          pageSize: 40,
-          current: cur,
-          total: 120
-        },
-        onChange: function onChange(info) {
-          var _info$current;
-          setCur((_info$current = info === null || info === void 0 ? void 0 : info.current) !== null && _info$current !== void 0 ? _info$current : 1);
-        },
-        components: {
-          body: function body(data) {
-            return /*#__PURE__*/_jsx(McLazyLoader, {
-              style: {
-                height: 200,
-                width: 500,
-                overflow: 'auto',
-                display: 'flex',
-                flexWrap: 'wrap'
-              },
-              onItemVisible: function onItemVisible(index) {
-                console.log('visible', index);
-              },
-              itemMinHeight: 50,
-              itemMinWidth: 200,
-              children: data.map(function (x) {
-                return /*#__PURE__*/_jsx("img", {
-                  width: "auto",
-                  height: 50,
-                  onLoad: function onLoad() {
-                    console.log('[window root: loaded]', new Date(), x.key, cur);
-                  },
-                  src: "http://pre.data.muchcloud.com/static/img/logo-t.34c4816d.png"
-                }, x.key + '_' + cur);
-              })
-            });
-          }
-        }
-      }
-    })
-  });
-});

package/dist/McLazyLoader/demo/form.d.ts

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

package/dist/McLazyLoader/demo/form.js

@@ -1,38 +0,0 @@
-/**
- * title: 基本用法 - 渲染表单项
- * description: 元素出现在视窗时渲染, 日志见console.log。
- */
-import { Form } from 'antd';
-import { McInput, McLazyLoader } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-var textList = Array.from({
-  length: 100
-}, function (_, index) {
-  return index;
-});
-var FormDemo = function FormDemo() {
-  return /*#__PURE__*/_jsx("div", {
-    children: /*#__PURE__*/_jsx(Form, {
-      children: /*#__PURE__*/_jsx(McLazyLoader, {
-        style: {
-          height: 200,
-          overflow: 'auto'
-        },
-        itemMinHeight: 50,
-        children: textList.map(function (v) {
-          return /*#__PURE__*/_jsx(Form.Item, {
-            shouldUpdate: true,
-            children: function children() {
-              // 写成方法形式，是为了打日志。实际运用时正常写就行
-              console.log('[form item: loaded]', new Date(), v);
-              return /*#__PURE__*/_jsx(McInput, {
-                defaultValue: v
-              });
-            }
-          }, v);
-        })
-      })
-    })
-  });
-};
-export default FormDemo;

package/dist/McLazyLoader/demo/has-root.d.ts

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

package/dist/McLazyLoader/demo/has-root.js

@@ -1,44 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 基本用法
- * description: 元素出现在当前父组件(div)时渲染, 日志见console.log。和root=window不同的是，尽管元素没出现在浏览器视窗内，也会被render。
- */
-import { McLazyLoader } from "../..";
-import { useEffect, useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var textList = Array.from({
-  length: 100
-}, function (_, index) {
-  return index;
-});
-export default (function () {
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    root = _useState2[0],
-    setRoot = _useState2[1];
-  useEffect(function () {
-    setRoot(document.getElementById('example1'));
-  }, []);
-  return /*#__PURE__*/_jsx("div", {
-    id: "example1",
-    children: /*#__PURE__*/_jsx(McLazyLoader, {
-      style: {
-        height: 200,
-        overflow: 'auto'
-      },
-      itemMinHeight: 50,
-      root: root,
-      children: textList.map(function (v) {
-        return /*#__PURE__*/_jsx("img", {
-          width: "auto",
-          height: 50,
-          onLoad: function onLoad() {
-            console.log('[div root: loaded]', new Date(), v);
-          },
-          src: "http://pre.data.muchcloud.com/static/img/logo-t.34c4816d.png",
-          alt: v.toString()
-        }, v);
-      })
-    })
-  });
-});

package/dist/McLazyLoader/demo/hori.d.ts

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

package/dist/McLazyLoader/demo/hori.js

@@ -1,39 +0,0 @@
-/**
- * title: grid布局用法
- * description: 元素出现在视窗时渲染, 日志见console.log。
- */
-import { McLazyLoader } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-var textList = Array.from({
-  length: 100
-}, function (_, index) {
-  return index;
-});
-export default (function () {
-  return /*#__PURE__*/_jsx("div", {
-    children: /*#__PURE__*/_jsx(McLazyLoader, {
-      style: {
-        height: 200,
-        overflow: 'auto',
-        display: 'flex',
-        flexWrap: 'wrap'
-      },
-      onItemVisible: function onItemVisible(index) {
-        console.log('visible', index);
-      },
-      itemMinHeight: 50,
-      itemMinWidth: 200,
-      children: textList.map(function (v) {
-        return /*#__PURE__*/_jsx("img", {
-          width: "auto",
-          height: 50,
-          onLoad: function onLoad() {
-            console.log('[window root: loaded]', new Date(), v);
-          },
-          src: "http://pre.data.muchcloud.com/static/img/logo-t.34c4816d.png",
-          alt: v.toString()
-        }, v);
-      })
-    })
-  });
-});

package/dist/McLazyLoader/demo/table.d.ts

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