@tendaui/react 1.1.1

package/es/tag-input/TagInput.js

@@ -0,0 +1,360 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
+import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle } from 'react';
+import { IconClear } from '@tendaui/icons';
+import { isFunction } from 'lodash-es';
+import classNames from 'classnames';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import { Input } from '../input/index.js';
+import useTagList from './hooks/useTagList.js';
+import { u as useControlled } from '../_chunks/dep-DwWrhxkd.js';
+import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
+import { u as useGlobalIcon } from '../_chunks/dep-bWaVq_y3.js';
+import useDragSorter from '../hooks/useDragSorter.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../config-provider/ConfigContext.js';
+import '../input/Input.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import '../_chunks/dep-0QH2Ee4R.js';
+import '../_chunks/dep-D6YxJv-F.js';
+import '../input/InputGroup.js';
+import '../input/style/css.js';
+import '../_chunks/dep-CgyDw_YI.js';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../_chunks/dep-U1T8CQY9.js';
+import '../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../tag/style/css.js';
+
+var mouseEnterTimer = null;
+function useTagScroll(props) {
+  var tagInputRef = useRef(null);
+  var _props$excessTagsDisp = props.excessTagsDisplayType,
+    excessTagsDisplayType = _props$excessTagsDisp === void 0 ? "scroll" : _props$excessTagsDisp,
+    readonly = props.readonly,
+    disabled = props.disabled;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    scrollDistance = _useState2[0],
+    setScrollDistance = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    scrollElement = _useState4[0],
+    setScrollElement = _useState4[1];
+  var updateScrollElement = function updateScrollElement(element) {
+    var scrollElement2 = element.children[0];
+    setScrollElement(scrollElement2);
+  };
+  var updateScrollDistance = function updateScrollDistance() {
+    if (!scrollElement) return;
+    setScrollDistance(scrollElement.scrollWidth - scrollElement.clientWidth);
+  };
+  var scrollTo = function scrollTo(distance) {
+    if (isFunction(scrollElement === null || scrollElement === void 0 ? void 0 : scrollElement.scroll)) {
+      scrollElement.scroll({
+        left: distance,
+        behavior: "smooth"
+      });
+    }
+  };
+  var scrollToRight = function scrollToRight() {
+    updateScrollDistance();
+    scrollTo(scrollDistance);
+  };
+  var scrollToLeft = function scrollToLeft() {
+    scrollTo(0);
+  };
+  var onWheel = function onWheel(_ref) {
+    var e = _ref.e;
+    if (readonly || disabled) return;
+    if (!scrollElement) return;
+    if (e.deltaX > 0) {
+      var distance = Math.min(scrollElement.scrollLeft + 120, scrollDistance);
+      scrollTo(distance);
+    } else {
+      var _distance = Math.max(scrollElement.scrollLeft - 120, 0);
+      scrollTo(_distance);
+    }
+  };
+  var scrollToRightOnEnter = function scrollToRightOnEnter() {
+    if (excessTagsDisplayType !== "scroll") return;
+    mouseEnterTimer = setTimeout(function () {
+      scrollToRight();
+      if (mouseEnterTimer) clearTimeout(mouseEnterTimer);
+    }, 100);
+  };
+  var scrollToLeftOnLeave = function scrollToLeftOnLeave() {
+    if (excessTagsDisplayType !== "scroll") return;
+    scrollTo(0);
+    if (mouseEnterTimer) {
+      clearTimeout(mouseEnterTimer);
+    }
+  };
+  var clearScroll = function clearScroll() {
+    if (mouseEnterTimer) clearTimeout(mouseEnterTimer);
+  };
+  var initScroll = function initScroll(element) {
+    if (!element) return;
+    updateScrollElement(element);
+  };
+  useEffect(function () {
+    var _tagInputRef$current;
+    if (tagInputRef.current) initScroll(tagInputRef === null || tagInputRef === void 0 || (_tagInputRef$current = tagInputRef.current) === null || _tagInputRef$current === void 0 ? void 0 : _tagInputRef$current.currentElement);
+    return clearScroll;
+  }, []);
+  return {
+    initScroll: initScroll,
+    clearScroll: clearScroll,
+    tagInputRef: tagInputRef,
+    scrollElement: scrollElement,
+    scrollDistance: scrollDistance,
+    scrollTo: scrollTo,
+    scrollToRight: scrollToRight,
+    scrollToLeft: scrollToLeft,
+    updateScrollElement: updateScrollElement,
+    updateScrollDistance: updateScrollDistance,
+    onWheel: onWheel,
+    scrollToRightOnEnter: scrollToRightOnEnter,
+    scrollToLeftOnLeave: scrollToLeftOnLeave
+  };
+}
+
+function useHover(props) {
+  var readonly = props.readonly,
+    disabled = props.disabled,
+    onMouseenter = props.onMouseenter,
+    onMouseleave = props.onMouseleave;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHover = _useState2[0],
+    setIsHover = _useState2[1];
+  var addHover = function addHover(context) {
+    if (readonly || disabled) return;
+    setIsHover(true);
+    onMouseenter === null || onMouseenter === void 0 || onMouseenter(context);
+  };
+  var cancelHover = function cancelHover(context) {
+    if (readonly || disabled) return;
+    setIsHover(false);
+    onMouseleave === null || onMouseleave === void 0 || onMouseleave(context);
+  };
+  return {
+    isHover: isHover,
+    addHover: addHover,
+    cancelHover: cancelHover
+  };
+}
+
+var tagInputDefaultProps = {
+  autoWidth: false,
+  borderless: false,
+  clearable: false,
+  dragSort: false,
+  excessTagsDisplayType: "break-line",
+  defaultInputValue: "",
+  minCollapsedNum: 0,
+  placeholder: void 0,
+  readonly: false,
+  size: "medium",
+  defaultValue: []
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TagInput = /*#__PURE__*/forwardRef(function (originalProps, ref) {
+  var props = useDefaultProps(originalProps, tagInputDefaultProps);
+  var _useConfig = useConfig(),
+    prefix = _useConfig.classPrefix;
+  var _useGlobalIcon = useGlobalIcon({
+      CloseCircleFilledIcon: IconClear
+    }),
+    CloseCircleFilledIcon = _useGlobalIcon.CloseCircleFilledIcon;
+  var excessTagsDisplayType = props.excessTagsDisplayType,
+    autoWidth = props.autoWidth,
+    borderless = props.borderless,
+    readonly = props.readonly,
+    disabled = props.disabled,
+    clearable = props.clearable,
+    placeholder = props.placeholder,
+    valueDisplay = props.valueDisplay,
+    label = props.label,
+    inputProps = props.inputProps,
+    size = props.size,
+    tips = props.tips,
+    status = props.status,
+    suffixIcon = props.suffixIcon,
+    suffix = props.suffix,
+    prefixIcon = props.prefixIcon,
+    maxRows = props.maxRows,
+    onClick = props.onClick,
+    onPaste = props.onPaste,
+    _onFocus = props.onFocus,
+    _onBlur = props.onBlur;
+  var _useControlled = useControlled(props, "inputValue", props.onInputChange),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    tInputValue = _useControlled2[0],
+    setTInputValue = _useControlled2[1];
+  var _useHover = useHover(props),
+    isHover = _useHover.isHover,
+    addHover = _useHover.addHover,
+    cancelHover = _useHover.cancelHover;
+  var _useDragSorter = useDragSorter(_objectSpread(_objectSpread({}, props), {}, {
+      sortOnDraggable: props.dragSort,
+      onDragOverCheck: {
+        x: true,
+        targetClassNameRegExp: new RegExp("^".concat(prefix, "-tag"))
+      }
+    })),
+    getDragProps = _useDragSorter.getDragProps;
+  var isCompositionRef = useRef(false);
+  var _useTagScroll = useTagScroll(props),
+    scrollToRight = _useTagScroll.scrollToRight,
+    onWheel = _useTagScroll.onWheel,
+    scrollToRightOnEnter = _useTagScroll.scrollToRightOnEnter,
+    scrollToLeftOnLeave = _useTagScroll.scrollToLeftOnLeave,
+    tagInputRef = _useTagScroll.tagInputRef;
+  var _useTagList = useTagList(_objectSpread(_objectSpread({}, props), {}, {
+      getDragProps: getDragProps
+    })),
+    tagValue = _useTagList.tagValue,
+    _onClose = _useTagList.onClose,
+    onInnerEnter = _useTagList.onInnerEnter,
+    onInputBackspaceKeyUp = _useTagList.onInputBackspaceKeyUp,
+    clearAll = _useTagList.clearAll,
+    renderLabel = _useTagList.renderLabel,
+    onInputBackspaceKeyDown = _useTagList.onInputBackspaceKeyDown;
+  var NAME_CLASS = "".concat(prefix, "-tag-input");
+  var WITH_SUFFIX_ICON_CLASS = "".concat(prefix, "-tag-input__with-suffix-icon");
+  var CLEAR_CLASS = "".concat(prefix, "-tag-input__suffix-clear ").concat(prefix, "-icon");
+  var BREAK_LINE_CLASS = "".concat(prefix, "-tag-input--break-line");
+  var tagInputPlaceholder = !(tagValue !== null && tagValue !== void 0 && tagValue.length) ? placeholder : "";
+  var showClearIcon = Boolean(!readonly && !disabled && clearable && isHover && (tagValue === null || tagValue === void 0 ? void 0 : tagValue.length));
+  useImperativeHandle(ref, function () {
+    return _objectSpread({}, tagInputRef.current || {});
+  });
+  var onInputCompositionstart = function onInputCompositionstart(value, context) {
+    var _inputProps$onComposi;
+    isCompositionRef.current = true;
+    inputProps === null || inputProps === void 0 || (_inputProps$onComposi = inputProps.onCompositionstart) === null || _inputProps$onComposi === void 0 || _inputProps$onComposi.call(inputProps, value, context);
+  };
+  var onInputCompositionend = function onInputCompositionend(value, context) {
+    var _inputProps$onComposi2;
+    isCompositionRef.current = false;
+    inputProps === null || inputProps === void 0 || (_inputProps$onComposi2 = inputProps.onCompositionend) === null || _inputProps$onComposi2 === void 0 || _inputProps$onComposi2.call(inputProps, value, context);
+  };
+  var onInputEnter = function onInputEnter(value, context) {
+    setTInputValue("", {
+      e: context.e,
+      trigger: "enter"
+    });
+    if (!isCompositionRef.current) {
+      onInnerEnter(value, context);
+    }
+    scrollToRight();
+  };
+  var onInnerClick = function onInnerClick(context) {
+    if (!props.disabled && !props.readonly) {
+      var _tagInputRef$current, _tagInputRef$current$;
+      (_tagInputRef$current = tagInputRef.current) === null || _tagInputRef$current === void 0 || (_tagInputRef$current = _tagInputRef$current.currentElement) === null || _tagInputRef$current === void 0 || (_tagInputRef$current$ = _tagInputRef$current.focus) === null || _tagInputRef$current$ === void 0 || _tagInputRef$current$.call(_tagInputRef$current);
+    }
+    onClick === null || onClick === void 0 || onClick(context);
+  };
+  var onClearClick = function onClearClick(e) {
+    var _props$onClear;
+    clearAll({
+      e: e
+    });
+    setTInputValue("", {
+      e: e,
+      trigger: "clear"
+    });
+    (_props$onClear = props.onClear) === null || _props$onClear === void 0 || _props$onClear.call(props, {
+      e: e
+    });
+  };
+  var suffixIconNode = showClearIcon ? /* @__PURE__ */React.createElement(CloseCircleFilledIcon, {
+    className: CLEAR_CLASS,
+    onClick: onClearClick
+  }) : suffixIcon;
+  var displayNode = isFunction(valueDisplay) ? valueDisplay({
+    value: tagValue,
+    onClose: function onClose(index) {
+      return _onClose({
+        index: index
+      });
+    }
+  }) : valueDisplay;
+  var isEmpty = !(Array.isArray(tagValue) && tagValue.length);
+  var classes = [NAME_CLASS, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BREAK_LINE_CLASS, excessTagsDisplayType === "break-line"), WITH_SUFFIX_ICON_CLASS, !!suffixIconNode), "".concat(prefix, "-is-empty"), isEmpty), "".concat(prefix, "-tag-input--with-tag"), !isEmpty), "".concat(prefix, "-tag-input--max-rows"), excessTagsDisplayType === "break-line" && maxRows), "".concat(prefix, "-tag-input--drag-sort"), props.dragSort && !disabled && !readonly), props.className];
+  var maxRowsStyle = maxRows ? {
+    "--max-rows": maxRows,
+    "--tag-input-size": size
+  } : {};
+  return /* @__PURE__ */React.createElement(Input, _objectSpread({
+    ref: tagInputRef,
+    value: tInputValue,
+    onChange: function onChange(val, context) {
+      setTInputValue(val, _objectSpread(_objectSpread({}, context), {}, {
+        trigger: "input"
+      }));
+    },
+    autoWidth: true,
+    onWheel: onWheel,
+    size: size,
+    borderless: borderless,
+    readonly: readonly,
+    disabled: disabled,
+    label: renderLabel({
+      displayNode: displayNode,
+      label: label
+    }),
+    className: classNames(classes),
+    style: _objectSpread(_objectSpread({}, props.style), maxRowsStyle),
+    tips: tips,
+    status: status,
+    placeholder: tagInputPlaceholder,
+    suffix: suffix,
+    prefixIcon: prefixIcon,
+    suffixIcon: suffixIconNode,
+    showInput: !(inputProps !== null && inputProps !== void 0 && inputProps.readonly) || !tagValue || !(tagValue !== null && tagValue !== void 0 && tagValue.length),
+    keepWrapperWidth: !autoWidth,
+    onPaste: onPaste,
+    onClick: onInnerClick,
+    onEnter: onInputEnter,
+    onKeydown: onInputBackspaceKeyDown,
+    onKeyup: onInputBackspaceKeyUp,
+    onMouseenter: function onMouseenter(context) {
+      addHover(context);
+      scrollToRightOnEnter();
+    },
+    onMouseleave: function onMouseleave(context) {
+      cancelHover(context);
+      scrollToLeftOnLeave();
+    },
+    onFocus: function onFocus(inputValue, context) {
+      _onFocus === null || _onFocus === void 0 || _onFocus(tagValue, {
+        e: context.e,
+        inputValue: inputValue
+      });
+    },
+    onBlur: function onBlur(inputValue, context) {
+      if (tInputValue) {
+        setTInputValue("", {
+          e: context.e,
+          trigger: "blur"
+        });
+      }
+      _onBlur === null || _onBlur === void 0 || _onBlur(tagValue, {
+        e: context.e,
+        inputValue: ""
+      });
+    },
+    onCompositionstart: onInputCompositionstart,
+    onCompositionend: onInputCompositionend
+  }, inputProps));
+});
+TagInput.displayName = "TagInput";
+
+export { TagInput as default };
+//# sourceMappingURL=TagInput.js.map

