@zykj2024/much-library 1.1.7-beta.8 → 1.1.7

package/dist/McPeriodSelect/index.css

@@ -0,0 +1,189 @@
+.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/{esm/McPeriodSelect → McPeriodSelect}/index.js

@@ -6,7 +6,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Button } from 'antd';
 import { McIconFont } from "./..";
 import { useEffect, useMemo, useRef, useState } from 'react';
-import "./index.less";
+import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var getHours = function getHours() {

package/dist/{esm/McPopoverButton → McPopoverButton}/index.js

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["title", "description", "btnText", "btnProps", "children", "placement", "disabled", "onConfirm"];
 import { Button, Popconfirm } from 'antd';
-import { WarningFilled } from '@zykj2024/much-icons';
+import { WarningFilled } from 'much-icons';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var McPopoverButton = function McPopoverButton(_ref) {

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

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

package/dist/McProSelect/demo/async.js

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

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

package/dist/McProSelect/demo/base.js

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

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

package/dist/McProSelect/demo/exclusion-async-rename.js

@@ -0,0 +1,103 @@
+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: 动态option + 两个互斥的select + 设置fieldNames
+ * description: 基于远程请求，其他同上一个demo
+ */
+import { Form } from 'antd';
+import { McProSelect } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var mockDataList = {
+  total: 10,
+  pageSize: 1,
+  current: 1,
+  records: [{
+    id: 1,
+    name: '路由规则1'
+  }, {
+    id: 2,
+    name: '路由规则2'
+  }]
+};
+var App = function App() {
+  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__*/_jsxs(Form, {
+    name: "exclusion3",
+    children: [/*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true,
+      dependencies: ['select2'],
+      children: function children(_ref2) {
+        var _getFieldValue;
+        var getFieldValue = _ref2.getFieldValue;
+        return /*#__PURE__*/_jsx(McProSelect, {
+          label: "select1",
+          name: "select1",
+          searchKey: "name",
+          request: function request(params) {
+            return getRoutingList(_objectSpread(_objectSpread({}, params), {}, {
+              status: 1
+            }));
+          },
+          fieldNames: {
+            label: 'name',
+            value: 'id'
+          },
+          tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F0",
+          excludeIds: [(_getFieldValue = getFieldValue('select2')) === null || _getFieldValue === void 0 ? void 0 : _getFieldValue.id]
+        });
+      }
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true,
+      dependencies: ['select1'],
+      children: function children(_ref3) {
+        var _getFieldValue2;
+        var getFieldValue = _ref3.getFieldValue;
+        return /*#__PURE__*/_jsx(McProSelect, {
+          label: "select2",
+          name: "select2",
+          searchKey: "name",
+          request: function request(params) {
+            return getRoutingList(_objectSpread(_objectSpread({}, params), {}, {
+              status: 1
+            }));
+          },
+          fieldNames: {
+            label: 'name',
+            value: 'id'
+          },
+          tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F02",
+          excludeIds: [(_getFieldValue2 = getFieldValue('select1')) === null || _getFieldValue2 === void 0 ? void 0 : _getFieldValue2.id]
+        });
+      }
+    })]
+  });
+};
+export default App;

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

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

package/dist/McProSelect/demo/exclusion-rename.js

@@ -0,0 +1,74 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 静态option + 两个互斥的select + 设置fieldNames
+ * description: 上两种情况的组合
+ */
+import { Form } from 'antd';
+import { useForm } from 'antd/es/form/Form';
+import { McProSelect } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var options = [{
+  name: 'goldLabel',
+  id: 'gold'
+}, {
+  name: 'limeLabel',
+  id: 'lime'
+}, {
+  name: 'greenLabel',
+  id: 'green'
+}, {
+  name: 'cyanLabel',
+  id: 'cyan'
+}];
+var App = function App() {
+  var _useForm = useForm(),
+    _useForm2 = _slicedToArray(_useForm, 1),
+    form = _useForm2[0];
+  return /*#__PURE__*/_jsxs(Form, {
+    form: form,
+    name: "exclusion2",
+    children: [/*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true,
+      dependencies: ['select2'],
+      children: function children(_ref) {
+        var _getFieldValue;
+        var getFieldValue = _ref.getFieldValue;
+        return /*#__PURE__*/_jsx(McProSelect, {
+          label: "select1",
+          name: "select1",
+          tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F0",
+          excludeIds: [(_getFieldValue = getFieldValue('select2')) === null || _getFieldValue === void 0 ? void 0 : _getFieldValue.id],
+          fieldNames: {
+            label: 'name',
+            value: 'id'
+          },
+          fieldProps: {
+            options: options
+          }
+        });
+      }
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true,
+      dependencies: ['select1'],
+      children: function children(_ref2) {
+        var _getFieldValue2;
+        var getFieldValue = _ref2.getFieldValue;
+        return /*#__PURE__*/_jsx(McProSelect, {
+          label: "select2",
+          name: "select2",
+          tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F02",
+          excludeIds: [(_getFieldValue2 = getFieldValue('select1')) === null || _getFieldValue2 === void 0 ? void 0 : _getFieldValue2.id],
+          fieldNames: {
+            label: 'name',
+            value: 'id'
+          },
+          fieldProps: {
+            options: options
+          }
+        });
+      }
+    })]
+  });
+};
+export default App;

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

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

