@zykj2024/much-library 1.0.9

package/dist/McSelect/index.js

@@ -0,0 +1,350 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+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 = ["style", "className", "label", "multiple", "changeOnHidden", "inexistent", "fetchOptions", "pageSize", "extra", "value", "onChange", "labelInValue", "options", "disabled", "maxTagCount", "onSearch", "onPopupScroll", "onBlur", "onDropdownVisibleChange"];
+import { Empty, Popover, Select, Spin } from 'antd';
+import { Utils } from "./..";
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import "./index.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
+  var style = props.style,
+    className = props.className,
+    label = props.label,
+    multiple = props.multiple,
+    changeOnHidden = props.changeOnHidden,
+    _props$inexistent = props.inexistent,
+    inexistent = _props$inexistent === void 0 ? false : _props$inexistent,
+    fetchOptions = props.fetchOptions,
+    _props$pageSize = props.pageSize,
+    pageSize = _props$pageSize === void 0 ? 20 : _props$pageSize,
+    extra = props.extra,
+    value = props.value,
+    onChange = props.onChange,
+    labelInValue = props.labelInValue,
+    options = props.options,
+    disabled = props.disabled,
+    maxTagCount = props.maxTagCount,
+    onSearch = props.onSearch,
+    onPopupScroll = props.onPopupScroll,
+    onBlur = props.onBlur,
+    onDropdownVisibleChange = props.onDropdownVisibleChange,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _ref = typeof inexistent === 'boolean' ? {} : inexistent,
+    _ref$inexistentText = _ref.inexistentText,
+    inexistentText = _ref$inexistentText === void 0 ? '不存在' : _ref$inexistentText,
+    _ref$inexistentColor = _ref.inexistentColor,
+    inexistentColor = _ref$inexistentColor === void 0 ? '#ff4d4f' : _ref$inexistentColor,
+    _ref$reserveOriginalV = _ref.reserveOriginalValue,
+    reserveOriginalValue = _ref$reserveOriginalV === void 0 ? false : _ref$reserveOriginalV;
+  var _maxTagCount = useMemo(function () {
+    return props.hasOwnProperty('maxTagCount') ? maxTagCount : 1;
+  }, [maxTagCount]);
+
+  /* 获取label宽度 */
+  var labelRef = useRef();
+  var _useState = useState(11),
+    _useState2 = _slicedToArray(_useState, 2),
+    paddingLeft = _useState2[0],
+    setPaddingLeft = _useState2[1];
+  var labelResizeObserver = new ResizeObserver(function (entries) {
+    setPaddingLeft(entries[0].contentRect.width + 11);
+  });
+  useEffect(function () {
+    labelRef.current && labelResizeObserver.observe(labelRef.current);
+    return function () {
+      return labelResizeObserver.disconnect();
+    };
+  }, []);
+
+  /* 基础数据 */
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectValue = _useState4[0],
+    setSelectValue = _useState4[1];
+  var _selectValue = useRef();
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectOptions = _useState6[0],
+    setSelectOptions = _useState6[1];
+  var _selectOptions = useRef([]);
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    searchValue = _useState8[0],
+    setSearchValue = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    fetching = _useState10[0],
+    setFetching = _useState10[1];
+  var _extra = useRef(null);
+  var _current = useRef(1);
+  var _maxPage = useRef(1);
+  var _listEl = useRef();
+  var _open = useRef(false);
+  var _oldValue = useRef();
+  var _changeOption = useRef();
+  var _inexistent = useRef(false);
+
+  // 监听值和备选项的变化（赋值备选项，执行不存在值的判断逻辑）
+  useEffect(function () {
+    // 若已执行不存在外抛undefined逻辑，则不再向下执行后续代码，并重置标记
+    if (!fetchOptions && inexistent && _inexistent.current) {
+      _inexistent.current = false;
+      return;
+    }
+    var _v = value;
+    // 若非异步分页查询时，赋值备选项（执行不存在值的判断逻辑）
+    if (!fetchOptions) {
+      // 赋值备选项
+      setSelectOptions(options || []);
+      /* 若inexistent为true，判断不存在情况并重置值 */
+      if (inexistent) {
+        if (multiple) {
+          _v = (_v ? Array.isArray(_v) ? _v : [_v] : []).map(function (i) {
+            return options !== null && options !== void 0 && options.some(function (item) {
+              return item.value === (labelInValue ? i.value : i);
+            }) ? i : labelInValue ? _objectSpread(_objectSpread({}, i), {}, {
+              value: i.value + "\u300C".concat(inexistentText, "\u300D"),
+              label: (i.label || i.value) + "\u300C".concat(inexistentText, "\u300D")
+            }) : i + "\u300C".concat(inexistentText, "\u300D");
+          });
+        } else {
+          _v = _v || _v === 0 || _v === false ? options !== null && options !== void 0 && options.some(function (item) {
+            return item.value === (labelInValue ? _v.value : _v);
+          }) ? _v : labelInValue ? _objectSpread(_objectSpread({}, _v), {}, {
+            value: _v.value + "\u300C".concat(inexistentText, "\u300D"),
+            label: (_v.label || _v.value) + "\u300C".concat(inexistentText, "\u300D")
+          }) : _v + "\u300C".concat(inexistentText, "\u300D") : undefined;
+        }
+        // 若当前value包含不存在值，且不保留原值时，则向外抛出undefined，并标记_inexistent为true
+        if (_v && JSON.stringify(_v).indexOf("\u300C".concat(inexistentText, "\u300D")) !== -1 && !reserveOriginalValue) {
+          _inexistent.current = true;
+          onChange === null || onChange === void 0 || onChange(undefined, undefined);
+        }
+      }
+    }
+    setSelectValue(_v);
+    _selectValue.current = _v;
+  }, [value, JSON.stringify(options), fetchOptions, inexistent, multiple, labelInValue]);
+
+  // 组件change事件
+  var change = function change(v, option) {
+    var _v = v,
+      _option = option;
+    // 若inexistent为true且非异步分页查询，当重新触发change事件时，将不存在的项移除（仅多选时需处理）
+    if (inexistent && !fetchOptions && multiple) {
+      _v = v.filter(function (i) {
+        return ('' + (labelInValue ? i.value : i)).indexOf("\u300C".concat(inexistentText, "\u300D")) === -1;
+      });
+      _option = option.filter(function (i) {
+        return ('' + i.value).indexOf("\u300C".concat(inexistentText, "\u300D")) === -1;
+      });
+    }
+    if (multiple && changeOnHidden || !props.hasOwnProperty('value')) {
+      setSelectValue(_v);
+    }
+    _selectValue.current = _v;
+    _changeOption.current = _option;
+    if (multiple && changeOnHidden) {
+      // 若为多选且隐藏时触发onChange事件
+      if (!_open.current) {
+        onChange === null || onChange === void 0 || onChange(_v, _option);
+      }
+    } else {
+      onChange === null || onChange === void 0 || onChange(_v, _option);
+    }
+  };
+
+  /* 异步分页查询 */
+  // 异步加载备选项的方法
+  var loadOptions = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(keyword, current) {
+      var _yield$fetchOptions, data, total, newOptions;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!fetchOptions) {
+              _context.next = 15;
+              break;
+            }
+            _current.current = current;
+            if (current === 1) {
+              setSelectOptions([]);
+              _selectOptions.current = [];
+            }
+            setFetching(true);
+            _context.next = 6;
+            return fetchOptions({
+              current: current,
+              pageSize: pageSize,
+              keyword: keyword,
+              extra: extra
+            });
+          case 6:
+            _yield$fetchOptions = _context.sent;
+            data = _yield$fetchOptions.data;
+            total = _yield$fetchOptions.total;
+            newOptions = (_selectOptions.current || []).concat(data || []);
+            _maxPage.current = Math.ceil(total / pageSize) || 1;
+            // 下拉列表滚动至最新数据的位置
+            if (_listEl.current) {
+              _listEl.current.target.scrollTop = (_selectOptions.current || []).length * 32;
+            }
+            setSelectOptions(newOptions);
+            _selectOptions.current = newOptions;
+            setFetching(false);
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [fetchOptions, pageSize, extra, multiple]);
+
+  // 搜索防抖函数
+  var debounceSearcher = useMemo(function () {
+    return Utils.debounce(loadOptions, 350);
+  }, [loadOptions]);
+
+  // 文本框值变化时回调
+  var search = function search(v) {
+    var _v = v.trim();
+    setSearchValue(_v);
+    if (fetchOptions) {
+      debounceSearcher(_v, 1);
+    }
+    onSearch === null || onSearch === void 0 || onSearch(_v);
+  };
+
+  // 监听分页查询的的额外参数变化，重置查询
+  useEffect(function () {
+    if (_extra.current !== extra) {
+      setSearchValue('');
+      loadOptions('', 1);
+    }
+    _extra.current = extra;
+  }, [extra, loadOptions]);
+
+  // 滚动触底防抖函数
+  var debounceScrollor = useMemo(function () {
+    var scroll = function scroll(e) {
+      var start = e.target.scrollTop + e.target.offsetHeight;
+      var end = e.target.scrollHeight;
+      // 触底时，若当前不是最后一页，则加载下一页
+      if (start === end && _current.current < _maxPage.current) {
+        loadOptions(searchValue, _current.current + 1);
+      }
+    };
+    return Utils.debounce(scroll, 350);
+  }, [loadOptions, searchValue]);
+
+  // 下拉列表滚动时的回调
+  var popupScroll = function popupScroll(e) {
+    if (fetchOptions) {
+      if (!_listEl.current) {
+        _listEl.current = e;
+      }
+      debounceScrollor(e);
+    }
+    onPopupScroll === null || onPopupScroll === void 0 || onPopupScroll(e);
+  };
+
+  // 失去焦点时的回调（若为异步分页查询，需重置查询）
+  var blur = function blur(e) {
+    // 若当前文本框有值，则清空文本框并重置查询
+    if (searchValue) {
+      setSearchValue('');
+      loadOptions('', 1);
+    }
+    onBlur === null || onBlur === void 0 || onBlur(e);
+  };
+
+  // 展开下拉菜单的回调
+  var dropdownVisibleChange = function dropdownVisibleChange(open) {
+    if (multiple && changeOnHidden) {
+      _open.current = open;
+      if (open) {
+        _oldValue.current = _selectValue.current;
+      } else {
+        if (JSON.stringify(_selectValue.current) !== JSON.stringify(_oldValue.current)) {
+          onChange === null || onChange === void 0 || onChange(_selectValue.current, _changeOption.current);
+        }
+      }
+    }
+    onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 || onDropdownVisibleChange(open);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    style: _objectSpread({
+      position: label ? 'relative' : 'static',
+      height: multiple ? 'auto' : 32,
+      '--selector-pl': "".concat(paddingLeft, "px"),
+      '--inexistent-color': inexistentColor
+    }, style),
+    className: "mc-select ".concat(multiple && _maxTagCount === 1 ? 'mc-select--inline' : '', " ").concat(className || ''),
+    children: [label && /*#__PURE__*/_jsx("span", {
+      ref: labelRef,
+      className: "mc-select__label ".concat(disabled ? 'mc-select--disabled' : ''),
+      children: label
+    }), /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
+      ref: ref,
+      className: "mc-select__content",
+      value: selectValue,
+      onChange: change,
+      labelInValue: labelInValue,
+      options: selectOptions,
+      disabled: disabled,
+      placeholder: "\u8BF7\u9009\u62E9",
+      showSearch: true,
+      optionFilterProp: "label",
+      allowClear: true,
+      maxTagCount: _maxTagCount,
+      maxTagPlaceholder: function maxTagPlaceholder(v) {
+        return /*#__PURE__*/_jsx(Popover, {
+          overlayStyle: {
+            maxWidth: 300
+          },
+          content: v.map(function (_ref3, index) {
+            var _ref4;
+            var value = _ref3.value,
+              label = _ref3.label;
+            return /*#__PURE__*/_jsxs("span", {
+              children: [index !== 0 && /*#__PURE__*/_jsx("span", {
+                children: ", "
+              }), /*#__PURE__*/_jsx("span", {
+                style: {
+                  color: ((_ref4 = '' + value) === null || _ref4 === void 0 ? void 0 : _ref4.indexOf("\u300C".concat(inexistentText, "\u300D"))) === -1 ? 'rgba(0, 0, 0, 0.88)' : inexistentColor
+                },
+                children: label
+              })]
+            }, value);
+          }),
+          children: /*#__PURE__*/_jsx("span", {
+            children: '+' + v.length
+          })
+        });
+      },
+      filterOption: fetchOptions ? false : true,
+      searchValue: searchValue,
+      onSearch: search,
+      loading: fetching,
+      notFoundContent: fetching ? /*#__PURE__*/_jsx(Spin, {
+        size: "small"
+      }) : /*#__PURE__*/_jsx(Empty, {
+        image: Empty.PRESENTED_IMAGE_SIMPLE
+      }),
+      onPopupScroll: popupScroll,
+      onBlur: blur,
+      onDropdownVisibleChange: dropdownVisibleChange
+    }, rest), {}, {
+      mode: multiple ? 'multiple' : undefined,
+      fieldNames: undefined
+    }))]
+  });
+});
+export default McSelect;

