@jay.kou/rak-ssr/es/SchemaForm/cases/initial-value-touch/index.js

A react based UI components for admin system

import _typeof from "@babel/runtime/helpers/esm/typeof";
import { useRef } from 'react';
import { SchemaForm, Button } from "../../..";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var setHtml = function setHtml(query, vals) {
  var ele = document.querySelector(query);
  if (ele) {
    ele.innerHTML = _typeof(vals) === 'object' ? JSON.stringify(vals) : vals;
  }
};
export default function (props) {
  var formRef = useRef();
  return /*#__PURE__*/_jsxs("div", {
    children: [/*#__PURE__*/_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__*/_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"
    })]
  });
}