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

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;

package/dist/McLazyLoader/demo/table.js

@@ -1,73 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 在Antd Table翻页场景中使用
- * description: 翻页后的数据会重新进入懒加载流程
- */
-import { Table } from 'antd';
-import { McLazyLoader } from "../..";
-import { useState } from 'react';
-import { jsx as _jsx } 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(Table, {
-      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: 430,
-              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/McPeriodSelect/demo/base.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 基础用法
- * description: 通过 `value` 属性设置默认值，通过 `onChange` 事件获取当前值。
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McPeriodSelect/demo/base.js

@@ -1,19 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 基础用法
- * description: 通过 `value` 属性设置默认值，通过 `onChange` 事件获取当前值。
- */
-
-import { McPeriodSelect } from "../..";
-import { useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  return /*#__PURE__*/_jsx(McPeriodSelect, {
-    value: value,
-    onChange: setValue
-  });
-});

package/dist/McPeriodSelect/demo/half.d.ts

@@ -1,6 +0,0 @@
-/**
- * title: 改变单位时间长度为半小时
- * description: 通过设置half属性为true，可以使选择的时间段的单位长度变为半小时。
- */
-declare const _default: () => import("react/jsx-runtime").JSX.Element;
-export default _default;

package/dist/McPeriodSelect/demo/half.js

@@ -1,20 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * title: 改变单位时间长度为半小时
- * description: 通过设置half属性为true，可以使选择的时间段的单位长度变为半小时。
- */
-
-import { McPeriodSelect } from "../..";
-import { useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var _useState = useState(),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  return /*#__PURE__*/_jsx(McPeriodSelect, {
-    value: value,
-    half: true,
-    onChange: setValue
-  });
-});

package/dist/McPeriodSelect/index.css

@@ -1,189 +0,0 @@
-.mc-period-select {
-  width: 960px;
-  background: #fff;
-  border: 1px solid #ebebeb;
-  border-radius: 4px;
-}
-.mc-period-select__header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: 68px;
-  color: rgba(0, 0, 0, 0.847);
-  font-weight: bold;
-  font-size: 14px;
-  border-bottom: 1px solid #ebebeb;
-}
-.mc-period-select__title {
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  width: 95px;
-  line-height: 68px;
-  text-align: center;
-  border-right: 1px solid #ebebeb;
-}
-.mc-period-select__subtitle-box {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-.mc-period-select__time-bar {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  border-bottom: 1px solid #ebebeb;
-}
-.mc-period-select__time-bar div {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-}
-.mc-period-select__time-bar div:last-child {
-  border-left: 1px solid #ebebeb;
-}
-.mc-period-select__hour-bar {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mc-period-select__hour-bar div {
-  width: 36px;
-  height: 27px;
-  color: rgba(0, 0, 0, 0.65);
-  font-weight: normal;
-  font-size: 12px;
-  line-height: 27px;
-  text-align: center;
-}
-.mc-period-select__body {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mc-period-select__side-bar {
-  width: 95px;
-  border-right: 1px solid #ebebeb;
-}
-.mc-period-select__side-bar div {
-  height: 52px;
-  color: rgba(0, 0, 0, 0.65);
-  line-height: 52px;
-  text-align: center;
-  background: #f9f9f9;
-  border-bottom: 1px solid #ebebeb;
-}
-.mc-period-select__side-bar div:last-child {
-  border-bottom: 0;
-}
-.mc-period-select__wrapper {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-}
-.mc-period-select__day {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mc-period-select__day:last-child .mc-period-select__item {
-  border-bottom: 0;
-}
-.mc-period-select__item {
-  position: relative;
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  height: 52px;
-  background: #f9f9f9;
-  border-right: 1px solid #ebebeb;
-  border-bottom: 1px solid #ebebeb;
-}
-.mc-period-select__item__mask {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: none;
-  background: #91caff;
-  opacity: 0.5;
-}
-.mc-period-select__item:last-child {
-  border-right: 0;
-}
-.mc-period-select__item.mc-period-select__item--selected {
-  background: #325cf7;
-}
-.mc-period-select__item.mc-period-select__item--active .mc-period-select__item__mask {
-  display: block;
-}
-.mc-period-select__footer {
-  padding: 24px;
-  border-top: 1px solid #ebebeb;
-}
-.mc-period-select__action-bar {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  color: rgba(0, 0, 0, 0.428);
-}
-.mc-period-select__selected-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  margin-top: 16px;
-  padding: 5px 8px;
-  color: rgba(0, 0, 0, 0.85);
-  line-height: 22px;
-  background: #f5f5f5;
-  border-radius: 4px;
-}
-.mc-period-select__selected-item__title {
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  margin-right: 8px;
-}
-.mc-period-select__selected-item__content {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  margin-right: 16px;
-}
-.mc-period-select__selected-item__remove {
-  height: 22px;
-  margin-left: auto;
-  color: #8c8c8c;
-}
-.mc-period-select__selected-item__remove:hover {
-  color: #262626;
-  cursor: pointer;
-}
-.mc-period-select.mc-period-select--disabled {
-  position: relative;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.mc-period-select.mc-period-select--disabled::before {
-  position: absolute;
-  display: block;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1000;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.04);
-  cursor: not-allowed;
-  content: '';
-}

package/dist/McProSelect/demo/async.d.ts

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

package/dist/McProSelect/demo/async.js

@@ -1,66 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-/**
- * title: 远程请求 + 设置fieldNames
- * description: 通过远程请求获取数据，同时支持通过fieldNames映射label、value字段。
- */
-import { McProSelect } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-var mockDataList = {
-  total: 10,
-  pageSize: 1,
-  current: 1,
-  records: [{
-    id: 1,
-    name: '路由规则1'
-  }, {
-    id: 2,
-    name: '路由规则2'
-  }]
-};
-export default (function () {
-  var getRoutingList = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            return _context.abrupt("return", new Promise(function (resolve) {
-              console.log({
-                params: params
-              });
-              setTimeout(function () {
-                resolve(_objectSpread(_objectSpread({}, mockDataList), {}, {
-                  records: mockDataList.records.filter(function (item) {
-                    return !params.name || item.name.includes(params.name);
-                  })
-                }));
-              }, 200);
-            }));
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function getRoutingList(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/_jsx(McProSelect, {
-    name: "routing",
-    label: "\u8DEF\u7531\u89C4\u5219",
-    searchKey: "name",
-    request: function request(params) {
-      return getRoutingList(_objectSpread(_objectSpread({}, params), {}, {
-        status: 1
-      }));
-    },
-    fieldNames: {
-      label: 'name',
-      value: 'id'
-    },
-    multiple: false,
-    required: true
-  });
-});

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

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

package/dist/McProSelect/demo/base.js

@@ -1,29 +0,0 @@
-/**
- * title: 基本用法
- * description: 增加name和label，原McSelect的属性放到fieldPros中
- */
-import { McProSelect } from "../..";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  return /*#__PURE__*/_jsx(McProSelect, {
-    name: "select1",
-    label: "select1",
-    fieldProps: {
-      defaultValue: 'lucy',
-      options: [{
-        value: 'jack',
-        label: 'Jack'
-      }, {
-        value: 'lucy',
-        label: 'Lucy'
-      }, {
-        value: 'Yiminghe',
-        label: 'yiminghe'
-      }, {
-        value: 'disabled',
-        label: 'Disabled',
-        disabled: true
-      }]
-    }
-  });
-});

package/dist/McProSelect/demo/exclusion-async-rename.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const App: React.FC;
-export default App;