package/dist/McThemeConfig/customToken.json

@@ -0,0 +1,38 @@
+{
+  "CustomToken": {
+    "Button": {
+      "defaultBorderColorDisable": "rgb(246, 246, 246)",
+      "resetBg": "#fff",
+      "activeColor": "#284AC6",
+      "hoverColor": "#5B7DF9",
+      "dangerBg": "rgba(255, 77, 79, 0.1)",
+      "dangerBorderColor": "rgba(255, 77, 79, 0.01)",
+      "dangerHoverColor": "#FF7172",
+      "dangerActiveColor": "#CC3E3F",
+      "secondaryBorderColor": "#D9D9D9",
+      "secondaryBorderColorDisabled": "#F5F5F5",
+      "secondaryColorDisabled": "#B7B3B3",
+      "secondaryBgDisabled": "rgba(38, 38, 38, 0.04)",
+      "dashedBorderColor": "#D9D9D9",
+      "addBg": "#EAEEFE",
+      "addHoverBg": "#ECF0FE",
+      "primaryColorDisabled": "#fff"
+    },
+    "Tabs": {
+      "cardTabListBg": "#F0F4F9",
+      "cardTabRadius": 12,
+      "cardTabItemLineColor": "#D8D8D8",
+      "cardTabItemBorder": "1px solid #F0F4F9",
+      "cardTabItemActiveBorder": "1px solid #FFFFFF"
+    },
+    "Pagination": {
+      "totalTextColor": "rgba(0, 0, 0, 0.43)",
+      "itemActiveColor": "#FFFFFF",
+      "itemActiveHoverBorderColor": "transparent"
+    },
+    "Radio": {
+      "buttonLineBg": "rgb(216, 216, 216)",
+      "buttonLineHeight": 16
+    }
+  }
+}

