@zykj2024/much-library 1.1.7-beta.4 → 1.1.7-beta.6

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"
+    })
+  });
+});

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

@@ -0,0 +1,6 @@
+/**
+ * title: 404 页面资源不存在
+ * description: 配置 `status` 为 404。`<McResult.PRESENTED_IMAGE_404 />` 可以单独获取图片
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McResult/demo/404.js

@@ -0,0 +1,17 @@
+/**
+ * title: 404 页面资源不存在
+ * description: 配置 `status` 为 404。`<McResult.PRESENTED_IMAGE_404 />` 可以单独获取图片
+ */
+
+import { Button } from 'antd';
+import { McResult } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(McResult, {
+    status: "404",
+    extra: /*#__PURE__*/_jsx(Button, {
+      type: "primary",
+      children: "\u8FD4\u56DE\u9996\u9875"
+    })
+  });
+});

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

@@ -0,0 +1,6 @@
+/**
+ * title: 500 请求错误
+ * description: 配置 `status` 为 500。`<McResult.PRESENTED_IMAGE_500 />` 可以单独获取图片
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McResult/demo/500.js

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

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

@@ -0,0 +1,6 @@
+/**
+ * title: 页面建设中占位
+ * description: 配置 `status` 为 `building`。`<McResult.PRESENTED_IMAGE_BUILDING />` 可以单独获取图片
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McResult/demo/building.js

@@ -0,0 +1,12 @@
+/**
+ * title: 页面建设中占位
+ * description: 配置 `status` 为 `building`。`<McResult.PRESENTED_IMAGE_BUILDING />` 可以单独获取图片
+ */
+
+import { McResult } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(McResult, {
+    status: "building"
+  });
+});

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

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

package/dist/McResult/demo/empty.js

@@ -0,0 +1,11 @@
+/**
+ * title: 暂无数据
+ * description: 配置 `status` 为 `empty`。`<McResult.PRESENTED_IMAGE_EMPTY />` 可以单独获取图片
+ */
+import { McResult } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(McResult, {
+    status: "empty"
+  });
+});

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

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

package/dist/McResult/demo/noFunction.js

@@ -0,0 +1,11 @@
+/**
+ * title: 更多功能占位
+ * description: 配置 `status` 为 `noFunction`。`<McResult.PRESENTED_IMAGE_NOFUNCTION />` 可以单独获取图片
+ */
+import { McResult } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(McResult, {
+    status: "noFunction"
+  });
+});

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

@@ -0,0 +1,6 @@
+/**
+ * title: 用户信息不存在
+ * description: 配置 `status` 为 `noUser`。`<McResult.PRESENTED_IMAGE_NOUSER />` 可以单独获取图片
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McResult/demo/noUser.js

@@ -0,0 +1,12 @@
+/**
+ * title: 用户信息不存在
+ * description: 配置 `status` 为 `noUser`。`<McResult.PRESENTED_IMAGE_NOUSER />` 可以单独获取图片
+ */
+
+import { McResult } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(McResult, {
+    status: "noUser"
+  });
+});

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

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

package/dist/McResult/demo/preview.js

@@ -0,0 +1,19 @@
+/**
+ * title: 获取预设的图片
+ */
+import { Space } from 'antd';
+import { McResult } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs(Space, {
+    wrap: true,
+    size: [24, 24],
+    children: [/*#__PURE__*/_jsx(McResult.PRESENTED_IMAGE_EMPTY, {}), /*#__PURE__*/_jsx(McResult.PRESENTED_IMAGE_NOFUNCTION, {}), /*#__PURE__*/_jsx(McResult.PRESENTED_IMAGE_DETAIL_EMPTY, {
+      style: {
+        width: 90,
+        height: 70
+      }
+    })]
+  });
+});

package/dist/McResult/index.css

@@ -0,0 +1,20 @@
+.mc-result {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-column-gap: 20px;
+  -moz-column-gap: 20px;
+  column-gap: 20px;
+}
+.mc-result .mc-result-main .status {
+  margin-bottom: 8px;
+}
+.mc-result .mc-result-main .title {
+  margin-bottom: 16px;
+  color: #262626;
+  font-weight: bold;
+  font-size: 20px;
+}

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

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useMemo } from 'react';
 import { DEFAULT_MAP } from "./default";
 import Icon from "./icon";
-import "./index.less";
+import "./index.css";
 
 // UI设计稿：https://mastergo.com/file/124592686063679?fileOpenFrom=project
 import { jsx as _jsx } from "react/jsx-runtime";

package/dist/{esm/McSelect/components/PanelSearchInput/index.less → McSelect/components/PanelSearchInput/index.css}

@@ -1,7 +1,6 @@
 .mc-search-input__container {
   margin: 8px;
 }
-
 .mc-search-input {
   width: '100%';
 }

package/dist/{esm/McSelect → McSelect}/components/PanelSearchInput/index.js

@@ -1,7 +1,7 @@
 import { SearchOutlined } from 'much-icons';
 import { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';
 import McInput from "../../../McInput";
-import "./index.less";
+import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 var PanelSearchInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var placeholder = _ref.placeholder,

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

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

package/dist/McSelect/demo/base.js

@@ -0,0 +1,63 @@
+/**
+ * title: 基本用法
+ * description: 和<a href="https://ant-design.antgroup.com/components/select-cn" target='_blank'>antd</a>用法基本一致
+ */
+import { Space } from 'antd';
+import { McSelect } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs(Space, {
+    wrap: true,
+    children: [/*#__PURE__*/_jsx(McSelect, {
+      defaultOpen: true,
+      defaultValue: "lucy",
+      options: [{
+        value: 'jack',
+        label: 'Jack'
+      }, {
+        value: 'lucy',
+        label: 'Lucy'
+      }, {
+        value: 'Yiminghe',
+        label: 'yiminghe'
+      }, {
+        value: 'disabled',
+        label: 'Disabled',
+        disabled: true
+      }]
+    }), /*#__PURE__*/_jsx(McSelect, {
+      defaultValue: "lucy",
+      disabled: true,
+      multiple: true,
+      options: [{
+        value: 'lucy',
+        label: 'Lucy'
+      }]
+    }), /*#__PURE__*/_jsx(McSelect, {
+      defaultValue: "lucy",
+      loading: true,
+      options: [{
+        value: 'lucy',
+        label: 'Lucy'
+      }]
+    }), /*#__PURE__*/_jsx(McSelect, {
+      allowClear: false,
+      placeholder: "\u81EA\u5B9A\u4E49\u641C\u7D22",
+      options: [{
+        value: 'lucy',
+        label: 'Lucy'
+      }, {
+        value: 'lucy1',
+        label: 'Lucy1'
+      }, {
+        value: 'lucy2',
+        label: 'Lucy2'
+      }],
+      filterOption: function filterOption(search, option) {
+        var _option$label;
+        return ((_option$label = option === null || option === void 0 ? void 0 : option.label) !== null && _option$label !== void 0 ? _option$label : '').toLowerCase().includes(search.toLowerCase());
+      }
+    })]
+  });
+});

package/dist/McSelect/demo/changeOnHidden.d.ts

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