UNPKG

@schema-render/form-render-react

Version:

Out-of-the-box form rendering library based on Core and Antd.

166 lines (165 loc) 6.73 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); Object.defineProperty(exports, "default", { enumerable: true, get: function() { return _default; } }); var _jsxruntime = require("react/jsx-runtime"); var _corereact = require("@schema-render/core-react"); var _antd = require("antd"); var _react = require("react"); var _constants = require("../constants"); var _useFormRenderContext = /*#__PURE__*/ _interop_require_default(require("../hooks/useFormRenderContext")); function _define_property(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _interop_require_default(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _object_spread(target) { for(var i = 1; i < arguments.length; i++){ var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function(key) { _define_property(target, key, source[key]); }); } return target; } function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function(sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } function _object_spread_props(target, source) { source = source != null ? source : {}; if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function(key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } function _object_without_properties(source, excluded) { if (source == null) return {}; var target = _object_without_properties_loose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for(i = 0; i < sourceSymbolKeys.length; i++){ key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _object_without_properties_loose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for(i = 0; i < sourceKeys.length; i++){ key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } var _obj; /** * 内置操作:提交、重置 */ var BUILTIN_ACTIONS = (_obj = {}, _define_property(_obj, _constants.ACTIONS.submit, function(param) { var loading = param.loading, locale = param.locale, disabled = param.disabled, submitText = param.submitText; var _locale_FormRender; return /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Button, { type: "primary", htmlType: "submit", // 自身在 loading 时不使用禁用态 disabled: loading.submit ? false : disabled || loading.reset, loading: loading.submit, children: submitText || (locale === null || locale === void 0 ? void 0 : (_locale_FormRender = locale.FormRender) === null || _locale_FormRender === void 0 ? void 0 : _locale_FormRender.submit) }); }), _define_property(_obj, _constants.ACTIONS.reset, function(param) { var handleReset = param.handleReset, loading = param.loading, locale = param.locale, disabled = param.disabled, resetText = param.resetText; var _locale_FormRender; return /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Button, { htmlType: "button", // 自身在 loading 时不使用禁用态 disabled: loading.reset ? false : disabled || loading.submit, loading: loading.reset, onClick: handleReset, children: resetText || (locale === null || locale === void 0 ? void 0 : (_locale_FormRender = locale.FormRender) === null || _locale_FormRender === void 0 ? void 0 : _locale_FormRender.reset) }); }), _obj); /** * 搜索操作 */ var Actions = function(_param) { var disabled = _param.disabled, spaceProps = _object_without_properties(_param, [ "disabled" ]); var _useFormRenderContext1 = (0, _useFormRenderContext.default)(), actions = _useFormRenderContext1.actions, actionsLoading = _useFormRenderContext1.actionsLoading, registerActions = _useFormRenderContext1.registerActions, handleReset = _useFormRenderContext1.handleReset, handleSubmit = _useFormRenderContext1.handleSubmit, layoutColumnGap = _useFormRenderContext1.layoutColumnGap, locale = _useFormRenderContext1.locale, submitText = _useFormRenderContext1.submitText, resetText = _useFormRenderContext1.resetText; var isShowActions = _corereact.utils.isArray(actions) && actions.length > 0; if (!isShowActions) { return null; } var actionMap = _object_spread({}, BUILTIN_ACTIONS, registerActions); return /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Space, _object_spread_props(_object_spread({ size: layoutColumnGap }, spaceProps), { children: actions.map(function(action) { var params = { locale: locale, disabled: disabled, loading: actionsLoading, submitText: submitText, resetText: resetText }; if (action === _constants.ACTIONS.submit) { params.handleSubmit = handleSubmit; } else if (action === _constants.ACTIONS.reset) { params.handleReset = handleReset; } var fn = actionMap[action]; if (!fn) { return null; } return /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.Fragment, { children: fn === null || fn === void 0 ? void 0 : fn(params) }, action); }) })); }; var _default = Actions;