package/dist/McProSelect/demo/exclusion.js

@@ -0,0 +1,70 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 静态option + 两个互斥的select
+ * description: select1中选择的选项会在select2中被排除，反之亦然。此方法同样支持远程select。
+ */
+import { Form } from 'antd';
+import { useForm } from 'antd/es/form/Form';
+import { McProSelect } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var options = [{
+  label: 'goldLabel',
+  value: 'gold'
+}, {
+  label: 'limeLabel',
+  value: 'lime'
+}, {
+  label: 'greenLabel',
+  value: 'green'
+}, {
+  label: 'cyanLabel',
+  value: 'cyan'
+}];
+var App = function App() {
+  var _useForm = useForm(),
+    _useForm2 = _slicedToArray(_useForm, 1),
+    form = _useForm2[0];
+  return /*#__PURE__*/_jsxs(Form, {
+    form: form,
+    name: "exclusion2",
+    children: [/*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true
+      // 也可以用dependencies
+      ,
+      shouldUpdate: function shouldUpdate(prev, next) {
+        return prev['select2'] !== next['select2'];
+      },
+      children: function children(_ref) {
+        var _getFieldValue;
+        var getFieldValue = _ref.getFieldValue;
+        return /*#__PURE__*/_jsx(McProSelect, {
+          label: "select1",
+          name: "select1",
+          tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F0",
+          excludeIds: [(_getFieldValue = getFieldValue('select2')) === null || _getFieldValue === void 0 ? void 0 : _getFieldValue.value],
+          fieldProps: {
+            options: options
+          }
+        });
+      }
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true,
+      dependencies: ['select1'],
+      children: function children(_ref2) {
+        var _getFieldValue2;
+        var getFieldValue = _ref2.getFieldValue;
+        return /*#__PURE__*/_jsx(McProSelect, {
+          label: "select2",
+          name: "select2",
+          tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F02",
+          excludeIds: [(_getFieldValue2 = getFieldValue('select1')) === null || _getFieldValue2 === void 0 ? void 0 : _getFieldValue2.value],
+          fieldProps: {
+            options: options
+          }
+        });
+      }
+    })]
+  });
+};
+export default App;

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

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

package/dist/McProSelect/demo/require.js

@@ -0,0 +1,82 @@
+/**
+ * title: 内置为空校验
+ * description: 为空校验。required为true时，会自动校验是否为空。可通过设置required为string类型，自定义提示信息。
+ */
+import { Flex, Form } from 'antd';
+import { McProSelect } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var requireDemo = function requireDemo() {
+  return /*#__PURE__*/_jsx(Form, {
+    children: /*#__PURE__*/_jsxs(Flex, {
+      gap: "middle",
+      justify: "space-between",
+      children: [/*#__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
+          }]
+        },
+        required: "\u8BF7\u9009\u62E9select1"
+      }), /*#__PURE__*/_jsx(McProSelect, {
+        name: "select2",
+        label: "select2",
+        fieldProps: {
+          defaultValue: 'lucy',
+          options: [{
+            value: 'jack',
+            label: 'Jack'
+          }, {
+            value: 'lucy',
+            label: 'Lucy'
+          }, {
+            value: 'Yiminghe',
+            label: 'yiminghe'
+          }, {
+            value: 'disabled',
+            label: 'Disabled',
+            disabled: true
+          }]
+        },
+        required: true
+      }), /*#__PURE__*/_jsx(McProSelect, {
+        name: "select3",
+        label: "select3",
+        multiple: true,
+        fieldProps: {
+          defaultValue: 'lucy',
+          options: [{
+            value: 'jack',
+            label: 'Jack'
+          }, {
+            value: 'lucy',
+            label: 'Lucy'
+          }, {
+            value: 'Yiminghe',
+            label: 'yiminghe'
+          }, {
+            value: 'disabled',
+            label: 'Disabled',
+            disabled: true
+          }]
+        },
+        required: true
+      })]
+    })
+  });
+};
+export default requireDemo;

package/dist/McResult/demo/403.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 403 无权限访问
+ * description: 配置 `status` 为 403。`<McResult.PRESENTED_IMAGE_403 />` 可以单独获取图片
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McResult/demo/403.js

@@ -0,0 +1,17 @@
+/**
+ * title: 403 无权限访问
+ * description: 配置 `status` 为 403。`<McResult.PRESENTED_IMAGE_403 />` 可以单独获取图片
+ */
+
+import { Button } from 'antd';
+import { McResult } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(McResult, {
+    status: "403",
+    extra: /*#__PURE__*/_jsx(Button, {
+      type: "primary",
+      children: "\u8FD4\u56DE\u9996\u9875"
+    })
+  });
+});