@flatbiz/antd/dist/rule-describe-C5WtQSl2.js

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

import { classNames } from '@dimjs/utils/class-names/class-names';
import { isUndefinedOrNull } from '@flatbiz/utils';
import { fbaHooks } from './fba-hooks/index.js';
import { F as FlexLayout } from './flex-layout-BaDncU_Z.js';
import { jsxs, jsx } from 'react/jsx-runtime';

var RuleDescribe = function RuleDescribe(props) {
  var showTitleIndex = isUndefinedOrNull(props.showTitleIndex) ? true : props.showTitleIndex;
  var theme = fbaHooks.useThemeToken();
  var style = {
    '--rule-describe-colorPrimary': theme.colorPrimary
  };
  return /*#__PURE__*/jsxs("div", {
    className: classNames('v-rule-describe', props.className),
    style: style,
    children: [props.title ? /*#__PURE__*/jsx("div", {
      className: classNames('v-rule-describe-title', {
        'v-rule-describe-title-sign': props.titleSign
      }),
      children: props.title
    }) : null, props.ruleDataList.map(function (item, index) {
      if (showTitleIndex && item.title) {
        return /*#__PURE__*/jsxs("div", {
          className: "v-rule-describe-item",
          style: props.ruleItemStyle,
          children: [/*#__PURE__*/jsxs(FlexLayout, {
            fullIndex: 1,
            direction: "horizontal",
            className: "v-rule-describe-item-title",
            style: props.ruleItemTitleStyle,
            children: [/*#__PURE__*/jsxs("span", {
              className: "v-rule-describe-item-title-index",
              children: [index + 1, ".", ' ']
            }), /*#__PURE__*/jsx("span", {
              className: "v-rule-describe-item-title-content",
              children: item.title
            })]
          }), item.desc ? /*#__PURE__*/jsxs(FlexLayout, {
            direction: "horizontal",
            className: "v-rule-describe-item-desc",
            style: props.ruleItemDescStyle,
            fullIndex: 1,
            children: [/*#__PURE__*/jsx("span", {
              className: "v-rule-describe-item-title-index"
            }), /*#__PURE__*/jsx("span", {
              className: "v-rule-describe-item-title-content",
              children: item.desc
            })]
          }) : null]
        }, index);
      }
      return /*#__PURE__*/jsxs("div", {
        className: "v-rule-describe-item",
        children: [item.title ? /*#__PURE__*/jsx("div", {
          className: "v-rule-describe-item-title",
          style: props.ruleItemTitleStyle,
          children: item.title
        }) : null, item.desc ? /*#__PURE__*/jsx("div", {
          className: "v-rule-describe-item-desc",
          style: props.ruleItemDescStyle,
          children: item.desc
        }) : null]
      }, index);
    })]
  });
};

export { RuleDescribe as R };
//# sourceMappingURL=rule-describe-C5WtQSl2.js.map