@tendaui/react 1.2.3 → 1.3.0

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

@@ -1 +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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"}
+{"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/_example/collapsed.js

@@ -0,0 +1,39 @@
+import React__default from 'react';
+import { TagInput } from '@tendaui/react';
+
+var CollapsedExample = function CollapsedExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u8D85\u8FC7 2 \u4E2A\u6298\u53E0"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C", "\u6807\u7B7E\u4E09", "\u6807\u7B7E\u56DB", "\u6807\u7B7E\u4E94"],
+    minCollapsedNum: 2,
+    placeholder: "\u8BF7\u8F93\u5165",
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u8D85\u8FC7 3 \u4E2A\u6298\u53E0"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C", "\u6807\u7B7E\u4E09", "\u6807\u7B7E\u56DB", "\u6807\u7B7E\u4E94"],
+    minCollapsedNum: 3,
+    placeholder: "\u8BF7\u8F93\u5165",
+    style: {
+      width: "400px"
+    }
+  })));
+};
+
+export { CollapsedExample as default };
+//# sourceMappingURL=collapsed.js.map

package/es/tag-input/_example/collapsed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsed.js","sources":["../../../../components/tag-input/_example/collapsed.tsx"],"sourcesContent":["import React from 'react';\nimport { TagInput } from \"@tendaui/react\";\n\nconst CollapsedExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>超过 2 个折叠</div>\n      <TagInput\n        defaultValue={[\"标签一\", \"标签二\", \"标签三\", \"标签四\", \"标签五\"]}\n        minCollapsedNum={2}\n        placeholder=\"请输入\"\n        style={{ width: \"400px\" }}\n      />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>超过 3 个折叠</div>\n      <TagInput\n        defaultValue={[\"标签一\", \"标签二\", \"标签三\", \"标签四\", \"标签五\"]}\n        minCollapsedNum={3}\n        placeholder=\"请输入\"\n        style={{ width: \"400px\" }}\n      />\n    </div>\n  </div>\n);\n\nexport default CollapsedExample;\n"],"names":["CollapsedExample","React","createElement","style","display","flexDirection","gap","marginBottom","color","TagInput","defaultValue","minCollapsedNum","placeholder","width"],"mappings":";;;AAGA,IAAMA,gBAAA,GAAmB,SAAnBA,gBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;oBAClEL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,mCAAQ,CAAA,iBAC5DP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;IACCC,cAAc,CAAC,oBAAA,EAAO,oBAAA,EAAO,oBAAA,EAAO,sBAAO,oBAAK,CAAA;AAChDC,IAAAA,eAAA,EAAiB,CAAA;AACjBC,IAAAA,WAAA,EAAY,oBAAA;AACZT,IAAAA,KAAA,EAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAC1B,CACF,CAAA,iBACAZ,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,mCAAQ,CAAA,iBAC5DP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;IACCC,cAAc,CAAC,oBAAA,EAAO,oBAAA,EAAO,oBAAA,EAAO,sBAAO,oBAAK,CAAA;AAChDC,IAAAA,eAAA,EAAiB,CAAA;AACjBC,IAAAA,WAAA,EAAY,oBAAA;AACZT,IAAAA,KAAA,EAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;GAC1B,CACF,CACF,CAAA;AAAA;;;;"}

package/es/tag-input/_example/controlled-uncontrolled.js

@@ -0,0 +1,47 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { TagInput } from '@tendaui/react';
+
+var Example = function Example() {
+  var _useState = useState(["Vue", "React"]),
+    _useState2 = _slicedToArray(_useState, 2),
+    controlledTags = _useState2[0],
+    setControlledTags = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u53D7\u63A7\u6A21\u5F0F"), /* @__PURE__ */React__default.createElement(TagInput, {
+    value: controlledTags,
+    onChange: function onChange(val) {
+      return setControlledTags(val);
+    },
+    placeholder: "\u8BF7\u8F93\u5165",
+    clearable: true,
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u975E\u53D7\u63A7\u6A21\u5F0F"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["Svelte", "Solid"],
+    placeholder: "\u8BF7\u8F93\u5165",
+    clearable: true,
+    style: {
+      width: "400px"
+    }
+  })));
+};
+
+export { Example as default };
+//# sourceMappingURL=controlled-uncontrolled.js.map