package/es/tag-input/TagInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.js","sources":["../../../components/tag-input/hooks/useTagScroll.ts","../../../components/tag-input/hooks/useHover.ts","../../../components/tag-input/defaultProps.ts","../../../components/tag-input/TagInput.tsx"],"sourcesContent":["/**\n * 当标签数量过多时，输入框显示不下，则需要滚动查看，以下为滚动逻辑\n * 如果标签过多时的处理方式，是标签省略，则不需要此功能\n */\n\nimport { isFunction } from \"lodash-es\";\nimport { useRef, useEffect, useState, WheelEvent } from \"react\";\nimport { TdTagInputProps } from \"../type\";\n\nlet mouseEnterTimer: ReturnType<typeof setTimeout> | null = null;\n\nexport default function useTagScroll(props: TdTagInputProps) {\n  const tagInputRef = useRef<{ currentElement: HTMLDivElement }>(null);\n  const { excessTagsDisplayType = \"scroll\", readonly, disabled } = props;\n  // 允许向右滚动的最大距离\n  const [scrollDistance, setScrollDistance] = useState(0);\n  const [scrollElement, setScrollElement] = useState<HTMLDivElement>();\n\n  const updateScrollElement = (element: HTMLDivElement) => {\n    const scrollElement = element.children[0] as HTMLDivElement;\n    setScrollElement(scrollElement);\n  };\n\n  const updateScrollDistance = () => {\n    if (!scrollElement) return;\n    setScrollDistance(scrollElement.scrollWidth - scrollElement.clientWidth);\n  };\n\n  const scrollTo = (distance: number) => {\n    if (isFunction(scrollElement?.scroll)) {\n      scrollElement.scroll({ left: distance, behavior: \"smooth\" });\n    }\n  };\n\n  const scrollToRight = () => {\n    updateScrollDistance();\n    scrollTo(scrollDistance);\n  };\n\n  const scrollToLeft = () => {\n    scrollTo(0);\n  };\n\n  // TODO：MAC 电脑横向滚动，Windows 纵向滚动。当前只处理了横向滚动\n  const onWheel = ({ e }: { e: WheelEvent<HTMLDivElement> }) => {\n    if (readonly || disabled) return;\n    if (!scrollElement) return;\n    if (e.deltaX > 0) {\n      const distance = Math.min(scrollElement.scrollLeft + 120, scrollDistance);\n      scrollTo(distance);\n    } else {\n      const distance = Math.max(scrollElement.scrollLeft - 120, 0);\n      scrollTo(distance);\n    }\n  };\n\n  // 鼠标 hover，自动滑动到最右侧，以便输入新标签\n  const scrollToRightOnEnter = () => {\n    if (excessTagsDisplayType !== \"scroll\") return;\n    // 一闪而过的 mousenter 不需要执行\n    mouseEnterTimer = setTimeout(() => {\n      scrollToRight();\n      if (mouseEnterTimer) clearTimeout(mouseEnterTimer);\n    }, 100);\n  };\n\n  const scrollToLeftOnLeave = () => {\n    if (excessTagsDisplayType !== \"scroll\") return;\n    scrollTo(0);\n    if (mouseEnterTimer) {\n      clearTimeout(mouseEnterTimer);\n    }\n  };\n\n  const clearScroll = () => {\n    if (mouseEnterTimer) clearTimeout(mouseEnterTimer);\n  };\n\n  const initScroll = (element: HTMLDivElement) => {\n    if (!element) return;\n    updateScrollElement(element);\n  };\n\n  useEffect(() => {\n    if (tagInputRef.current) initScroll(tagInputRef?.current?.currentElement);\n    return clearScroll;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return {\n    initScroll,\n    clearScroll,\n    tagInputRef,\n    scrollElement,\n    scrollDistance,\n    scrollTo,\n    scrollToRight,\n    scrollToLeft,\n    updateScrollElement,\n    updateScrollDistance,\n    onWheel,\n    scrollToRightOnEnter,\n    scrollToLeftOnLeave\n  };\n}\n","import { useState, MouseEvent } from \"react\";\nimport { TdTagInputProps } from \"../type\";\n\nexport interface UseHoverParams {\n  readonly: boolean;\n  disabled: boolean;\n  onMouseenter: (context: { e: MouseEvent<HTMLDivElement> }) => void;\n  onMouseleave: (context: { e: MouseEvent<HTMLDivElement> }) => void;\n}\n\nexport default function useHover(props: TdTagInputProps) {\n  const { readonly, disabled, onMouseenter, onMouseleave } = props;\n  const [isHover, setIsHover] = useState<boolean>(false);\n\n  const addHover = (context: Parameters<UseHoverParams[\"onMouseenter\"]>[0]) => {\n    if (readonly || disabled) return;\n    setIsHover(true);\n    onMouseenter?.(context);\n  };\n\n  const cancelHover = (context: Parameters<UseHoverParams[\"onMouseleave\"]>[0]) => {\n    if (readonly || disabled) return;\n    setIsHover(false);\n    onMouseleave?.(context);\n  };\n\n  return { isHover, addHover, cancelHover };\n}\n","import { TdTagInputProps } from \"./type\";\n\nexport const tagInputDefaultProps: TdTagInputProps = {\n  autoWidth: false,\n  borderless: false,\n  clearable: false,\n  dragSort: false,\n  excessTagsDisplayType: \"break-line\",\n  defaultInputValue: \"\",\n  minCollapsedNum: 0,\n  placeholder: undefined,\n  readonly: false,\n  size: \"medium\",\n  defaultValue: []\n};\n","import React, { CompositionEvent, KeyboardEvent, useRef, useImperativeHandle, forwardRef, MouseEvent } from \"react\";\nimport { IconClear } from \"@tendaui/icons\";\nimport { isFunction } from \"lodash-es\";\nimport classnames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport TInput, { InputValue, InputRef } from \"../input\";\nimport { InputValueChangeContext, TdTagInputProps } from \"./type\";\nimport useTagList from \"./hooks/useTagList\";\nimport useTagScroll from \"./hooks/useTagScroll\";\nimport useHover from \"./hooks/useHover\";\nimport useControlled from \"../hooks/useControlled\";\nimport { StyledProps } from \"../common\";\nimport { tagInputDefaultProps } from \"./defaultProps\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport useGlobalIcon from \"../hooks/useGlobalIcon\";\nimport useDragSorter from \"../hooks/useDragSorter\";\n\nexport interface TagInputProps extends TdTagInputProps, StyledProps {\n  options?: unknown[]; // 参数穿透options, 给SelectInput/SelectInput 自定义选中项呈现的内容和多选状态下设置折叠项内容\n}\n\nconst TagInput = forwardRef<InputRef, TagInputProps>((originalProps, ref) => {\n  const props = useDefaultProps<TagInputProps>(originalProps, tagInputDefaultProps);\n  const { classPrefix: prefix } = useConfig();\n\n  const { CloseCircleFilledIcon } = useGlobalIcon({\n    CloseCircleFilledIcon: IconClear\n  });\n\n  const {\n    excessTagsDisplayType,\n    autoWidth,\n    borderless,\n    readonly,\n    disabled,\n    clearable,\n    placeholder,\n    valueDisplay,\n    label,\n    inputProps,\n    size,\n    tips,\n    status,\n    suffixIcon,\n    suffix,\n    prefixIcon,\n    maxRows,\n    onClick,\n    onPaste,\n    onFocus,\n    onBlur\n  } = props;\n\n  const [tInputValue, setTInputValue] = useControlled(props, \"inputValue\", props.onInputChange);\n\n  const { isHover, addHover, cancelHover } = useHover(props);\n  const { getDragProps } = useDragSorter({\n    ...props,\n    sortOnDraggable: props.dragSort,\n    onDragOverCheck: {\n      x: true,\n      targetClassNameRegExp: new RegExp(`^${prefix}-tag`)\n    }\n  });\n  const isCompositionRef = useRef(false);\n\n  const { scrollToRight, onWheel, scrollToRightOnEnter, scrollToLeftOnLeave, tagInputRef } = useTagScroll(props);\n  // handle tag add and remove\n  const { tagValue, onClose, onInnerEnter, onInputBackspaceKeyUp, clearAll, renderLabel, onInputBackspaceKeyDown } =\n    useTagList({\n      ...props,\n      getDragProps\n    });\n  const NAME_CLASS = `${prefix}-tag-input`;\n  const WITH_SUFFIX_ICON_CLASS = `${prefix}-tag-input__with-suffix-icon`;\n  const CLEAR_CLASS = `${prefix}-tag-input__suffix-clear ${prefix}-icon`;\n  const BREAK_LINE_CLASS = `${prefix}-tag-input--break-line`;\n\n  const tagInputPlaceholder = !tagValue?.length ? placeholder : \"\";\n\n  const showClearIcon = Boolean(!readonly && !disabled && clearable && isHover && tagValue?.length);\n\n  useImperativeHandle(ref as InputRef, () => ({\n    ...(tagInputRef.current || {})\n  }));\n\n  const onInputCompositionstart = (value: InputValue, context: { e: CompositionEvent<HTMLInputElement> }) => {\n    isCompositionRef.current = true;\n    inputProps?.onCompositionstart?.(value, context);\n  };\n\n  const onInputCompositionend = (value: InputValue, context: { e: CompositionEvent<HTMLInputElement> }) => {\n    isCompositionRef.current = false;\n    inputProps?.onCompositionend?.(value, context);\n  };\n\n  const onInputEnter = (value: InputValue, context: { e: KeyboardEvent<HTMLInputElement> }) => {\n    setTInputValue(\"\", { e: context.e, trigger: \"enter\" });\n    if (!isCompositionRef.current) {\n      onInnerEnter(value, context);\n    }\n    scrollToRight();\n  };\n\n  const onInnerClick = (context: { e: MouseEvent<HTMLDivElement> }) => {\n    if (!props.disabled && !props.readonly) {\n      tagInputRef.current?.currentElement?.focus?.();\n    }\n    onClick?.(context);\n  };\n\n  const onClearClick = (e: React.MouseEvent<SVGSVGElement>) => {\n    clearAll({ e });\n    setTInputValue(\"\", { e, trigger: \"clear\" });\n    props.onClear?.({ e });\n  };\n\n  const suffixIconNode = showClearIcon ? (\n    <CloseCircleFilledIcon\n      className={CLEAR_CLASS}\n      onClick={onClearClick as unknown as React.MouseEventHandler<HTMLSpanElement>}\n    />\n  ) : (\n    suffixIcon\n  );\n\n  // 自定义 Tag 节点\n  const displayNode = isFunction(valueDisplay)\n    ? valueDisplay({\n        value: tagValue,\n        onClose: (index) => onClose({ index })\n      })\n    : valueDisplay;\n\n  const isEmpty = !(Array.isArray(tagValue) && tagValue.length);\n\n  const classes = [\n    NAME_CLASS,\n    {\n      [BREAK_LINE_CLASS]: excessTagsDisplayType === \"break-line\",\n      [WITH_SUFFIX_ICON_CLASS]: !!suffixIconNode,\n      [`${prefix}-is-empty`]: isEmpty,\n      [`${prefix}-tag-input--with-tag`]: !isEmpty,\n      [`${prefix}-tag-input--max-rows`]: excessTagsDisplayType === \"break-line\" && maxRows,\n      [`${prefix}-tag-input--drag-sort`]: props.dragSort && !disabled && !readonly\n    },\n    props.className\n  ];\n\n  const maxRowsStyle = maxRows\n    ? ({\n        \"--max-rows\": maxRows,\n        \"--tag-input-size\": size\n      } as React.CSSProperties)\n    : {};\n\n  return (\n    <TInput\n      ref={tagInputRef as unknown as React.Ref<HTMLInputElement>}\n      value={tInputValue}\n      onChange={(val, context) => {\n        setTInputValue(val, { ...context, trigger: \"input\" } as InputValueChangeContext);\n      }}\n      autoWidth={true} // 控制input_inner的宽度 设置为true让内部input不会提前换行\n      onWheel={onWheel}\n      size={size}\n      borderless={borderless}\n      readonly={readonly}\n      disabled={disabled}\n      label={renderLabel({ displayNode, label })}\n      className={classnames(classes)}\n      style={{\n        ...props.style,\n        ...maxRowsStyle\n      }}\n      tips={tips}\n      status={status}\n      placeholder={tagInputPlaceholder}\n      suffix={suffix}\n      prefixIcon={prefixIcon}\n      suffixIcon={suffixIconNode}\n      showInput={!inputProps?.readonly || !tagValue || !tagValue?.length}\n      keepWrapperWidth={!autoWidth}\n      onPaste={onPaste}\n      onClick={onInnerClick}\n      onEnter={onInputEnter}\n      onKeydown={onInputBackspaceKeyDown}\n      onKeyup={onInputBackspaceKeyUp}\n      onMouseenter={(context) => {\n        addHover(context);\n        scrollToRightOnEnter();\n      }}\n      onMouseleave={(context) => {\n        cancelHover(context);\n        scrollToLeftOnLeave();\n      }}\n      onFocus={(inputValue, context) => {\n        onFocus?.(tagValue, { e: context.e, inputValue });\n      }}\n      onBlur={(inputValue, context) => {\n        if (tInputValue) {\n          setTInputValue(\"\", { e: context.e, trigger: \"blur\" });\n        }\n        onBlur?.(tagValue, { e: context.e, inputValue: \"\" });\n      }}\n      onCompositionstart={onInputCompositionstart}\n      onCompositionend={onInputCompositionend}\n      {...inputProps}\n    />\n  );\n});\n\nTagInput.displayName = \"TagInput\";\n\nexport default TagInput;\n"],"names":["mouseEnterTimer","useTagScroll","props","tagInputRef","useRef","_props$excessTagsDisp","excessTagsDisplayType","readonly","disabled","_useState","useState","_useState2","_slicedToArray","scrollDistance","setScrollDistance","_useState3","_useState4","scrollElement","setScrollElement","updateScrollElement","element","children","updateScrollDistance","scrollWidth","clientWidth","scrollTo","distance","isFunction","scroll","left","behavior","scrollToRight","scrollToLeft","onWheel","_ref","e","deltaX","Math","min","scrollLeft","max","scrollToRightOnEnter","setTimeout","scrollToLeftOnLeave","clearTimeout","clearScroll","initScroll","useEffect","_tagInputRef$current","current","currentElement","useHover","onMouseenter","onMouseleave","isHover","setIsHover","addHover","context","cancelHover","tagInputDefaultProps","autoWidth","borderless","clearable","dragSort","defaultInputValue","minCollapsedNum","placeholder","size","defaultValue","TagInput","forwardRef","originalProps","ref","useDefaultProps","_useConfig","useConfig","prefix","classPrefix","_useGlobalIcon","useGlobalIcon","CloseCircleFilledIcon","IconClear","valueDisplay","label","inputProps","tips","status","suffixIcon","suffix","prefixIcon","maxRows","onClick","onPaste","onFocus","onBlur","_useControlled","useControlled","onInputChange","_useControlled2","tInputValue","setTInputValue","_useHover","_useDragSorter","useDragSorter","_objectSpread","sortOnDraggable","onDragOverCheck","x","targetClassNameRegExp","RegExp","concat","getDragProps","isCompositionRef","_useTagScroll","_useTagList","useTagList","tagValue","onClose","onInnerEnter","onInputBackspaceKeyUp","clearAll","renderLabel","onInputBackspaceKeyDown","NAME_CLASS","WITH_SUFFIX_ICON_CLASS","CLEAR_CLASS","BREAK_LINE_CLASS","tagInputPlaceholder","length","showClearIcon","Boolean","useImperativeHandle","onInputCompositionstart","value","_inputProps$onComposi","onCompositionstart","call","onInputCompositionend","_inputProps$onComposi2","onCompositionend","onInputEnter","trigger","onInnerClick","_tagInputRef$current$","focus","onClearClick","_props$onClear","onClear","suffixIconNode","React","createElement","className","displayNode","index","isEmpty","Array","isArray","classes","_defineProperty","maxRowsStyle","TInput","onChange","val","classnames","style","showInput","keepWrapperWidth","onEnter","onKeydown","onKeyup","inputValue","displayName"],"mappings":"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"}

