@schema-render/search-react
Version:
Conditional search component based on FormRender.
138 lines (137 loc) • 5.25 kB
JavaScript
;
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);