package/es/tag-input/_example/controlled-uncontrolled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-uncontrolled.js","sources":["../../../../components/tag-input/_example/controlled-uncontrolled.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { TagInput, TagInputValue } from \"@tendaui/react\";\n\nconst Example = () => {\n  const [controlledTags, setControlledTags] = useState<TagInputValue>([\"Vue\", \"React\"]);\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <div>\n        <div style={{ marginBottom: \"8px\", color: \"#666\" }}>受控模式</div>\n        <TagInput\n          value={controlledTags}\n          onChange={(val) => setControlledTags(val)}\n          placeholder=\"请输入\"\n          clearable\n          style={{ width: \"400px\" }}\n        />\n      </div>\n      <div>\n        <div style={{ marginBottom: \"8px\", color: \"#666\" }}>非受控模式</div>\n        <TagInput defaultValue={[\"Svelte\", \"Solid\"]} placeholder=\"请输入\" clearable style={{ width: \"400px\" }} />\n      </div>\n    </div>\n  );\n};\n\nexport default Example;\n"],"names":["Example","_useState","useState","_useState2","_slicedToArray","controlledTags","setControlledTags","React","createElement","style","display","flexDirection","gap","marginBottom","color","TagInput","value","onChange","val","placeholder","clearable","width","defaultValue"],"mappings":";;;;AAGA,IAAMA,UAAU,SAAVA,UAAgB;EACpB,IAAAC,SAAA,GAA4CC,SAAwB,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7EI,IAAAA;AAAgBC,IAAAA,iBAAiB,GAAAH,UAAA,CAAA,CAAA,CAAA;AACxC,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,8CACjE,KAAA,EAAA,IAAA,iBACCL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,0BAAI,CAAA,iBACxDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AACCC,IAAAA,KAAA,EAAOX,cAAA;AACPY,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQZ,iBAAA,CAAkBY,GAAG,CAAA;AAAA,IAAA,CAAA;AACxCC,IAAAA,WAAA,EAAY,oBAAA;AACZC,IAAAA,SAAA,EAAS,IAAA;AACTX,IAAAA,KAAA,EAAO;AAAEY,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAC1B,CACF,CAAA,iBACAd,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,8CACE,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,gCAAK,CAAA,iBACzDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASO,IAAAA,YAAA,EAAc,CAAC,QAAA,EAAU,OAAO,CAAA;AAAGH,IAAAA,aAAY,oBAAA;AAAMC,IAAAA,SAAA,EAAS,IAAA;AAACX,IAAAA,KAAA,EAAO;AAAEY,MAAAA,KAAA,EAAO;AAAQ;GAAG,CACtG,CACF,CAAA;AAEJ;;;;"}

package/es/tag-input/_example/default.js

@@ -0,0 +1,31 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { TagInput } from '@tendaui/react';
+
+var DefaultExample = function DefaultExample() {
+  var _useState = useState(["Vue", "React", "Angular"]),
+    _useState2 = _slicedToArray(_useState, 2),
+    tags = _useState2[0],
+    setTags = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      width: "400px"
+    }
+  }, /* @__PURE__ */React__default.createElement(TagInput, {
+    value: tags,
+    onChange: function onChange(val) {
+      return setTags(val);
+    },
+    clearable: true,
+    placeholder: "\u8BF7\u8F93\u5165\u6807\u7B7E\uFF0C\u6309\u56DE\u8F66\u6DFB\u52A0"
+  }), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginTop: "8px",
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u5F53\u524D\u6807\u7B7E\uFF1A", tags.join(", ")));
+};
+
+export { DefaultExample as default };
+//# sourceMappingURL=default.js.map

