ztxkui 3.7.5 → 3.7.7

package/dist/DemoCom/FormDemo.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useState, useMemo } from 'react';
+import React, { useState, useMemo, useRef } from 'react';
 import SearchContainer from '../components/business/SearchContainer';
 import Form from '../components/Form';
 import Input from '../components/Input';
@@ -18,7 +18,7 @@ import DatePicker from '../components/DatePicker';
 import Checkbox from '../components/Checkbox';
 import Radio from '../components/Radio';
 import InputNumber from '../components/InputNumber';
-var SearchItem = SearchContainer.SearchItem, SearchLeft = SearchContainer.SearchLeft;
+var SearchItem = SearchContainer.SearchItem, SearchLeft = SearchContainer.SearchLeft, SearchRight = SearchContainer.SearchRight;
 var RangePicker = DatePicker.RangePicker;
 var configInfo = {
     pwNoCopy: {
@@ -56,10 +56,11 @@ var FormDemo = function () {
     var configInfoMemo = useMemo(function () {
         return __assign(__assign({}, configInfo), { startTime: __assign(__assign({}, configInfo === null || configInfo === void 0 ? void 0 : configInfo.startTime), { isDisplay: status === '1' ? true : false }) });
     }, [status]);
+    var handleRef = useRef(null);
     return (React.createElement(React.Fragment, null,
         React.createElement(Form, { name: "test-list", form: form },
             React.createElement(SearchContainer, { dark: true },
-                React.createElement(SearchLeft, { configInfo: configInfoMemo, isDynamic: true, dynamicStorageKey: "symbol-key-00001" },
+                React.createElement(SearchLeft, { configInfo: configInfoMemo, isDynamic: true, dynamicStorageKey: "symbol-key-00001", isToggle: true, handleRef: handleRef },
                     React.createElement(SearchItem, { width: "half", name: "pwNo", configname: "pwNoCopy", label: "\u5165\u5E93\u5355\u53F7", rules: [
                             {
                                 required: true,
@@ -76,10 +77,10 @@ var FormDemo = function () {
                             },
                         ] },
                         React.createElement(Input, null)),
-                    React.createElement(SearchItem, { width: "half", name: "status", label: "\u5355\u636E\u72B6\u6001", disabled: true },
+                    React.createElement(SearchItem, { width: "half", name: "status", label: "\u5355\u636E\u72B6\u6001" },
                         React.createElement(Select, { onChange: function (value) {
                                 setStatus(value);
-                            }, disabled: true },
+                            } },
                             React.createElement(Select.Option, { value: "1" }, "\u662F"),
                             React.createElement(Select.Option, { value: "0" }, "\u5426"))),
                     React.createElement(SearchItem, { name: "intime", configname: "startTime", label: "\u5165\u5E93\u65E5\u671F" },
@@ -125,6 +126,10 @@ var FormDemo = function () {
                     React.createElement(SearchItem, { name: "type8", width: "half", label: "\u4F60\u597D811" },
                         React.createElement(Select, null)),
                     React.createElement(SearchItem, { name: "type5", width: "all", label: "\u4F60\u597D" },
-                        React.createElement(Input.TextArea, { showCount: true, maxLength: 5000, autoSize: { minRows: 3, maxRows: 5 } })))))));
+                        React.createElement(Input.TextArea, { showCount: true, maxLength: 5000, autoSize: { minRows: 3, maxRows: 5 } }))),
+                React.createElement(SearchRight, { onSearchHandle: function () {
+                        var _a;
+                        (_a = handleRef.current) === null || _a === void 0 ? void 0 : _a.setToggleHandle(false);
+                    }, onResetHandle: function () { } })))));
 };
 export default FormDemo;

package/dist/components/Table/utils/getSummaryData.js

