vap1 0.2.2 → 0.2.4

package/components/UForm/_input.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -22,24 +33,49 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerApiTableSelector = exports.getPlaceholder = exports.getMultiFieldValues = exports.copyMultiValue = void 0;
-const react_1 = __importStar(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
-const i18n_1 = require("../../utils/i18n");
-const Const_1 = require("../_setup/Const");
-const Button_1 = require("../_adapt/Button");
-const Tables_1 = require("../Tables");
-const _register_1 = require("./_register");
-const utils_1 = require("../../utils");
-const copyMultiValue = (fields, data, properties) => {
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var i18n_1 = require("../../utils/i18n");
+var Const_1 = require("../_setup/Const");
+var Button_1 = require("../_adapt/Button");
+var Tables_1 = require("../Tables");
+var _register_1 = require("./_register");
+var utils_1 = require("../../utils");
+var copyMultiValue = function (fields, data, properties) {
     if (data == null)
         return null;
-    const result = {};
-    for (let i = 0, _i = fields.length, _j = properties.length; i < _i && i < _j; i++) {
+    var result = {};
+    for (var i = 0, _i = fields.length, _j = properties.length; i < _i && i < _j; i++) {
         if (lodash_1.default.has(data, properties[i]) && data[properties[i]] != null) {
             result[fields[i]] = data[properties[i]];
         }
@@ -52,17 +88,18 @@ exports.copyMultiValue = copyMultiValue;
 /**
  * 获取复合字段的 字段与值，以数组形式返回
 */
-const getMultiFieldValues = (field, value) => {
-    const fields = field.field.split(',').map(lodash_1.default.trim);
+var getMultiFieldValues = function (field, value) {
+    var fields = field.field.split(',').map(lodash_1.default.trim);
     if (fields.length == 1)
         return [fields, [value || undefined]];
     if (value) {
-        return [fields, fields.map(field => (value || {})[field])];
+        return [fields, fields.map(function (field) { return (value || {})[field]; })];
     }
-    return [fields, fields.map(() => undefined)];
+    return [fields, fields.map(function () { return undefined; })];
 };
 exports.getMultiFieldValues = getMultiFieldValues;
-const getPlaceholder = (field, isSelect = false) => {
+var getPlaceholder = function (field, isSelect) {
+    if (isSelect === void 0) { isSelect = false; }
     if (field.placeholder)
         return field.placeholder;
     if (isSelect || lodash_1.default.isArray(field.options)) {
@@ -71,22 +108,22 @@ const getPlaceholder = (field, isSelect = false) => {
     return (0, i18n_1.txt)(Const_1.V.INPUT_TEXT) + (0, i18n_1.getText)(field.ik, field.title);
 };
 exports.getPlaceholder = getPlaceholder;
-const builderApiTableSerletor = (options, nameIdx) => props => {
-    const { value, field, disabled, onChange, form } = props;
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const [fields, values] = (0, exports.getMultiFieldValues)(field, value);
-    const valueFields = (0, react_1.useMemo)(() => lodash_1.default.take(options.itemFields, fields.length), []);
-    let params = { disabled: disabled };
-    const onSelect = (data) => {
+var builderApiTableSerletor = function (options, nameIdx) { return function (props) {
+    var value = props.value, field = props.field, disabled = props.disabled, onChange = props.onChange, form = props.form;
+    var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
+    var _b = __read((0, exports.getMultiFieldValues)(field, value), 2), fields = _b[0], values = _b[1];
+    var valueFields = (0, react_1.useMemo)(function () { return lodash_1.default.take(options.itemFields, fields.length); }, []);
+    var params = { disabled: disabled };
+    var onSelect = function (data) {
         setOpen(false);
         if (valueFields.length == 1) {
             onChange(data[valueFields[0]]);
         }
         else {
-            onChange(lodash_1.default.zipObject(fields, valueFields.map(item => data[item])));
+            onChange(lodash_1.default.zipObject(fields, valueFields.map(function (item) { return data[item]; })));
         }
     };
-    const getTip = (values) => {
+    var getTip = function (values) {
         if (lodash_1.default.isFunction(field.render)) {
             if (values.length == 1) {
                 return field.render(values[0], form.getFieldsValue());
@@ -94,7 +131,7 @@ const builderApiTableSerletor = (options, nameIdx) => props => {
             return field.render(lodash_1.default.zipObject(fields, values), form.getFieldsValue());
         }
         if (lodash_1.default.isFunction(options.render)) {
-            const record = lodash_1.default.zipObject(options.itemFields, values);
+            var record = lodash_1.default.zipObject(options.itemFields, values);
             return options.render(record);
         }
         if (values.length > nameIdx)
@@ -104,24 +141,23 @@ const builderApiTableSerletor = (options, nameIdx) => props => {
         return values[0];
     };
     return react_1.default.createElement(react_1.default.Fragment, null,
-        values[0] != undefined ? react_1.default.createElement(Button_1.Button, Object.assign({}, params, { onClick: () => setOpen(true) }), getTip(values)) : react_1.default.createElement(Button_1.Button, Object.assign({}, params, { icon: 'select', onClick: () => setOpen(true) }), (0, exports.getPlaceholder)(field, true)),
-        react_1.default.createElement(Tables_1.ApiTableModal, { title: options.title, api: options.api, width: options.width || 720, columns: [
-                ...options.columns,
-                Tables_1.ApiTable.COL_OPERACTION({ render: data => react_1.default.createElement(Tables_1.ApiTable.ACTION, { title: "\u9009\u62E9", icon: "select", onClick: () => onSelect(data) }) })
-            ], searchBar: options.searchBar, open: open, onCancel: () => setOpen(false) }));
-};
+        values[0] != undefined ? react_1.default.createElement(Button_1.Button, __assign({}, params, { onClick: function () { return setOpen(true); } }), getTip(values)) : react_1.default.createElement(Button_1.Button, __assign({}, params, { icon: 'select', onClick: function () { return setOpen(true); } }), (0, exports.getPlaceholder)(field, true)),
+        react_1.default.createElement(Tables_1.ApiTableModal, { title: options.title, api: options.api, width: options.width || 720, columns: __spreadArray(__spreadArray([], __read(options.columns), false), [
+                Tables_1.ApiTable.COL_OPERACTION({ render: function (data) { return react_1.default.createElement(Tables_1.ApiTable.ACTION, { title: "\u9009\u62E9", icon: "select", onClick: function () { return onSelect(data); } }); } })
+            ], false), searchBar: options.searchBar, open: open, onCancel: function () { return setOpen(false); } }));
+}; };
 /**
  * 快速注册 一个 弹出ApiTable 的选择组件
 */
-const registerApiTableSelector = (type, options) => {
-    let showIdx = options.itemFields.length <= 1 ? 0 : 1;
+var registerApiTableSelector = function (type, options) {
+    var showIdx = options.itemFields.length <= 1 ? 0 : 1;
     if (options.nameField) {
-        let idx = lodash_1.default.indexOf(options.itemFields, options.nameField);
+        var idx = lodash_1.default.indexOf(options.itemFields, options.nameField);
         if (idx >= 0)
             showIdx = idx;
     }
-    const render = (_x, data, field) => {
-        const fields = field.field.split(',').map(lodash_1.default.trim).filter(item => item != '');
+    var render = function (_x, data, field) {
+        var fields = field.field.split(',').map(lodash_1.default.trim).filter(function (item) { return item != ''; });
         if (fields.length == 0)
             return utils_1.Const.NONE;
         if (field.render) {
@@ -130,7 +166,7 @@ const registerApiTableSelector = (type, options) => {
             return field.render(lodash_1.default.pick(data, fields), data);
         }
         if (lodash_1.default.isFunction(options.render)) {
-            const record = lodash_1.default.zipObject(options.itemFields, fields.map(field => data[field]));
+            var record = lodash_1.default.zipObject(options.itemFields, fields.map(function (field) { return data[field]; }));
             return options.render(record);
         }
         if (fields.length > showIdx)
@@ -141,7 +177,7 @@ const registerApiTableSelector = (type, options) => {
     };
     (0, _register_1.registerFormField)(type, builderApiTableSerletor(options, showIdx), {
         isMultiple: true,
-        render
+        render: render
     });
 };
 exports.registerApiTableSelector = registerApiTableSelector;

package/components/UForm/_register.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUFormInput = exports.registerFormField = void 0;
-const _Support_1 = require("../../utils/_Support");
-const Global_1 = require("../../utils/Global");
-const StringUtil_1 = require("../../utils/StringUtil");
-const _RegisterUtil_1 = require("../_RegisterUtil");
-const _C_FORM_FIELD = (0, _Support_1.globalDefault)('_C_FORM_FIELD', new Map());
-const DEFAULT = {
+var _Support_1 = require("../../utils/_Support");
+var Global_1 = require("../../utils/Global");
+var StringUtil_1 = require("../../utils/StringUtil");
+var _RegisterUtil_1 = require("../_RegisterUtil");
+var _C_FORM_FIELD = (0, _Support_1.globalDefault)('_C_FORM_FIELD', new Map());
+var DEFAULT = {
     breakCol: false,
     breakDes: false,
     breakTitle: false,
@@ -24,12 +24,14 @@ const DEFAULT = {
  * @param forceOverWrite
  *      强制覆盖掉已注册的组件，默认重复注册相同的类型时，后注册的不能生效，使用 true 后，强㓡覆盖掉之前注册的组件
 */
-const registerFormField = (type, component, options = null, forceOverWrite = false) => {
+var registerFormField = function (type, component, options, forceOverWrite) {
+    if (options === void 0) { options = null; }
+    if (forceOverWrite === void 0) { forceOverWrite = false; }
     (0, _RegisterUtil_1.register)(_C_FORM_FIELD, type, DEFAULT, component, options, forceOverWrite);
 };
 exports.registerFormField = registerFormField;
-const getUFormInput = (type) => {
-    let key = (0, StringUtil_1.trimLower)(type);
+var getUFormInput = function (type) {
+    var key = (0, StringUtil_1.trimLower)(type);
     if (Global_1.CONFIG.FORM.USE_POWER_INPUT) {
         if (_C_FORM_FIELD.has('_' + key)) {
             return _C_FORM_FIELD.get('_' + key);

package/components/Upload/UploadFile.js

@@ -1,18 +1,45 @@
 "use strict";
+var __assign = (this && this.__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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UploadFile = void 0;
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("../../utils");
-const useUpload_1 = require("./useUpload");
-const antd_1 = require("antd");
-const Button_1 = require("../_adapt/Button");
-const Const_1 = require("../../components/_setup/Const");
-const UploadFile = props => {
-    const [state, onChange] = (0, useUpload_1.useUpload)(props);
-    const uploadProps = (0, useUpload_1.getBaseOptions)(props);
+var react_1 = __importDefault(require("react"));
+var utils_1 = require("../../utils");
+var useUpload_1 = require("./useUpload");
+var antd_1 = require("antd");
+var Button_1 = require("../_adapt/Button");
+var Const_1 = require("../../components/_setup/Const");
+var UploadFile = function (props) {
+    var _a = __read((0, useUpload_1.useUpload)(props), 2), state = _a[0], onChange = _a[1];
+    var uploadProps = (0, useUpload_1.getBaseOptions)(props);
     if (uploadProps.accept == null)
         uploadProps.accept = 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
     if (state.uploading) {
@@ -25,14 +52,14 @@ const UploadFile = props => {
         uploadProps.className = 'c-upload-file c-upload-file-success';
     else
         uploadProps.className = 'c-upload-file';
-    let title;
+    var title;
     if (props.value) {
         title = props.value.fileName || props.value.fileId;
     }
     else {
         title = state.name ? state.name : utils_1.i18n.getText(props.ik, props.label, Const_1.V.UPLOAD_FILE);
     }
-    return react_1.default.createElement(antd_1.Upload, Object.assign({}, uploadProps, { onChange: onChange }),
+    return react_1.default.createElement(antd_1.Upload, __assign({}, uploadProps, { onChange: onChange }),
         react_1.default.createElement(Button_1.Button, { loading: state.uploading, disabled: state.uploading || props.disabled, icon: "upload" }, title),
         state.error && react_1.default.createElement("span", { className: 'c-upload-file-message' }, state.errMsg));
 };

package/components/Upload/UploadImage.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -22,39 +33,55 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UploadImage = void 0;
-const react_1 = __importStar(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
-const antd_1 = require("antd");
-const Modal_1 = require("../../components/_adapt/Modal");
-const useUpload_1 = require("./useUpload");
-const utils_1 = require("../../utils");
-const Const_1 = require("../../components/_setup/Const");
-const Icon_1 = require("../../components/_adapt/Icon");
-const hooks_1 = require("../../hooks");
-const ImagePreview = (props) => {
-    const { state, ik, label, width, height, showPreview, preview } = props;
-    const [open, show] = (0, hooks_1.useToggle)();
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var antd_1 = require("antd");
+var Modal_1 = require("../../components/_adapt/Modal");
+var useUpload_1 = require("./useUpload");
+var utils_1 = require("../../utils");
+var Const_1 = require("../../components/_setup/Const");
+var Icon_1 = require("../../components/_adapt/Icon");
+var hooks_1 = require("../../hooks");
+var ImagePreview = function (props) {
+    var state = props.state, ik = props.ik, label = props.label, width = props.width, height = props.height, showPreview = props.showPreview, preview = props.preview;
+    var _a = __read((0, hooks_1.useToggle)(), 2), open = _a[0], show = _a[1];
     if (state.info != null) {
-        let imgUrl = lodash_1.default.isFunction(preview) ? preview(state.info) : (utils_1.GLOBAL.CONFIG.UPLOAD.PREVIEW + (state.info.guid || state.info.fileId));
-        return react_1.default.createElement("div", { className: 'c-upload-img-root', style: { width, height, backgroundImage: `url(${imgUrl})` } },
+        var imgUrl = lodash_1.default.isFunction(preview) ? preview(state.info) : (utils_1.GLOBAL.CONFIG.UPLOAD.PREVIEW + (state.info.guid || state.info.fileId));
+        return react_1.default.createElement("div", { className: 'c-upload-img-root', style: { width: width, height: height, backgroundImage: "url(".concat(imgUrl, ")") } },
             showPreview && react_1.default.createElement(Icon_1.Icon, { type: "zoom-in", onClick: show }),
-            showPreview && react_1.default.createElement(Modal_1.Modal, { className: 'picture-card-preview', style: { top: 0, backgroundImage: `url(${imgUrl})` }, open: open, maskClosable: true, width: '100%', footer: null, onCancel: show }));
+            showPreview && react_1.default.createElement(Modal_1.Modal, { className: 'picture-card-preview', style: { top: 0, backgroundImage: "url(".concat(imgUrl, ")") }, open: open, maskClosable: true, width: '100%', footer: null, onCancel: show }));
     }
-    return react_1.default.createElement("div", { style: { width, height } },
+    return react_1.default.createElement("div", { style: { width: width, height: height } },
         react_1.default.createElement("div", { className: 'c-upload-placehoder' },
             react_1.default.createElement(Icon_1.Icon, { type: state.uploading ? 'loading' : 'plus' }),
             react_1.default.createElement("span", { className: "c-upload-img-text" }, utils_1.i18n.getText(ik, label, Const_1.V.UPLOAD_PIC))));
 };
-const RATIO = 1280 / 1920;
-const UploadImage = props => {
-    const [state, onChange] = (0, useUpload_1.useUpload)(props);
-    const uploadProps = (0, useUpload_1.getBaseOptions)(props);
-    const [width, height] = (0, react_1.useMemo)(() => {
+var RATIO = 1280 / 1920;
+var UploadImage = function (props) {
+    var _a = __read((0, useUpload_1.useUpload)(props), 2), state = _a[0], onChange = _a[1];
+    var uploadProps = (0, useUpload_1.getBaseOptions)(props);
+    var _b = __read((0, react_1.useMemo)(function () {
         utils_1.StringUtil.px(props.width);
         if (props.width == null && props.height == null)
             return [96, 96];
@@ -71,7 +98,7 @@ const UploadImage = props => {
             return [props.height / RATIO, props.height];
         }
         return [96, 96];
-    }, []);
+    }, []), 2), width = _b[0], height = _b[1];
     uploadProps.accept = props.accept || "image/*";
     uploadProps.listType = "picture";
     if (state.uploading) {
@@ -87,7 +114,7 @@ const UploadImage = props => {
     else {
         uploadProps.className = 'c-upload-img';
     }
-    return react_1.default.createElement(antd_1.Upload.Dragger, Object.assign({}, uploadProps, { onChange: onChange, style: { width, height } }),
+    return react_1.default.createElement(antd_1.Upload.Dragger, __assign({}, uploadProps, { onChange: onChange, style: { width: width, height: height } }),
         react_1.default.createElement(ImagePreview, { state: state, ik: props.ik, label: props.label, width: width, height: height, showPreview: props.showPreview === false ? false : true }));
 };
 exports.UploadImage = UploadImage;