package/es/tag-input/_example/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../components/tag-input/_example/default.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { TagInput, TagInputValue } from \"@tendaui/react\";\n\nconst DefaultExample = () => {\n  const [tags, setTags] = useState<TagInputValue>([\"Vue\", \"React\", \"Angular\"]);\n\n  return (\n    <div style={{ width: \"400px\" }}>\n      <TagInput value={tags} onChange={(val) => setTags(val)} clearable placeholder=\"请输入标签，按回车添加\" />\n      <div style={{ marginTop: \"8px\", color: \"#666\", fontSize: \"12px\" }}>当前标签：{tags.join(\", \")}</div>\n    </div>\n  );\n};\n\nexport default DefaultExample;\n"],"names":["DefaultExample","_useState","useState","_useState2","_slicedToArray","tags","setTags","style","width","React","createElement","TagInput","value","onChange","val","clearable","placeholder","marginTop","color","fontSize","join"],"mappings":";;;;AAGA,IAAMA,iBAAiB,SAAjBA,iBAAuB;EAC3B,IAAAC,SAAA,GAAwBC,SAAwB,CAAC,KAAA,EAAO,OAAA,EAAS,SAAS,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAApEI,IAAAA;AAAMC,IAAAA,OAAO,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEpB,EAAA,mDACG,KAAA,EAAA;AAAII,IAAAA,KAAA,EAAO;AAAEC,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAA,iBAC3BC,cAAA,CAAAC,aAAA,CAACC,QAAA,EAAA;AAASC,IAAAA,KAAA,EAAOP;AAAMQ,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC;aAAQR,OAAA,CAAQQ,GAAG;;AAAGC,IAAAA,SAAA,EAAS,IAAA;AAACC,IAAAA,WAAA,EAAY;GAAc,kBAC5FP,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIH,IAAAA,KAAA,EAAO;AAAEU,MAAAA,WAAW,KAAA;AAAOC,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,gCAAA,EAAMd,KAAKe,IAAA,CAAK,IAAI,CAAE,CAC3F,CAAA;AAEJ;;;;"}

package/es/tag-input/_example/disabled-readonly.js

@@ -0,0 +1,50 @@
+import React__default from 'react';
+import { TagInput } from '@tendaui/react';
+
+var DisabledReadonlyExample = function DisabledReadonlyExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u6B63\u5E38"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["Vue", "React"],
+    placeholder: "\u6B63\u5E38",
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u7981\u7528"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["Vue", "React"],
+    disabled: true,
+    placeholder: "\u7981\u7528",
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u53EA\u8BFB"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["Vue", "React"],
+    readonly: true,
+    placeholder: "\u53EA\u8BFB",
+    style: {
+      width: "400px"
+    }
+  })));
+};
+
+export { DisabledReadonlyExample as default };
+//# sourceMappingURL=disabled-readonly.js.map

package/es/tag-input/_example/disabled-readonly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabled-readonly.js","sources":["../../../../components/tag-input/_example/disabled-readonly.tsx"],"sourcesContent":["import React from \"react\";\nimport { TagInput } from \"@tendaui/react\";\n\nconst DisabledReadonlyExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>正常</div>\n      <TagInput defaultValue={[\"Vue\", \"React\"]} placeholder=\"正常\" style={{ width: \"400px\" }} />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>禁用</div>\n      <TagInput defaultValue={[\"Vue\", \"React\"]} disabled placeholder=\"禁用\" style={{ width: \"400px\" }} />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>只读</div>\n      <TagInput defaultValue={[\"Vue\", \"React\"]} readonly placeholder=\"只读\" style={{ width: \"400px\" }} />\n    </div>\n  </div>\n);\n\nexport default DisabledReadonlyExample;\n"],"names":["DisabledReadonlyExample","React","createElement","style","display","flexDirection","gap","marginBottom","color","TagInput","defaultValue","placeholder","width","disabled","readonly"],"mappings":";;;AAGA,IAAMA,uBAAA,GAA0B,SAA1BA,uBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC,4BACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,cAAE,CAAA,iBACtDP,cAAA,CAAAC,aAAA,CAACO;AAASC,IAAAA,YAAA,EAAc,CAAC,OAAO,OAAO,CAAA;AAAGC,IAAAA,WAAA,EAAY,cAAA;AAAKR,IAAAA,KAAA,EAAO;AAAES,MAAAA,OAAO;AAAQ;AAAA,GAAG,CACxF,CAAA,iBACAX,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,8CACE,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,cAAE,kBACtDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASC,IAAAA,cAAc,CAAC,KAAA,EAAO,OAAO,CAAA;AAAGG,IAAAA,QAAA,EAAQ,IAAA;AAACF,IAAAA,aAAY,cAAA;AAAKR,IAAAA,KAAA,EAAO;AAAES,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAG,CACjG,CAAA,iBACAX,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,OAAO;AAAO;GAAA,EAAG,cAAE,CAAA,iBACtDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASC,IAAAA,YAAA,EAAc,CAAC,KAAA,EAAO,OAAO,CAAA;AAAGI,IAAAA,QAAA,EAAQ,IAAA;AAACH,IAAAA,WAAA,EAAY,cAAA;AAAKR,IAAAA,KAAA,EAAO;AAAES,MAAAA,KAAA,EAAO;AAAQ;GAAG,CACjG,CACF,CAAA;AAAA;;;;"}

