@jay.kou/rak-ssr/es/SchemaForm/cases/components/DisplayComponent/index.js

A react based UI components for admin system

import { useEffect } from 'react';

/**
 * 自定义展示组件，用于显示约定式数据的值和标签
 */
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var DisplayComponent = function DisplayComponent(props) {
  var _props$value = props.value,
    value = _props$value === void 0 ? {} : _props$value,
    onChange = props.onChange,
    num = props.num;

  // 确保组件挂载时触发 onChange
  useEffect(function () {
    onChange === null || onChange === void 0 || onChange(value);
  }, [value]);
  return /*#__PURE__*/_jsxs("div", {
    children: [/*#__PURE__*/_jsx("span", {
      "data-testid": num ? "display-value".concat(num) : 'display-value',
      children: value.value
    }), /*#__PURE__*/_jsx("span", {
      "data-testid": num ? "display-label".concat(num) : 'display-label',
      children: value.label
    })]
  });
};
export default DisplayComponent;