@jay.kou/rak-ssr/lib/SchemaForm/cases/initial-value-touch/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 = _default;
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
var _react = require("react");
var _ = require("../../..");
var _jsxRuntime = require("react/jsx-runtime");
var setHtml = function setHtml(query, vals) {
  var ele = document.querySelector(query);
  if (ele) {
    ele.innerHTML = (0, _typeof2.default)(vals) === 'object' ? JSON.stringify(vals) : vals;
  }
};
function _default(props) {
  var formRef = (0, _react.useRef)();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.SchemaForm, {
      autoFocusFirstInput: false,
      formRef: formRef,
      initialValues: {
        name: 'jack',
        userId: '1',
        userName: '张三'
      },
      columns: [{
        title: '名字',
        dataIndex: 'name'
      }, {
        title: '用户',
        dataIndex: 'userId,userName',
        valueType: 'select',
        fieldProps: {
          options: [{
            label: '张三',
            value: '1'
          }],
          labelInValue: true
        }
      }]
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Button, {
      onClick: function onClick() {
        var _formRef$current;
        var isTouch = (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.isFieldsTouched();
        console.log('isTouch', isTouch);
        if (props.touchHandle) {
          props.touchHandle(isTouch);
        }
      },
      children: "\u662F\u5426touch"
    })]
  });
}