tdesign-vue-next/es/typography/components/ellipsis.mjs.map

TDesign Component for vue-next

{"version":3,"file":"ellipsis.mjs","sources":["../../../../components/typography/components/ellipsis.tsx"],"sourcesContent":["import { defineComponent, computed, ref } from 'vue';\nimport { usePrefixClass, useConfig } from '@tdesign/shared-hooks';\n\nimport props from '../paragraph-props';\nimport TTooltip from '../../tooltip/index';\n\nimport type { TypographyEllipsis } from '../type';\n\nexport default defineComponent({\n  name: 'TEllipsis',\n  components: { TTooltip },\n  props: {\n    ...props,\n    renderCopy: Function,\n  },\n  setup(props, { slots }) {\n    const COMPONENT_NAME = usePrefixClass('typography');\n    const { globalConfig } = useConfig('typography');\n\n    const content = computed(() => {\n      return props.content || slots?.default();\n    });\n\n    const ellipsisState = computed((): TypographyEllipsis => {\n      const ellipsis = props.ellipsis;\n      return {\n        row: 1,\n        expandable: false,\n        ...(typeof ellipsis === 'object' ? ellipsis : null),\n      };\n    });\n\n    const ellipsisStyles = computed((): any => {\n      const ellipsis = ellipsisState.value;\n      const def = {\n        overflow: props.ellipsis ? 'hidden' : 'visible',\n        textOverflow: props.ellipsis ? 'ellipsis' : 'initial',\n        whiteSpace: props.ellipsis ? 'normal' : 'nowrap',\n        display: '-webkit-box',\n        WebkitLineClamp: ellipsis.row,\n        WebkitBoxOrient: 'vertical',\n      };\n\n      if (isExpand.value) {\n        def.overflow = 'visible';\n        def.whiteSpace = 'normal';\n        def.display = 'initial';\n      }\n      return def;\n    });\n    const isExpand = ref(false);\n\n    const onExpand = () => {\n      isExpand.value = true;\n      if (typeof props.ellipsis === 'object') props.ellipsis.onExpand?.(true);\n    };\n\n    const onCollapse = () => {\n      isExpand.value = false;\n      if (typeof props.ellipsis === 'object') props.ellipsis.onExpand?.(false);\n    };\n\n    const renderEllipsisExpand = () => {\n      const { suffix } = ellipsisState.value;\n      const symbolStyle = {\n        textDecoration: 'none',\n        whiteSpace: 'nowrap',\n        flex: 1,\n        marginRight: props.renderCopy ? '8px' : 0,\n      };\n      const moreNode = (\n        <span class={`${COMPONENT_NAME.value}-ellipsis-symbol`} onClick={onExpand} style={symbolStyle}>\n          {suffix || globalConfig.value.expandText}\n        </span>\n      );\n\n      const { tooltipProps, expandable, collapsible } = ellipsisState.value;\n      if (!isExpand.value && expandable) {\n        return tooltipProps && tooltipProps.content ? (\n          <TTooltip {...tooltipProps} content={tooltipProps.content}>\n            {moreNode}\n          </TTooltip>\n        ) : (\n          moreNode\n        );\n      }\n      if (expandable && isExpand.value && collapsible) {\n        return (\n          <span class={`${COMPONENT_NAME.value}-ellipsis-symbol`} onClick={onCollapse} style={symbolStyle}>\n            {globalConfig.value.collapseText}\n          </span>\n        );\n      }\n    };\n\n    return () => {\n      const { tooltipProps } = ellipsisState.value;\n      return (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'flex-end',\n          }}\n        >\n          {tooltipProps && <TTooltip content={tooltipProps.content} placement=\"top-right\"></TTooltip>}\n          <p style={props.ellipsis ? ellipsisStyles.value : {}}>{content.value}</p>\n          {renderEllipsisExpand()}\n          {props.renderCopy?.()}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","components","TTooltip","props","_objectSpread","renderCopy","Function","setup","slots","_ref","COMPONENT_NAME","usePrefixClass","_useConfig","useConfig","globalConfig","content","computed","ellipsisState","ellipsis","row","expandable","_typeof","ellipsisStyles","value","def","overflow","textOverflow","whiteSpace","display","WebkitLineClamp","WebkitBoxOrient","isExpand","ref","onExpand","_props2$ellipsis$onEx","_props2$ellipsis","onCollapse","_props2$ellipsis$onEx2","_props2$ellipsis2","renderEllipsisExpand","suffix","symbolStyle","textDecoration","flex","marginRight","moreNode","_createVNode","concat","expandText","_ellipsisState$value","tooltipProps","collapsible","_mergeProps","_default","collapseText","_props2$renderCopy","alignItems"],"mappings":"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"}