package/es/tag-input/_example/events.js

@@ -0,0 +1,84 @@
+import { _ as _toConsumableArray } from '../../_chunks/dep-CgyDw_YI.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { TagInput } from '@tendaui/react';
+
+var EventsExample = function EventsExample() {
+  var _useState = useState(["Vue"]),
+    _useState2 = _slicedToArray(_useState, 2),
+    tags = _useState2[0],
+    setTags = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    logs = _useState4[0],
+    setLogs = _useState4[1];
+  var addLog = function addLog(msg) {
+    setLogs(function (prev) {
+      return [].concat(_toConsumableArray(prev.slice(-4)), [msg]);
+    });
+  };
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "24px",
+      flexDirection: "column"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /* @__PURE__ */React__default.createElement(TagInput, {
+    value: tags,
+    onChange: function onChange(val, context) {
+      setTags(val);
+      addLog("onChange: ".concat(JSON.stringify(val), ", trigger: ").concat(context.trigger));
+    },
+    onEnter: function onEnter(val, context) {
+      addLog("onEnter: inputValue=".concat(context.inputValue));
+    },
+    onRemove: function onRemove(context) {
+      addLog("onRemove: removed=".concat(context.item, ", index=").concat(context.index));
+    },
+    onClear: function onClear() {
+      addLog("onClear: \u6E05\u7A7A\u6240\u6709\u6807\u7B7E");
+    },
+    onPaste: function onPaste(context) {
+      addLog("onPaste: ".concat(context.pasteValue));
+    },
+    clearable: true,
+    placeholder: "\u8BF7\u8F93\u5165\u6807\u7B7E",
+    style: {
+      width: "350px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      flex: 1,
+      padding: "12px",
+      background: "var(--td-bg-color-2)",
+      borderRadius: "4px",
+      fontSize: "12px",
+      maxHeight: "150px",
+      overflow: "auto"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      fontWeight: "bold",
+      marginBottom: "8px"
+    }
+  }, "\u4E8B\u4EF6\u65E5\u5FD7\uFF1A"), logs.length === 0 ? /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      color: "#999"
+    }
+  }, "\u6682\u65E0\u65E5\u5FD7") : logs.map(function (log, index) {
+    return /* @__PURE__ */React__default.createElement("div", {
+      key: index,
+      style: {
+        marginBottom: "4px",
+        color: "#666"
+      }
+    }, log);
+  })));
+};
+
+export { EventsExample as default };
+//# sourceMappingURL=events.js.map

package/es/tag-input/_example/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sources":["../../../../components/tag-input/_example/events.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { TagInput, TagInputValue } from \"@tendaui/react\";\n\nconst EventsExample = () => {\n  const [tags, setTags] = useState<TagInputValue>([\"Vue\"]);\n  const [logs, setLogs] = useState<string[]>([]);\n\n  const addLog = (msg: string) => {\n    setLogs((prev) => [...prev.slice(-4), msg]);\n  };\n\n  return (\n    <div style={{ display: \"flex\", gap: \"24px\", flexDirection: \"column\" }}>\n      <div style={{ flex: 1 }}>\n        <TagInput\n          value={tags}\n          onChange={(val, context) => {\n            setTags(val);\n            addLog(`onChange: ${JSON.stringify(val)}, trigger: ${context.trigger}`);\n          }}\n          onEnter={(val, context) => {\n            addLog(`onEnter: inputValue=${context.inputValue}`);\n          }}\n          onRemove={(context) => {\n            addLog(`onRemove: removed=${context.item}, index=${context.index}`);\n          }}\n          onClear={() => {\n            addLog(\"onClear: 清空所有标签\");\n          }}\n          onPaste={(context) => {\n            addLog(`onPaste: ${context.pasteValue}`);\n          }}\n          clearable\n          placeholder=\"请输入标签\"\n          style={{ width: \"350px\" }}\n        />\n      </div>\n      <div\n        style={{\n          flex: 1,\n          padding: \"12px\",\n          background: \"var(--td-bg-color-2)\",\n          borderRadius: \"4px\",\n          fontSize: \"12px\",\n          maxHeight: \"150px\",\n          overflow: \"auto\"\n        }}\n      >\n        <div style={{ fontWeight: \"bold\", marginBottom: \"8px\" }}>事件日志：</div>\n        {logs.length === 0 ? (\n          <div style={{ color: \"#999\" }}>暂无日志</div>\n        ) : (\n          logs.map((log, index) => (\n            <div key={index} style={{ marginBottom: \"4px\", color: \"#666\" }}>\n              {log}\n            </div>\n          ))\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default EventsExample;\n"],"names":["EventsExample","_useState","useState","_useState2","_slicedToArray","tags","setTags","_useState3","_useState4","logs","setLogs","addLog","msg","prev","slice","style","display","gap","flexDirection","React","createElement","flex","TagInput","value","onChange","val","context","concat","JSON","stringify","trigger","onEnter","inputValue","onRemove","item","index","onClear","onPaste","pasteValue","clearable","placeholder","width","padding","background","borderRadius","fontSize","maxHeight","overflow","fontWeight","marginBottom","length","color","map","log","key"],"mappings":"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"}

