@zykj2024/much-library 1.1.6 → 1.1.7-beta.2

package/dist/McSelect/demo/tagRender.js

@@ -1,51 +0,0 @@
-/**
- * title: 自定义选择标签
- * description: 允许自定义选择标签的样式。
- */
-
-import { Tag } from 'antd';
-import { McSelect } from "../..";
-import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var options = [{
-  value: 'gold'
-}, {
-  value: 'lime'
-}, {
-  value: 'green'
-}, {
-  value: 'cyan'
-}];
-var tagRender = function tagRender(props) {
-  var label = props.label,
-    value = props.value,
-    closable = props.closable,
-    onClose = props.onClose;
-  var onPreventMouseDown = function onPreventMouseDown(event) {
-    event.preventDefault();
-    event.stopPropagation();
-  };
-  return /*#__PURE__*/_jsx(Tag, {
-    color: value,
-    onMouseDown: onPreventMouseDown,
-    closable: closable,
-    onClose: onClose,
-    style: {
-      marginInlineEnd: 4
-    },
-    children: label
-  });
-};
-var App = function App() {
-  return /*#__PURE__*/_jsx(McSelect, {
-    multiple: true,
-    maxTagCount: undefined,
-    tagRender: tagRender,
-    defaultValue: ['gold', 'cyan'],
-    style: {
-      width: '100%'
-    },
-    options: options
-  });
-};
-export default App;

package/dist/McSelect/index.css

