tdesign-react 0.19.0 → 0.20.2

package/cjs/tree-select/TreeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelect.js","sources":["../../node_modules/lodash/isBoolean.js","../../src/tree-select/TreeSelect.tsx"],"sourcesContent":["var baseGetTag = require('./_baseGetTag'),\n    isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar boolTag = '[object Boolean]';\n\n/**\n * Checks if `value` is classified as a boolean primitive or object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a boolean, else `false`.\n * @example\n *\n * _.isBoolean(false);\n * // => true\n *\n * _.isBoolean(null);\n * // => false\n */\nfunction isBoolean(value) {\n  return value === true || value === false ||\n    (isObjectLike(value) && baseGetTag(value) == boolTag);\n}\n\nmodule.exports = isBoolean;\n","import React, { useState, useEffect, useCallback, useMemo, useRef, forwardRef } from 'react';\n\nimport isArray from 'lodash/isArray';\nimport isEmpty from 'lodash/isEmpty';\nimport isBoolean from 'lodash/isBoolean';\nimport isFunction from 'lodash/isFunction';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { TdTreeSelectProps, TreeSelectValue } from './type';\nimport { StyledProps, TreeOptionData } from '../common';\nimport useConfig from '../_util/useConfig';\nimport useDefault from '../_util/useDefault';\n\nimport Popup from '../popup';\nimport Tree, { TreeNodeModel, TreeNodeValue } from '../tree';\nimport TreeStore from '../_common/js/tree/tree-store';\n\nimport TreeSelectTags from './TreeSelectTags';\nimport TreeSelectInput from './TreeSelectInput';\nimport TreeSelectSuffix from './TreeSelectSuffix';\nimport useTreeSelectConfig from './useTreeSelectConfig';\n\nexport interface TreeSelectProps extends TdTreeSelectProps, StyledProps {}\n\nexport interface NodeOptions {\n  label: string;\n  value: string | number;\n}\n\nconst TreeSelect = forwardRef((props: TreeSelectProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className: treeSelectClassName,\n    style: treeSelectStyle,\n    disabled,\n    multiple,\n    prefixIcon,\n    valueType,\n    loading,\n    max,\n    treeProps,\n    empty,\n    data,\n    loadingText,\n    filter,\n    filterable,\n    onClear,\n  } = props;\n  const { classPrefix } = useConfig();\n\n  const popupRef = useRef(null);\n  const treeRef = useRef(null);\n  const inputRef = useRef(null);\n\n  const [visible, setVisible] = useState(false);\n  const [isHover, setIsHover] = useState(false);\n  const [focusing, setFocusing] = useState(false);\n  const [filterText, setFilterText] = useState('');\n  const [actived, setActived] = useState([]);\n  const [expanded, setExpanded] = useState([]);\n  const [nodeInfo, setNodeInfo] = useState(null);\n\n  const [value, onChange] = useDefault(props.value, props.defaultValue, props.onChange);\n\n  const { selectClassName, popupObject, popupClassName } = useTreeSelectConfig({ visible, ...props });\n\n  // 初始化 Tree 组件未渲染需要提供默认的树形数据结构\n  const defaultStore = new TreeStore({ ...treeProps });\n  defaultStore.append(data);\n  const defaultGetTreeItem = (value: TreeNodeValue) => {\n    const node = defaultStore.getNode(value);\n    return node?.getModel();\n  };\n\n  const selectedMultiple: Array<TreeSelectValue> = useMemo(() => {\n    if (multiple && isArray(value) && !isEmpty(value)) {\n      return value;\n    }\n    return [];\n  }, [multiple, value]);\n\n  const selectedSingle: string = useMemo(() => {\n    if (multiple) return '';\n\n    if (typeof value === 'undefined') {\n      return nodeInfo ? nodeInfo.label : '';\n    }\n\n    return nodeInfo ? nodeInfo.label : `${value}`;\n  }, [multiple, value, nodeInfo]);\n\n  const checked: any = useMemo(() => {\n    if (multiple) {\n      if (valueType === 'object') {\n        return isArray(value) ? value.map((item) => (item as NodeOptions).value) : [];\n      }\n      return isArray(value) ? value : [];\n    }\n    return [];\n  }, [multiple, valueType, value]);\n\n  const showLoading: boolean = useMemo(() => loading && !disabled, [loading, disabled]);\n\n  const showFilter: boolean = useMemo(() => {\n    if (disabled) {\n      return false;\n    }\n    if (!multiple && selectedSingle && (filterable || isFunction(filter))) {\n      return visible;\n    }\n    return filterable || isFunction(filter);\n  }, [disabled, multiple, selectedSingle, filterable, visible, filter]);\n\n  const multiLimitDisabled: boolean = useMemo(() => {\n    if (multiple && max && isArray(value) && max <= value.length) {\n      return true;\n    }\n    return false;\n  }, [multiple, max, value]);\n\n  const realLabel: string = useMemo(() => {\n    if (!isEmpty(treeProps) && !isEmpty(treeProps.keys)) {\n      return treeProps.keys.label || 'label';\n    }\n    return 'label';\n  }, [treeProps]);\n\n  const realValue: string = useMemo(() => {\n    if (!isEmpty(treeProps) && !isEmpty(treeProps.keys)) {\n      return treeProps.keys.value || 'value';\n    }\n    return 'value';\n  }, [treeProps]);\n\n  const tagList: Array<TreeSelectValue> = useMemo(() => {\n    if (nodeInfo && isArray(nodeInfo)) {\n      return nodeInfo.map((node) => node.label);\n    }\n    return selectedMultiple;\n  }, [nodeInfo, selectedMultiple]);\n\n  const filterByText = useCallback(\n    (node: TreeNodeModel<TreeOptionData>): boolean => {\n      if (isFunction(filter)) {\n        const filterValue: boolean | Promise<boolean> = filter(filterText, node);\n        if (isBoolean(filterValue)) {\n          return filterValue;\n        }\n      }\n      return node.data[realLabel].indexOf(filterText) >= 0;\n    },\n    [filterText, realLabel, filter],\n  );\n\n  useEffect(() => {\n    if (valueType === 'object') {\n      setActived(isArray(value) ? value.map((item) => (item as NodeOptions).value) : [(value as NodeOptions).value]);\n    } else {\n      setActived(isArray(value) ? value : [value]);\n    }\n    changeNodeInfo(value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, valueType]);\n\n  function handleClear(e: React.MouseEvent<SVGSVGElement>) {\n    e.stopPropagation();\n\n    const defaultValue: TreeSelectValue = multiple ? [] : '';\n    onChange?.(defaultValue, null);\n    setActived([]);\n    setFilterText('');\n    setNodeInfo(null);\n    onClear?.({ e });\n  }\n\n  function changeNodeInfo(value) {\n    if (!multiple && value) {\n      const nodeValue = valueType === 'object' ? (value as NodeOptions).value : value;\n      const node = treeRef.current?.getItem(nodeValue) || defaultGetTreeItem(nodeValue);\n      node ? setNodeInfo({ label: node.data[realLabel], value: node.data[realValue] }) : setNodeInfo(null);\n    } else if (multiple && isArray(value)) {\n      setNodeInfo(\n        value.map((value) => {\n          const nodeValue = valueType === 'object' ? (value as NodeOptions).value : value;\n          const node = treeRef.current?.getItem(nodeValue) || defaultGetTreeItem(nodeValue);\n          return node ? { label: node.data[realLabel], value: node.data[realValue] } : {};\n        }),\n      );\n    } else {\n      setNodeInfo(null);\n    }\n  }\n\n  function treeNodeChange(value: Array<TreeNodeValue>, context: { node: TreeNodeModel<TreeOptionData> }) {\n    let current: TreeSelectValue = value;\n    if (valueType === 'object') {\n      current = value.map((nodeValue) => {\n        const node = treeRef.current.getItem(nodeValue);\n        return { label: node.data[realLabel], value: node.data[realValue] };\n      });\n    }\n    onChange?.(current, context);\n  }\n\n  function treeNodeActive(value: Array<TreeNodeValue>, context: { node: TreeNodeModel<TreeOptionData> }) {\n    // 多选模式屏蔽 Active 事件\n    if (multiple) return;\n\n    const nodeValue = isEmpty(value) ? '' : value[0];\n    const node = treeRef.current.getItem(nodeValue);\n    let current: TreeSelectValue = nodeValue;\n\n    if (valueType === 'object' && node) {\n      current = { label: node.data[realLabel], value: node.data[realValue] };\n    }\n\n    onChange?.(current, context);\n    setFilterText('');\n    setVisible(false);\n  }\n\n  function treeNodeExpand(value: Array<TreeNodeValue>) {\n    setExpanded(value);\n  }\n\n  function popupVisibleChange(visible: boolean) {\n    if (focusing && !visible) {\n      setVisible(true);\n      return;\n    }\n    setVisible(visible);\n    if (showFilter && visible) {\n      inputRef.current?.focus();\n    }\n  }\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('treeSelect');\n  const emptyText = t(local.empty);\n  const loadingTextLabel = t(local.loadingText);\n\n  const treeItem = !loading && (\n    <Tree\n      ref={treeRef}\n      value={checked}\n      hover\n      expandAll\n      expandOnClickNode\n      data={data}\n      activable={!multiple}\n      checkable={multiple}\n      disabled={disabled || multiLimitDisabled}\n      empty={empty || <div className={`${classPrefix}-select-empty`}>{emptyText}</div>}\n      filter={filterByText}\n      actived={actived}\n      expanded={expanded}\n      activeMultiple={multiple}\n      onChange={treeNodeChange}\n      onActive={treeNodeActive}\n      onExpand={treeNodeExpand}\n      {...treeProps}\n    />\n  );\n\n  const loadingTip = showLoading && (\n    <p className={`${classPrefix}-select-loading-tips`}>\n      {loadingText || <div className={`${classPrefix}-select-empty`}>{loadingTextLabel}</div>}\n    </p>\n  );\n\n  return (\n    <div ref={ref} className={treeSelectClassName} style={treeSelectStyle}>\n      <Popup\n        ref={popupRef}\n        className={`${classPrefix}-select-popup-reference`}\n        visible={visible}\n        disabled={disabled}\n        placement={popupObject.placement}\n        trigger={popupObject.trigger}\n        overlayStyle={popupObject.overlayStyle}\n        overlayClassName={popupClassName}\n        onVisibleChange={popupVisibleChange}\n        content={\n          <>\n            {loadingTip}\n            {treeItem}\n          </>\n        }\n      >\n        <div\n          style={{ minHeight: 30 }}\n          className={selectClassName}\n          onMouseEnter={() => setIsHover(true)}\n          onMouseLeave={() => setIsHover(false)}\n        >\n          {prefixIcon && <span className={`${classPrefix}-select-left-icon`}>{prefixIcon}</span>}\n\n          <TreeSelectTags tagList={tagList} {...props} />\n\n          <TreeSelectInput\n            ref={inputRef}\n            visible={visible}\n            filterText={filterText}\n            selectedSingle={selectedSingle}\n            setFocusing={setFocusing}\n            setFilterText={setFilterText}\n            {...props}\n          />\n\n          <TreeSelectSuffix\n            visible={visible}\n            isHover={isHover}\n            showLoading={showLoading}\n            handleClear={handleClear}\n            {...props}\n          />\n        </div>\n      </Popup>\n    </div>\n  );\n});\n\nTreeSelect.displayName = 'TreeSelect';\n\nTreeSelect.defaultProps = {\n  clearable: false,\n  data: [],\n  disabled: false,\n  empty: '',\n  filterable: false,\n  loading: false,\n  loadingText: '',\n  max: 0,\n  multiple: false,\n  placeholder: '请输入',\n  size: 'medium',\n  valueType: 'value',\n  minCollapsedNum: 0,\n};\nexport default TreeSelect;\n"],"names":["baseGetTag","require$$0","isObjectLike","require$$1","boolTag","isBoolean","value","isBoolean_1","TreeSelect","forwardRef","props","ref","treeSelectClassName","className","treeSelectStyle","style","disabled","multiple","prefixIcon","valueType","loading","max","treeProps","empty","data","loadingText","filter","filterable","onClear","useConfig","classPrefix","popupRef","useRef","treeRef","inputRef","useState","visible","setVisible","isHover","setIsHover","focusing","setFocusing","filterText","setFilterText","actived","setActived","expanded","setExpanded","nodeInfo","setNodeInfo","useDefault","defaultValue","onChange","useTreeSelectConfig","selectClassName","popupObject","popupClassName","defaultStore","TreeStore","append","defaultGetTreeItem","value2","node","getNode","getModel","selectedMultiple","useMemo","isArray","isEmpty","selectedSingle","label","checked","map","item","showLoading","showFilter","isFunction","multiLimitDisabled","length","realLabel","keys","realValue","tagList","filterByText","useCallback","filterValue","indexOf","e","stopPropagation","nodeValue","current","getItem","value3","context","visible2","focus","useLocaleReceiver","local","t","emptyText","loadingTextLabel","treeItem","Tree","hover","expandAll","expandOnClickNode","activable","checkable","activeMultiple","treeNodeChange","onActive","treeNodeActive","onExpand","treeNodeExpand","loadingTip","Popup","placement","trigger","overlayStyle","overlayClassName","onVisibleChange","popupVisibleChange","content","minHeight","onMouseEnter","onMouseLeave","TreeSelectTags","TreeSelectInput","TreeSelectSuffix","handleClear","displayName","defaultProps","clearable","placeholder","size","minCollapsedNum"],"mappings":"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"}
+{"version":3,"file":"TreeSelect.js","sources":["../../node_modules/lodash/isBoolean.js","../../src/tree-select/TreeSelect.tsx"],"sourcesContent":["var baseGetTag = require('./_baseGetTag'),\n    isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar boolTag = '[object Boolean]';\n\n/**\n * Checks if `value` is classified as a boolean primitive or object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a boolean, else `false`.\n * @example\n *\n * _.isBoolean(false);\n * // => true\n *\n * _.isBoolean(null);\n * // => false\n */\nfunction isBoolean(value) {\n  return value === true || value === false ||\n    (isObjectLike(value) && baseGetTag(value) == boolTag);\n}\n\nmodule.exports = isBoolean;\n","import React, { useState, useEffect, useCallback, useMemo, useRef, forwardRef } from 'react';\n\nimport isArray from 'lodash/isArray';\nimport isEmpty from 'lodash/isEmpty';\nimport isBoolean from 'lodash/isBoolean';\nimport isFunction from 'lodash/isFunction';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { TdTreeSelectProps, TreeSelectValue } from './type';\nimport { StyledProps, TreeOptionData } from '../common';\nimport useConfig from '../_util/useConfig';\nimport useDefault from '../_util/useDefault';\n\nimport Popup from '../popup';\nimport Tree, { TreeNodeModel, TreeNodeValue } from '../tree';\nimport TreeStore from '../_common/js/tree/tree-store';\n\nimport TreeSelectTags from './TreeSelectTags';\nimport TreeSelectInput from './TreeSelectInput';\nimport TreeSelectSuffix from './TreeSelectSuffix';\nimport useTreeSelectConfig from './useTreeSelectConfig';\n\nexport interface TreeSelectProps extends TdTreeSelectProps, StyledProps {}\n\nexport interface NodeOptions {\n  label: string;\n  value: string | number;\n}\n\nconst TreeSelect = forwardRef((props: TreeSelectProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className: treeSelectClassName,\n    style: treeSelectStyle,\n    disabled,\n    multiple,\n    prefixIcon,\n    valueType,\n    loading,\n    max,\n    treeProps,\n    empty,\n    data,\n    loadingText,\n    filter,\n    filterable,\n    onClear,\n  } = props;\n  const { classPrefix } = useConfig();\n\n  const popupRef = useRef(null);\n  const treeRef = useRef(null);\n  const inputRef = useRef(null);\n\n  const [visible, setVisible] = useState(false);\n  const [isHover, setIsHover] = useState(false);\n  const [focusing, setFocusing] = useState(false);\n  const [filterText, setFilterText] = useState('');\n  const [actived, setActived] = useState([]);\n  const [expanded, setExpanded] = useState([]);\n  const [nodeInfo, setNodeInfo] = useState(null);\n\n  const [value, onChange] = useDefault(props.value, props.defaultValue, props.onChange);\n\n  const { selectClassName, popupObject, popupClassName } = useTreeSelectConfig({ visible, ...props });\n\n  // 初始化 Tree 组件未渲染需要提供默认的树形数据结构\n  const defaultStore = new TreeStore({ ...treeProps });\n  defaultStore.append(data);\n  const defaultGetTreeItem = (value: TreeNodeValue) => {\n    const node = defaultStore.getNode(value);\n    return node?.getModel();\n  };\n\n  const selectedMultiple: Array<TreeSelectValue> = useMemo(() => {\n    if (multiple && isArray(value) && !isEmpty(value)) {\n      return value;\n    }\n    return [];\n  }, [multiple, value]);\n\n  const selectedSingle: string = useMemo(() => {\n    if (multiple) return '';\n\n    if (typeof value === 'undefined') {\n      return nodeInfo ? nodeInfo.label : '';\n    }\n\n    return nodeInfo ? nodeInfo.label : `${value}`;\n  }, [multiple, value, nodeInfo]);\n\n  const checked: any = useMemo(() => {\n    if (multiple) {\n      if (valueType === 'object') {\n        return isArray(value) ? value.map((item) => (item as NodeOptions).value) : [];\n      }\n      return isArray(value) ? value : [];\n    }\n    return [];\n  }, [multiple, valueType, value]);\n\n  const showLoading: boolean = useMemo(() => loading && !disabled, [loading, disabled]);\n\n  const showFilter: boolean = useMemo(() => {\n    if (disabled) {\n      return false;\n    }\n    if (!multiple && selectedSingle && (filterable || isFunction(filter))) {\n      return visible;\n    }\n    return filterable || isFunction(filter);\n  }, [disabled, multiple, selectedSingle, filterable, visible, filter]);\n\n  const multiLimitDisabled: boolean = useMemo(() => {\n    if (multiple && max && isArray(value) && max <= value.length) {\n      return true;\n    }\n    return false;\n  }, [multiple, max, value]);\n\n  const realLabel: string = useMemo(() => {\n    if (!isEmpty(treeProps) && !isEmpty(treeProps.keys)) {\n      return treeProps.keys.label || 'label';\n    }\n    return 'label';\n  }, [treeProps]);\n\n  const realValue: string = useMemo(() => {\n    if (!isEmpty(treeProps) && !isEmpty(treeProps.keys)) {\n      return treeProps.keys.value || 'value';\n    }\n    return 'value';\n  }, [treeProps]);\n\n  const tagList: Array<TreeSelectValue> = useMemo(() => {\n    if (nodeInfo && isArray(nodeInfo)) {\n      return nodeInfo.map((node) => node.label);\n    }\n    return selectedMultiple;\n  }, [nodeInfo, selectedMultiple]);\n\n  const filterByText = useCallback(\n    (node: TreeNodeModel<TreeOptionData>): boolean => {\n      if (isFunction(filter)) {\n        const filterValue: boolean | Promise<boolean> = filter(filterText, node);\n        if (isBoolean(filterValue)) {\n          return filterValue;\n        }\n      }\n      return node.data[realLabel].indexOf(filterText) >= 0;\n    },\n    [filterText, realLabel, filter],\n  );\n\n  useEffect(() => {\n    if (valueType === 'object') {\n      setActived(isArray(value) ? value.map((item) => (item as NodeOptions).value) : [(value as NodeOptions).value]);\n    } else {\n      setActived(isArray(value) ? value : [value]);\n    }\n    changeNodeInfo(value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, valueType]);\n\n  function handleClear(e: React.MouseEvent<SVGSVGElement>) {\n    e.stopPropagation();\n\n    const defaultValue: TreeSelectValue = multiple ? [] : '';\n    onChange?.(defaultValue, null);\n    setActived([]);\n    setFilterText('');\n    setNodeInfo(null);\n    onClear?.({ e });\n  }\n\n  function changeNodeInfo(value) {\n    if (!multiple && value) {\n      const nodeValue = valueType === 'object' ? (value as NodeOptions).value : value;\n      const node = treeRef.current?.getItem(nodeValue) || defaultGetTreeItem(nodeValue);\n      node ? setNodeInfo({ label: node.data[realLabel], value: node.data[realValue] }) : setNodeInfo(null);\n    } else if (multiple && isArray(value)) {\n      setNodeInfo(\n        value.map((value) => {\n          const nodeValue = valueType === 'object' ? (value as NodeOptions).value : value;\n          const node = treeRef.current?.getItem(nodeValue) || defaultGetTreeItem(nodeValue);\n          return node ? { label: node.data[realLabel], value: node.data[realValue] } : {};\n        }),\n      );\n    } else {\n      setNodeInfo(null);\n    }\n  }\n\n  function treeNodeChange(value: Array<TreeNodeValue>, context: { node: TreeNodeModel<TreeOptionData> }) {\n    let current: TreeSelectValue = value;\n    if (valueType === 'object') {\n      current = value.map((nodeValue) => {\n        const node = treeRef.current.getItem(nodeValue);\n        return { label: node.data[realLabel], value: node.data[realValue] };\n      });\n    }\n    onChange?.(current, context);\n  }\n\n  function treeNodeActive(value: Array<TreeNodeValue>, context: { node: TreeNodeModel<TreeOptionData> }) {\n    // 多选模式屏蔽 Active 事件\n    if (multiple) return;\n\n    const nodeValue = isEmpty(value) ? '' : value[0];\n    const node = treeRef.current.getItem(nodeValue);\n    let current: TreeSelectValue = nodeValue;\n\n    if (valueType === 'object' && node) {\n      current = { label: node.data[realLabel], value: node.data[realValue] };\n    }\n\n    onChange?.(current, context);\n    setFilterText('');\n    setVisible(false);\n  }\n\n  function treeNodeExpand(value: Array<TreeNodeValue>) {\n    setExpanded(value);\n  }\n\n  function popupVisibleChange(visible: boolean) {\n    if (focusing && !visible) {\n      setVisible(true);\n      return;\n    }\n    setVisible(visible);\n    if (showFilter && visible) {\n      inputRef.current?.focus();\n    }\n  }\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('treeSelect');\n  const emptyText = t(local.empty);\n  const loadingTextLabel = t(local.loadingText);\n\n  const treeItem = !loading && (\n    <Tree\n      ref={treeRef}\n      value={checked}\n      hover\n      expandAll\n      expandOnClickNode\n      data={data}\n      activable={!multiple}\n      checkable={multiple}\n      disabled={disabled || multiLimitDisabled}\n      empty={empty || <div className={`${classPrefix}-select-empty`}>{emptyText}</div>}\n      filter={filterByText}\n      actived={actived}\n      expanded={expanded}\n      activeMultiple={multiple}\n      onChange={treeNodeChange}\n      onActive={treeNodeActive}\n      onExpand={treeNodeExpand}\n      {...treeProps}\n    />\n  );\n\n  const loadingTip = showLoading && (\n    <p className={`${classPrefix}-select-loading-tips`}>\n      {loadingText || <div className={`${classPrefix}-select-empty`}>{loadingTextLabel}</div>}\n    </p>\n  );\n\n  return (\n    <div ref={ref} className={treeSelectClassName} style={treeSelectStyle}>\n      <Popup\n        ref={popupRef}\n        className={`${classPrefix}-select-popup-reference`}\n        visible={visible}\n        disabled={disabled}\n        placement={popupObject.placement}\n        trigger={popupObject.trigger}\n        overlayStyle={popupObject.overlayStyle}\n        overlayClassName={popupClassName}\n        onVisibleChange={popupVisibleChange}\n        expandAnimation={true}\n        content={\n          <>\n            {loadingTip}\n            {treeItem}\n          </>\n        }\n      >\n        <div\n          style={{ minHeight: 30 }}\n          className={selectClassName}\n          onMouseEnter={() => setIsHover(true)}\n          onMouseLeave={() => setIsHover(false)}\n        >\n          {prefixIcon && <span className={`${classPrefix}-select-left-icon`}>{prefixIcon}</span>}\n\n          <TreeSelectTags tagList={tagList} {...props} />\n\n          <TreeSelectInput\n            ref={inputRef}\n            visible={visible}\n            filterText={filterText}\n            selectedSingle={selectedSingle}\n            setFocusing={setFocusing}\n            setFilterText={setFilterText}\n            {...props}\n          />\n\n          <TreeSelectSuffix\n            visible={visible}\n            isHover={isHover}\n            showLoading={showLoading}\n            handleClear={handleClear}\n            {...props}\n          />\n        </div>\n      </Popup>\n    </div>\n  );\n});\n\nTreeSelect.displayName = 'TreeSelect';\n\nTreeSelect.defaultProps = {\n  clearable: false,\n  data: [],\n  disabled: false,\n  empty: '',\n  filterable: false,\n  loading: false,\n  loadingText: '',\n  max: 0,\n  multiple: false,\n  placeholder: '请输入',\n  size: 'medium',\n  valueType: 'value',\n  minCollapsedNum: 0,\n};\nexport default TreeSelect;\n"],"names":["baseGetTag","require$$0","isObjectLike","require$$1","boolTag","isBoolean","value","isBoolean_1","TreeSelect","forwardRef","props","ref","treeSelectClassName","className","treeSelectStyle","style","disabled","multiple","prefixIcon","valueType","loading","max","treeProps","empty","data","loadingText","filter","filterable","onClear","useConfig","classPrefix","popupRef","useRef","treeRef","inputRef","useState","visible","setVisible","isHover","setIsHover","focusing","setFocusing","filterText","setFilterText","actived","setActived","expanded","setExpanded","nodeInfo","setNodeInfo","useDefault","defaultValue","onChange","useTreeSelectConfig","selectClassName","popupObject","popupClassName","defaultStore","TreeStore","append","defaultGetTreeItem","value2","node","getNode","getModel","selectedMultiple","useMemo","isArray","isEmpty","selectedSingle","label","checked","map","item","showLoading","showFilter","isFunction","multiLimitDisabled","length","realLabel","keys","realValue","tagList","filterByText","useCallback","filterValue","indexOf","e","stopPropagation","nodeValue","current","getItem","value3","context","visible2","focus","useLocaleReceiver","local","t","emptyText","loadingTextLabel","treeItem","Tree","hover","expandAll","expandOnClickNode","activable","checkable","activeMultiple","treeNodeChange","onActive","treeNodeActive","onExpand","treeNodeExpand","loadingTip","Popup","placement","trigger","overlayStyle","overlayClassName","onVisibleChange","popupVisibleChange","expandAnimation","content","minHeight","onMouseEnter","onMouseLeave","TreeSelectTags","TreeSelectInput","TreeSelectSuffix","handleClear","displayName","defaultProps","clearable","placeholder","size","minCollapsedNum"],"mappings":"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"}

package/cjs/tree-select/TreeSelectInput.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,27 +9,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var isEmpty = require('../_chunks/dep-35d0bd22.js');
-var isString = require('../_chunks/dep-3df5c5b3.js');
-var isFunction = require('../_chunks/dep-a3eb13e7.js');
+var isEmpty = require('../_chunks/dep-f5673783.js');
+var isString = require('../_chunks/dep-d8175c29.js');
+var isFunction = require('../_chunks/dep-5a49e892.js');
 var input_index = require('../input/index.js');
 var _util_useConfig = require('../_util/useConfig.js');
-require('../_chunks/dep-de1454af.js');
-require('../_chunks/dep-a67a7b7d.js');
-require('../_chunks/dep-abac90a1.js');
-require('../_chunks/dep-4662ee8b.js');
-require('../_chunks/dep-bbf1db9b.js');
-require('../_chunks/dep-753d11ad.js');
-require('../_chunks/dep-b7472311.js');
-require('../_chunks/dep-79f85966.js');
-require('../_chunks/dep-64a234c7.js');
-require('../_chunks/dep-7d18dcc4.js');
-require('../_chunks/dep-0ad6381b.js');
+require('../_chunks/dep-384ad0db.js');
+require('../_chunks/dep-6d489c03.js');
+require('../_chunks/dep-2de38d86.js');
+require('../_chunks/dep-5cfa0b20.js');
+require('../_chunks/dep-4e77303c.js');
+require('../_chunks/dep-427c5e72.js');
+require('../_chunks/dep-a548b63a.js');
+require('../_chunks/dep-2c2c2c72.js');
+require('../_chunks/dep-dbdd5aa8.js');
+require('../_chunks/dep-4eba1f75.js');
+require('../_chunks/dep-9599ca7e.js');
 require('../input/Input.js');
-require('../_chunks/dep-4c7f195b.js');
-require('../_chunks/dep-40a2cedf.js');
-require('../_chunks/dep-e8ae5c27.js');
-require('../_chunks/dep-3d292398.js');
+require('../_chunks/dep-fbba5228.js');
+require('../_chunks/dep-dd339118.js');
+require('../_chunks/dep-f0d47bb8.js');
+require('../_chunks/dep-a7d1b8f6.js');
 require('classnames');
 require('tdesign-icons-react');
 require('../_util/forwardRefWithStatics.js');

package/cjs/tree-select/TreeSelectSuffix.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -10,35 +10,37 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classNames = require('classnames');
-var isEmpty = require('../_chunks/dep-35d0bd22.js');
+var isEmpty = require('../_chunks/dep-f5673783.js');
 var tdesignIconsReact = require('tdesign-icons-react');
 var _util_useConfig = require('../_util/useConfig.js');
 var common_FakeArrow = require('../common/FakeArrow.js');
 var loading_index = require('../loading/index.js');
-require('../_chunks/dep-de1454af.js');
-require('../_chunks/dep-a67a7b7d.js');
-require('../_chunks/dep-abac90a1.js');
-require('../_chunks/dep-4662ee8b.js');
-require('../_chunks/dep-bbf1db9b.js');
-require('../_chunks/dep-753d11ad.js');
-require('../_chunks/dep-b7472311.js');
-require('../_chunks/dep-a3eb13e7.js');
-require('../_chunks/dep-79f85966.js');
-require('../_chunks/dep-64a234c7.js');
-require('../_chunks/dep-7d18dcc4.js');
-require('../_chunks/dep-0ad6381b.js');
+require('../_chunks/dep-384ad0db.js');
+require('../_chunks/dep-6d489c03.js');
+require('../_chunks/dep-2de38d86.js');
+require('../_chunks/dep-5cfa0b20.js');
+require('../_chunks/dep-4e77303c.js');
+require('../_chunks/dep-427c5e72.js');
+require('../_chunks/dep-a548b63a.js');
+require('../_chunks/dep-5a49e892.js');
+require('../_chunks/dep-2c2c2c72.js');
+require('../_chunks/dep-dbdd5aa8.js');
+require('../_chunks/dep-4eba1f75.js');
+require('../_chunks/dep-9599ca7e.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
-require('../_chunks/dep-4c7f195b.js');
+require('../_chunks/dep-fbba5228.js');
 require('../loading/loading.js');
-require('../_chunks/dep-40a2cedf.js');
-require('../_chunks/dep-e8ae5c27.js');
-require('react-dom');
+require('../_chunks/dep-dd339118.js');
+require('../_chunks/dep-f0d47bb8.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-3df5c5b3.js');
+require('../_chunks/dep-d8175c29.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/tree-select/TreeSelectSuffix.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelectSuffix.js","sources":["../../src/tree-select/TreeSelectSuffix.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport { TdTreeSelectProps, TreeSelectValue } from './type';\nimport useConfig from '../_util/useConfig';\nimport FakeArrow from '../common/FakeArrow';\nimport Loading from '../loading';\n\nexport interface TreeSelectSuffixProps extends TdTreeSelectProps {\n  visible: boolean;\n  isHover: boolean;\n  showLoading: boolean;\n  handleClear: React.MouseEventHandler<SVGSVGElement>;\n}\n\nexport default function TreeSelectSuffix(props: TreeSelectSuffixProps) {\n  const { visible, isHover, handleClear, showLoading, clearable, multiple, value, disabled, size } = props;\n  const { classPrefix } = useConfig();\n\n  const showArrow: boolean = useMemo(\n    () =>\n      !clearable ||\n      !isHover ||\n      disabled ||\n      (!multiple && !value && value !== 0) ||\n      (multiple && Array.isArray(value) && isEmpty(value)),\n    [clearable, isHover, disabled, multiple, value],\n  );\n\n  const showClose: boolean = useMemo(\n    () =>\n      clearable &&\n      isHover &&\n      !disabled &&\n      ((!multiple && (!!value || value === 0)) || (multiple && !isEmpty(value as Array<TreeSelectValue>))),\n    [clearable, isHover, disabled, multiple, value],\n  );\n\n  return (\n    <>\n      {showArrow && !showLoading && (\n        <FakeArrow overlayClassName={`${classPrefix}-select-right-icon`} isActive={visible} disabled={disabled} />\n      )}\n      {showClose && !showLoading && (\n        <CloseCircleFilledIcon\n          className={`${classPrefix}-select-right-icon ${classPrefix}-select-right-icon__clear`}\n          size={size}\n          onClick={handleClear}\n        />\n      )}\n      {showLoading && (\n        <Loading\n          loading={true}\n          className={classNames(`${classPrefix}-select-right-icon`, `${classPrefix}-select-active-icon`)}\n          size=\"small\"\n        />\n      )}\n    </>\n  );\n}\n"],"names":["props","visible","isHover","handleClear","showLoading","clearable","multiple","value","disabled","size","useConfig","classPrefix","showArrow","useMemo","Array","isArray","isEmpty","showClose","FakeArrow","overlayClassName","isActive","CloseCircleFilledIcon","className","onClick","Loading","loading","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiByCA,OAA8B;MAC7DC,UAA2FD,MAA3FC;MAASC,UAAkFF,MAAlFE;MAASC,cAAyEH,MAAzEG;MAAaC,cAA4DJ,MAA5DI;MAAaC,YAA+CL,MAA/CK;MAAWC,WAAoCN,MAApCM;MAAUC,QAA0BP,MAA1BO;MAAOC,WAAmBR,MAAnBQ;MAAUC,OAAST,MAATS;;mBAClEC;MAAhBC,yBAAAA;;MAEFC,YAAqBC,cACzB;AAAA,WACE,CAACR,SAAD,IACA,CAACH,OADD,IAEAM,QAFA,IAGC,CAACF,QAAD,IAAa,CAACC,KAAd,IAAuBA,UAAU,CAHlC,IAICD,YAAYQ,MAAMC,OAAN,CAAcR,KAAd,CAAZ,IAAoCS,kBAAQT,MAL/C;AAAA,KAMA,CAACF,SAAD,EAAYH,OAAZ,EAAqBM,QAArB,EAA+BF,QAA/B,EAAyCC,KAAzC;MAGIU,YAAqBJ,cACzB;AAAA,WACER,aACAH,OADA,IAEA,CAACM,QAFD,MAGGF,cAAc,CAACC,SAASA,UAAU,MAAQD,YAAY,CAACU,kBAAQT,MAHlE,CADF;AAAA,KAKA,CAACF,SAAD,EAAYH,OAAZ,EAAqBM,QAArB,EAA+BF,QAA/B,EAAyCC,KAAzC;0GAKGK,aAAa,CAACR,WAAd,2DACEc,6BAAD;AAAWC,IAAAA,4BAAqBR,kCAAhC;AAAiES,IAAAA,UAAUnB,OAA3E;AAAoFO,IAAAA,UAAAA;AAApF,MAEDS,aAAa,CAACb,WAAd,2DACEiB,yCAAD;AACEC,IAAAA,qBAAcX,2CAAiCA,yCADjD;AAEEF,IAAAA,MAAAA,IAFF;AAGEc,IAAAA,SAASpB;AAHX,MAMDC,sEACEoB,uBAAD;AACEC,IAAAA,SAAS,IADX;AAEEH,IAAAA,WAAWI,yCAAcf,8CAAoCA,oCAF/D;AAGEF,IAAAA,MAAK;AAHP;;;;;"}
+{"version":3,"file":"TreeSelectSuffix.js","sources":["../../src/tree-select/TreeSelectSuffix.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport { TdTreeSelectProps, TreeSelectValue } from './type';\nimport useConfig from '../_util/useConfig';\nimport FakeArrow from '../common/FakeArrow';\nimport Loading from '../loading';\n\nexport interface TreeSelectSuffixProps extends TdTreeSelectProps {\n  visible: boolean;\n  isHover: boolean;\n  showLoading: boolean;\n  handleClear: React.MouseEventHandler<SVGSVGElement>;\n}\n\nexport default function TreeSelectSuffix(props: TreeSelectSuffixProps) {\n  const { visible, isHover, handleClear, showLoading, clearable, multiple, value, disabled, size } = props;\n  const { classPrefix } = useConfig();\n\n  const showArrow: boolean = useMemo(\n    () =>\n      !clearable ||\n      !isHover ||\n      disabled ||\n      (!multiple && !value && value !== 0) ||\n      (multiple && Array.isArray(value) && isEmpty(value)),\n    [clearable, isHover, disabled, multiple, value],\n  );\n\n  const showClose: boolean = useMemo(\n    () =>\n      clearable &&\n      isHover &&\n      !disabled &&\n      ((!multiple && (!!value || value === 0)) || (multiple && !isEmpty(value as Array<TreeSelectValue>))),\n    [clearable, isHover, disabled, multiple, value],\n  );\n\n  return (\n    <>\n      {showArrow && !showLoading && (\n        <FakeArrow overlayClassName={`${classPrefix}-select-right-icon`} isActive={visible} disabled={disabled} />\n      )}\n      {showClose && !showLoading && (\n        <CloseCircleFilledIcon\n          className={`${classPrefix}-select-right-icon ${classPrefix}-select-right-icon__clear`}\n          size={size}\n          onClick={handleClear}\n        />\n      )}\n      {showLoading && (\n        <Loading\n          loading={true}\n          className={classNames(`${classPrefix}-select-right-icon`, `${classPrefix}-select-active-icon`)}\n          size=\"small\"\n        />\n      )}\n    </>\n  );\n}\n"],"names":["props","visible","isHover","handleClear","showLoading","clearable","multiple","value","disabled","size","useConfig","classPrefix","showArrow","useMemo","Array","isArray","isEmpty","showClose","FakeArrow","overlayClassName","isActive","CloseCircleFilledIcon","className","onClick","Loading","loading","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiByCA,OAA8B;MAC7DC,UAA2FD,MAA3FC;MAASC,UAAkFF,MAAlFE;MAASC,cAAyEH,MAAzEG;MAAaC,cAA4DJ,MAA5DI;MAAaC,YAA+CL,MAA/CK;MAAWC,WAAoCN,MAApCM;MAAUC,QAA0BP,MAA1BO;MAAOC,WAAmBR,MAAnBQ;MAAUC,OAAST,MAATS;;mBAClEC;MAAhBC,yBAAAA;;MAEFC,YAAqBC,cACzB;AAAA,WACE,CAACR,SAAD,IACA,CAACH,OADD,IAEAM,QAFA,IAGC,CAACF,QAAD,IAAa,CAACC,KAAd,IAAuBA,UAAU,CAHlC,IAICD,YAAYQ,MAAMC,OAAN,CAAcR,KAAd,CAAZ,IAAoCS,kBAAQT,MAL/C;AAAA,KAMA,CAACF,SAAD,EAAYH,OAAZ,EAAqBM,QAArB,EAA+BF,QAA/B,EAAyCC,KAAzC;MAGIU,YAAqBJ,cACzB;AAAA,WACER,aACAH,OADA,IAEA,CAACM,QAFD,MAGGF,cAAc,CAACC,SAASA,UAAU,MAAQD,YAAY,CAACU,kBAAQT,MAHlE,CADF;AAAA,KAKA,CAACF,SAAD,EAAYH,OAAZ,EAAqBM,QAArB,EAA+BF,QAA/B,EAAyCC,KAAzC;0GAKGK,aAAa,CAACR,WAAd,2DACEc,6BAAD;AAAWC,IAAAA,4BAAqBR,kCAAhC;AAAiES,IAAAA,UAAUnB,OAA3E;AAAoFO,IAAAA,UAAAA;AAApF,MAEDS,aAAa,CAACb,WAAd,2DACEiB,yCAAD;AACEC,IAAAA,qBAAcX,2CAAiCA,yCADjD;AAEEF,IAAAA,MAAAA,IAFF;AAGEc,IAAAA,SAASpB;AAHX,MAMDC,sEACEoB,uBAAD;AACEC,IAAAA,SAAS,IADX;AAEEH,IAAAA,WAAWI,yCAAcf,8CAAoCA,oCAF/D;AAGEF,IAAAA,MAAK;AAHP;;;;;"}

package/cjs/tree-select/TreeSelectTags.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var tag_index = require('../tag/index.js');
 require('../tag/Tag.js');
-require('../_chunks/dep-4c7f195b.js');
-require('../_chunks/dep-3d292398.js');
+require('../_chunks/dep-fbba5228.js');
+require('../_chunks/dep-a7d1b8f6.js');
 require('classnames');
 require('tdesign-icons-react');
 require('../_util/noop.js');
@@ -22,8 +22,8 @@ require('../_util/useConfig.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../tag/CheckTag.js');
-require('../_chunks/dep-40a2cedf.js');
-require('../_chunks/dep-e8ae5c27.js');
+require('../_chunks/dep-dd339118.js');
+require('../_chunks/dep-f0d47bb8.js');
 require('../_util/useDefault.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/tree-select/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,23 +9,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var treeSelect_TreeSelect = require('./TreeSelect.js');
-require('../_chunks/dep-4c7f195b.js');
-require('../_chunks/dep-40a2cedf.js');
-require('../_chunks/dep-e8ae5c27.js');
+require('../_chunks/dep-fbba5228.js');
+require('../_chunks/dep-dd339118.js');
+require('../_chunks/dep-f0d47bb8.js');
 require('react');
-require('../_chunks/dep-7d18dcc4.js');
-require('../_chunks/dep-35d0bd22.js');
-require('../_chunks/dep-de1454af.js');
-require('../_chunks/dep-a67a7b7d.js');
-require('../_chunks/dep-abac90a1.js');
-require('../_chunks/dep-4662ee8b.js');
-require('../_chunks/dep-bbf1db9b.js');
-require('../_chunks/dep-753d11ad.js');
-require('../_chunks/dep-b7472311.js');
-require('../_chunks/dep-a3eb13e7.js');
-require('../_chunks/dep-79f85966.js');
-require('../_chunks/dep-64a234c7.js');
-require('../_chunks/dep-0ad6381b.js');
+require('../_chunks/dep-4eba1f75.js');
+require('../_chunks/dep-f5673783.js');
+require('../_chunks/dep-384ad0db.js');
+require('../_chunks/dep-6d489c03.js');
+require('../_chunks/dep-2de38d86.js');
+require('../_chunks/dep-5cfa0b20.js');
+require('../_chunks/dep-4e77303c.js');
+require('../_chunks/dep-427c5e72.js');
+require('../_chunks/dep-a548b63a.js');
+require('../_chunks/dep-5a49e892.js');
+require('../_chunks/dep-2c2c2c72.js');
+require('../_chunks/dep-dbdd5aa8.js');
+require('../_chunks/dep-9599ca7e.js');
 require('../locale/LocalReceiver.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
@@ -34,17 +34,18 @@ require('../_util/useDefault.js');
 require('../_util/noop.js');
 require('../popup/index.js');
 require('../popup/Popup.js');
+require('react-transition-group');
 require('classnames');
 require('react-popper');
 require('../_util/composeRefs.js');
 require('../_util/usePrevious.js');
 require('../popup/Portal.js');
 require('react-dom');
-require('../popup/useTriggerProps.js');
+require('../popup/hooks/useTriggerProps.js');
 require('../_util/useClickOutside.js');
+require('../popup/hooks/usePopupCssTransition.js');
 require('../tree/index.js');
 require('../tree/Tree.js');
-require('react-transition-group');
 require('../_util/usePersistFn.js');
 require('../tree/useTreeConfig.js');
 require('../tree/useControllable.js');
@@ -54,38 +55,44 @@ require('../loading/index.js');
 require('../loading/loading.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-3df5c5b3.js');
+require('../_chunks/dep-d8175c29.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../checkbox/index.js');
-require('../_chunks/dep-565ea508.js');
+require('../_chunks/dep-7f57e785.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
-require('../_chunks/dep-3d292398.js');
+require('../_chunks/dep-a7d1b8f6.js');
 require('../_util/helper.js');
-require('../_chunks/dep-e02361d3.js');
-require('../_chunks/dep-123db6f2.js');
-require('../_chunks/dep-857a0a77.js');
-require('../_chunks/dep-077799eb.js');
-require('../_chunks/dep-d8e0635d.js');
-require('../_chunks/dep-734fb7d2.js');
+require('../_chunks/dep-0525f34d.js');
+require('../_chunks/dep-ae29c664.js');
+require('../_chunks/dep-2873875d.js');
+require('../_chunks/dep-4d4efab8.js');
+require('../_chunks/dep-fd96bea4.js');
+require('../_chunks/dep-60cb7895.js');
 require('../tree/useStore.js');
-require('../_chunks/dep-56da0f72.js');
-require('../_chunks/dep-cf31b2b3.js');
-require('../_chunks/dep-105f015c.js');
-require('../_chunks/dep-cba23ce0.js');
-require('../_chunks/dep-001c9c2f.js');
-require('../_chunks/dep-ab1a9f53.js');
-require('../_chunks/dep-7f0d9b78.js');
-require('../_chunks/dep-70d71bfa.js');
-require('../_chunks/dep-e2b00dfe.js');
-require('../_chunks/dep-7c5c4bf2.js');
-require('../_chunks/dep-90f7aaf9.js');
-require('../_chunks/dep-24c744c5.js');
-require('../_chunks/dep-b8275f56.js');
+require('../_chunks/dep-772d855d.js');
+require('../_chunks/dep-93e03f23.js');
+require('../_chunks/dep-ada8f452.js');
+require('../_chunks/dep-28699fc0.js');
+require('../_chunks/dep-2a905675.js');
+require('../_chunks/dep-8a9515d6.js');
+require('../_chunks/dep-9f8923ad.js');
+require('../_chunks/dep-b044e728.js');
+require('../_chunks/dep-fc7474f3.js');
+require('../_chunks/dep-fbd61a42.js');
+require('../_chunks/dep-86b4ddf1.js');
+require('../_chunks/dep-8a768e1e.js');
+require('../_chunks/dep-4750d49c.js');
+require('../_chunks/dep-c723fb56.js');
+require('../_chunks/dep-2d9ab6ea.js');
+require('../_chunks/dep-2f84db4a.js');
+require('../_chunks/dep-918f25d4.js');
 require('../_util/useUpdateEffect.js');
 require('./TreeSelectTags.js');
 require('../tag/index.js');

package/cjs/tree-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tree-select/index.ts"],"sourcesContent":["import _TreeSelect from './TreeSelect';\n\nimport './style/index.js';\n\nexport type { TreeSelectProps } from './TreeSelect';\nexport * from './type';\n\nexport const TreeSelect = _TreeSelect;\nexport default TreeSelect;\n"],"names":["TreeSelect","_TreeSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAaC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tree-select/index.ts"],"sourcesContent":["import _TreeSelect from './TreeSelect';\n\nimport './style/index.js';\n\nexport type { TreeSelectProps } from './TreeSelect';\nexport * from './type';\n\nexport const TreeSelect = _TreeSelect;\nexport default TreeSelect;\n"],"names":["TreeSelect","_TreeSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAaC;;;;;"}

package/cjs/tree-select/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { PopupProps } from '../popup';
 import { TreeProps, TreeNodeModel } from '../tree';
@@ -112,7 +112,7 @@ export interface TdTreeSelectProps<DataOption extends TreeOptionData = TreeOptio
         onClose: () => void;
     }>;
     /**
-     * 用于控制选中值的类型。假设数据选项为：[{ label: '姓名', value: 'name' }]，value 表示值仅返回数据选项中的 value， object 表示值返回全部数据
+     * 用于控制选中值的类型。假设数据选项为：`[{ label: '姓名', value: 'name' }]`，value 表示值仅返回数据选项中的 value， object 表示值返回全部数据
      * @default value
      */
     valueType?: 'value' | 'object';

package/cjs/tree-select/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/cjs/tree-select/useTreeSelectConfig.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-4c7f195b.js');
+var defineProperty = require('../_chunks/dep-fbba5228.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');

package/cjs/upload/boolean-render.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+export interface BooleanRenderProps {
+    falseRender?: () => ReactNode;
+    boolExpression?: boolean;
+}
+declare const BooleanRender: FC<BooleanRenderProps>;
+export default BooleanRender;

package/cjs/upload/boolean-render.js

@@ -0,0 +1,28 @@
+/**
+ * tdesign v0.20.2
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var BooleanRender = function BooleanRender(props) {
+  var children = props.children,
+      boolExpression = props.boolExpression,
+      _props$falseRender = props.falseRender,
+      falseRender = _props$falseRender === void 0 ? function () {
+    return null;
+  } : _props$falseRender;
+  return /* @__PURE__ */React__default["default"].createElement(React.Fragment, null, boolExpression ? children : falseRender());
+};
+
+exports["default"] = BooleanRender;
+//# sourceMappingURL=boolean-render.js.map

package/cjs/upload/boolean-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-render.js","sources":["../../src/upload/boolean-render.tsx"],"sourcesContent":["import React, { FC, Fragment, ReactNode } from 'react';\n\nexport interface BooleanRenderProps {\n  falseRender?: () => ReactNode;\n  boolExpression?: boolean;\n}\n\nconst BooleanRender: FC<BooleanRenderProps> = (props) => {\n  const { children, boolExpression, falseRender = () => null } = props;\n\n  return <Fragment>{boolExpression ? children : falseRender()}</Fragment>;\n};\n\nexport default BooleanRender;\n"],"names":["BooleanRender","props","children","boolExpression","falseRender","Fragment"],"mappings":";;;;;;;;;;;;;;;;IAOMA,gBAAwC,SAAxCA,aAAwC,CAACC,KAAD,EAAW;MAC/CC,WAAuDD,MAAvDC;MAAUC,iBAA6CF,MAA7CE;2BAA6CF,MAA7BG;MAAAA,8CAAc;AAAA,WAAM,IAAN;AAAA;gEAExCC,gBAAD,MAAWF,iBAAiBD,WAAWE;;;;;"}

package/cjs/upload/dragger.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,36 +8,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../_chunks/dep-40a2cedf.js');
+var slicedToArray = require('../_chunks/dep-dd339118.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
 var upload_themes_draggerProgress = require('./themes/dragger-progress.js');
-require('../_chunks/dep-e8ae5c27.js');
+require('../_chunks/dep-f0d47bb8.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('tdesign-icons-react');
 require('../button/index.js');
 require('../button/Button.js');
-require('../_chunks/dep-4c7f195b.js');
-require('../_chunks/dep-3d292398.js');
+require('../_chunks/dep-fbba5228.js');
+require('../_chunks/dep-a7d1b8f6.js');
 require('../_util/noop.js');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../loading/index.js');
 require('../loading/loading.js');
-require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-3df5c5b3.js');
-require('../_chunks/dep-a67a7b7d.js');
-require('../_chunks/dep-abac90a1.js');
-require('../_chunks/dep-7d18dcc4.js');
-require('../_chunks/dep-bbf1db9b.js');
+require('../_chunks/dep-d8175c29.js');
+require('../_chunks/dep-6d489c03.js');
+require('../_chunks/dep-2de38d86.js');
+require('../_chunks/dep-4eba1f75.js');
+require('../_chunks/dep-4e77303c.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 require('./util.js');
-require('../_chunks/dep-90f7aaf9.js');
+require('../_chunks/dep-c723fb56.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -62,7 +64,7 @@ var Dragger = function Dragger(props) {
   var classes = classNames__default["default"]("".concat(classPrefix, "-upload__dragger"), !file ? "".concat(classPrefix, "-upload__dragger-center") : "", (file === null || file === void 0 ? void 0 : file.status) === "fail" ? "".concat(classPrefix, "-upload__dragger-error") : "");
   var defaultDragElement = React__default["default"].useMemo(function () {
     var unActiveElement = /* @__PURE__ */React__default["default"].createElement("div", null, /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(classPrefix, "-upload__highlight")
+      className: "".concat(classPrefix, "-upload--highlight")
     }, "\u70B9\u51FB\u4E0A\u4F20"), /* @__PURE__ */React__default["default"].createElement("span", null, "\xA0\xA0/\xA0\xA0\u62D6\u62FD\u5230\u6B64\u533A\u57DF"));
     var activeElement = /* @__PURE__ */React__default["default"].createElement("div", null, "\u91CA\u653E\u9F20\u6807");
     return dragActive ? activeElement : unActiveElement;

package/cjs/upload/dragger.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragger.js","sources":["../../src/upload/dragger.tsx"],"sourcesContent":["import React, { FC, useState, DragEvent } from 'react';\nimport classNames from 'classnames';\nimport { TNode } from '../common';\nimport { TriggerContext, UploadFile, UploadRemoveContext } from './type';\nimport useConfig from '../_util/useConfig';\nimport DraggerProgress from './themes/dragger-progress';\n\nexport interface DraggerProps {\n  file?: UploadFile;\n  display?: string;\n  trigger?: string | TNode<TriggerContext>;\n  onCancel?: () => void;\n  onTrigger?: () => void;\n  onRemove?: (context: UploadRemoveContext) => void;\n  onUpload?: (uploadFile: UploadFile) => void;\n  onChange?: (files: FileList) => void;\n  onDragenter?: (e: DragEvent) => void;\n  onDragleave?: (e: DragEvent) => void;\n}\n\nconst Dragger: FC<DraggerProps> = (props) => {\n  const { file, display, onUpload, onRemove } = props;\n  const { classPrefix } = useConfig();\n  const [dragActive, setDragActive] = useState(false);\n  const target = React.useRef();\n\n  const classes = classNames(\n    `${classPrefix}-upload__dragger`,\n    !file ? `${classPrefix}-upload__dragger-center` : '',\n    file?.status === 'fail' ? `${classPrefix}-upload__dragger-error` : '',\n  );\n\n  const defaultDragElement = React.useMemo(() => {\n    const unActiveElement = (\n      <div>\n        <span className={`${classPrefix}-upload__highlight`}>点击上传</span>\n        <span>&nbsp;&nbsp;/&nbsp;&nbsp;拖拽到此区域</span>\n      </div>\n    );\n    const activeElement = <div>释放鼠标</div>;\n    return dragActive ? activeElement : unActiveElement;\n  }, [classPrefix, dragActive]);\n\n  const dragElement = React.useMemo(() => {\n    let content: React.ReactNode;\n    if (file && display !== 'custom') {\n      content = (\n        <DraggerProgress\n          onRemove={onRemove}\n          display={display}\n          onTrigger={props.onTrigger}\n          file={file}\n          onUpload={() => {\n            onUpload?.(file);\n          }}\n        />\n      );\n    } else {\n      content = (\n        <div className={`${classPrefix}-upload__trigger`} onClick={props.onTrigger}>\n          {props.children || defaultDragElement}\n        </div>\n      );\n    }\n\n    return content;\n  }, [classPrefix, defaultDragElement, display, file, onRemove, onUpload, props.children, props.onTrigger]);\n\n  const handleDrop = (event: DragEvent) => {\n    event.preventDefault();\n    props.onChange?.(event.dataTransfer.files);\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragenter = (event: DragEvent) => {\n    event.preventDefault();\n    props.onDragenter?.(event);\n    setDragActive(true);\n  };\n\n  const handleDragleave = (event: DragEvent) => {\n    if (!target.current) return;\n    event.preventDefault();\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragover = (event: DragEvent) => {\n    event.preventDefault();\n  };\n\n  return (\n    <div\n      ref={target}\n      className={classes}\n      onDrop={handleDrop}\n      onDragEnter={handleDragenter}\n      onDragOver={handleDragover}\n      onDragLeave={handleDragleave}\n    >\n      {dragElement}\n    </div>\n  );\n};\n\nexport default Dragger;\n"],"names":["Dragger","props","file","display","onUpload","onRemove","useConfig","classPrefix","useState","dragActive","setDragActive","target","React","useRef","classes","classNames","status","defaultDragElement","useMemo","unActiveElement","className","activeElement","dragElement","content","DraggerProgress","onTrigger","onClick","children","handleDrop","event","preventDefault","onChange","dataTransfer","files","onDragleave","handleDragenter","onDragenter","handleDragleave","current","handleDragover","ref","onDrop","onDragEnter","onDragOver","onDragLeave"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoBMA,UAA4B,SAA5BA,OAA4B,CAACC,KAAD,EAAW;MACnCC,OAAsCD,MAAtCC;MAAMC,UAAgCF,MAAhCE;MAASC,YAAuBH,MAAvBG;MAAUC,WAAaJ,MAAbI;;mBACTC;MAAhBC,yBAAAA;;kBAC4BC,eAAS;;MAAtCC;MAAYC;;MACbC,SAASC,0BAAMC,MAAN;MAETC,UAAUC,yCACXR,kCACH,CAACL,IAAD,aAAWK,WAAX,+BAAkD,IAClD,CAAAL,aAAA,IAAAA,eAAA,YAAAA,KAAMc,MAAN,MAAiB,MAAjB,aAA6BT,WAA7B,8BAAmE;MAG/DU,qBAAqBL,0BAAMM,OAAN,CAAc,YAAM;QACvCC,yEACH,OAAD,6DACG,QAAD;AAAMC,MAAAA,qBAAcb;AAApB,OAAqD,oFACpD,QAAD,MAAM;QAGJc,uEAAiB,OAAD,MAAK;WACpBZ,aAAaY,gBAAgBF;GARX,EASxB,CAACZ,WAAD,EAAcE,UAAd,CATwB;MAWrBa,cAAcV,0BAAMM,OAAN,CAAc,YAAM;QAClCK;;QACArB,QAAQC,YAAY,UAAU;uEAE7BqB,0CAAD;AACEnB,QAAAA,UAAAA,QADF;AAEEF,QAAAA,SAAAA,OAFF;AAGEsB,QAAAA,WAAWxB,MAAMwB,SAHnB;AAIEvB,QAAAA,MAAAA,IAJF;AAKEE,QAAAA,UAAU,oBAAM;0EACHF;;AANf;WAUG;uEAEF,OAAD;AAAKkB,QAAAA,qBAAcb,gCAAnB;AAAkDmB,QAAAA,SAASzB,MAAMwB;AAAjE,SACGxB,MAAM0B,QAAN,IAAkBV;;;WAKlBM;GAtBW,EAuBjB,CAAChB,WAAD,EAAcU,kBAAd,EAAkCd,OAAlC,EAA2CD,IAA3C,EAAiDG,QAAjD,EAA2DD,SAA3D,EAAqEH,MAAM0B,QAA3E,EAAqF1B,MAAMwB,SAA3F,CAvBiB;;MAyBdG,aAAa,SAAbA,UAAa,CAACC,KAAD,EAAsB;AAAA;;UACjCC;6BACAC,wFAAWF,MAAMG,YAAN,CAAmBC;gCAC9BC,iGAAcL;kBACN;;;MAGVM,kBAAkB,SAAlBA,eAAkB,CAACN,KAAD,EAAsB;AAAA;;UACtCC;gCACAM,iGAAcP;kBACN;;;MAGVQ,kBAAkB,SAAlBA,eAAkB,CAACR,KAAD,EAAsB;AAAA;;QACxC,CAAClB,OAAO2B;UACNR;iCACAI,mGAAcL;kBACN;;;MAGVU,iBAAiB,SAAjBA,cAAiB,CAACV,KAAD,EAAsB;UACrCC;;;gEAIL,OAAD;AACEU,IAAAA,KAAK7B,MADP;AAEES,IAAAA,WAAWN,OAFb;AAGE2B,IAAAA,QAAQb,UAHV;AAIEc,IAAAA,aAAaP,eAJf;AAKEQ,IAAAA,YAAYJ,cALd;AAMEK,IAAAA,aAAaP;AANf,KAQGf;;;;;"}
+{"version":3,"file":"dragger.js","sources":["../../src/upload/dragger.tsx"],"sourcesContent":["import React, { FC, useState, DragEvent } from 'react';\nimport classNames from 'classnames';\nimport { TNode } from '../common';\nimport { TriggerContext, UploadFile, UploadRemoveContext } from './type';\nimport useConfig from '../_util/useConfig';\nimport DraggerProgress from './themes/dragger-progress';\n\nexport interface DraggerProps {\n  file?: UploadFile;\n  display?: string;\n  trigger?: string | TNode<TriggerContext>;\n  onCancel?: () => void;\n  onTrigger?: () => void;\n  onRemove?: (context: UploadRemoveContext) => void;\n  onUpload?: (uploadFile: UploadFile) => void;\n  onChange?: (files: FileList) => void;\n  onDragenter?: (e: DragEvent) => void;\n  onDragleave?: (e: DragEvent) => void;\n}\n\nconst Dragger: FC<DraggerProps> = (props) => {\n  const { file, display, onUpload, onRemove } = props;\n  const { classPrefix } = useConfig();\n  const [dragActive, setDragActive] = useState(false);\n  const target = React.useRef();\n\n  const classes = classNames(\n    `${classPrefix}-upload__dragger`,\n    !file ? `${classPrefix}-upload__dragger-center` : '',\n    file?.status === 'fail' ? `${classPrefix}-upload__dragger-error` : '',\n  );\n\n  const defaultDragElement = React.useMemo(() => {\n    const unActiveElement = (\n      <div>\n        <span className={`${classPrefix}-upload--highlight`}>点击上传</span>\n        <span>&nbsp;&nbsp;/&nbsp;&nbsp;拖拽到此区域</span>\n      </div>\n    );\n    const activeElement = <div>释放鼠标</div>;\n    return dragActive ? activeElement : unActiveElement;\n  }, [classPrefix, dragActive]);\n\n  const dragElement = React.useMemo(() => {\n    let content: React.ReactNode;\n    if (file && display !== 'custom') {\n      content = (\n        <DraggerProgress\n          onRemove={onRemove}\n          display={display}\n          onTrigger={props.onTrigger}\n          file={file}\n          onUpload={() => {\n            onUpload?.(file);\n          }}\n        />\n      );\n    } else {\n      content = (\n        <div className={`${classPrefix}-upload__trigger`} onClick={props.onTrigger}>\n          {props.children || defaultDragElement}\n        </div>\n      );\n    }\n\n    return content;\n  }, [classPrefix, defaultDragElement, display, file, onRemove, onUpload, props.children, props.onTrigger]);\n\n  const handleDrop = (event: DragEvent) => {\n    event.preventDefault();\n    props.onChange?.(event.dataTransfer.files);\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragenter = (event: DragEvent) => {\n    event.preventDefault();\n    props.onDragenter?.(event);\n    setDragActive(true);\n  };\n\n  const handleDragleave = (event: DragEvent) => {\n    if (!target.current) return;\n    event.preventDefault();\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragover = (event: DragEvent) => {\n    event.preventDefault();\n  };\n\n  return (\n    <div\n      ref={target}\n      className={classes}\n      onDrop={handleDrop}\n      onDragEnter={handleDragenter}\n      onDragOver={handleDragover}\n      onDragLeave={handleDragleave}\n    >\n      {dragElement}\n    </div>\n  );\n};\n\nexport default Dragger;\n"],"names":["Dragger","props","file","display","onUpload","onRemove","useConfig","classPrefix","useState","dragActive","setDragActive","target","React","useRef","classes","classNames","status","defaultDragElement","useMemo","unActiveElement","className","activeElement","dragElement","content","DraggerProgress","onTrigger","onClick","children","handleDrop","event","preventDefault","onChange","dataTransfer","files","onDragleave","handleDragenter","onDragenter","handleDragleave","current","handleDragover","ref","onDrop","onDragEnter","onDragOver","onDragLeave"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoBMA,UAA4B,SAA5BA,OAA4B,CAACC,KAAD,EAAW;MACnCC,OAAsCD,MAAtCC;MAAMC,UAAgCF,MAAhCE;MAASC,YAAuBH,MAAvBG;MAAUC,WAAaJ,MAAbI;;mBACTC;MAAhBC,yBAAAA;;kBAC4BC,eAAS;;MAAtCC;MAAYC;;MACbC,SAASC,0BAAMC,MAAN;MAETC,UAAUC,yCACXR,kCACH,CAACL,IAAD,aAAWK,WAAX,+BAAkD,IAClD,CAAAL,aAAA,IAAAA,eAAA,YAAAA,KAAMc,MAAN,MAAiB,MAAjB,aAA6BT,WAA7B,8BAAmE;MAG/DU,qBAAqBL,0BAAMM,OAAN,CAAc,YAAM;QACvCC,yEACH,OAAD,6DACG,QAAD;AAAMC,MAAAA,qBAAcb;AAApB,OAAqD,oFACpD,QAAD,MAAM;QAGJc,uEAAiB,OAAD,MAAK;WACpBZ,aAAaY,gBAAgBF;GARX,EASxB,CAACZ,WAAD,EAAcE,UAAd,CATwB;MAWrBa,cAAcV,0BAAMM,OAAN,CAAc,YAAM;QAClCK;;QACArB,QAAQC,YAAY,UAAU;uEAE7BqB,0CAAD;AACEnB,QAAAA,UAAAA,QADF;AAEEF,QAAAA,SAAAA,OAFF;AAGEsB,QAAAA,WAAWxB,MAAMwB,SAHnB;AAIEvB,QAAAA,MAAAA,IAJF;AAKEE,QAAAA,UAAU,oBAAM;0EACHF;;AANf;WAUG;uEAEF,OAAD;AAAKkB,QAAAA,qBAAcb,gCAAnB;AAAkDmB,QAAAA,SAASzB,MAAMwB;AAAjE,SACGxB,MAAM0B,QAAN,IAAkBV;;;WAKlBM;GAtBW,EAuBjB,CAAChB,WAAD,EAAcU,kBAAd,EAAkCd,OAAlC,EAA2CD,IAA3C,EAAiDG,QAAjD,EAA2DD,SAA3D,EAAqEH,MAAM0B,QAA3E,EAAqF1B,MAAMwB,SAA3F,CAvBiB;;MAyBdG,aAAa,SAAbA,UAAa,CAACC,KAAD,EAAsB;AAAA;;UACjCC;6BACAC,wFAAWF,MAAMG,YAAN,CAAmBC;gCAC9BC,iGAAcL;kBACN;;;MAGVM,kBAAkB,SAAlBA,eAAkB,CAACN,KAAD,EAAsB;AAAA;;UACtCC;gCACAM,iGAAcP;kBACN;;;MAGVQ,kBAAkB,SAAlBA,eAAkB,CAACR,KAAD,EAAsB;AAAA;;QACxC,CAAClB,OAAO2B;UACNR;iCACAI,mGAAcL;kBACN;;;MAGVU,iBAAiB,SAAjBA,cAAiB,CAACV,KAAD,EAAsB;UACrCC;;;gEAIL,OAAD;AACEU,IAAAA,KAAK7B,MADP;AAEES,IAAAA,WAAWN,OAFb;AAGE2B,IAAAA,QAAQb,UAHV;AAIEc,IAAAA,aAAaP,eAJf;AAKEQ,IAAAA,YAAYJ,cALd;AAMEK,IAAAA,aAAaP;AANf,KAQGf;;;;;"}