@zykj2024/much-library 1.1.7-beta.3 → 1.1.7-beta.5

package/dist/McPopoverForm/index.js

@@ -0,0 +1,95 @@
+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 = ["children", "title", "placement", "disabled", "formItem", "formData", "formProps", "onConfirm"];
+import { Form, Popconfirm } from 'antd';
+import React, { useEffect, useRef, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var McPopoverForm = function McPopoverForm(_ref) {
+  var children = _ref.children,
+    title = _ref.title,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'rightTop' : _ref$placement,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    formItem = _ref.formItem,
+    formData = _ref.formData,
+    formProps = _ref.formProps,
+    onConfirm = _ref.onConfirm,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var clickTypeRef = useRef('');
+  var handelConfirm = function handelConfirm() {
+    clickTypeRef.current = 'confirm';
+    form.validateFields().then(function (values) {
+      onConfirm(values);
+      setOpen(false);
+    });
+  };
+  var handelCancel = function handelCancel() {
+    clickTypeRef.current = 'confirm';
+    setOpen(false);
+  };
+  var handelOpenPageChange = function handelOpenPageChange(value, e) {
+    if (value) {
+      setOpen(true);
+    } else {
+      if (e) {
+        clickTypeRef.current = 'cancel';
+        if (clickTypeRef.current === 'comfirm') {
+          handelConfirm();
+        }
+      } else {
+        clickTypeRef.current = '';
+        setOpen(false);
+      }
+    }
+  };
+  useEffect(function () {
+    if (formData && open) {
+      var _form$setFieldsValue;
+      form === null || form === void 0 || (_form$setFieldsValue = form.setFieldsValue) === null || _form$setFieldsValue === void 0 || _form$setFieldsValue.call(form, formData);
+    }
+  }, [formData, open]);
+  return /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({
+    title: /*#__PURE__*/_jsx("div", {
+      style: {
+        marginBottom: 8
+      },
+      children: title
+    }),
+    icon: false,
+    open: open,
+    onOpenChange: handelOpenPageChange,
+    description: /*#__PURE__*/_jsx("div", {
+      style: {
+        marginBottom: 8
+      },
+      children: /*#__PURE__*/_jsx(Form, _objectSpread(_objectSpread({
+        form: form,
+        autoComplete: "off"
+      }, formProps), {}, {
+        children: formItem
+      }))
+    }),
+    overlayInnerStyle: {
+      padding: 16
+    },
+    okText: "\u4FDD\u5B58",
+    cancelText: "\u53D6\u6D88",
+    placement: placement,
+    disabled: disabled,
+    destroyTooltipOnHide: true,
+    onCancel: handelCancel,
+    onConfirm: handelConfirm
+  }, rest), {}, {
+    children: children
+  }));
+};
+export default McPopoverForm;

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/McProSelect/index.d.ts

@@ -0,0 +1,35 @@
+import { FormItemProps } from 'antd/es/form/FormItem';
+import { McSelectProps, Option } from '../McSelect';
+type McProselectOptions<T> = (T & Partial<Pick<Option, 'title' | 'disabled'>> & {
+    extra?: T;
+})[] | undefined;
+type McProSelectProps<T = {
+    label: string;
+    value: string;
+}> = Omit<FormItemProps, 'required'> & {
+    multiple?: boolean;
+    /** 默认为keyword */
+    searchKey?: string;
+    /** 为string时表示未填写时的提示文案 */
+    required?: boolean | string;
+    disabled?: boolean;
+    excludeIds?: (string | number)[];
+    fieldNames?: {
+        label?: keyof T;
+        value?: keyof T;
+    };
+    fieldProps?: Omit<McSelectProps, 'multiple' | 'fetchOption' | 'toFilterOptions' | 'options'> & {
+        options: McProselectOptions<T>;
+    };
+    request?: (params: {
+        current: number;
+        pageSize: number;
+        [key: string]: number | string;
+    }) => Promise<{
+        records: T[];
+        total: number;
+        [key: string]: any;
+    }>;
+};
+declare const McProSelect: <T extends Record<string, any>>({ label, name, fieldNames, required, request, multiple, disabled, searchKey, excludeIds, fieldProps, ...restProps }: McProSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default McProSelect;