package/es/tag-input/hooks/useTagList.js

@@ -0,0 +1,167 @@
+import { _ as _defineProperty } from '../../_chunks/dep-Cwish4GD.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-CgyDw_YI.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React, { Fragment } from 'react';
+import { isFunction } from 'lodash-es';
+import { Tag } from '../../tag/index.js';
+import { u as useConfig } from '../../_chunks/dep-u1x3x6MJ.js';
+import { u as useControlled } from '../../_chunks/dep-DwWrhxkd.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../tag/Tag.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import 'classnames';
+import '@tendaui/icons';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-bWaVq_y3.js';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../../tag/style/css.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function useTagList(props) {
+  var _useConfig = useConfig(),
+    prefix = _useConfig.classPrefix;
+  var onRemove = props.onRemove,
+    max = props.max,
+    minCollapsedNum = props.minCollapsedNum,
+    size = props.size,
+    disabled = props.disabled,
+    readonly = props.readonly,
+    tagProps = props.tagProps,
+    tag = props.tag,
+    collapsedItems = props.collapsedItems,
+    getDragProps = props.getDragProps;
+  var _useControlled = useControlled(props, "value", props.onChange),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    tagValue = _useControlled2[0],
+    setTagValue = _useControlled2[1];
+  var _onClose = function onClose(p) {
+    var arr = _toConsumableArray(tagValue);
+    var _arr$splice = arr.splice(p.index, 1),
+      _arr$splice2 = _slicedToArray(_arr$splice, 1),
+      item = _arr$splice2[0];
+    setTagValue(arr, _objectSpread(_objectSpread({
+      trigger: "tag-remove"
+    }, p), {}, {
+      item: item
+    }));
+    onRemove === null || onRemove === void 0 || onRemove(_objectSpread(_objectSpread({}, p), {}, {
+      item: item,
+      trigger: "tag-remove",
+      value: arr
+    }));
+  };
+  var clearAll = function clearAll(context) {
+    setTagValue([], {
+      trigger: "clear",
+      e: context.e
+    });
+  };
+  var onInnerEnter = function onInnerEnter(value, context) {
+    var _props$onEnter;
+    var valueStr = value ? String(value).trim() : "";
+    var newValue = tagValue;
+    var isLimitExceeded = max && (tagValue === null || tagValue === void 0 ? void 0 : tagValue.length) >= max;
+    if (valueStr && !isLimitExceeded) {
+      newValue = tagValue instanceof Array ? tagValue.concat(String(valueStr)) : [valueStr];
+      setTagValue(newValue, {
+        trigger: "enter",
+        index: newValue.length - 1,
+        item: valueStr,
+        e: context.e
+      });
+    }
+    props === null || props === void 0 || (_props$onEnter = props.onEnter) === null || _props$onEnter === void 0 || _props$onEnter.call(props, newValue, _objectSpread(_objectSpread({}, context), {}, {
+      inputValue: value
+    }));
+  };
+  var onInputBackspaceKeyUp = function onInputBackspaceKeyUp(_value) {
+    if (!tagValue || !tagValue.length) return;
+  };
+  var onInputBackspaceKeyDown = function onInputBackspaceKeyDown(value, context) {
+    var e = context.e;
+    if (!tagValue || !tagValue.length || readonly) return;
+    if (!value && ["Backspace", "NumpadDelete"].includes(e.key)) {
+      var index = tagValue.length - 1;
+      var item = tagValue[index];
+      var trigger = "backspace";
+      var newValue = tagValue.slice(0, -1);
+      setTagValue(newValue, {
+        e: e,
+        index: index,
+        item: item,
+        trigger: trigger
+      });
+      onRemove === null || onRemove === void 0 || onRemove({
+        e: e,
+        index: index,
+        item: item,
+        trigger: trigger,
+        value: newValue
+      });
+    }
+  };
+  var renderLabel = function renderLabel(_ref) {
+    var displayNode = _ref.displayNode,
+      label = _ref.label;
+    var newList = minCollapsedNum ? tagValue.slice(0, minCollapsedNum) : tagValue;
+    var list = displayNode ? [/* @__PURE__ */React.createElement(Fragment, {
+      key: "display-node"
+    }, displayNode)] : newList === null || newList === void 0 ? void 0 : newList.map(function (item, index) {
+      var tagContent = isFunction(tag) ? tag({
+        value: item
+      }) : tag;
+      return /* @__PURE__ */React.createElement(Tag, _objectSpread(_objectSpread({
+        key: index,
+        size: size,
+        disabled: disabled,
+        onClose: function onClose(context) {
+          return _onClose({
+            e: context.e,
+            index: index
+          });
+        },
+        closable: !readonly && !disabled
+      }, getDragProps === null || getDragProps === void 0 ? void 0 : getDragProps(index, item)), tagProps), tagContent !== null && tagContent !== void 0 ? tagContent : item);
+    });
+    if (label) {
+      list === null || list === void 0 || list.unshift(/* @__PURE__ */React.createElement("div", {
+        className: "".concat(prefix, "-tag-input__prefix"),
+        key: "label"
+      }, label));
+    }
+    if (newList.length !== tagValue.length) {
+      var len = tagValue.length - newList.length;
+      var options = Array.isArray(props === null || props === void 0 ? void 0 : props.options) ? props.options : tagValue;
+      var params = {
+        value: tagValue,
+        count: tagValue.length - minCollapsedNum,
+        collapsedTags: tagValue.slice(minCollapsedNum, tagValue.length),
+        collapsedSelectedItems: options.slice(minCollapsedNum, tagValue.length),
+        onClose: _onClose
+      };
+      var more = isFunction(collapsedItems) ? collapsedItems(params) : collapsedItems;
+      list.push(/* @__PURE__ */React.createElement(Fragment, {
+        key: "more"
+      }, more !== null && more !== void 0 ? more : /* @__PURE__ */React.createElement(Tag, _objectSpread({
+        size: size
+      }, tagProps), "+", len)));
+    }
+    return list;
+  };
+  return {
+    tagValue: tagValue,
+    clearAll: clearAll,
+    onClose: _onClose,
+    onInnerEnter: onInnerEnter,
+    onInputBackspaceKeyDown: onInputBackspaceKeyDown,
+    onInputBackspaceKeyUp: onInputBackspaceKeyUp,
+    renderLabel: renderLabel
+  };
+}
+
+export { useTagList as default };
+//# sourceMappingURL=useTagList.js.map