@@ -1,60 +0,0 @@
-.mc-select__label {
-  color: #262626;
-  font-size: 14px;
-  position: absolute;
-  top: 0;
-  left: 11px;
-  z-index: 2;
-  height: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-.mc-select__label::after {
-  content: '\FF1A';
-  margin-left: 2px;
-}
-.mc-select__label.mc-select--disabled {
-  color: rgba(0, 0, 0, 0.25);
-  cursor: no-drop;
-}
-.mc-select__content {
-  width: 100%;
-  height: 100%;
-}
-.mc-select__content.ant-select .ant-select-selector {
-  padding-left: var(--selector-pl);
-}
-.mc-select__content.ant-select .ant-select-selector .ant-select-selection-overflow-item-rest .ant-select-selection-item {
-  color: #fff;
-  background: #325cf7;
-  padding-left: 4px;
-}
-.mc-select__content.ant-select .ant-select-selector .ant-select-selection-overflow-item-rest .ant-select-selection-item .ant-select-selection-item-content {
-  margin-right: 0;
-}
-.mc-select__content.ant-select .ant-select-selector .ant-select-selection-item[title*='「'][title$='」'] {
-  color: var(--inexistent-color);
-}
-.mc-select__content.ant-select.ant-select-single .ant-select-selector .ant-select-selection-search {
-  left: var(--selector-pl);
-}
-.mc-select__content.ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-placeholder {
-  left: var(--selector-pl);
-}
-.mc-select__content.ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search {
-  margin-left: 0;
-}
-.mc-select.mc-select--inline .ant-select-selection-overflow-item:not(
-      .ant-select-selection-overflow-item-rest,
-      .ant-select-selection-overflow-item-suffix
-    ) {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  min-width: 0;
-  margin-right: 4px;
-}

package/dist/McSelect/index.d.ts

@@ -1,47 +0,0 @@
-import { SelectProps } from 'antd';
-import { CSSProperties, FC, ReactNode } from 'react';
-import './index.less';
-export interface Option {
-    value: string | number;
-    label?: React.ReactNode;
-    title?: string;
-    disabled?: boolean;
-    [key: string]: any;
-}
-type Inexistent = {
-    inexistentText?: string;
-    inexistentColor?: string;
-    reserveOriginalValue?: boolean;
-};
-export type FetchOptions = (params: {
-    current: number;
-    pageSize: number;
-    keyword?: string;
-    extra?: any;
-}) => Promise<{
-    data: Option[];
-    total: number;
-}>;
-export type McSelectProps = Omit<SelectProps, 'mode' | 'fieldNames'> & {
-    style?: CSSProperties;
-    className?: string;
-    /** 外部控制展示的options */
-    toFilterOptions?: (options: Option[]) => Option[];
-    name?: string;
-    label?: ReactNode;
-    multiple?: boolean;
-    changeOnHidden?: boolean;
-    inexistent?: boolean | Inexistent;
-    fetchOptions?: FetchOptions;
-    pageSize?: number;
-    extra?: any;
-    options?: Option[];
-    /** 仅多选生效。默认为false，在下拉框中展示搜索框，会影响回车生成新标签等功能 */
-    searchInPanel?: boolean;
-    /** 搜索框提示文字 */
-    searchInPanelPlaceholder?: string;
-    /** 仅多选+("非远程"或"远程+labelvalue"")生效。默认为false，将选中项置顶。 */
-    pinSelectedOptions?: boolean;
-};
-declare const McSelect: FC<McSelectProps>;
-export default McSelect;

package/dist/McSelect/index.js

@@ -1,436 +0,0 @@
-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";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-var _excluded = ["style", "className", "label", "multiple", "changeOnHidden", "inexistent", "fetchOptions", "pageSize", "extra", "value", "onChange", "labelInValue", "options", "disabled", "maxTagCount", "onSearch", "onPopupScroll", "onBlur", "onDropdownVisibleChange", "toFilterOptions", "searchInPanel", "pinSelectedOptions", "searchInPanelPlaceholder"];
-import { Empty, Popover, Select, Spin } from 'antd';
-import { debounce } from "../Utils";
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import PanelSearchInput from "./components/PanelSearchInput";
-import "./index.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-// 将已选的option置顶
-var createPinedSelectedOptions = function createPinedSelectedOptions(options, selectedValues) {
-  if (!options || options.length === 0) return [];
-  if (!selectedValues || selectedValues.length === 0) return options;
-  var isLabelInValue = _typeof(selectedValues[0]) === 'object';
-  if (isLabelInValue) {
-    var unselectedOptions = options.filter(function (o) {
-      return !selectedValues.some(function (v) {
-        return v.value === o.value;
-      });
-    });
-    return [].concat(_toConsumableArray(selectedValues), _toConsumableArray(unselectedOptions));
-  } else {
-    var _options$filter;
-    // options中找不到的就不展示
-    var selectedOptions = selectedValues.map(function (v) {
-      return options.find(function (o) {
-        return o.value === v;
-      });
-    }).filter(function (o) {
-      return Boolean(o);
-    });
-    var _unselectedOptions = (_options$filter = options.filter(function (x) {
-      return !selectedValues.includes(x.value);
-    })) !== null && _options$filter !== void 0 ? _options$filter : [];
-    return [].concat(_toConsumableArray(selectedOptions), _toConsumableArray(_unselectedOptions));
-  }
-};
-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,
-    toFilterOptions = props.toFilterOptions,
-    _props$searchInPanel = props.searchInPanel,
-    searchInPanel = _props$searchInPanel === void 0 ? false : _props$searchInPanel,
-    _props$pinSelectedOpt = props.pinSelectedOptions,
-    pinSelectedOptions = _props$pinSelectedOpt === void 0 ? false : _props$pinSelectedOpt,
-    searchInPanelPlaceholder = props.searchInPanelPlaceholder,
-    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);
-  var panelSearchInputRef = useRef(null);
-  var useDefaultSearch = !(multiple && searchInPanel);
-  var optionWithPriority = useMemo(function () {
-    if (pinSelectedOptions && multiple) {
-      if (fetchOptions && !labelInValue) {
-        console.warn('远程搜索下，pinSelectedOptions只支持labelInValue模式,建议修改');
-      } else {
-        return createPinedSelectedOptions(selectOptions, selectValue);
-      }
-    }
-    return selectOptions;
-  }, [selectOptions, selectValue]);
-  var filteredOptions = toFilterOptions ? toFilterOptions(optionWithPriority) : optionWithPriority; // 只要有render就需要重新生成options
-
-  // 监听值和备选项的变化（赋值备选项，执行不存在值的判断逻辑）
-  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 = (current === 1 ? [] : _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 debounce(loadOptions, 350);
-  }, [loadOptions]);
-
-  // 文本框值变化时回调
-  var search = function search(v) {
-    var _v = (v === null || v === void 0 ? void 0 : 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]);
-
-  // 滚动触底防抖函数。注意需要pageSize要够大，否则不会触发滚动条滚动，也就不会翻页。建议用默认的20
-  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 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 clearSearchData = function clearSearchData() {
-    setSearchValue('');
-    loadOptions('', 1);
-  };
-
-  // 失去焦点时的回调（若为异步分页查询，需重置查询）
-  var blur = function blur(e) {
-    // 若当前文本框有值，则清空文本框并重置查询
-    if (useDefaultSearch && searchValue) {
-      clearSearchData();
-    }
-    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);
-        }
-      }
-    }
-    // 新版搜索交互逻辑
-    if (!useDefaultSearch) {
-      if (open) {
-        var _panelSearchInputRef$;
-        (_panelSearchInputRef$ = panelSearchInputRef.current) === null || _panelSearchInputRef$ === void 0 || _panelSearchInputRef$.focus();
-      } else if (searchValue) {
-        // 避免界面抖动
-        setTimeout(clearSearchData, 200);
-      }
-    }
-    onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 || onDropdownVisibleChange(open);
-  };
-  var renderDropdownPanel = function renderDropdownPanel(menu) {
-    if (!multiple || !searchInPanel) {
-      return menu;
-    }
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(PanelSearchInput, {
-        ref: panelSearchInputRef,
-        placeholder: searchInPanelPlaceholder,
-        searchValue: searchValue,
-        onSearch: search
-      }), menu, filteredOptions.length > 0 && fetching && /*#__PURE__*/_jsx("div", {
-        style: {
-          color: '#999',
-          fontSize: 12,
-          textAlign: 'center'
-        },
-        children: "\u52A0\u8F7D\u4E2D..."
-      })]
-    });
-  };
-  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: filteredOptions,
-      disabled: disabled,
-      placeholder: "\u8BF7\u9009\u62E9",
-      showSearch: useDefaultSearch // 否则会和panel中的search冲突
-      ,
-      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: useDefaultSearch ? searchValue : undefined,
-      onSearch: useDefaultSearch ? search : undefined,
-      loading: fetching,
-      notFoundContent: fetching ? /*#__PURE__*/_jsx(Spin, {
-        size: "small"
-      }) : /*#__PURE__*/_jsx(Empty, {
-        image: Empty.PRESENTED_IMAGE_SIMPLE
-      }),
-      onPopupScroll: popupScroll,
-      onBlur: blur,
-      onDropdownVisibleChange: dropdownVisibleChange,
-      dropdownRender: renderDropdownPanel
-    }, rest), {}, {
-      mode: multiple ? 'multiple' : undefined,
-      fieldNames: undefined
-    }))]
-  });
-});
-export default McSelect;

