form-render-v3 3.0.0-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019-present XRender Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,126 @@
+<div style="display:flex;align-items:center;margin-bottom:24px">
+  <img src="https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png" alt="logo" width="48px"/>
+  <h4 style="font-size:30px;font-weight:600;display:inline-block;margin-left:12px">FormRender</h4>
+</div>
+<p style="display:flex;justify-content:space-between;width:440px">
+  <a href="https://www.npmjs.com/package/form-render?_blank">
+    <img alt="npm" src="https://img.shields.io/npm/v/form-render.svg?maxAge=3600&style=flat-square">
+  </a>
+  <a href="https://npmjs.org/package/form-render">
+    <img alt="NPM downloads" src="https://img.shields.io/npm/dm/form-render.svg?style=flat-square">
+  </a>
+  <a href="https://npmjs.org/package/form-render">
+    <img alt="NPM all downloads" src="https://img.shields.io/npm/dt/form-render.svg?style=flat-square">
+  </a>
+  <a>
+    <img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square">
+  </a>
+</p>
+
+> 一站式中后台**表单解决方案**
+
+## 官网
+
+<https://xrender.fun/form-render>
+
+FormRender 是中后台开箱即用的表单解决方案，通过 JsonSchema 协议动态渲染表单。为了能切实承接日益复杂的表单场景需求，2.0 我们进行了底层重构。我们的目标是以强大的扩展能力对表单场景 100% 的覆盖支持，同时保持开发者能快速上手，并以表单编辑器、插件、自定义组件等一系列周边产品带来极致的开发体验。在开发 1.0 的道路上，我们做了一系列的取舍，详见[v2 升级方案](https://xrender.fun/form-render/migrate)
+
+## 安装
+
+FormRender 依赖 ant design，单独使用不要忘记同时安装 `antd`
+
+```shell
+npm i form-render --save
+```
+
+## 使用
+
+**最简使用 demo：**
+
+```jsx
+import React from 'react';
+import { Button } from 'antd';
+import FormRender, { connectForm } from 'form-render';
+
+const schema = {
+  type: 'object',
+  properties: {
+    input1: {
+      title: '简单输入框',
+      type: 'string',
+      required: true,
+    },
+    select1: {
+      title: '单选',
+      type: 'string',
+      props: {
+        options: [
+          { label: '早', value: 'a' },
+          { label: '中', value: 'b' },
+          { label: '晚', value: 'c' }
+        ]
+      }
+    },
+  },
+};
+
+class Demo extends React.Component {
+  render() {
+    const { form } = this.props;
+    return (
+      <div>
+        <FormRender form={form} schema={schema} />
+        <Button type="primary" onClick={form.submit}>
+          提交
+        </Button>
+      </div>
+    );
+  }
+}
+
+export default connectForm(Demo);
+```
+
+**对于函数组件，FormRender 提供了 `useForm` hooks, 书写更为灵活**
+
+```jsx
+import React from 'react';
+import { Button } from 'antd';
+import FormRender, { useForm } from 'form-render';
+
+const schema = {
+  type: 'object',
+  properties: {
+    input1: {
+      title: '简单输入框',
+      type: 'string',
+      required: true,
+    },
+    select1: {
+      title: '单选',
+      type: 'string',
+      props: {
+        options: [
+          { label: '早', value: 'a' },
+          { label: '中', value: 'b' },
+          { label: '晚', value: 'c' }
+        ]
+      }
+    }
+  }
+};
+
+const Demo = () => {
+  const form = useForm();
+  return (
+    <div>
+      <FormRender form={form} schema={schema} />
+      <Button type="primary" onClick={form.submit}>
+        提交
+      </Button>
+    </div>
+  );
+};
+
+export default Demo;
+```

package/es/derivative/SearchForm/ActionView.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ActionView: (props: any) => React.JSX.Element;
+export default ActionView;

package/es/derivative/SearchForm/ActionView.js

@@ -0,0 +1,72 @@
+import _DownOutlined from "@ant-design/icons/es/icons/DownOutlined";
+import _UpOutlined from "@ant-design/icons/es/icons/UpOutlined";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
+import React, { useContext } from 'react';
+import { translation } from '../../utils';
+var ActionView = function ActionView(props) {
+  var onReset = props.onReset,
+    searchBtnRender = props.searchBtnRender,
+    style = props.style,
+    className = props.className,
+    form = props.form,
+    searchText = props.searchText,
+    resetText = props.resetText,
+    hasCollapse = props.hasCollapse,
+    setLimitHeight = props.setLimitHeight,
+    setExpand = props.setExpand,
+    isExpand = props.isExpand,
+    loading = props.loading,
+    retainBtn = props.retainBtn,
+    mode = props.mode;
+  var configCtx = useContext(_ConfigProvider.ConfigContext);
+  var t = translation(configCtx);
+  var handleReset = function handleReset() {
+    if (onReset) {
+      onReset(form);
+      return;
+    }
+    form.resetFields();
+    form.submit();
+  };
+  var handleCollapse = function handleCollapse() {
+    setExpand(!isExpand);
+  };
+  var searchBtnArr = typeof searchBtnRender === 'function' ? searchBtnRender(form.submit, handleReset, {
+    loading: loading
+  }) : [];
+  if (searchBtnRender) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: 'flex justify-end w-100'
+    }, Array.isArray(searchBtnArr) && searchBtnArr.map(function (ui, idx) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: idx.toString(),
+        style: {
+          marginLeft: 8
+        }
+      }, ui);
+    }));
+  }
+  var submitShow = mode === 'simple' && (typeof retainBtn === 'boolean' || (retainBtn === null || retainBtn === void 0 ? void 0 : retainBtn.includes('submit'))) || mode !== 'simple';
+  var resetShow = mode === 'simple' && (typeof retainBtn === 'boolean' || (retainBtn === null || retainBtn === void 0 ? void 0 : retainBtn.includes('reset'))) || mode !== 'simple';
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-end w-100 ".concat(className || ''),
+    style: style
+  }, /*#__PURE__*/React.createElement(_Space, null, submitShow && /*#__PURE__*/React.createElement(_Button, {
+    loading: loading,
+    type: 'primary',
+    onClick: form.submit
+  }, searchText), resetShow && /*#__PURE__*/React.createElement(_Button, {
+    onClick: handleReset
+  }, resetText), hasCollapse && (/*#__PURE__*/React.createElement("a", {
+    onClick: handleCollapse,
+    style: {
+      cursor: 'pointer'
+    }
+  }, isExpand ? (/*#__PURE__*/React.createElement(React.Fragment, null, t('fold'), /*#__PURE__*/React.createElement(_UpOutlined, null))) : (/*#__PURE__*/React.createElement(React.Fragment, null, t('expand'), /*#__PURE__*/React.createElement(_DownOutlined, null)))))));
+};
+export default ActionView;