package/es/tag-input/hooks/useTagList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTagList.js","sources":["../../../../components/tag-input/hooks/useTagList.tsx"],"sourcesContent":["import React, { MouseEvent, KeyboardEvent, ReactNode, Fragment } from \"react\";\nimport { isFunction } from \"lodash-es\";\nimport { TagInputChangeContext, TagInputValue, TdTagInputProps } from \"../type\";\nimport { InputValue } from \"../../input\";\nimport { Tag } from \"../../tag\";\nimport useConfig from \"../../hooks/useConfig\";\nimport useControlled from \"../../hooks/useControlled\";\nimport { DragSortInnerProps } from \"../../hooks/useDragSorter\";\n\nexport type ChangeParams = [TagInputChangeContext];\n\ninterface TagInputProps extends TdTagInputProps, DragSortInnerProps {\n  options?: unknown[]; // 参数穿透options, 给SelectInput/SelectInput 自定义选中项呈现的内容和多选状态下设置折叠项内容\n}\n\nexport default function useTagList(props: TagInputProps) {\n  const { classPrefix: prefix } = useConfig();\n  const { onRemove, max, minCollapsedNum, size, disabled, readonly, tagProps, tag, collapsedItems, getDragProps } =\n    props;\n  const [tagValue, setTagValue] = useControlled(props, \"value\", props.onChange);\n\n  const onClose = (p: { e?: MouseEvent<SVGSVGElement>; index: number }) => {\n    const arr = [...tagValue];\n    const [item] = arr.splice(p.index, 1);\n    setTagValue(arr, { trigger: \"tag-remove\", ...p, item });\n    onRemove?.({ ...p, item, trigger: \"tag-remove\", value: arr });\n  };\n\n  const clearAll = (context: { e: MouseEvent<SVGSVGElement> }) => {\n    setTagValue([], { trigger: \"clear\", e: context.e });\n  };\n\n  // 按下 Enter 键，新增标签\n  const onInnerEnter = (value: InputValue, context: { e: KeyboardEvent<HTMLInputElement> }) => {\n    const valueStr = value ? String(value).trim() : \"\";\n    let newValue: TagInputValue = tagValue;\n    const isLimitExceeded = max && tagValue?.length >= max;\n    if (valueStr && !isLimitExceeded) {\n      newValue = tagValue instanceof Array ? tagValue.concat(String(valueStr)) : [valueStr];\n      setTagValue(newValue, {\n        trigger: \"enter\",\n        index: newValue.length - 1,\n        item: valueStr,\n        e: context.e\n      });\n    }\n    props?.onEnter?.(newValue, { ...context, inputValue: value });\n  };\n\n  const onInputBackspaceKeyUp = (_value: InputValue) => {\n    if (!tagValue || !tagValue.length) return;\n  };\n\n  // 按下回退键，删除标签\n  const onInputBackspaceKeyDown = (value: InputValue, context: { e: KeyboardEvent<HTMLInputElement> }) => {\n    const { e } = context;\n    if (!tagValue || !tagValue.length || readonly) return;\n    // 回车键删除，输入框值为空时，才允许 Backspace 删除标签\n    if (!value && [\"Backspace\", \"NumpadDelete\"].includes(e.key)) {\n      const index = tagValue.length - 1;\n      const item = tagValue[index];\n      const trigger = \"backspace\";\n      const newValue = tagValue.slice(0, -1);\n      setTagValue(newValue, { e, index, item, trigger });\n      onRemove?.({ e, index, item, trigger, value: newValue });\n    }\n  };\n\n  const renderLabel = ({ displayNode, label }: { displayNode: ReactNode; label: ReactNode }) => {\n    const newList = minCollapsedNum ? tagValue.slice(0, minCollapsedNum) : tagValue;\n\n    const list = displayNode\n      ? [<Fragment key=\"display-node\">{displayNode}</Fragment>]\n      : newList?.map((item, index) => {\n          const tagContent = isFunction(tag) ? tag({ value: item }) : tag;\n          return (\n            <Tag\n              key={index}\n              size={size}\n              disabled={disabled}\n              onClose={(context) => onClose({ e: context.e, index })}\n              closable={!readonly && !disabled}\n              {...getDragProps?.(index, item)}\n              {...tagProps}\n            >\n              {tagContent ?? item}\n            </Tag>\n          );\n        });\n    if (label) {\n      list?.unshift(\n        <div className={`${prefix}-tag-input__prefix`} key=\"label\">\n          {label}\n        </div>\n      );\n    }\n    // 超出省略\n    if (newList.length !== tagValue.length) {\n      const len = tagValue.length - newList.length;\n      // 这里会从selectInput/SelectInput中传递options参数，用于自定义选中项呈现的内容和多选状态下设置折叠项内容\n      const options = Array.isArray(props?.options) ? props.options : tagValue;\n      const params = {\n        value: tagValue,\n        count: tagValue.length - minCollapsedNum,\n        collapsedTags: tagValue.slice(minCollapsedNum, tagValue.length),\n        collapsedSelectedItems: options.slice(minCollapsedNum, tagValue.length),\n        onClose\n      };\n      const more = isFunction(collapsedItems) ? collapsedItems(params) : collapsedItems;\n      list.push(\n        <Fragment key=\"more\">\n          {more ?? (\n            <Tag size={size} {...tagProps}>\n              +{len}\n            </Tag>\n          )}\n        </Fragment>\n      );\n    }\n    return list;\n  };\n  return {\n    tagValue,\n    clearAll,\n    onClose,\n    onInnerEnter,\n    onInputBackspaceKeyDown,\n    onInputBackspaceKeyUp,\n    renderLabel\n  };\n}\n"],"names":["useTagList","props","_useConfig","useConfig","prefix","classPrefix","onRemove","max","minCollapsedNum","size","disabled","readonly","tagProps","tag","collapsedItems","getDragProps","_useControlled","useControlled","onChange","_useControlled2","_slicedToArray","tagValue","setTagValue","onClose","p","arr","_toConsumableArray","_arr$splice","splice","index","_arr$splice2","item","trigger","_objectSpread","value","clearAll","context","e","onInnerEnter","_props$onEnter","valueStr","String","trim","newValue","isLimitExceeded","length","Array","concat","onEnter","call","inputValue","onInputBackspaceKeyUp","_value","onInputBackspaceKeyDown","includes","key","slice","renderLabel","_ref","displayNode","label","newList","list","React","createElement","Fragment","map","tagContent","isFunction","Tag","closable","unshift","className","len","options","isArray","params","count","collapsedTags","collapsedSelectedItems","more","push"],"mappings":"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"}