package/dist/McTag/demo/demo1.d.ts

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

package/dist/McTag/demo/demo1.js

@@ -1,18 +0,0 @@
-/**
- * title: 设置本身宽度以支持ellipsis
- * description: 在McTag上设置宽度，以支持ellipsis。同时支持复制
- */
-import McTag from "../index";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var uri = '/recommend/page/123/page/123/page/123';
-  return /*#__PURE__*/_jsx(McTag, {
-    style: {
-      maxWidth: 150
-    },
-    ellipsis: true,
-    color: "blue",
-    copyable: true,
-    children: uri
-  });
-});

package/dist/McTag/demo/demo2.d.ts

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

package/dist/McTag/demo/demo2.js

@@ -1,20 +0,0 @@
-/**
- * title: 设置父组件宽度以支持ellipsis
- * description: 在McTag上设置宽度，以支持ellipsis。同时支持复制
- */
-import McTag from "../index";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  var uri = '/recommend/page/123/page/123/page/123';
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      width: 200
-    },
-    children: /*#__PURE__*/_jsx(McTag, {
-      color: "blue",
-      copyable: true,
-      ellipsis: true,
-      children: uri
-    })
-  });
-});

package/dist/McTag/demo/demo3.d.ts

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

package/dist/McTag/demo/demo3.js

@@ -1,19 +0,0 @@
-/**
- * title: 支持复制
- * description: 普通McTag模式也支持复制
- */
-import { ExclamationCircleOutlined } from 'much-icons';
-import McTag from "../index";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default (function () {
-  return /*#__PURE__*/_jsx(McTag, {
-    style: {
-      maxWidth: 150
-    },
-    ellipsis: true,
-    color: "warning",
-    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {}),
-    copyable: true,
-    children: "click me to copy"
-  });
-});

package/dist/McTag/demo/demo4.d.ts

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