@@ -14,7 +14,6 @@ import { plus, round } from 'number-precision';
  */
 function getSummaryData(summaryConfig, pageData, columns, hasRowSelection) {
     if (hasRowSelection === void 0) { hasRowSelection = false; }
-    console.log(columns);
     var _summaryData = [];
     if (Array.isArray(summaryConfig)) {
         summaryConfig.forEach(function (summary) {

package/dist/components/business/SearchContainer/hooks/useToggle.d.ts

@@ -3,4 +3,5 @@ export default function useToggle(domRef: React.MutableRefObject<HTMLDivElement
     toggle: boolean;
     setToggle: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     onToggleChange: () => void;
+    setToggleHandle: (toggle: any) => void;
 };

package/dist/components/business/SearchContainer/hooks/useToggle.js

@@ -2,19 +2,20 @@
  * @author 陈亚雄
  * @description 设置自动展开收起
  */
-import { useEffect, useState, useCallback } from 'react';
+import { useEffect, useState, useCallback, useRef } from 'react';
 export default function useToggle(domRef, dynamicList, isToggle) {
     var _a = useState(false), toggle = _a[0], setToggle = _a[1];
+    var isHandle = useRef(false);
     useEffect(function () {
         if (domRef.current &&
             Array.isArray(dynamicList) &&
             dynamicList.length &&
-            isToggle) {
+            isToggle &&
+            !isHandle.current) {
             var height = domRef.current.offsetHeight;
-            console.log(height);
             if (height >= 84) {
-                domRef.current.style.cssText = 'max-height: 84px;';
                 setToggle(false);
+                domRef.current.style.cssText = 'max-height: 84px;';
             }
             else {
                 setToggle(true);
@@ -26,6 +27,7 @@ export default function useToggle(domRef, dynamicList, isToggle) {
         if (!domRef.current) {
             return;
         }
+        isHandle.current = true;
         if (toggle) {
             setToggle(false);
             domRef.current.style.cssText = 'max-height: 84px;';
@@ -35,5 +37,18 @@ export default function useToggle(domRef, dynamicList, isToggle) {
             domRef.current.style.cssText = 'max-height: 800px;';
         }
     }, [toggle, domRef]);
-    return { toggle: toggle, setToggle: setToggle, onToggleChange: onToggleChange };
+    var setToggleHandle = useCallback(function (toggle) {
+        if (!domRef.current) {
+            return;
+        }
+        isHandle.current = true;
+        if (toggle) {
+            domRef.current.style.cssText = 'max-height: 800px;';
+        }
+        else {
+            domRef.current.style.cssText = 'max-height: 84px;';
+        }
+        setToggle(toggle);
+    }, [domRef]);
+    return { toggle: toggle, setToggle: setToggle, onToggleChange: onToggleChange, setToggleHandle: setToggleHandle };
 }

package/dist/components/business/SearchContainer/search-left.d.ts

@@ -16,6 +16,9 @@ export interface ISearchLeft {
     className?: string;
     configInfo?: any;
     isToggle?: boolean;
+    handleRef?: React.MutableRefObject<{
+        setToggleHandle: (toggle: boolean) => void;
+    } | null>;
 }
 declare const SearchLeft: React.FC<ISearchLeft>;
 export default SearchLeft;

package/dist/components/business/SearchContainer/search-left.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState, useRef } from 'react';
+import React, { useCallback, useEffect, useState, useRef, useImperativeHandle, } from 'react';
 import classNames from 'classnames';
 import SearchDrawer from './search-drawer';
 import { SettingOutlined, DownOutlined } from '@ant-design/icons';
@@ -14,7 +14,7 @@ function useConfigChildren(children) {
     return { configChildren: configChildren };
 }
 var SearchLeft = function (_a) {
-    var children = _a.children, className = _a.className, isDynamic = _a.isDynamic, _dynamicStorageKey = _a.dynamicStorageKey, onChange = _a.onChange, _b = _a.isFlex, isFlex = _b === void 0 ? true : _b, configInfo = _a.configInfo, isToggle = _a.isToggle;
+    var children = _a.children, className = _a.className, isDynamic = _a.isDynamic, _dynamicStorageKey = _a.dynamicStorageKey, onChange = _a.onChange, _b = _a.isFlex, isFlex = _b === void 0 ? true : _b, configInfo = _a.configInfo, isToggle = _a.isToggle, handleRef = _a.handleRef;
     // 为了兼容之前的写法，默认取当前路由地址，但是这种情况会导致微前端下面出现一些问题
     // 所以在使用组件的时候，如果要使用动态配置，必须传入dynamicStorageKey
     // 如果有时间还是需要传入storageKey，之前的写法需要简化
@@ -37,7 +37,10 @@ var SearchLeft = function (_a) {
     }, [dynamicArr]);
     /** 表单容器Ref */
     var containerRef = useRef(null);
-    var _f = useToggle(containerRef, dynamicList, isToggle), toggle = _f.toggle, onToggleChange = _f.onToggleChange;
+    var _f = useToggle(containerRef, dynamicList, isToggle), toggle = _f.toggle, onToggleChange = _f.onToggleChange, setToggleHandle = _f.setToggleHandle;
+    useImperativeHandle(handleRef, function () { return ({
+        setToggleHandle: setToggleHandle,
+    }); });
     /**内部改变表单位置等信息 */
     var onInsideChange = useCallback(function (newList) {
         setDynamicList(newList);

package/dist/index.css

@@ -1972,7 +1972,7 @@ body {
   width: 100%;
 }
 .signatures-attach .signatures-attach--text {
-  width: 100px;
+  width: 60%;
   overflow: hidden;
   text-overflow: ellipsis;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ztxkui",
-  "version": "3.7.5",
+  "version": "3.7.7",
   "private": false,
   "description": "React components library",
   "author": "zt-front-end",