nowrapper-json
Version:
nowrapper
296 lines (265 loc) • 11.7 kB
JavaScript
var _typeof = require("@babel/runtime/helpers/typeof");
(function (global, factory) {
if (typeof define === "function" && define.amd) {
define(["exports", "@babel/runtime/helpers/classCallCheck", "@babel/runtime/helpers/defineProperty", "moment", "../common/moment", "../common/util", "../common/wrapper"], factory);
} else if (typeof exports !== "undefined") {
factory(exports, require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/defineProperty"), require("moment"), require("../common/moment"), require("../common/util"), require("../common/wrapper"));
} else {
var mod = {
exports: {}
};
factory(mod.exports, global.classCallCheck, global.defineProperty, global.moment, global.moment, global.util, global.wrapper);
global.wrapper = mod.exports;
}
})((typeof globalThis === "undefined" ? "undefined" : _typeof(globalThis)) === "object" ? globalThis : (typeof self === "undefined" ? "undefined" : _typeof(self)) === "object" ? self : this, function (_exports, _classCallCheck2, _defineProperty2, _moment, _moment2, _util, _wrapper) {
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(_exports, "__esModule", {
value: true
});
_exports["default"] = void 0;
_classCallCheck2 = _interopRequireDefault(_classCallCheck2);
_defineProperty2 = _interopRequireDefault(_defineProperty2);
_moment = _interopRequireDefault(_moment);
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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var fetchFileUrl = "";
var defaultFileUploadProps = {
prefix: "next-",
listType: "text",
type: "file",
value: [],
language: "zh-cn",
uploadBtnText: "",
fetchFileUrl: fetchFileUrl,
className: "",
limit: 10,
formatter: function formatter(res) {
// 函数里面根据当前服务器返回的响应数据
// 重新拼装符合组件要求的数据格式
return {
code: res.code,
imgURL: fetchFileUrl + res.fs_url,
imgUrl: fetchFileUrl + res.fs_url,
// downloadURL 是提交给后端，后端可能获取这个值，用于兼容
downloadURL: fetchFileUrl + res.fs_url,
// downloadUrl 是针对于上传成功以后的下载链接
downloadUrl: fetchFileUrl + res.fs_url,
fileURL: fetchFileUrl + res.fs_url,
size: res.size,
fileMd5: res.hash,
fs_url: res.fs_url
};
},
beforeUpload: function beforeUpload() {},
onChange: function onChange() {},
onSuccess: function onSuccess() {}
};
var WrapperClass = function WrapperClass(NextSource) {
var _this = this;
(0, _classCallCheck2["default"])(this, WrapperClass);
(0, _defineProperty2["default"])(this, "Input", function (props) {
return (0, _wrapper.Text)(_this.Next.Input, props);
});
(0, _defineProperty2["default"])(this, "TextArea", function (props) {
return (0, _wrapper.Text)(_this.Next.Input.TextArea, props);
});
(0, _defineProperty2["default"])(this, "Select", function (props) {
return (0, _wrapper.Select)(_this.Next.Select, props, {
previewClass: "next-preview-select"
});
});
(0, _defineProperty2["default"])(this, "CheckboxGroup", function (props) {
return (0, _wrapper.CheckboxGroup)(_this.Next.Checkbox.Group, props);
});
(0, _defineProperty2["default"])(this, "RadioGroup", function (props) {
return (0, _wrapper.RadioGroup)(_this.Next.Radio.Group, props);
});
(0, _defineProperty2["default"])(this, "Checkbox", function (props) {
return (0, _wrapper.Checkbox)(_this.Next.Checkbox, props);
});
(0, _defineProperty2["default"])(this, "Radio", function (props) {
return (0, _wrapper.Radio)(_this.Next.Radio, props);
});
(0, _defineProperty2["default"])(this, "Switch", function (props) {
return (0, _wrapper.Switch)(_this.Next.Switch, props);
});
(0, _defineProperty2["default"])(this, "Range", function (props) {
return (0, _wrapper.Range)(_this.Next.Range, props, {
previewClass: "next-preview-range"
});
});
(0, _defineProperty2["default"])(this, "NumberPicker", function (props) {
return (0, _wrapper.NumberPicker)(_this.Next.NumberPicker, props);
});
(0, _defineProperty2["default"])(this, "Rating", function (props) {
return (0, _wrapper.Rate)(_this.Next.Rating, props);
});
(0, _defineProperty2["default"])(this, "CascaderSelect", function (props) {
return (0, _wrapper.CascaderSelect)(_this.Next.CascaderSelect, props, {
previewClass: "next-preview-select"
});
});
(0, _defineProperty2["default"])(this, "AutoComplete", function (props) {
return (0, _wrapper.AutoComplete)(_this.Next.Select.AutoComplete, props, {
previewClass: "next-preview-select-auto-complete",
previewProps: {
locale: {
autoCompletePlaceHolder: ""
}
}
});
});
(0, _defineProperty2["default"])(this, "DatePicker", function (props) {
var defaultFormat = "YYYY-MM-DD".concat(props.format ? " HH:mm:ss" : "");
var _props$format = props.format,
_format = _props$format === void 0 ? defaultFormat : _props$format;
var valueProps = (0, _util.getValueProps)(props, {
format: function format(val) {
return !val ? null : (0, _moment2.value2moment)(_moment["default"], val, _format);
}
});
var onChange = function onChange(dateVal) {
var formatDate = (0, _moment2.moment2value)(dateVal, _format);
props.onChange && props.onChange(formatDate);
};
var previewProps = {
locale: {
datetimePlaceholder: "",
placeholder: ""
}
};
return (0, _wrapper.DatePicker)(_this.Next.DatePicker, props, {
valueProps: valueProps,
previewClass: "next-preview-datepicker",
onChange: onChange,
previewProps: previewProps
});
});
(0, _defineProperty2["default"])(this, "TimePicker", function (props) {
var _props$format2 = props.format,
_format2 = _props$format2 === void 0 ? "HH:mm:ss" : _props$format2;
var valueProps = (0, _util.getValueProps)(props, {
format: function format(val) {
return !val ? null : (0, _moment2.value2moment)(_moment["default"], val, _format2);
}
});
var onChange = function onChange(dateVal) {
var formatDate = (0, _moment2.moment2value)(dateVal, _format2);
props.onChange && props.onChange(formatDate);
};
var TimeComponent = _this.Next.TimePicker;
return (0, _wrapper.TimePicker)(TimeComponent, props, {
previewClass: "next-preview-datepicker",
valueProps: valueProps,
onChange: onChange
});
});
(0, _defineProperty2["default"])(this, "Upload", function (props) {
var onChange = function onChange(fileList) {
props.onChange && props.onChange(fileList, {
escape: true
});
};
return (0, _wrapper.Upload)(_this.Next.Upload, props, {
defaultProps: defaultFileUploadProps,
onChange: onChange,
previewClass: "next-preview-upload"
});
});
(0, _defineProperty2["default"])(this, "SubDatePicker", function (subType, props) {
var showTime = props.showTime,
format = props.format;
var defaultFormat = "YYYY-MM-DD";
switch (subType) {
case "RangePicker":
defaultFormat = "YYYY-MM-DD";
break;
case "MonthPicker":
defaultFormat = "YYYY-MM";
break;
case "YearPicker":
defaultFormat = "YYYY";
break;
}
var defaultTimeFormat = showTime && showTime.format || "HH:mm";
var baseFormat = format || defaultFormat;
var ftFormat = baseFormat + (showTime ? " ".concat(defaultTimeFormat) : "");
var valueProps = (0, _util.getValueProps)(props, {
format: function format(val) {
if (!val) return null;
if (Array.isArray(val)) {
return val.map(function (itemValue) {
return (0, _moment2.value2moment)(_moment["default"], itemValue, ftFormat);
});
} else {
return (0, _moment2.value2moment)(_moment["default"], val, ftFormat);
}
}
});
var onChange = function onChange(dateVal) {
var formatDate = undefined;
if (Array.isArray(dateVal)) {
formatDate = dateVal.map(function (itemVal) {
return (0, _moment2.moment2value)(itemVal, ftFormat);
});
} else {
formatDate = (0, _moment2.moment2value)(dateVal, ftFormat);
}
props.onChange && props.onChange(formatDate, {
escape: true
});
};
return (0, _wrapper.SubDatePicker)(_this.Next.DatePicker, subType, props, {
onChange: onChange,
valueProps: valueProps,
prefix: "next",
format: ftFormat,
previewClass: "next-preview-datepicker",
previewProps: {
locale: {
datetimePlaceholder: "",
placeholder: "",
monthPlaceholder: "",
yearPlaceholder: "",
startPlaceholder: "",
endPlaceholder: ""
}
}
});
});
(0, _defineProperty2["default"])(this, "format", function () {
var result = ["Input", "Select", "Checkbox", "Radio", "Switch", "Range", "DatePicker", "TimePicker", "NumberPicker", "Rating", "CascaderSelect", "Upload"].reduce(function (ret, key) {
_this[key].displayName = "wrapper(".concat(key, ")");
var extraProps = {};
if (_this.Next[key]) {
extraProps = _objectSpread({}, _this.Next[key]);
}
var that = _this;
Object.keys(extraProps).forEach(function (extraKey) {
that[key][extraKey] = extraProps[extraKey];
});
ret[key] = _this[key];
return ret;
}, {});
result.Checkbox.Group = _this.CheckboxGroup;
result.Radio.Group = _this.RadioGroup;
result.Input.TextArea = _this.TextArea;
result.Select.AutoComplete = _this.AutoComplete;
result.DatePicker.RangePicker = _this.SubDatePicker.bind(_this, "RangePicker");
result.DatePicker.MonthPicker = _this.SubDatePicker.bind(_this, "MonthPicker");
result.DatePicker.YearPicker = _this.SubDatePicker.bind(_this, "YearPicker");
if (_this.Next.Select) {
result.Select.Option.displayName = "wrapper(Option)";
}
return _objectSpread({}, _this.Next, {}, result);
});
this.Next = NextSource;
};
function wrapper(NextSource) {
var instance = new WrapperClass(NextSource);
return instance.format();
}
var _default = wrapper;
_exports["default"] = _default;
});