package/es/derivative/SearchForm/index.css

@@ -0,0 +1,31 @@
+.fr-search {
+  width: 100%;
+  background: #fff;
+  padding: 24px 24px 0 16px;
+  margin-bottom: 16px;
+  box-sizing: border-box;
+  position: relative;
+}
+.fr-search .search-action-col {
+  flex: 1;
+  display: flex;
+  justify-content: flex-end;
+  align-items: baseline;
+  height: 56px;
+}
+.fr-search .search-action-fixed {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  background-color: #fff;
+  padding-right: 24px !important;
+}
+.fr-search .search-action-column {
+  height: auto;
+}
+.fr-search .fr-form > .ant-row {
+  align-items: center;
+}
+.fr-column-search {
+  padding-left: 24px;
+}

package/es/derivative/SearchForm/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.less';
+import { SearchProps } from '../../type';
+declare const _default: React.ComponentType<SearchProps<object>>;
+export default _default;

package/es/derivative/SearchForm/index.js

@@ -0,0 +1,294 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { __awaiter, __rest } from "tslib";
+import React, { useContext, useMemo, useRef } from 'react';
+import { useUpdateEffect, useMount, useSetState } from 'ahooks';
+import classnames from 'classnames';
+import { debounce } from 'lodash-es';
+import FormRender from '../../form-core';
+import { translation } from '../../utils';
+import withProvider from '../../withProvider';
+import ActionView from './ActionView';
+import { Input, InputNumber, TextArea, Select, MultiSelect, Checkbox, Checkboxes, Radio, DatePicker, DateRange, TimePicker, TimeRange, Slider, Switch, TreeSelect, UrlInput, ImageInput, Html, PercentSlider } from '../../widgets';
+import "./index.css";
+var getIsColumn = function getIsColumn(isColumn, obj, column) {
+  var count = 0;
+  Object.keys(obj || {}).forEach(function (key) {
+    var item = obj[key];
+    if (item.visible === undefined) {
+      count += 1;
+    }
+  });
+  return isColumn && count % column !== 0;
+};
+var SearchForm = function SearchForm(props) {
+  if (props.hidden) {
+    return null;
+  }
+  var configCtx = useContext(_ConfigProvider.ConfigContext);
+  var t = translation(configCtx);
+  var className = props.className,
+    style = props.style,
+    mode = props.mode,
+    _props$layoutAuto = props.layoutAuto,
+    layoutAuto = _props$layoutAuto === void 0 ? false : _props$layoutAuto,
+    form = props.form,
+    hidden = props.hidden,
+    loading = props.loading,
+    _props$column = props.column,
+    _column = _props$column === void 0 ? 4 : _props$column,
+    collapsed = props.collapsed,
+    _props$defaultCollaps = props.defaultCollapsed,
+    defaultCollapsed = _props$defaultCollaps === void 0 ? true : _props$defaultCollaps,
+    schema = props.schema,
+    retainBtn = props.retainBtn,
+    closeReturnSearch = props.closeReturnSearch,
+    resetAfter = props.resetAfter,
+    searchBtnStyle = props.searchBtnStyle,
+    searchBtnClassName = props.searchBtnClassName,
+    _props$searchText = props.searchText,
+    searchText = _props$searchText === void 0 ? t('search') : _props$searchText,
+    _props$resetText = props.resetText,
+    resetText = _props$resetText === void 0 ? t('reset') : _props$resetText,
+    _props$searchWithErro = props.searchWithError,
+    searchWithError = _props$searchWithErro === void 0 ? true : _props$searchWithErro,
+    _props$searchOnMount = props.searchOnMount,
+    searchOnMount = _props$searchOnMount === void 0 ? true : _props$searchOnMount,
+    onMount = props.onMount,
+    onSearch = props.onSearch,
+    onReset = props.onReset,
+    searchBtnRender = props.searchBtnRender,
+    restProps = __rest(props, ["className", "style", "mode", "layoutAuto", "form", "hidden", "loading", "column", "collapsed", "defaultCollapsed", "schema", "retainBtn", "closeReturnSearch", "resetAfter", "searchBtnStyle", "searchBtnClassName", "searchText", "resetText", "searchWithError", "searchOnMount", "onMount", "onSearch", "onReset", "searchBtnRender"]);
+  var fieldNum = Object.keys((schema === null || schema === void 0 ? void 0 : schema.properties) || {}).length;
+  var isColumn = (restProps.displayType || schema.displayType) === 'column';
+  var operateShow = mode !== 'simple' || mode === 'simple' && retainBtn;
+  var containerRef = useRef(null);
+  var _useSetState = useSetState({
+      hasCollapse: false,
+      isExpand: !defaultCollapsed,
+      column: schema.column || _column // 一行几列
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var hasCollapse = state.hasCollapse,
+    isExpand = state.isExpand,
+    column = state.column;
+  var actionProps = {
+    style: searchBtnStyle,
+    className: searchBtnClassName,
+    searchText: searchText,
+    resetText: resetText,
+    loading: loading,
+    form: form,
+    hasCollapse: hasCollapse,
+    isExpand: isExpand,
+    onReset: onReset,
+    searchBtnRender: searchBtnRender
+  };
+  useMount(function () {
+    initMount();
+  });
+  useUpdateEffect(function () {
+    if (isExpand) {
+      initMount();
+    }
+  }, [isExpand]);
+  useMount(function () {
+    if (!collapsed) {
+      return;
+    }
+    if (!isColumn && fieldNum > column * 2 - 1 || isColumn && fieldNum > column - 1) {
+      setState({
+        hasCollapse: true
+      });
+    }
+    handleContainerResize();
+  });
+  useUpdateEffect(function () {
+    if (!collapsed) {
+      return;
+    }
+    if (!isColumn && fieldNum > column * 2 - 1 || isColumn && fieldNum > column - 1) {
+      setState({
+        hasCollapse: true
+      });
+    } else {
+      setState({
+        hasCollapse: true
+      });
+    }
+  }, [column]);
+  useUpdateEffect(function () {
+    if (collapsed) {
+      if (!isColumn && fieldNum > column * 2 - 1 || isColumn && fieldNum > column - 1) {
+        setState({
+          hasCollapse: true,
+          isExpand: !defaultCollapsed
+        });
+      } else {
+        setState({
+          hasCollapse: false,
+          isExpand: true
+        });
+      }
+    } else {
+      setState({
+        hasCollapse: false,
+        isExpand: true
+      });
+    }
+  }, [collapsed]);
+  var initMount = function initMount() {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            if (searchOnMount) {
+              _context.n = 1;
+              break;
+            }
+            return _context.a(2);
+          case 1:
+            if (!(typeof onMount === 'function')) {
+              _context.n = 2;
+              break;
+            }
+            _context.n = 2;
+            return onMount();
+          case 2:
+            form.submit();
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+  };
+  var properties = useMemo(function () {
+    if (!collapsed) {
+      return schema === null || schema === void 0 ? void 0 : schema.properties;
+    }
+    var result = {};
+    Object.keys((schema === null || schema === void 0 ? void 0 : schema.properties) || {}).forEach(function (key, index) {
+      var item = Object.assign({}, schema.properties[key] || {});
+      if (!isExpand && isColumn && index >= column - 1 || !isExpand && !isColumn && index >= column * 2 - 1 // 只显示两行
+      ) {
+        item.visible = false;
+      }
+      result[key] = item;
+    });
+    return result;
+  }, [JSON.stringify(schema), column, isColumn, isExpand, collapsed]);
+  var handleContainerResize = function handleContainerResize() {
+    if (!layoutAuto) {
+      return;
+    }
+    var resizeObserver = new ResizeObserver(debounce(function () {
+      var _ref = (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || {},
+        clientWidth = _ref.clientWidth;
+      for (var i = _column; i > 0; i--) {
+        var item = clientWidth / i;
+        if (item >= ((layoutAuto === null || layoutAuto === void 0 ? void 0 : layoutAuto.fieldMinWidth) || 340)) {
+          setState({
+            column: i
+          });
+          break;
+        }
+        if (i === 1) {
+          setState({
+            column: 1
+          });
+        }
+      }
+    }, 300, {
+      leading: true
+    }));
+    resizeObserver.observe(containerRef.current);
+    (function () {
+      resizeObserver.disconnect();
+    });
+  };
+  var handleFinish = function handleFinish(values) {
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch(values);
+  };
+  var handleFinishFailed = function handleFinishFailed(_ref2) {
+    var values = _ref2.values;
+    if (!searchWithError) {
+      return;
+    }
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch(values);
+  };
+  var handleKeyDown = function handleKeyDown(ev) {
+    if (ev.keyCode !== 13) {
+      return;
+    }
+    form.submit();
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('fr-search', _defineProperty(_defineProperty({}, className, !!className), 'fr-column-search', isColumn)),
+    style: style,
+    ref: containerRef,
+    onKeyDown: !closeReturnSearch ? handleKeyDown : undefined
+  }, /*#__PURE__*/React.createElement(FormRender, Object.assign({
+    displayType: 'row'
+  }, restProps, {
+    schema: Object.assign(Object.assign({}, schema), {
+      properties: properties,
+      column: column
+    }),
+    onFinish: handleFinish,
+    onFinishFailed: handleFinishFailed,
+    form: form,
+    operateExtra: operateShow && (/*#__PURE__*/React.createElement(_Col, {
+      className: classnames('search-action-col', {
+        'search-action-column': getIsColumn(isColumn, properties, column)
+      }),
+      style: {
+        minWidth: 1 / column * 100 + '%'
+      }
+    }, /*#__PURE__*/React.createElement(ActionView, Object.assign({}, actionProps, {
+      retainBtn: retainBtn,
+      mode: mode,
+      setExpand: function setExpand(value) {
+        return setState({
+          isExpand: value
+        });
+      }
+    }))))
+  })));
+};
+export default withProvider(SearchForm, {
+  Input: Input,
+  InputNumber: InputNumber,
+  TextArea: TextArea,
+  Select: Select,
+  MultiSelect: MultiSelect,
+  Switch: Switch,
+  Radio: Radio,
+  Checkbox: Checkbox,
+  Checkboxes: Checkboxes,
+  DatePicker: DatePicker,
+  DateRange: DateRange,
+  TimePicker: TimePicker,
+  TimeRange: TimeRange,
+  TreeSelect: TreeSelect,
+  ImageInput: ImageInput,
+  UrlInput: UrlInput,
+  Slider: Slider,
+  Html: Html,
+  PercentSlider: PercentSlider
+});

package/es/derivative/SlimRender/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").ComponentType<import("../..").FRProps>;
+export default _default;

package/es/derivative/SlimRender/index.js

@@ -0,0 +1,6 @@
+import FormCore from '../../form-core';
+import withProvider from '../../withProvider';
+import Html from '../../widgets/fields/html';
+export default withProvider(FormCore, {
+  Html: Html
+});

package/es/form-core/connectForm.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (Component: React.FC<any>) => React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export default _default;

package/es/form-core/connectForm.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+import useForm from '../models/useForm';
+export default (function (Component) {
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    var form = useForm();
+    return /*#__PURE__*/React.createElement(Component, Object.assign({
+      ref: ref
+    }, props, {
+      form: form
+    }));
+  });
+});

package/es/form-core/index.css

@@ -0,0 +1,19 @@
+.fr-hide-label > .ant-form-item-row > .ant-form-item-label {
+  visibility: hidden;
+}
+.fr-field .ant-form-item-row {
+  flex-wrap: nowrap;
+}
+.fr-field .ant-form-item-control-input-content {
+  display: flex;
+}
+.fr-field-visibility {
+  width: 0;
+  height: 0;
+  visibility: hidden;
+  position: absolute;
+  opacity: 0;
+}
+.fr-form .fr-inline-field .ant-form-item-control {
+  width: auto;
+}

package/es/form-core/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FRProps } from '../type';
+import './index.less';
+declare const FormCore: FC<FRProps>;
+export default FormCore;