package/es/tag-input/_example/excess-display.js

@@ -0,0 +1,40 @@
+import React__default from 'react';
+import { TagInput } from '@tendaui/react';
+
+var ExcessDisplayExample = function ExcessDisplayExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "24px",
+      width: "500px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u6362\u884C\u663E\u793A\uFF08\u9ED8\u8BA4\uFF09"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C", "\u6807\u7B7E\u4E09", "\u6807\u7B7E\u56DB", "\u6807\u7B7E\u4E94", "\u6807\u7B7E\u516D"],
+    excessTagsDisplayType: "break-line",
+    placeholder: "\u8BF7\u8F93\u5165",
+    style: {
+      width: "300px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u6A2A\u5411\u6EDA\u52A8"), /* @__PURE__ */React__default.createElement(TagInput, {
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C", "\u6807\u7B7E\u4E09", "\u6807\u7B7E\u56DB", "\u6807\u7B7E\u4E94", "\u6807\u7B7E\u516D"],
+    excessTagsDisplayType: "scroll",
+    placeholder: "\u8BF7\u8F93\u5165",
+    style: {
+      width: "300px"
+    }
+  })));
+};
+
+export { ExcessDisplayExample as default };
+//# sourceMappingURL=excess-display.js.map

package/es/tag-input/_example/excess-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"excess-display.js","sources":["../../../../components/tag-input/_example/excess-display.tsx"],"sourcesContent":["import React from \"react\";\nimport { TagInput } from \"@tendaui/react\";\n\nconst ExcessDisplayExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"24px\", width: \"500px\" }}>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>换行显示（默认）</div>\n      <TagInput\n        defaultValue={[\"标签一\", \"标签二\", \"标签三\", \"标签四\", \"标签五\", \"标签六\"]}\n        excessTagsDisplayType=\"break-line\"\n        placeholder=\"请输入\"\n        style={{ width: \"300px\" }}\n      />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>横向滚动</div>\n      <TagInput\n        defaultValue={[\"标签一\", \"标签二\", \"标签三\", \"标签四\", \"标签五\", \"标签六\"]}\n        excessTagsDisplayType=\"scroll\"\n        placeholder=\"请输入\"\n        style={{ width: \"300px\" }}\n      />\n    </div>\n  </div>\n);\n\nexport default ExcessDisplayExample;\n"],"names":["ExcessDisplayExample","React","createElement","style","display","flexDirection","gap","width","marginBottom","color","TagInput","defaultValue","excessTagsDisplayType","placeholder"],"mappings":";;;AAGA,IAAMA,oBAAA,GAAuB,SAAvBA,oBAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK,MAAA;AAAQC,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAA,iBAClFN,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEK,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,kDAAQ,CAAA,iBAC5DR,cAAA,CAAAC,aAAA,CAACQ,QAAA,EAAA;AACCC,IAAAA,cAAc,CAAC,oBAAA,EAAO,sBAAO,oBAAA,EAAO,oBAAA,EAAO,sBAAO,oBAAK,CAAA;AACvDC,IAAAA,qBAAA,EAAsB,YAAA;AACtBC,IAAAA,WAAA,EAAY,oBAAA;AACZV,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAC1B,CACF,CAAA,iBACAN,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEK,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,0BAAI,CAAA,iBACxDR,cAAA,CAAAC,aAAA,CAACQ,QAAA,EAAA;AACCC,IAAAA,cAAc,CAAC,oBAAA,EAAO,sBAAO,oBAAA,EAAO,oBAAA,EAAO,sBAAO,oBAAK,CAAA;AACvDC,IAAAA,qBAAA,EAAsB,QAAA;AACtBC,IAAAA,WAAA,EAAY,oBAAA;AACZV,IAAAA,KAAA,EAAO;AAAEI,MAAAA,KAAA,EAAO;AAAQ;GAC1B,CACF,CACF,CAAA;AAAA;;;;"}