package/dist/McThemeConfig/demo/button.d.ts

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

package/dist/McThemeConfig/demo/button.js

@@ -0,0 +1,226 @@
+import { Button, Col, Row } from 'antd';
+import { createStyles } from 'antd-style';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function () {
+  return {
+    container: {
+      '.ant-row': {
+        marginBottom: 10
+      },
+      '.ant-col': {
+        textAlign: 'center',
+        fontWeight: 'bold'
+      }
+    }
+  };
+});
+export default (function () {
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.container,
+    children: [/*#__PURE__*/_jsxs(Row, {
+      style: {
+        marginBottom: 20
+      },
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Primary "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Default "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Add "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Secondary "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Dashed "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Ghost "
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-default": true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-add": true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-secondary": true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "dashed",
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          ghost: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      style: {
+        marginBottom: 30
+      },
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-default": true,
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-add": true,
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          "data-secondary": true,
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "dashed",
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          ghost: true,
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      style: {
+        marginBottom: 20
+      },
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Text "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Link "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Danger "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Link Danger "
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: " Dashed Danger "
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "text",
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          danger: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          danger: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "dashed",
+          danger: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(Row, {
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "text",
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          danger: true,
+          disabled: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "link",
+          disabled: true,
+          danger: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 4,
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "dashed",
+          disabled: true,
+          danger: true,
+          children: "\u4E3B\u8981\u6309\u94AE"
+        })
+      })]
+    })]
+  });
+});

