ze-react-component-library
Version:
ZeroETP React Component Library
500 lines (391 loc) • 14.7 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("antd/lib/message/style");
var _message2 = _interopRequireDefault(require("antd/lib/message"));
require("antd/lib/typography/style");
var _typography = _interopRequireDefault(require("antd/lib/typography"));
var _react = _interopRequireWildcard(require("react"));
var _proProvider = _interopRequireDefault(require("@ant-design/pro-provider"));
var _proForm = require("@ant-design/pro-form");
var _request = require("../request");
var _hooks = require("@umijs/hooks");
var _zeroetpApiSdk = require("zeroetp-api-sdk");
var _util = require("../util");
var _ZEJsonEditor = require("../ZEJsonEditor");
var _moment = _interopRequireDefault(require("moment"));
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 }; }
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); }
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 __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
function adopt(value) {
return value instanceof P ? value : new P(function (resolve) {
resolve(value);
});
}
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
}
function rejected(value) {
try {
step(generator["throw"](value));
} catch (e) {
reject(e);
}
}
function step(result) {
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
}
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
var _ = {
label: 0,
sent: function sent() {
if (t[0] & 1) throw t[1];
return t[1];
},
trys: [],
ops: []
},
f,
y,
t,
g;
return g = {
next: verb(0),
"throw": verb(1),
"return": verb(2)
}, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
return this;
}), g;
function verb(n) {
return function (v) {
return step([n, v]);
};
}
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) {
try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0:
case 1:
t = op;
break;
case 4:
_.label++;
return {
value: op[1],
done: false
};
case 5:
_.label++;
y = op[1];
op = [0];
continue;
case 7:
op = _.ops.pop();
_.trys.pop();
continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
_ = 0;
continue;
}
if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
_.label = op[1];
break;
}
if (op[0] === 6 && _.label < t[1]) {
_.label = t[1];
t = op;
break;
}
if (t && _.label < t[2]) {
_.label = t[2];
_.ops.push(op);
break;
}
if (t[2]) _.ops.pop();
_.trys.pop();
continue;
}
op = body.call(thisArg, _);
} catch (e) {
op = [6, e];
y = 0;
} finally {
f = t = 0;
}
}
if (op[0] & 5) throw op[1];
return {
value: op[0] ? op[1] : void 0,
done: true
};
}
};
var __rest = void 0 && (void 0).__rest || function (s, e) {
var t = {};
for (var p in s) {
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
}
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
var Text = _typography.default.Text;
var ZESchemaForm = function ZESchemaForm(_a) {
var schemaID = _a.schemaID,
_schema = _a.schema,
_columns = _a.columns,
propertyConfig = _a.propertyConfig,
_b = _a.simplyValue,
shouldSimplyValue = _b === void 0 ? true : _b,
_c = _a.saveOnFinish,
saveOnFinish = _c === void 0 ? false : _c,
initialValues = _a.initialValues,
_d = _a.layoutType,
layoutType = _d === void 0 ? "Form" : _d,
props = __rest(_a, ["schemaID", "schema", "columns", "propertyConfig", "simplyValue", "saveOnFinish", "initialValues", "layoutType"]);
var jsonEditorRef = (0, _react.useRef)();
var editableFormRef = (0, _react.useRef)();
if (!schemaID && !_schema) throw new Error("必须提供schemaID或schema二者其一");
var values = (0, _react.useContext)(_proProvider.default); // 用来自定义ValueType
var data = (_schema ? {
data: {
schema: _schema
}
} : (0, _hooks.useRequest)(function () {
return (0, _request.request)((0, _zeroetpApiSdk.getSchemaByID)(schemaID));
})).data;
if (!data) return /*#__PURE__*/_react.default.createElement("div", null);
var schema = data.schema; // 通过properties来生成columns
var columns; // 给下面生成columns用的
var propsForProperty = function propsForProperty(p, col) {
var _a;
var formItemProps = {
rules: [],
initialValue: (col === null || col === void 0 ? void 0 : col.initialValue) || p.default
};
var _b = (0, _util.getColumnPublicProps)(p, col, propertyConfig),
valueType = _b.valueType,
valueEnum = _b.valueEnum,
fieldProps = _b.fieldProps; // readonly
var readonly = p.udf || p.editable === false || false;
if (propertyConfig && propertyConfig[p.name] && "readonly" in propertyConfig[p.name]) {
readonly = propertyConfig[p.name].readonly;
} // render
var render = undefined;
if (p.udf) {
render = function render() {
return /*#__PURE__*/_react.default.createElement(Text, {
disabled: true
}, "\u81EA\u52A8\u8BA1\u7B97");
};
}
if (((_a = p.constraints) === null || _a === void 0 ? void 0 : _a.required) && !readonly) {
formItemProps.rules.push({
required: true,
message: "此项为必填项"
});
}
if (valueType === "json") {
formItemProps.rules.push((0, _ZEJsonEditor.getZEJsonEditorFormValidator)(jsonEditorRef));
fieldProps.editorRef = jsonEditorRef;
}
if (valueType === "table") {
fieldProps.editableFormRef = editableFormRef;
}
var column = {
title: p.name,
dataIndex: p.name,
valueType: valueType,
valueEnum: valueEnum,
formItemProps: __assign(__assign({}, formItemProps), col === null || col === void 0 ? void 0 : col.formItemProps),
fieldProps: fieldProps,
readonly: readonly,
render: render,
tooltip: p.description
};
if (readonly) {
// 给可编辑表格用的
column.editable = false;
}
return column;
};
if (_columns) {
var mapCustomColumn_1 = function mapCustomColumn_1(col) {
var res = __assign({}, col);
if (col.dataIndex) {
var property = (0, _util.findProperty)(schema, col.dataIndex);
if (property) {
res = __assign(__assign(__assign({}, propsForProperty(property, col)), col), {
dataIndex: col.dataIndex.split(".")
});
}
} // children
if (col.columns) {
res.columns = col.columns.map(function (c) {
return mapCustomColumn_1(c);
});
}
return res;
};
columns = _columns.map(function (c) {
return mapCustomColumn_1(c);
});
} else {
columns = schema.properties.map(function (p) {
return propsForProperty(p);
});
}
var renderContent = function renderContent() {
var drawerFormProps = {
drawerProps: {
maskClosable: false
},
width: "90%"
};
var publicFormProps = __assign(__assign({
initialValues: initialValues
}, props), {
columns: columns,
onFinish: function onFinish(v) {
return __awaiter(void 0, void 0, void 0, function () {
var values, _simplifyValue, _i, _a, key, idProperty, creationResults;
var _b, _c;
return __generator(this, function (_d) {
switch (_d.label) {
case 0:
return [4
/*yield*/
, (_b = editableFormRef.current) === null || _b === void 0 ? void 0 : _b.validateFields()];
case 1:
_d.sent();
values = __assign(__assign({}, initialValues), v);
_simplifyValue = function simplifyValue(item) {
// item空值时
if (!item) {
return item;
}
if (_moment.default.isMoment(item)) {
return item.format('YYYY-MM-DD HH:mm:ss');
}
if (Array.isArray(item)) {
return item.map(function (i) {
return _simplifyValue(i);
});
}
if (_typeof(item) === "object" && "_id" in item) {
return item._id;
}
if (_typeof(item) === "object") {
var v_1 = {};
for (var _i = 0, _a = Object.keys(item); _i < _a.length; _i++) {
var key = _a[_i];
v_1[key] = _simplifyValue(item[key]);
}
return v_1;
}
return item;
};
if (shouldSimplyValue) {
for (_i = 0, _a = Object.keys(values); _i < _a.length; _i++) {
key = _a[_i];
values[key] = _simplifyValue(values[key]);
}
}
if (!saveOnFinish) return [3
/*break*/
, 7];
if (!("_id" in values)) return [3
/*break*/
, 5];
idProperty = (0, _zeroetpApiSdk.getIDProperty)(schema);
if (!idProperty) return [3
/*break*/
, 3];
return [4
/*yield*/
, (0, _request.request)((0, _zeroetpApiSdk.updateDataByID)(schema, values._id, values))];
case 2:
_d.sent();
return [3
/*break*/
, 4];
case 3:
_message2.default.error("暂不支持修改没有ID属性的数据");
_d.label = 4;
case 4:
return [3
/*break*/
, 7];
case 5:
return [4
/*yield*/
, (0, _request.request)((0, _zeroetpApiSdk.createData)(schema, values))];
case 6:
creationResults = _d.sent();
values = creationResults.instances[0];
_d.label = 7;
case 7:
if (props.onFinish) {
return [2
/*return*/
, (_c = props.onFinish) === null || _c === void 0 ? void 0 : _c.call(props, values)];
}
return [2
/*return*/
, true];
}
});
});
}
}); // BetaSchemaForm使用必须指定layoutType，否则ts会报错
switch (layoutType) {
case "DrawerForm":
return /*#__PURE__*/_react.default.createElement(_proForm.BetaSchemaForm, __assign({
layoutType: layoutType
}, drawerFormProps, publicFormProps));
case "StepsForm":
return "待开发";
default:
return /*#__PURE__*/_react.default.createElement(_proForm.BetaSchemaForm, __assign({
layoutType: layoutType
}, publicFormProps));
}
};
return /*#__PURE__*/_react.default.createElement(_proProvider.default.Provider, {
value: __assign(__assign({}, values), {
valueTypeMap: (0, _util.customValueTypes)(schema)
})
}, renderContent());
};
var _default = ZESchemaForm;
exports.default = _default;