vap1 0.5.5 → 0.5.7

package/components/Box/Box.d.ts

@@ -6,6 +6,10 @@ import type { ActButton } from '../SearchTool/SearchBar/ActionButtons';
 import type { Key, PlainObject } from '../../basetype';
 import type { UPaginationProps } from '../_common/Upagination';
 type BoxState = {
+    /**
+     * 是否折叠
+    */
+    collapsed?: boolean;
     /**
      * 内容区域高度
     */

package/components/Box/Box.js

@@ -106,17 +106,22 @@ exports.Box = (0, react_1.forwardRef)(function (props, ref) {
     var rootRef = (0, react_1.useRef)(null);
     var contextRef = (0, react_1.useRef)(null);
     var selectRef = (0, react_1.useRef)(null);
+    var _b = __read((0, react_1.useState)(function () {
+        if (props.selectBar == null)
+            return true;
+        return props.selectBar.defaultCollapse || false;
+    }), 2), collapsed = _b[0], setCollapsed = _b[1];
     var mode = (0, react_1.useMemo)(function () {
         return props.mode || 'common';
     }, [props.mode]);
     var className = (0, react_1.useMemo)(function () {
-        var clazz = ['c-box'];
-        clazz.push('c-box-nobg');
-        clazz.push('c-box-' + mode);
+        var clazz = ['c-box', 'c-box-' + mode];
+        if (props.nobg)
+            clazz.push('c-box-nobg');
         if (props.className)
             clazz.push(props.className);
         return clazz.join(' ');
-    }, [props.className, props.nobg, mode]);
+    }, [mode, collapsed]);
     var style = (0, react_1.useMemo)(function () {
         var css = __assign({}, props.style);
         if (mode == 'inner') {
@@ -174,8 +179,13 @@ exports.Box = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () { setTimeout(resize, 120); }, [app === null || app === void 0 ? void 0 : app.theme.contentHeight]); // 1.5 版本：延时 120ms
     (0, react_1.useImperativeHandle)(ref, function () { return ({ resize: resize }); }, [mode]);
     (0, react_1.useLayoutEffect)(function () {
-        setTimeout(resize, 5);
+        setTimeout(resize, 10);
     }, []);
+    var maxWidth = (0, react_1.useMemo)(function () {
+        if (collapsed)
+            return undefined;
+        return "calc(100% - ".concat(props.selectBar.width || utils_1.GLOBAL.CONFIG.BOX.SELECTBAR_WIDTH || 250, "px)");
+    }, [collapsed]);
     var SearchTool = (0, react_1.useMemo)(function () {
         var hasBar = lodash_1.default.has(props, 'searchBar'), 
         // hasBand = _.has(props, 'searchBand'),
@@ -228,8 +238,8 @@ exports.Box = (0, react_1.forwardRef)(function (props, ref) {
                     args[_a] = arguments[_a];
                 }
                 return setState({ selected: args });
-            } })),
-        react_1.default.createElement(Layout_1.Layout.Content, { style: { overflow: props.overflowAuto ? 'auto' : 'hidden' }, ref: function () {
+            }, onSelectCollapse: setCollapsed })),
+        react_1.default.createElement(Layout_1.Layout.Content, { style: { overflow: props.overflowAuto ? 'auto' : 'hidden', maxWidth: maxWidth }, ref: function () {
                 if (_layoutRef.current == null) {
                     var layout = document.getElementById(domId);
                     if (layout) {

package/components/Box/SelectBar.d.ts

@@ -56,10 +56,6 @@ type _BoxSelectBarProps = BaseItem & {
      * 初始为收起状态，默认不收起
     */
     defaultCollapse?: boolean;
-    /**
-     * 边栏状态变更触发
-    */
-    onSelectCollapse?: (boolean: any) => void;
     /**
      * 选择区映射，用于一些特殊场景
     */
@@ -94,5 +90,6 @@ type ExtendSelectProps = {
 export type SelectBarProps = _BoxSelectBarProps & ExtendSelectProps;
 export declare const SelectBar: React.ForwardRefExoticComponent<Omit<SelectBarProps, "onSelect"> & {
     onSelect: (key: Key, object?: PlainObject, ...args: any[]) => void;
+    onSelectCollapse: (boolean: any) => void;
 } & React.RefAttributes<any>>;
 export {};

package/components/Box/SelectBar.js

@@ -75,12 +75,9 @@ var Icon_1 = require("../_adapt/Icon");
 exports.SelectBar = (0, react_1.forwardRef)(function (props, ref) {
     var _a = __read((0, react_1.useState)(null), 2), keyword = _a[0], setKeyword = _a[1];
     var _b = __read((0, hooks_1.useToggle)(props.defaultCollapse || false), 2), collapsed = _b[0], setCollapsed = _b[1];
-    // const setKeyword = _.debounce(_setKeyword, 100);
     var component = (0, _register_1.getSelectBar)(props.type);
     (0, react_1.useLayoutEffect)(function () {
-        if (lodash_1.default.isFunction(props.onSelectCollapse)) {
-            props.onSelectCollapse(collapsed);
-        }
+        props.onSelectCollapse(collapsed);
     }, [collapsed]);
     if (component == undefined) {
         console.warn('SelectBar Type is not registerd ', props.type);
@@ -88,7 +85,7 @@ exports.SelectBar = (0, react_1.forwardRef)(function (props, ref) {
     }
     if (props.roleCode && !utils_1.PageUtil.hasRole(props.roleCode))
         return utils_1.Const.NONE;
-    var width = lodash_1.default.isNumber(props.width) ? props.width : 250;
+    var width = lodash_1.default.isNumber(props.width) ? props.width : utils_1.GLOBAL.CONFIG.BOX.SELECTBAR_WIDTH;
     var renderContent = function () {
         if (props.type == 'custom') {
             if (!lodash_1.default.has(props, 'content')) {
@@ -117,7 +114,7 @@ exports.SelectBar = (0, react_1.forwardRef)(function (props, ref) {
         return react_1.default.createElement(antd_1.Popconfirm, { placement: "right", title: props.confirm, onConfirm: props.onClick },
             react_1.default.createElement(Icon_1.Icon, __assign({}, iconProps, { evt: true })));
     };
-    return react_1.default.createElement(antd_1.Layout.Sider, { className: 'c-selectbar-' + utils_1.GLOBAL.CONFIG.BOX.SELECT_CLOSE, collapsed: collapsed, collapsedWidth: utils_1.GLOBAL.CONFIG.BOX.SELECT_CLOSE == 2 ? 0 : 6, width: width },
+    return react_1.default.createElement(antd_1.Layout.Sider, { className: 'c-selectbar-' + utils_1.GLOBAL.CONFIG.BOX.SELECTBAR_CLOSE, collapsed: collapsed, collapsedWidth: utils_1.GLOBAL.CONFIG.BOX.SELECTBAR_CLOSE == 1 ? 6 : 0, width: width },
         react_1.default.createElement("div", { className: 'c-selectbar-closed', onClick: setCollapsed, title: utils_1.i18n.txt(_i18n_1.V.TXT_EXPAND) }),
         react_1.default.createElement("div", { className: 'c-selectbar' },
             react_1.default.createElement("div", { className: 'c-selectbar-head' },

package/components/Lists/Grid/index.js

@@ -41,7 +41,6 @@ var GridList = function (props) {
     var grids = props.grids, dataSource = props.dataSource, loading = props.loading;
     var itemRender = (0, react_1.useMemo)(function () {
         if (grids.ratio) {
-            // console.log(grids.ratio)
         }
         return function (record, i) { return react_1.default.createElement(antd_1.List.Item, null, grids.itemRender(record, i)); };
     }, [grids]);

package/components/SearchTool/SearchBar/ByKeyword.js

@@ -75,7 +75,7 @@ var SearchBarByKeyword = function (props) {
         var searchProps = {
             className: "c-searchbar-keyword",
             placeholder: utils_1.i18n.txt(_i18n_1.V.INPUT_SEARCH_KEYWORD),
-            allowClear: true,
+            allowClear: false,
         };
         if (props.keyword !== true) {
             if (props.keyword.placeholder) {

package/components/Tables/VTable.js

@@ -260,7 +260,9 @@ var VTableRoot = (0, react_1.forwardRef)(function (props, ref) {
             }
         }
         if (props.searchBar) {
-            boxProps.searchBar = __assign(__assign({}, props.searchBar), { disabled: isQuerying, onSearch: function (data) {
+            boxProps.searchBar = __assign(__assign({}, props.searchBar), { 
+                // disabled: isQuerying,
+                onSearch: function (data) {
                     var queryParam = lodash_1.default.extend({}, props.model.param, data);
                     query(queryParam, true);
                     setParam(queryParam, utils_1.GLOBAL.CONFIG.TABLE.UNSELECT_ON_QUERY);
@@ -282,6 +284,7 @@ var VTableRoot = (0, react_1.forwardRef)(function (props, ref) {
         // props.searchBand,
         props.actionBar,
         props.selectBar,
+        // isQuerying
         // props.className,
         // props.style,
         // props.mode

package/components/Trees/STree.js

@@ -119,7 +119,7 @@ var _Stree = function (props) {
         // 如果根节点只有一个，则自动展开这个根结点
         treeProps.defaultExpandedKeys = [treeState.treeData[0][treeState.keyField]];
     }
-    return react_1.default.createElement(antd_1.Tree, __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, { showLine: true, disabled: props.disabled, selectedKeys: treeState.selectedKeys, onSelect: onSelect }), renderRoot(props, treeState));
 };
 var renderNode = function (node, position, state, search, disabledNode, folderChecker) {
     if (search.keyword && !search.match.has(position.join('-')))

package/package.json

@@ -1 +1 @@
-{"name":"vap1","version":"0.5.5","description":"vap1, Both support MicroService and SAP FrameWork, Support IE>9","main":"index.js","author":"Xiang da","license":"ISC"}
+{"name":"vap1","version":"0.5.7","description":"vap1, Both support MicroService and SAP FrameWork, Support IE>9","main":"index.js","author":"Xiang da","license":"ISC"}

package/utils/Global.d.ts

@@ -122,7 +122,12 @@ export type GlobalSetting = {
         TIME_FORMAT: string;
     };
     BOX: {
+        /**
+         * @deprecated
+        */
         SELECT_CLOSE: 1 | 2;
+        SELECTBAR_CLOSE: 1 | 2;
+        SELECTBAR_WIDTH: number;
     };
     /**
      * 通用上传服务，默认为微服务版的配置，单机版需要在 portal 里面定制一下

package/utils/Global.js

@@ -59,7 +59,7 @@ var DEFAULT = {
     RESULT: { code: 'code', message: 'message', success: '0' },
     VLIST: { list: 'list', total: 'total', totalAcc: 'totalAcc', start: 'start_', count: 'count_', order: 'order_', by: 'by_' },
     VDATA: { data: 'data' },
-    BOX: { SELECT_CLOSE: 2 },
+    BOX: { SELECT_CLOSE: 2, SELECTBAR_CLOSE: 2, SELECTBAR_WIDTH: 250 },
     AJAX: {
         timeout: 30000,
         beforeSend: null,