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

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 '@zykj2024/much-icons';
+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;

package/dist/McSelect/demo/changeOnHidden.js

@@ -0,0 +1,43 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 弹窗收起时触发onChange
+ */
+import { McSelect } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(['lucy']),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var handleChange = function handleChange(value) {
+    setValue(value);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [value && JSON.stringify(value), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(McSelect, {
+      defaultValue: "lucy",
+      style: {
+        width: 220
+      },
+      onChange: handleChange,
+      options: [{
+        value: 'jack',
+        label: 'Jack'
+      }, {
+        value: 'lucy',
+        label: 'Lucy'
+      }, {
+        value: 'Yiminghe',
+        label: 'yiminghe'
+      }, {
+        value: 'disabled',
+        label: 'Disabled'
+      }],
+      maxTagCount: undefined,
+      multiple: true,
+      changeOnHidden: true
+    })]
+  });
+});

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

@@ -0,0 +1,7 @@
+/**
+ * title: 扩展菜单
+ * description: 使用 `dropdownRender` 对下拉菜单进行自由扩展。如果希望点击自定义内容后关闭浮层，你需要使用受控模式自行控制（[codesandbox](https://codesandbox.io/s/ji-ben-shi-yong-antd-4-21-7-forked-gnp4cy?file=/demo.js)）。
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/McSelect/demo/dropdownRender.js

@@ -0,0 +1,78 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 扩展菜单
+ * description: 使用 `dropdownRender` 对下拉菜单进行自由扩展。如果希望点击自定义内容后关闭浮层，你需要使用受控模式自行控制（[codesandbox](https://codesandbox.io/s/ji-ben-shi-yong-antd-4-21-7-forked-gnp4cy?file=/demo.js)）。
+ */
+
+import { Button, Divider, Input, Space } from 'antd';
+import { PlusOutlined } from 'much-icons';
+import { McSelect } from "../..";
+import React, { useRef, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var index = 0;
+var App = function App() {
+  var _useState = useState(['jack', 'lucy']),
+    _useState2 = _slicedToArray(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    name = _useState4[0],
+    setName = _useState4[1];
+  var inputRef = useRef(null);
+  var onNameChange = function onNameChange(event) {
+    setName(event.target.value);
+  };
+  var addItem = function addItem(e) {
+    e.preventDefault();
+    setItems([].concat(_toConsumableArray(items), [name || "New item ".concat(index++)]));
+    setName('');
+    setTimeout(function () {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    }, 0);
+  };
+  return /*#__PURE__*/_jsx(McSelect, {
+    style: {
+      width: 300
+    },
+    placeholder: "custom dropdown render",
+    dropdownRender: function dropdownRender(menu) {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [menu, /*#__PURE__*/_jsx(Divider, {
+          style: {
+            margin: '8px 0'
+          }
+        }), /*#__PURE__*/_jsxs(Space, {
+          style: {
+            padding: '0 8px 4px'
+          },
+          children: [/*#__PURE__*/_jsx(Input, {
+            placeholder: "Please enter item",
+            ref: inputRef,
+            value: name,
+            onChange: onNameChange,
+            onKeyDown: function onKeyDown(e) {
+              return e.stopPropagation();
+            }
+          }), /*#__PURE__*/_jsx(Button, {
+            type: "text",
+            icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+            onClick: addItem,
+            children: "Add item"
+          })]
+        })]
+      });
+    },
+    options: items.map(function (item) {
+      return {
+        label: item,
+        value: item
+      };
+    })
+  });
+};
+export default App;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/McSelect/demo/exclusion.js

@@ -0,0 +1,64 @@
+/**
+ * title: 两个互斥的select
+ * description: select1中选择的选项会在select2中被排除，反之亦然。此方法同样支持远程select。
+ */
+import { Form } from 'antd';
+import { McSelect } from "../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var options = [{
+  value: 'gold'
+}, {
+  value: 'lime'
+}, {
+  value: 'green'
+}, {
+  value: 'cyan'
+}];
+var App = function App() {
+  return /*#__PURE__*/_jsxs(Form, {
+    name: "exclusion1",
+    children: [/*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true,
+      dependencies: ['select2'],
+      children: function children(_ref) {
+        var getFieldValue = _ref.getFieldValue;
+        return /*#__PURE__*/_jsx(Form.Item, {
+          name: "select1",
+          children: /*#__PURE__*/_jsx(McSelect, {
+            options: options,
+            label: "select1",
+            toFilterOptions: function toFilterOptions(options) {
+              return options.filter(function (option) {
+                return option.value !== getFieldValue('select2');
+              });
+            }
+          })
+        });
+      }
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true,
+      dependencies: ['select1'],
+      children: function children(_ref2) {
+        var getFieldValue = _ref2.getFieldValue;
+        return /*#__PURE__*/_jsx(Form.Item, {
+          label: "select2",
+          name: "select2",
+          children: /*#__PURE__*/_jsx(McSelect, {
+            style: {
+              width: '100%'
+            },
+            options: options,
+            toFilterOptions: function toFilterOptions(options) {
+              return options.filter(function (option) {
+                return option.value !== getFieldValue('select1');
+              });
+            }
+          })
+        });
+      }
+    })]
+  });
+};
+export default App;

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

@@ -0,0 +1,7 @@
+/**
+ * title: 远程分页查询
+ * description: 使用`extra`额外参数属性时，一定要使用状态useState，禁止直接使用对象绑定在属性上。
+ */
+export declare const fetchMockData: ({ current, pageSize, keyword }: any) => Promise<unknown>;
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;