package/dist/McThemeConfig/demo/drawer.d.ts

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

package/dist/McThemeConfig/demo/drawer.js

@@ -0,0 +1,59 @@
+import { Button, Col, Drawer, Form, Input, Row } from 'antd';
+import { McModalProvider } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useModal = McModalProvider.useModal;
+var demoDrawer = McModalProvider.create(function (_ref) {
+  var title = _ref.title,
+    record = _ref.record;
+  var modal = useModal();
+  return /*#__PURE__*/_jsx(Drawer, {
+    title: title,
+    open: modal.visible,
+    onClose: function onClose() {
+      modal.hide();
+    },
+    footer: /*#__PURE__*/_jsxs(Row, {
+      justify: "end",
+      children: [/*#__PURE__*/_jsx(Button, {
+        style: {
+          marginRight: 10
+        },
+        onClick: function onClick() {
+          modal.hide();
+        },
+        children: "\u53D6\u6D88"
+      }), /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          modal.hide();
+        },
+        children: "\u786E\u8BA4"
+      })]
+    }),
+    children: /*#__PURE__*/_jsx(Form.Item, {
+      label: "drawer",
+      children: /*#__PURE__*/_jsx(Input, {
+        value: record === null || record === void 0 ? void 0 : record.id
+      })
+    })
+  });
+});
+export default (function () {
+  return /*#__PURE__*/_jsx(Row, {
+    gutter: [16, 20],
+    children: /*#__PURE__*/_jsx(Col, {
+      children: /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          McModalProvider.show(demoDrawer, {
+            title: '编辑抽屉',
+            record: {
+              id: 123
+            }
+          });
+        },
+        children: "Drawer"
+      })
+    })
+  });
+});

package/dist/McThemeConfig/demo/modal.d.ts

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