package/es/tag-input/_example/max-tags.js

@@ -0,0 +1,36 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState } from 'react';
+import { TagInput } from '@tendaui/react';
+
+var MaxTagsExample = function MaxTagsExample() {
+  var _useState = useState(["Vue", "React"]),
+    _useState2 = _slicedToArray(_useState, 2),
+    tags = _useState2[0],
+    setTags = _useState2[1];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px"
+    }
+  }, /* @__PURE__ */React__default.createElement(TagInput, {
+    value: tags,
+    onChange: function onChange(val) {
+      return setTags(val);
+    },
+    max: 5,
+    placeholder: "\u6700\u591A\u8F93\u5165 5 \u4E2A\u6807\u7B7E",
+    clearable: true,
+    style: {
+      width: "400px"
+    }
+  }), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      color: "#666",
+      fontSize: "12px"
+    }
+  }, "\u5DF2\u8F93\u5165 ", tags.length, "/5 \u4E2A\u6807\u7B7E"));
+};
+
+export { MaxTagsExample as default };
+//# sourceMappingURL=max-tags.js.map

package/es/tag-input/_example/max-tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"max-tags.js","sources":["../../../../components/tag-input/_example/max-tags.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { TagInput, TagInputValue } from \"@tendaui/react\";\n\nconst MaxTagsExample = () => {\n  const [tags, setTags] = useState<TagInputValue>([\"Vue\", \"React\"]);\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"8px\" }}>\n      <TagInput\n        value={tags}\n        onChange={(val) => setTags(val)}\n        max={5}\n        placeholder=\"最多输入 5 个标签\"\n        clearable\n        style={{ width: \"400px\" }}\n      />\n      <div style={{ color: \"#666\", fontSize: \"12px\" }}>已输入 {tags.length}/5 个标签</div>\n    </div>\n  );\n};\n\nexport default MaxTagsExample;\n"],"names":["MaxTagsExample","_useState","useState","_useState2","_slicedToArray","tags","setTags","React","createElement","style","display","flexDirection","gap","TagInput","value","onChange","val","max","placeholder","clearable","width","color","fontSize","length"],"mappings":";;;;AAGA,IAAMA,iBAAiB,SAAjBA,iBAAuB;EAC3B,IAAAC,SAAA,GAAwBC,SAAwB,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzDI,IAAAA;AAAMC,IAAAA,OAAO,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEpB,EAAA,sBACEI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAM;AAAA,GAAA,iBACjEL,cAAA,CAAAC,aAAA,CAACK,QAAA,EAAA;AACCC,IAAAA,KAAA,EAAOT,IAAA;AACPU,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,GAAA,EAAA;MAAA,OAAQV,OAAA,CAAQU,GAAG,CAAA;AAAA,IAAA,CAAA;AAC9BC,IAAAA,GAAA,EAAK,CAAA;AACLC,IAAAA,WAAA,EAAY,+CAAA;AACZC,IAAAA,SAAA,EAAS,IAAA;AACTV,IAAAA,KAAA,EAAO;AAAEW,MAAAA,KAAA,EAAO;AAAQ;GAC1B,CAAA,iBACAb,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEY,MAAAA,KAAA,EAAO,MAAA;AAAQC,MAAAA,QAAA,EAAU;AAAO;GAAA,EAAG,qBAAA,EAAKjB,IAAA,CAAKkB,MAAA,EAAO,uBAAM,CAC1E,CAAA;AAEJ;;;;"}