package/es/tag-input/index.js

@@ -0,0 +1,35 @@
+import TagInput$1 from './TagInput.js';
+import './style/css.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-CzLhKWCf.js';
+import 'react';
+import '@tendaui/icons';
+import 'lodash-es';
+import 'classnames';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../input/index.js';
+import '../input/Input.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import '../_chunks/dep-0QH2Ee4R.js';
+import '../_chunks/dep-DwWrhxkd.js';
+import '../_chunks/dep-D6YxJv-F.js';
+import '../_chunks/dep-DGvfel3I.js';
+import '../input/InputGroup.js';
+import '../input/style/css.js';
+import './hooks/useTagList.js';
+import '../_chunks/dep-CgyDw_YI.js';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../_chunks/dep-U1T8CQY9.js';
+import '../_chunks/dep-bWaVq_y3.js';
+import '../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../tag/style/css.js';
+import '../hooks/useDragSorter.js';
+
+var TagInput = TagInput$1;
+
+export { TagInput, TagInput as default };
+//# sourceMappingURL=index.js.map

package/es/tag-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../components/tag-input/index.ts"],"sourcesContent":["import _TagInput from \"./TagInput\";\nimport \"./style/index.js\";\n\nexport * from \"./type\";\n\nexport type { TagInputProps } from \"./TagInput\";\n\nexport const TagInput = _TagInput;\nexport default TagInput;\n"],"names":["TagInput","_TagInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,QAAA,GAAWC;;;;"}

package/es/tag-input/style/css.js

@@ -0,0 +1 @@
+import "./index.css";