UNPKG

@schema-render/search-react

Version:

Conditional search component based on FormRender.

138 lines (137 loc) 5.25 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 _icons = require("@ant-design/icons"); var _formrenderreact = /*#__PURE__*/ _interop_require_default(require("@schema-render/form-render-react")); var _antd = require("antd"); var _react = require("react"); var _constants = require("./constants"); var _useCollapse = /*#__PURE__*/ _interop_require_default(require("./hooks/useCollapse")); var _zh_CN = /*#__PURE__*/ _interop_require_default(require("./locale/zh_CN")); var _actions = require("./utils/actions"); 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; } /** * 覆盖 submit、reset 操作,添加图标样式 */ var overrideDefaultActions = { submit: function(param) { var loading = param.loading, locale = param.locale, submitText = param.submitText, disabled = param.disabled; return /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Button, { type: "primary", htmlType: "submit", icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.SearchOutlined, {}), loading: loading.submit, // 自身在 loading 时不使用禁用态 disabled: loading.submit ? false : disabled || loading.reset, children: submitText || locale.FormRender.submit }); }, reset: function(param) { var loading = param.loading, locale = param.locale, handleReset = param.handleReset, resetText = param.resetText, disabled = param.disabled; return /*#__PURE__*/ (0, _jsxruntime.jsx)(_antd.Button, { htmlType: "button", icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_icons.DeleteOutlined, {}), loading: loading.reset, // 自身在 loading 时不使用禁用态 disabled: loading.reset ? false : disabled || loading.submit, onClick: handleReset, children: resetText || locale.FormRender.reset }); } }; var Search = function(searchProps, ref) { var props = _object_spread({}, _constants.DEFAULT_SEARCH_PROPS, searchProps); var formRenderRef = (0, _react.useRef)(null); // 国际化处理 var locale = (0, _react.useMemo)(function() { return _object_spread({}, _zh_CN.default, props.locale); }, [ props.locale ]); // 「收起/展开」功能处理 var _useCollapse1 = (0, _useCollapse.default)(props, formRenderRef), schema = _useCollapse1.schema, registerActions = _useCollapse1.registerActions; // Actions 样式处理 var actionsRestSchema = (0, _react.useMemo)(function() { return (0, _actions.createActionsResetSchema)(props.prefixCls); }, [ props.prefixCls ]); // 暴露 Open API (0, _react.useImperativeHandle)(ref, function() { return formRenderRef.current; }); return /*#__PURE__*/ (0, _jsxruntime.jsx)(_formrenderreact.default, _object_spread_props(_object_spread({ layout: "autoFill" }, props), { ref: formRenderRef, locale: locale, schema: schema, registerActions: _object_spread({}, overrideDefaultActions, registerActions), actionsRestSchema: actionsRestSchema, actionsRenderMode: "formItem" })); }; var _default = /*#__PURE__*/ (0, _react.forwardRef)(Search);