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

A react based UI components for admin system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _ = require("../../..");
var _DisplayComponent = _interopRequireDefault(require("../components/DisplayComponent"));
var _react = require("react");
var _jsxRuntime = require("react/jsx-runtime");
/**
 * 演示只读模式下的 render 方法
 */var Demo = function Demo() {
  var formRef = (0, _react.useRef)();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
      "data-testid": "set-btn",
      onClick: function onClick() {
        var _formRef$current;
        (_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.setFieldsValue({
          userId: '1',
          userName: 'Tom'
        });
      },
      children: "\u8D4B\u503C"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.SchemaForm, {
      formRef: formRef,
      columns: [{
        title: '名称',
        dataIndex: 'userId,userName',
        renderFormItem: function renderFormItem() {
          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DisplayComponent.default, {});
        }
      }, {
        valueType: 'dependency',
        name: ['userId,userName'],
        columns: function columns() {
          return [{
            title: '渲染',
            readonly: true,
            render: function render(dom, entity) {
              return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                "data-testid": "render-result",
                children: entity.userName
              });
            }
          }];
        }
      }]
    })]
  });
};
var _default = exports.default = Demo;