@flatbiz/antd/dist/label-value-layout-Cv5FYWlQ.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 { Descriptions } from 'antd';
import { getUuid } from '@flatbiz/utils';
import { jsx } from 'react/jsx-runtime';

/**
 * @deprecated 已过期，请使用 LabelValueRender 组件
 * options[].span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度
 * options[].hidden 是否隐藏 Description.Item
 */
var LabelValueLayout = function LabelValueLayout(props) {
  var labelWidth = props.labelWidth === 'auto' ? 'auto' : "".concat(props.labelWidth || 120, "px");
  var className = classNames('v-label-value-layout', props.className, {
    'lvl-bordered-padding': props.borderedRowPadding
  });
  var style = _objectSpread2({
    '--v-label-value-layout-Width': labelWidth,
    '--v-label-value-layout-row-padding': props.borderedRowPadding
  }, props.style);
  var options = useMemo(function () {
    var dataList = props.options.filter(function (item) {
      return !item.hidden;
    });
    return dataList.map(function (item) {
      return _objectSpread2({
        key: getUuid()
      }, item);
    });
  }, [props.options]);
  return /*#__PURE__*/jsx(Descriptions, {
    column: props.column || 1,
    bordered: props.bordered,
    size: "small",
    className: className,
    style: style,
    children: options.map(function (item) {
      return /*#__PURE__*/jsx(Descriptions.Item, {
        label: item.label,
        span: item.span,
        children: item.value
      }, item.key);
    })
  });
};

export { LabelValueLayout as L };
//# sourceMappingURL=label-value-layout-Cv5FYWlQ.js.map