@wufengteam/inputs
Version:
平台提供的右侧属性编辑器，需要在主工程中注册
144 lines (142 loc) • 6.45 kB
JavaScript
"use strict";
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); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _antd = require("antd");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
// @ts-ignore
var Group = _antd.Checkbox.Group;
var Text = _antd.Typography.Text;
var InnerCheck = function InnerCheck(_ref) {
var value = _ref.value,
onChange = _ref.onChange,
options = _ref.options,
showInputKey = _ref.showInputKey,
showFileNumKey = _ref.showFileNumKey,
showFileSizeKey = _ref.showFileSizeKey,
minMinValue = _ref.minMinValue,
minDefaultValue = _ref.minDefaultValue,
maxDefaultValue = _ref.maxDefaultValue;
var innerOnChange = function innerOnChange(changeValue) {
if (onChange) {
var newValue = Object.assign(Object.assign({}, value), changeValue);
var checkedValue = newValue.checkedValue || [];
if (showFileNumKey && checkedValue.indexOf(showFileNumKey) === -1) {
delete newValue[showFileNumKey];
}
if (showFileSizeKey && checkedValue.indexOf(showFileSizeKey) === -1) {
delete newValue[showFileSizeKey];
}
if (showInputKey && checkedValue.indexOf(showInputKey) === -1) {
delete newValue.minNum;
delete newValue.maxNum;
}
onChange(newValue);
}
};
(0, _react.useEffect)(function () {
if (!value && (minDefaultValue || maxDefaultValue)) {
innerOnChange({
minNum: minDefaultValue,
maxNum: maxDefaultValue
});
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [minDefaultValue, maxDefaultValue]);
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(Group, {
value: value === null || value === void 0 ? void 0 : value.checkedValue,
onChange: function onChange(checkValue) {
innerOnChange({
checkedValue: checkValue
});
}
}, options.map(function (item) {
var optionLabel = item.label,
optionValue = item.value;
return /*#__PURE__*/_react.default.createElement(_antd.Row, {
key: optionLabel
}, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
value: optionValue
}, optionLabel), optionValue === showInputKey && ((value === null || value === void 0 ? void 0 : value.checkedValue) || []).indexOf("".concat(showInputKey)) !== -1 && ( /*#__PURE__*/_react.default.createElement(_antd.Row, null, /*#__PURE__*/_react.default.createElement(_antd.InputNumber, {
value: value === null || value === void 0 ? void 0 : value.minNum,
min: minMinValue,
onChange: function onChange(num) {
innerOnChange({
minNum: num
});
},
placeholder: "\u6700\u5C0F",
style: {
width: '35%',
marginRight: 5
}
}), "~", /*#__PURE__*/_react.default.createElement(_antd.InputNumber, {
value: value === null || value === void 0 ? void 0 : value.maxNum,
onChange: function onChange(num) {
innerOnChange({
maxNum: num
});
},
placeholder: "\u6700\u5927",
style: {
width: '35%',
marginLeft: 5
}
}))), optionValue === showFileNumKey && ((value === null || value === void 0 ? void 0 : value.checkedValue) || []).indexOf("".concat(showFileNumKey)) !== -1 && ( /*#__PURE__*/_react.default.createElement(_antd.Row, null, /*#__PURE__*/_react.default.createElement(_antd.InputNumber, {
value: value === null || value === void 0 ? void 0 : value.limitFileNum,
onChange: function onChange(fileNum) {
innerOnChange({
limitFileNum: fileNum
});
},
precision: 0,
style: {
width: '50%'
},
min: 0
}))), optionValue === showFileSizeKey && ((value === null || value === void 0 ? void 0 : value.checkedValue) || []).indexOf("".concat(showFileSizeKey)) !== -1 && ( /*#__PURE__*/_react.default.createElement(_antd.Row, null, /*#__PURE__*/_react.default.createElement(_antd.Space, {
align: "center",
style: {
width: '50%'
}
}, /*#__PURE__*/_react.default.createElement(_antd.InputNumber, {
min: 0,
value: value === null || value === void 0 ? void 0 : value.limitFileSize,
onChange: function onChange(e) {
innerOnChange({
limitFileSize: e
});
}
}), /*#__PURE__*/_react.default.createElement(Text, null, "MB")))));
})));
};
var VerifyNumberValue = function VerifyNumberValue(_ref2) {
var name = _ref2.name,
label = _ref2.label,
rules = _ref2.rules,
options = _ref2.options,
showInputKey = _ref2.showInputKey,
showFileNumKey = _ref2.showFileNumKey,
showFileSizeKey = _ref2.showFileSizeKey,
minMinValue = _ref2.minMinValue,
minDefaultValue = _ref2.minDefaultValue,
maxDefaultValue = _ref2.maxDefaultValue;
return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
name: name,
label: label,
rules: rules
}, /*#__PURE__*/_react.default.createElement(InnerCheck, {
options: options,
showInputKey: showInputKey,
showFileNumKey: showFileNumKey,
showFileSizeKey: showFileSizeKey,
minDefaultValue: minDefaultValue,
minMinValue: minMinValue,
maxDefaultValue: maxDefaultValue
}));
};
var _default = exports.default = VerifyNumberValue;