@flatbiz/antd/dist/symbol-CX0y_DJ4.js

/*! @flatjs/forge MIT @flatbiz/antd */

import { b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
import { classNames } from '@dimjs/utils/class-names/class-names';
import { useMemo } from 'react';
import { jsx, jsxs } from 'react/jsx-runtime';

/**
 * 为文字添加符号，例如：必填符号
 * ```
 * 例如： <TextSymbolWrapper text={'用户名'} symbolType="required" />
 * ```
 */
var TextSymbolWrapper = function TextSymbolWrapper(props) {
  var gap = props.gap === undefined ? 3 : props.gap;
  var symbol = useMemo(function () {
    if (props.symbol) {
      return props.symbol;
    }
    if (props.symbolType === 'required') {
      return '*';
    }
    return undefined;
  }, [props.symbolType, props.symbol]);
  var position = props.position || 'before';
  if (props.hiddenSymbol) {
    return /*#__PURE__*/jsx("span", {
      className: classNames('text-symbol-wrapper', props.className),
      style: props.style,
      children: props.text
    });
  }
  var cn = classNames('text-symbol-wrapper', {
    'tsw-required': props.symbolType
  }, props.className);
  var hasTextSymbolSyle = position === 'before' ? {
    left: -gap
  } : {
    right: -gap
  };
  var noTextSymbolSyle = position === 'before' ? {
    left: 0
  } : {
    right: 0
  };
  var symbolSyle = props.text ? hasTextSymbolSyle : noTextSymbolSyle;
  return /*#__PURE__*/jsxs("span", {
    className: cn,
    style: props.style,
    children: [symbol ? /*#__PURE__*/jsx("span", {
      className: classNames('tsw-symbol', "tsw-symbol-".concat(position)),
      style: _objectSpread2(_objectSpread2({}, hasTextSymbolSyle), symbolSyle),
      onClick: props.onSymbolClick,
      children: symbol
    }) : null, props.text]
  });
};

export { TextSymbolWrapper as T };
//# sourceMappingURL=symbol-CX0y_DJ4.js.map