ze-react-component-library
Version:
ZeroETP React Component Library
184 lines (154 loc) • 7.23 kB
JavaScript
;
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("antd/lib/date-picker/style");
var _datePicker = _interopRequireDefault(require("antd/lib/date-picker"));
require("antd/lib/auto-complete/style");
var _autoComplete = _interopRequireDefault(require("antd/lib/auto-complete"));
require("antd/lib/select/style");
var _select = _interopRequireDefault(require("antd/lib/select"));
require("antd/lib/input-number/style");
var _inputNumber = _interopRequireDefault(require("antd/lib/input-number"));
var _moment = _interopRequireDefault(require("moment"));
var _react = _interopRequireWildcard(require("react"));
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var __assign = void 0 && (void 0).__assign || function () {
__assign = Object.assign || function (t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) {
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
}
return t;
};
return __assign.apply(this, arguments);
};
var ValueHandler = /*#__PURE__*/(0, _react.memo)(function (_a) {
var type = _a.type,
operator = _a.operator,
valueProps = _a.valueProps,
_onChange = _a.onChange,
value = _a.value,
tip = _a.tip;
if (operator === "is not null" || operator === "is null") {
return null;
}
if (type === "Number") {
if (operator === "between") {
var startValue_1 = value === null || value === void 0 ? void 0 : value[0];
var endValue_1 = value === null || value === void 0 ? void 0 : value[1];
return /*#__PURE__*/_react.default.createElement("div", {
className: "form-operator-value-handler-inner-wrapper"
}, tip, /*#__PURE__*/_react.default.createElement(_inputNumber.default, __assign({
placeholder: "\u6700\u5C0F\u503C"
}, valueProps, {
value: startValue_1,
max: endValue_1,
onChange: function onChange(v) {
_onChange([v, endValue_1]);
}
})), /*#__PURE__*/_react.default.createElement("span", null, "~"), /*#__PURE__*/_react.default.createElement(_inputNumber.default, __assign({
placeholder: "\u6700\u5927\u503C"
}, valueProps, {
value: endValue_1,
min: startValue_1,
onChange: function onChange(v) {
_onChange([startValue_1, v]);
}
})));
}
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tip, /*#__PURE__*/_react.default.createElement(_inputNumber.default, __assign({
placeholder: "\u8BF7\u8F93\u5165"
}, valueProps, {
value: value,
onChange: function onChange(v) {
_onChange(v);
}
})));
}
if (type === "String") {
if (operator && ["$in"].includes(operator)) {
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tip, /*#__PURE__*/_react.default.createElement(_select.default, __assign({
placeholder: "请选择或输入后回车",
style: {
minWidth: 160
}
}, valueProps, {
mode: "tags",
value: value,
onChange: function onChange(v) {
_onChange(v);
}
})));
}
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tip, /*#__PURE__*/_react.default.createElement(_autoComplete.default, {
placeholder: "\u8BF7\u8F93\u5165",
style: {
minWidth: 100
},
options: valueProps === null || valueProps === void 0 ? void 0 : valueProps.options,
dropdownMatchSelectWidth: false,
value: value,
onChange: function onChange(v) {
_onChange(v);
}
}));
}
if (type === "Boolean") {
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tip, /*#__PURE__*/_react.default.createElement(_select.default, __assign({
placeholder: "\u8BF7\u9009\u62E9"
}, valueProps, {
options: [{
label: "是",
value: true
}, {
label: "否",
value: false
}],
value: value,
onChange: function onChange(v) {
_onChange(v);
}
})));
}
if (type === "Date" || type === "Timestamp") {
var props = valueProps || {};
var _b = props.format,
format_1 = _b === void 0 ? "YYYY-MM-DD" : _b;
if (operator === "between") {
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tip, /*#__PURE__*/_react.default.createElement(_datePicker.default.RangePicker, __assign({
placeholder: ["开始时间", "结束时间"]
}, valueProps, {
allowClear: false,
value: value instanceof Array ? value.map(function (v) {
return v ? (0, _moment.default)(v, format_1) : undefined;
}) : undefined,
onChange: function onChange(v) {
if (v instanceof Array) {
_onChange(v.map(function (m) {
return m === null || m === void 0 ? void 0 : m.format(format_1);
}));
}
}
})));
}
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tip, /*#__PURE__*/_react.default.createElement(_datePicker.default, __assign({
placeholder: "\u8BF7\u9009\u62E9"
}, valueProps, {
allowClear: false,
value: typeof value === "string" ? (0, _moment.default)(value, format_1) : undefined,
onChange: function onChange(v) {
_onChange(v === null || v === void 0 ? void 0 : v.format(format_1));
}
})));
}
return null;
});
var _default = ValueHandler;
exports.default = _default;