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

A react based UI components for admin system

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _jsxRuntime = require("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
  (0, _react.useEffect)(function () {
    onChange === null || onChange === void 0 || onChange(value);
  }, [value]);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
      "data-testid": num ? "display-value".concat(num) : 'display-value',
      children: value.value
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
      "data-testid": num ? "display-label".concat(num) : 'display-label',
      children: value.label
    })]
  });
};
var _default = exports.default = DisplayComponent;