package/es/tag-input/_example/sizes.js

@@ -0,0 +1,51 @@
+import React__default from 'react';
+import { TagInput } from '@tendaui/react';
+
+var SizesExample = function SizesExample() {
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u5C0F\u5C3A\u5BF8"), /* @__PURE__ */React__default.createElement(TagInput, {
+    size: "small",
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C"],
+    placeholder: "\u5C0F\u5C3A\u5BF8",
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u4E2D\u5C3A\u5BF8\uFF08\u9ED8\u8BA4\uFF09"), /* @__PURE__ */React__default.createElement(TagInput, {
+    size: "medium",
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C"],
+    placeholder: "\u4E2D\u5C3A\u5BF8",
+    style: {
+      width: "400px"
+    }
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      marginBottom: "8px",
+      color: "#666"
+    }
+  }, "\u5927\u5C3A\u5BF8"), /* @__PURE__ */React__default.createElement(TagInput, {
+    size: "large",
+    defaultValue: ["\u6807\u7B7E\u4E00", "\u6807\u7B7E\u4E8C"],
+    placeholder: "\u5927\u5C3A\u5BF8",
+    style: {
+      width: "400px"
+    }
+  })));
+};
+
+export { SizesExample as default };
+//# sourceMappingURL=sizes.js.map

package/es/tag-input/_example/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../components/tag-input/_example/sizes.tsx"],"sourcesContent":["import React from \"react\";\nimport { TagInput } from \"@tendaui/react\";\n\nconst SizesExample = () => (\n  <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>小尺寸</div>\n      <TagInput size=\"small\" defaultValue={[\"标签一\", \"标签二\"]} placeholder=\"小尺寸\" style={{ width: \"400px\" }} />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>中尺寸（默认）</div>\n      <TagInput size=\"medium\" defaultValue={[\"标签一\", \"标签二\"]} placeholder=\"中尺寸\" style={{ width: \"400px\" }} />\n    </div>\n    <div>\n      <div style={{ marginBottom: \"8px\", color: \"#666\" }}>大尺寸</div>\n      <TagInput size=\"large\" defaultValue={[\"标签一\", \"标签二\"]} placeholder=\"大尺寸\" style={{ width: \"400px\" }} />\n    </div>\n  </div>\n);\n\nexport default SizesExample;\n"],"names":["SizesExample","React","createElement","style","display","flexDirection","gap","marginBottom","color","TagInput","size","defaultValue","placeholder","width"],"mappings":";;;AAGA,IAAMA,YAAA,GAAe,SAAfA,YAAAA,GAAA;AAAA,EAAA,sBACJC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEC,MAAAA,OAAA,EAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,oBAAG,kBACvDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASC,IAAAA,MAAK,OAAA;AAAQC,IAAAA,YAAA,EAAc,CAAC,oBAAA,EAAO,oBAAK,CAAA;AAAGC,IAAAA,WAAA,EAAY,oBAAA;AAAMT,IAAAA,KAAA,EAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;AAAA,GAAG,CACpG,CAAA,iBACAZ,cAAA,CAAAC,aAAA,CAAC,4BACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,OAAO;AAAO;GAAA,EAAG,4CAAO,CAAA,iBAC3DP,cAAA,CAAAC,aAAA,CAACO;AAASC,IAAAA,IAAA,EAAK,QAAA;AAASC,IAAAA,YAAA,EAAc,CAAC,oBAAA,EAAO,oBAAK;AAAGC,IAAAA,WAAA,EAAY,oBAAA;AAAMT,IAAAA,KAAA,EAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;GAAG,CACrG,CAAA,iBACAZ,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,OAAO;AAAEI,MAAAA,YAAA,EAAc,KAAA;AAAOC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,oBAAG,CAAA,iBACvDP,cAAA,CAAAC,aAAA,CAACO,QAAA,EAAA;AAASC,IAAAA,IAAA,EAAK,OAAA;AAAQC,IAAAA,YAAA,EAAc,CAAC,oBAAA,EAAO,oBAAK,CAAA;AAAGC,IAAAA,WAAA,EAAY,oBAAA;AAAMT,IAAAA,KAAA,EAAO;AAAEU,MAAAA,KAAA,EAAO;AAAQ;GAAG,CACpG,CACF,CAAA;AAAA;;;;"}