vap1 0.2.2 → 0.2.4

package/components/Trees/FTree.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);
@@ -31,44 +42,80 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { 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 (g && (g = 0, op[0] && (_ = 0)), _) 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 };
+    }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FTree = void 0;
-const react_1 = __importStar(require("react"));
-const antd_1 = require("antd");
-const utils_1 = require("../../utils");
-const BaseTree_1 = require("./BaseTree");
-const ActionTree_1 = require("./ActionTree");
-const hooks_1 = require("../../hooks");
+var react_1 = __importStar(require("react"));
+var antd_1 = require("antd");
+var utils_1 = require("../../utils");
+var BaseTree_1 = require("./BaseTree");
+var ActionTree_1 = require("./ActionTree");
+var hooks_1 = require("../../hooks");
 /**
  * 动态树
  * CRUD        ：   支持
  * 动态加载     ：   支持
  * 搜索         ：   支持
 */
-exports.FTree = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => react_1.default.createElement(ActionTree_1.ActionTree, Object.assign({}, props, { clearCache: () => utils_1.Ajax.CLEAR(props.fetchApi || props.api), ref: ref }),
-    react_1.default.createElement(_Ftree, Object.assign({}, props)))), (p, n) => p.searchValue == n.searchValue);
-const _Ftree = (props) => {
-    const { baseProps, treeState, setTreeData, onSelect } = (0, BaseTree_1.useBaseTree)();
-    const actionContext = (0, ActionTree_1.useActionTree)();
-    (0, hooks_1.useEffectFunction)(() => __awaiter(void 0, void 0, void 0, function* () {
-        const API = props.fetchApi || props.api;
-        if (!props.notCache)
-            utils_1.Ajax.SESSION(API);
-        const rootResp = yield utils_1.Ajax.GET(API);
-        const tree = utils_1.TreeUtil.buildFlatTree(treeState, (0, ActionTree_1.getResponseList)(rootResp));
-        setTreeData(tree);
-        if (props.mustSelect && tree.length > 0) {
-            onSelect([tree[0][treeState.keyField]], {
-                selectedNodes: [
-                    // @ts-ignore
-                    { props: { data: { node: tree[0], position: [0] } } },
-                ]
-            }, tree);
-        }
-    }));
+exports.FTree = (0, react_1.memo)((0, react_1.forwardRef)(function (props, ref) { return react_1.default.createElement(ActionTree_1.ActionTree, __assign({}, props, { clearCache: function () { return utils_1.Ajax.CLEAR(props.fetchApi || props.api); }, ref: ref }),
+    react_1.default.createElement(_Ftree, __assign({}, props))); }), function (p, n) { return p.searchValue == n.searchValue; });
+var _Ftree = function (props) {
+    var _a = (0, BaseTree_1.useBaseTree)(), baseProps = _a.baseProps, treeState = _a.treeState, setTreeData = _a.setTreeData, onSelect = _a.onSelect;
+    var actionContext = (0, ActionTree_1.useActionTree)();
+    (0, hooks_1.useEffectFunction)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var API, rootResp, tree;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    API = props.fetchApi || props.api;
+                    if (!props.notCache)
+                        utils_1.Ajax.SESSION(API);
+                    return [4 /*yield*/, utils_1.Ajax.GET(API)];
+                case 1:
+                    rootResp = _a.sent();
+                    tree = utils_1.TreeUtil.buildFlatTree(treeState, (0, ActionTree_1.getResponseList)(rootResp));
+                    setTreeData(tree);
+                    if (props.mustSelect && tree.length > 0) {
+                        onSelect([tree[0][treeState.keyField]], {
+                            selectedNodes: [
+                                // @ts-ignore
+                                { props: { data: { node: tree[0], position: [0] } } },
+                            ]
+                        }, tree);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     if (!treeState.inited)
         return utils_1.Const.NONE;
-    const treeProps = {};
+    var treeProps = {};
     if (props.defaultExpandAll || props.searchValue) {
         treeProps.defaultExpandAll = true;
     }
@@ -77,5 +124,5 @@ const _Ftree = (props) => {
         treeProps.defaultExpandedKeys = [treeState.treeData[0][treeState.keyField]];
     }
     // if (treeState.treeData === null) return Const.NONE;
-    return react_1.default.createElement(antd_1.Tree, Object.assign({}, baseProps, treeProps, { disabled: props.disabled, onSelect: onSelect, selectedKeys: treeState.selectedKeys }), (0, ActionTree_1.renderRoot)(props, treeState, actionContext));
+    return react_1.default.createElement(antd_1.Tree, __assign({}, baseProps, treeProps, { disabled: props.disabled, onSelect: onSelect, selectedKeys: treeState.selectedKeys }), (0, ActionTree_1.renderRoot)(props, treeState, actionContext));
 };

package/components/Trees/STree.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,18 +33,43 @@ 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.STree = void 0;
-const react_1 = __importStar(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
-const antd_1 = require("antd");
-const BaseTree_1 = require("./BaseTree");
-const TreeUtil_1 = require("../../utils/TreeUtil");
-const utils_1 = require("../../utils");
-const Const_1 = require("../_setup/Const");
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var antd_1 = require("antd");
+var BaseTree_1 = require("./BaseTree");
+var TreeUtil_1 = require("../../utils/TreeUtil");
+var utils_1 = require("../../utils");
+var Const_1 = require("../_setup/Const");
 /**
  * 静态树
  * CRUD        ：  不支持
@@ -41,12 +77,12 @@ const Const_1 = require("../_setup/Const");
  * 搜索         ： 支持
  * 数据         ： 需要组装好后传入
 */
-exports.STree = (0, react_1.memo)((props) => react_1.default.createElement(BaseTree_1.BaseTree, Object.assign({}, props),
-    react_1.default.createElement(_Stree, Object.assign({}, props))), (p, n) => p.searchValue == n.searchValue);
-const _Stree = (props) => {
-    const { baseProps, treeState, onSelect, setTreeData } = (0, BaseTree_1.useBaseTree)();
-    (0, react_1.useLayoutEffect)(() => {
-        let tree = [];
+exports.STree = (0, react_1.memo)(function (props) { return react_1.default.createElement(BaseTree_1.BaseTree, __assign({}, props),
+    react_1.default.createElement(_Stree, __assign({}, props))); }, function (p, n) { return p.searchValue == n.searchValue; });
+var _Stree = function (props) {
+    var _a = (0, BaseTree_1.useBaseTree)(), baseProps = _a.baseProps, treeState = _a.treeState, onSelect = _a.onSelect, setTreeData = _a.setTreeData;
+    (0, react_1.useLayoutEffect)(function () {
+        var tree = [];
         if (props.isFlat) {
             tree = (0, TreeUtil_1.buildFlatTree)(treeState, props.treeData);
         }
@@ -65,7 +101,7 @@ const _Stree = (props) => {
     }, [props.treeData]);
     if (!treeState.inited)
         return utils_1.Const.NONE;
-    const treeProps = {};
+    var treeProps = {};
     if (props.defaultExpandAll || props.searchValue) {
         treeProps.defaultExpandAll = true;
     }
@@ -73,22 +109,22 @@ const _Stree = (props) => {
         // 如果根节点只有一个，则自动展开这个根结点
         treeProps.defaultExpandedKeys = [treeState.treeData[0][treeState.keyField]];
     }
-    return react_1.default.createElement(antd_1.Tree, Object.assign({}, baseProps, treeProps, { disabled: props.disabled, selectedKeys: treeState.selectedKeys, onSelect: onSelect }), renderRoot(props, treeState));
+    return react_1.default.createElement(antd_1.Tree, __assign({}, baseProps, treeProps, { disabled: props.disabled, selectedKeys: treeState.selectedKeys, onSelect: onSelect }), renderRoot(props, treeState));
 };
-const renderNode = (node, position, state, search, disabledNode, folderChecker) => {
+var renderNode = function (node, position, state, search, disabledNode, folderChecker) {
     if (search.keyword && !search.match.has(position.join('-')))
         return utils_1.Const.NONE;
-    const param = (0, BaseTree_1.getNodeParam)(node, position, state, search, disabledNode, folderChecker);
+    var param = (0, BaseTree_1.getNodeParam)(node, position, state, search, disabledNode, folderChecker);
     if (lodash_1.default.isArray(node.children) && node.children.length) {
-        return react_1.default.createElement(antd_1.Tree.TreeNode, Object.assign({}, param, { isLeaf: false }), renderNodes(node.children, position, state, search, disabledNode, folderChecker));
+        return react_1.default.createElement(antd_1.Tree.TreeNode, __assign({}, param, { isLeaf: false }), renderNodes(node.children, position, state, search, disabledNode, folderChecker));
     }
-    return react_1.default.createElement(antd_1.Tree.TreeNode, Object.assign({}, param, { isLeaf: true }));
+    return react_1.default.createElement(antd_1.Tree.TreeNode, __assign({}, param, { isLeaf: true }));
 };
-const renderNodes = (data, position, state, search, disabledNode, folderChecker) => data.map((item, idx) => renderNode(item, [...position, idx], state, search, disabledNode, folderChecker));
-const renderRoot = (props, state) => {
-    const { search } = state;
+var renderNodes = function (data, position, state, search, disabledNode, folderChecker) { return data.map(function (item, idx) { return renderNode(item, __spreadArray(__spreadArray([], __read(position), false), [idx], false), state, search, disabledNode, folderChecker); }); };
+var renderRoot = function (props, state) {
+    var search = state.search;
     if (search.keyword && search.match.size == 0) {
         return react_1.default.createElement(antd_1.Tree.TreeNode, { isLeaf: true, title: react_1.default.createElement(antd_1.Empty, { description: utils_1.i18n.txt(Const_1.V.TXT_FIND_NULL, search.word) }), selectable: false, className: "c-tree-empty" });
     }
-    return state.treeData.map((node, idx) => renderNode(node, [idx], state, search, props.disabledNode, props.folderChecker));
+    return state.treeData.map(function (node, idx) { return renderNode(node, [idx], state, search, props.disabledNode, props.folderChecker); });
 };

package/components/UForm/FormWrapper.js

@@ -22,45 +22,62 @@ 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.FormWrapper = exports.getDefault = exports.useFormLayout = void 0;
-const react_1 = __importStar(require("react"));
-const utils_1 = require("../../utils");
-const _register_1 = require("./_register");
-const lodash_1 = __importDefault(require("lodash"));
-const LABEL_NOT_CHINESE = 0.66;
-const useFormLayout = () => (0, react_1.useContext)(FormContext);
+var react_1 = __importStar(require("react"));
+var utils_1 = require("../../utils");
+var _register_1 = require("./_register");
+var lodash_1 = __importDefault(require("lodash"));
+var LABEL_NOT_CHINESE = 0.66;
+var useFormLayout = function () { return (0, react_1.useContext)(FormContext); };
 exports.useFormLayout = useFormLayout;
-const FormContext = (0, react_1.createContext)(null);
+var FormContext = (0, react_1.createContext)(null);
 /**
  * 默认排版
  * [默认宽度， 一行显示列数， Label最高可占据span数]
  * */
-const LAYOUTS = {
+var LAYOUTS = {
     common: [880, 2, 12],
     simple: [640, 1, 8],
     compress: [1080, 3, 9],
 };
-const COLS_SPLIT = 8;
-const FONT_SIZE = 12;
-const getDefault = (props) => {
-    const isGroup = lodash_1.default.has(props.fields[0], 'fields');
-    let width, cols, colMax;
+var COLS_SPLIT = 8;
+var FONT_SIZE = 12;
+var getDefault = function (props) {
+    var _a, _b;
+    var isGroup = lodash_1.default.has(props.fields[0], 'fields');
+    var width, cols, colMax;
     if (lodash_1.default.has(LAYOUTS, props.layout)) {
-        [width, cols, colMax] = LAYOUTS[props.layout];
+        _a = __read(LAYOUTS[props.layout], 3), width = _a[0], cols = _a[1], colMax = _a[2];
     }
     else {
-        let col = 0;
+        var col = 0;
         if (!isGroup) {
             col = props.fields.length;
         }
         else {
-            col = lodash_1.default.sum(props.fields.map((item) => lodash_1.default.filter(item.fields, v => v).length));
+            col = lodash_1.default.sum(props.fields.map(function (item) { return lodash_1.default.filter(item.fields, function (v) { return v; }).length; }));
         }
-        [width, cols, colMax] = (col > COLS_SPLIT) ? LAYOUTS.common : LAYOUTS.simple;
+        _b = __read((col > COLS_SPLIT) ? LAYOUTS.common : LAYOUTS.simple, 3), width = _b[0], cols = _b[1], colMax = _b[2];
     }
     return [isGroup, width, cols, colMax];
 };
@@ -68,18 +85,18 @@ exports.getDefault = getDefault;
 /**
  * 判断表单默认展示形式
 */
-const getFormLayout = (props, root) => {
-    let [isGroup, width, cols, colMax] = (0, exports.getDefault)(props);
+var getFormLayout = function (props, root) {
+    var _a = __read((0, exports.getDefault)(props), 4), isGroup = _a[0], width = _a[1], cols = _a[2], colMax = _a[3];
     if (lodash_1.default.has(props, 'width')) {
         width = props.width;
     }
     else {
-        let totalWidth = root.getBoundingClientRect().width;
+        var totalWidth = root.getBoundingClientRect().width;
         if (width > totalWidth) {
             width = totalWidth;
         }
     }
-    let isInfo = false, isEdit = false, isAdd = false;
+    var isInfo = false, isEdit = false, isAdd = false;
     switch (props.mode) {
         case 'ADD':
             isAdd = true;
@@ -108,16 +125,16 @@ const getFormLayout = (props, root) => {
     }
     return [isGroup, cols, width, colMax, isInfo, isEdit, isAdd];
 };
-const getMaxTitleWidth = (field) => {
+var getMaxTitleWidth = function (field) {
     if (field.type && (0, _register_1.getUFormInput)(field.type).breakTitle)
         return 0;
-    let title = null;
+    var title = null;
     if (field.ik)
         title = utils_1.i18n.txt(field.ik);
     if (title == null)
         title = lodash_1.default.isString(field.title) ? field.title : '';
-    let sum = 0;
-    for (let i = 0, _i = title.length; i < _i; i++) {
+    var sum = 0;
+    for (var i = 0, _i = title.length; i < _i; i++) {
         if (title.charCodeAt(i) < 12800) {
             sum += LABEL_NOT_CHINESE;
         }
@@ -128,12 +145,12 @@ const getMaxTitleWidth = (field) => {
     return Math.ceil(sum);
 };
 // 遍历字段，计算表单属性
-const _LOOP = (fs, maxLabel, isInfo, isEdit, isAdd, hiddFields, disableFields) => {
-    fs.map(field => {
+var _LOOP = function (fs, maxLabel, isInfo, isEdit, isAdd, hiddFields, disableFields) {
+    fs.map(function (field) {
         // @ts-ignore // 兼容 && 写法
         if (field == null || field === false)
             return;
-        let show = true;
+        var show = true;
         if (field.roleCode && !utils_1.PageUtil.hasRole(field.roleCode)) {
             show = false;
         }
@@ -171,10 +188,10 @@ const _LOOP = (fs, maxLabel, isInfo, isEdit, isAdd, hiddFields, disableFields) =
             hiddFields.add(field.field);
             return;
         }
-        let maxCount = getMaxTitleWidth(field);
+        var maxCount = getMaxTitleWidth(field);
         if (maxLabel.current < maxCount)
             maxLabel.current = maxCount;
-        let disabled = false;
+        var disabled = false;
         if (!isInfo && lodash_1.default.has(field, 'disabled')) {
             if (field.disabled === false || field.disabled === true) {
                 disabled = field.disabled;
@@ -201,17 +218,17 @@ const _LOOP = (fs, maxLabel, isInfo, isEdit, isAdd, hiddFields, disableFields) =
         }
     });
 };
-const FormWrapper = (props) => {
-    const DisableFieldRef = (0, react_1.useRef)(null);
-    const HiddenFieldRef = (0, react_1.useRef)(null);
-    const OptionsMapRef = (0, react_1.useRef)(null);
-    const RequiredMapRef = (0, react_1.useRef)(null);
-    const multipleFieldsRef = (0, react_1.useRef)(null);
-    const formContainer = (0, react_1.useRef)(null);
-    const maxLabelRef = (0, react_1.useRef)(0);
+var FormWrapper = function (props) {
+    var DisableFieldRef = (0, react_1.useRef)(null);
+    var HiddenFieldRef = (0, react_1.useRef)(null);
+    var OptionsMapRef = (0, react_1.useRef)(null);
+    var RequiredMapRef = (0, react_1.useRef)(null);
+    var multipleFieldsRef = (0, react_1.useRef)(null);
+    var formContainer = (0, react_1.useRef)(null);
+    var maxLabelRef = (0, react_1.useRef)(0);
     // maxLabel
-    const [state, setState] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
+    var _a = __read((0, react_1.useState)(null), 2), state = _a[0], setState = _a[1];
+    (0, react_1.useEffect)(function () {
         if (DisableFieldRef.current == null) {
             DisableFieldRef.current = new Set();
             HiddenFieldRef.current = new Set();
@@ -219,21 +236,21 @@ const FormWrapper = (props) => {
             RequiredMapRef.current = new Map();
             multipleFieldsRef.current = new Set();
         }
-        const { fields } = props;
+        var fields = props.fields;
         if (fields == null || fields.length == 0)
             throw new Error('Must Have Fields');
-        const [isGroup, cols, width, colMax, isInfo, isEdit, isAdd] = getFormLayout(props, formContainer.current);
-        let colSpan = 24 / cols;
+        var _a = __read(getFormLayout(props, formContainer.current), 7), isGroup = _a[0], cols = _a[1], width = _a[2], colMax = _a[3], isInfo = _a[4], isEdit = _a[5], isAdd = _a[6];
+        var colSpan = 24 / cols;
         // const MAX_LABEL_SPAN = COLMAX[cols];
         if (isGroup) {
-            fields.map(group => _LOOP(group.fields, maxLabelRef, isInfo, isEdit, isAdd, HiddenFieldRef.current, DisableFieldRef.current));
+            fields.map(function (group) { return _LOOP(group.fields, maxLabelRef, isInfo, isEdit, isAdd, HiddenFieldRef.current, DisableFieldRef.current); });
         }
         else {
             _LOOP(fields, maxLabelRef, isInfo, isEdit, isAdd, HiddenFieldRef.current, DisableFieldRef.current);
         }
-        let fieldWidth = width / cols;
+        var fieldWidth = width / cols;
         var percent = (maxLabelRef.current * FONT_SIZE + 20) / fieldWidth;
-        let labelSpan = Math.ceil(percent * 24);
+        var labelSpan = Math.ceil(percent * 24);
         if (labelSpan > colMax) {
             labelSpan = colMax;
         }
@@ -246,18 +263,18 @@ const FormWrapper = (props) => {
                 labelSpan = 6;
             }
         }
-        let inputSpan = 24 - labelSpan;
+        var inputSpan = 24 - labelSpan;
         if (cols == 1 && inputSpan > 14) {
             inputSpan = inputSpan - 1;
         }
         setState({
             maxLabel: maxLabelRef.current,
-            width,
-            cols,
-            isGroup,
-            colSpan,
-            labelSpan,
-            inputSpan,
+            width: width,
+            cols: cols,
+            isGroup: isGroup,
+            colSpan: colSpan,
+            labelSpan: labelSpan,
+            inputSpan: inputSpan,
             hiddenFields: HiddenFieldRef,
             disableFields: DisableFieldRef,
             multipleFields: multipleFieldsRef,

package/components/UForm/UDescriptions.js

@@ -4,17 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UDescriptions = void 0;
-const react_1 = __importDefault(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
-const utils_1 = require("../../utils");
-const isReactFragment = (variableToInspect) => {
+var react_1 = __importDefault(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var utils_1 = require("../../utils");
+var isReactFragment = function (variableToInspect) {
     if (variableToInspect.type)
         return variableToInspect.type === react_1.default.Fragment;
     return false;
 };
-const toArray = (children) => {
-    let ret = [];
-    react_1.default.Children.forEach(children, child => {
+var toArray = function (children) {
+    var ret = [];
+    react_1.default.Children.forEach(children, function (child) {
         if (child === undefined || child === null) {
             return;
         }
@@ -32,48 +32,48 @@ const toArray = (children) => {
     });
     return ret;
 };
-const _UDescriptions = props => {
-    const { className, style, title, labelWidth, column, theme, hideBorder, ik } = props;
-    let cols = column || 2;
-    let mode = theme ? theme : 'label';
-    const items = toArray(props.children);
+var _UDescriptions = function (props) {
+    var className = props.className, style = props.style, title = props.title, labelWidth = props.labelWidth, column = props.column, theme = props.theme, hideBorder = props.hideBorder, ik = props.ik;
+    var cols = column || 2;
+    var mode = theme ? theme : 'label';
+    var items = toArray(props.children);
     if (items.length == 0)
         return utils_1.Const.NONE;
-    let clazz = ['c-des', 'c-des-t' + mode,];
+    var clazz = ['c-des', 'c-des-t' + mode,];
     if (hideBorder) {
         if (lodash_1.default.isString(hideBorder)) {
             clazz.push('c-des-h' + hideBorder);
         }
         else {
-            hideBorder.map(item => clazz.push('c-des-h' + item));
+            hideBorder.map(function (item) { return clazz.push('c-des-h' + item); });
         }
     }
     if (className) {
         clazz.push(className);
     }
-    const rows = generateChildrenRows(items, cols);
-    let groupTitle = utils_1.i18n.getText(ik, title);
+    var rows = generateChildrenRows(items, cols);
+    var groupTitle = utils_1.i18n.getText(ik, title);
     return react_1.default.createElement("div", { className: clazz.join(' '), style: style },
         groupTitle && react_1.default.createElement("div", { className: "c-des-title" }, groupTitle),
-        react_1.default.createElement("div", { className: `c-des-view c-des-c${cols}l${labelWidth}` },
+        react_1.default.createElement("div", { className: "c-des-view c-des-c".concat(cols, "l").concat(labelWidth) },
             react_1.default.createElement("table", null,
-                react_1.default.createElement("colgroup", null, lodash_1.default.range(cols * 2).map(i => react_1.default.createElement("col", { className: (i % 2 == 0) ? 'c-des-glabel' : 'c-des-gvalue' }))),
+                react_1.default.createElement("colgroup", null, lodash_1.default.range(cols * 2).map(function (i) { return react_1.default.createElement("col", { className: (i % 2 == 0) ? 'c-des-glabel' : 'c-des-gvalue' }); })),
                 react_1.default.createElement("tbody", null,
-                    react_1.default.createElement("tr", { className: "c-des-align" }, lodash_1.default.range(cols * 2).map(i => (i % 2 == 0) ? react_1.default.createElement("th", null) : react_1.default.createElement("td", null))),
-                    rows.map((row) => react_1.default.createElement("tr", { className: "c-des-row" }, renderRow(row, column)))))));
+                    react_1.default.createElement("tr", { className: "c-des-align" }, lodash_1.default.range(cols * 2).map(function (i) { return (i % 2 == 0) ? react_1.default.createElement("th", null) : react_1.default.createElement("td", null); })),
+                    rows.map(function (row) { return react_1.default.createElement("tr", { className: "c-des-row" }, renderRow(row, column)); })))));
 };
-const generateChildrenRows = (items, column) => {
-    const rows = [];
-    let columns = null;
-    let leftSpans;
-    items.forEach((node, index) => {
+var generateChildrenRows = function (items, column) {
+    var rows = [];
+    var columns = null;
+    var leftSpans;
+    items.forEach(function (node, index) {
         // let itemNode = node;
         if (!columns) {
             leftSpans = column;
             columns = [];
             rows.push(columns);
         }
-        var { span = 1 } = node.props;
+        var _a = node.props.span, span = _a === void 0 ? 1 : _a;
         if (span >= column) {
             span = column;
         }
@@ -85,44 +85,44 @@ const generateChildrenRows = (items, column) => {
         }
         else {
             // 超出结界，换行重构
-            let cells = columns.map(item => item.props.span);
-            let diffSpan = column - lodash_1.default.sum(cells);
-            const lastNode = columns.pop();
+            var cells = columns.map(function (item) { return item.props.span; });
+            var diffSpan = column - lodash_1.default.sum(cells);
+            var lastNode = columns.pop();
             columns.push(react_1.default.cloneElement(lastNode, { span: lastNode.props.span + diffSpan }));
             leftSpans = column - span;
             columns = [];
             rows.push(columns);
         }
-        columns.push(react_1.default.cloneElement(node, { span }));
+        columns.push(react_1.default.cloneElement(node, { span: span }));
         if (leftSpans <= 0) {
             columns = null;
         }
     });
     return rows;
 };
-const Col = (props) => {
+var Col = function (props) {
     if (props.isLabel)
         return react_1.default.createElement("th", { className: "c-des-label" }, props.children);
-    let colSpan = 1;
+    var colSpan = 1;
     if (props.breakLabel)
         colSpan += 1;
     if (props.span && props.span > 1)
         colSpan += ((props.span - 1) * 2);
     return react_1.default.createElement("td", { className: "c-des-value " + (props.className ? props.className : ''), colSpan: colSpan }, props.children);
 };
-const renderRow = (row, cols) => {
-    let columns = [];
-    row.map(col => {
+var renderRow = function (row, cols) {
+    var columns = [];
+    row.map(function (col) {
         if (col.props.roleCode && !utils_1.PageUtil.hasRole(col.props.roleCode))
             return;
-        let label = null;
+        var label = null;
         if (col.props.ik) {
             label = utils_1.i18n.txt(col.props.ik);
         }
         else if (col.props.label) {
             label = col.props.label;
         }
-        let breakLabel = label == null || col.props.breakLabel;
+        var breakLabel = label == null || col.props.breakLabel;
         if (!breakLabel) {
             columns.push(react_1.default.createElement(Col, { isLabel: true, breakLabel: breakLabel, className: col.props.className, span: col.props.span, cols: cols }, label));
         }
@@ -131,4 +131,4 @@ const renderRow = (row, cols) => {
     return columns;
 };
 exports.UDescriptions = _UDescriptions;
-exports.UDescriptions.Item = (props) => utils_1.Const.NONE;
+exports.UDescriptions.Item = function (props) { return utils_1.Const.NONE; };