@vtx/components 3.1.16 → 3.1.17

package/lib/vtx-search/index.js

@@ -1,124 +1,90 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _useSetState3 = _interopRequireDefault(require("ahooks/es/useSetState"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _button = _interopRequireDefault(require("antd/lib/button"));
-
 var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
-
 var _UpOutlined = _interopRequireDefault(require("@ant-design/icons/UpOutlined"));
-
 var _DownOutlined = _interopRequireDefault(require("@ant-design/icons/DownOutlined"));
-
 var _VtxRow = _interopRequireDefault(require("./VtxRow"));
-
 var _VtxCol = _interopRequireDefault(require("./VtxCol"));
-
 var _TableLayout = require("../vtx-page-layout/TableLayout");
-
 var _useColSize = _interopRequireDefault(require("../_util/useColSize"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function VtxSearch(props) {
   //参数列表
   var _props$layout = props.layout,
-      layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
-      _props$column = props.column,
-      column = _props$column === void 0 ? {
-    lg: 4,
-    md: 3,
-    sm: 2
-  } : _props$column,
-      _props$gridWeight = props.gridWeight,
-      gridWeight = _props$gridWeight === void 0 ? [] : _props$gridWeight,
-      _props$titles = props.titles,
-      titles = _props$titles === void 0 ? [] : _props$titles,
-      _props$labelWidth = props.labelWidth,
-      labelWidth = _props$labelWidth === void 0 ? 84 : _props$labelWidth,
-      wrapClassName = props.wrapClassName,
-      _props$isConfirmButto = props.isConfirmButton,
-      isConfirmButton = _props$isConfirmButto === void 0 ? true : _props$isConfirmButto,
-      _props$isClearButton = props.isClearButton,
-      isClearButton = _props$isClearButton === void 0 ? true : _props$isClearButton,
-      _props$isMoreButton = props.isMoreButton,
-      isMoreButton = _props$isMoreButton === void 0 ? true : _props$isMoreButton,
-      _props$confirmText = props.confirmText,
-      confirmText = _props$confirmText === void 0 ? '查询' : _props$confirmText,
-      _props$clearText = props.clearText,
-      clearText = _props$clearText === void 0 ? '重置' : _props$clearText,
-      onConfirm = props.onConfirm,
-      onClear = props.onClear,
-      renderButtons = props.renderButtons,
-      _props$showAll = props.showAll,
-      showAll = _props$showAll === void 0 ? false : _props$showAll,
-      onToggleShow = props.onToggleShow;
+    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
+    _props$column = props.column,
+    column = _props$column === void 0 ? {
+      lg: 4,
+      md: 3,
+      sm: 2
+    } : _props$column,
+    _props$gridWeight = props.gridWeight,
+    gridWeight = _props$gridWeight === void 0 ? [] : _props$gridWeight,
+    _props$titles = props.titles,
+    titles = _props$titles === void 0 ? [] : _props$titles,
+    _props$labelWidth = props.labelWidth,
+    labelWidth = _props$labelWidth === void 0 ? 84 : _props$labelWidth,
+    wrapClassName = props.wrapClassName,
+    _props$isConfirmButto = props.isConfirmButton,
+    isConfirmButton = _props$isConfirmButto === void 0 ? true : _props$isConfirmButto,
+    _props$isClearButton = props.isClearButton,
+    isClearButton = _props$isClearButton === void 0 ? true : _props$isClearButton,
+    _props$isMoreButton = props.isMoreButton,
+    isMoreButton = _props$isMoreButton === void 0 ? true : _props$isMoreButton,
+    _props$confirmText = props.confirmText,
+    confirmText = _props$confirmText === void 0 ? '查询' : _props$confirmText,
+    _props$clearText = props.clearText,
+    clearText = _props$clearText === void 0 ? '重置' : _props$clearText,
+    onConfirm = props.onConfirm,
+    onClear = props.onClear,
+    renderButtons = props.renderButtons,
+    _props$showAll = props.showAll,
+    showAll = _props$showAll === void 0 ? false : _props$showAll,
+    onToggleShow = props.onToggleShow;
   var vtxSearchRef = (0, _react.useRef)();
   var size = (0, _useColSize["default"])(vtxSearchRef);
   var realColumn = column[size];
-
   var _useContext = (0, _react.useContext)(_TableLayout.StoreCtx),
-      onCollapse = _useContext.onCollapse;
-
+    onCollapse = _useContext.onCollapse;
   var initStyle = {
     height: layout === 'horizontal' ? 48 : 68
-  }; //初始化
-
+  };
+  //初始化
   var _useState = (0, _react.useState)(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      weightiness = _useState2[0],
-      setWeightiness = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    weightiness = _useState2[0],
+    setWeightiness = _useState2[1];
   var _useSetState = (0, _useSetState3["default"])(initStyle),
-      _useSetState2 = _slicedToArray(_useSetState, 2),
-      style = _useSetState2[0],
-      setStyle = _useSetState2[1];
-
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    style = _useSetState2[0],
+    setStyle = _useSetState2[1];
   var height = style.height,
-      boxStyle = style.boxStyle;
+    boxStyle = style.boxStyle;
   var ref = (0, _react.useRef)();
   var newGridWeight = gridWeight.filter(function (item) {
     return !!item;
@@ -135,47 +101,39 @@ function VtxSearch(props) {
     newGridWeight.map(function (item) {
       weightiness += item;
     });
+    var padding = 16;
     setWeightiness(weightiness);
-
     if (showAll) {
       setStyle(weightiness > realColumn ? {
         height: ref.current.clientHeight
       } : initStyle);
+      onCollapse && onCollapse(ref.current.clientHeight + padding);
     }
-  }, [gridWeight]);
-
+  }, [gridWeight, realColumn]);
   var isShowMore = function isShowMore() {
     var padding = 16;
-
     if (height > rowHeight) {
       setStyle(initStyle);
-
       if (onToggleShow && typeof onToggleShow === 'function') {
         onToggleShow(rowHeight + padding);
       }
-
       onCollapse && onCollapse(rowHeight + padding);
     } else {
       setStyle({
         height: ref.current.clientHeight
       });
-
       if (onToggleShow && typeof onToggleShow === 'function') {
         onToggleShow(ref.current.clientHeight + padding);
       }
-
       onCollapse && onCollapse(ref.current.clientHeight + padding);
     }
   };
-
   var analyzeChildren = function analyzeChildren(data) {
     var cData = data;
     if (!cData) return null;
-
     if (typeof data == 'function') {
       cData = data();
     }
-
     if (!cData.length) {
       return render(cData, 0);
     } else {
@@ -183,20 +141,16 @@ function VtxSearch(props) {
       cData.forEach(function (item) {
         if (typeof item == 'function') {
           var ite = item();
-
           if (Array.isArray(ite)) {
             chData.push.apply(chData, _toConsumableArray(ite));
           }
-
           chData.push(ite);
           return;
         }
-
         if (Array.isArray(item)) {
           chData.push.apply(chData, _toConsumableArray(item));
           return;
         }
-
         chData.push(item);
       });
       return chData.map(function (item, index) {
@@ -204,7 +158,6 @@ function VtxSearch(props) {
       });
     }
   };
-
   var layout_h = function layout_h(d, i) {
     return /*#__PURE__*/_react["default"].createElement(_VtxRow["default"], {
       gutter: 2,
@@ -227,7 +180,6 @@ function VtxSearch(props) {
       className: "vtx-search-list"
     }, d)));
   };
-
   var layout_v = function layout_v(d, i) {
     return /*#__PURE__*/_react["default"].createElement(_VtxRow["default"], {
       gutter: 2,
@@ -244,7 +196,6 @@ function VtxSearch(props) {
       className: "vtx-search-list"
     }, d)));
   };
-
   var render = function render(d, i) {
     var gwt = newGridWeight[i];
     return /*#__PURE__*/_react["default"].createElement(_VtxCol["default"], {
@@ -253,7 +204,6 @@ function VtxSearch(props) {
       className: "a"
     }, layout === 'horizontal' && layout_h(d, i), layout === 'vertical' && layout_v(d, i));
   };
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])('vtx-search', wrapClassName),
     style: _objectSpread({
@@ -306,7 +256,6 @@ function VtxSearch(props) {
     className: "vtx-search-more"
   }, height > rowHeight ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u6536\u8D77", /*#__PURE__*/_react["default"].createElement(_UpOutlined["default"], null)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "\u5C55\u5F00", /*#__PURE__*/_react["default"].createElement(_DownOutlined["default"], null)))))));
 }
-
 VtxSearch.propTypes = {
   layout: _propTypes["default"].oneOf(['vertical', 'horizontal']),
   column: _propTypes["default"].objectOf(_propTypes["default"].number),

package/lib/vtx-search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VtxSearch","props","layout","column","lg","md","sm","gridWeight","titles","labelWidth","wrapClassName","isConfirmButton","isClearButton","isMoreButton","confirmText","clearText","onConfirm","onClear","renderButtons","showAll","onToggleShow","vtxSearchRef","useRef","size","useColSize","realColumn","useContext","StoreCtx","onCollapse","initStyle","height","useState","weightiness","setWeightiness","useSetState","style","setStyle","boxStyle","ref","newGridWeight","filter","item","newTitles","newChildren","Array","isArray","children","rowHeight","useLayoutEffect","map","current","clientHeight","isShowMore","padding","analyzeChildren","data","cData","length","render","chData","forEach","ite","push","index","layout_h","d","i","textAlign","width","layout_v","gwt","classnames","paddingTop","propTypes","PropTypes","oneOf","objectOf","number","array","string","node","bool","func"],"sources":["vtx-search/index.jsx"],"sourcesContent":["/*\r\n * @Author: chenxinyu\r\n * @Date: 2021-03-24 21:47:52\r\n * @LastEditors: your name\r\n * @LastEditTime: 2022-03-22 16:19:00\r\n * @Description: 查询布局组件\r\n * @FilePath: \\react-components\\components\\vtx-search\\index.jsx\r\n */\r\nimport React, { useState, useLayoutEffect, useRef, useContext } from 'react';\r\nimport useSetState from 'ahooks/es/useSetState';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport Button from 'antd/lib/button';\r\nimport Tooltip from 'antd/lib/tooltip';\r\nimport UpOutlined from '@ant-design/icons/UpOutlined';\r\nimport DownOutlined from '@ant-design/icons/DownOutlined';\r\nimport VtxRow from './VtxRow';\r\nimport VtxCol from './VtxCol';\r\nimport { StoreCtx } from '../vtx-page-layout/TableLayout';\r\nimport useColSize from '../_util/useColSize';\r\n\r\nfunction VtxSearch(props) {\r\n    //参数列表\r\n    const {\r\n        layout = 'horizontal',\r\n        column = { lg: 4, md: 3, sm: 2 },\r\n        gridWeight = [],\r\n        titles = [],\r\n        labelWidth = 84, //搜索条件名宽度\r\n        wrapClassName,\r\n        isConfirmButton = true, //是否显示确认按钮\r\n        isClearButton = true, //是否显示清空按钮\r\n        isMoreButton = true, //是否显示更多按钮\r\n        confirmText = '查询', //确认按钮文本\r\n        clearText = '重置', //情况按钮文本\r\n        onConfirm, //确认按钮回调\r\n        onClear, //清空按钮回调\r\n        renderButtons, //自定义按钮块\r\n        showAll = false, //是否展示所有查询条件\r\n        onToggleShow,\r\n    } = props;\r\n\r\n    const vtxSearchRef = useRef();\r\n    const size = useColSize(vtxSearchRef);\r\n    const realColumn = column[size];\r\n\r\n    const { onCollapse } = useContext(StoreCtx);\r\n\r\n    const initStyle = {\r\n        height: layout === 'horizontal' ? 48 : 68,\r\n    };\r\n    //初始化\r\n    const [weightiness, setWeightiness] = useState(0);\r\n    const [style, setStyle] = useSetState(initStyle);\r\n    const { height, boxStyle } = style;\r\n    const ref = useRef();\r\n\r\n    const newGridWeight = gridWeight.filter(item => !!item);\r\n    const newTitles = titles.filter(item => !!item);\r\n    const newChildren = Array.isArray(props?.children)\r\n        ? props?.children.filter(item => !!item)\r\n        : props?.children;\r\n\r\n    const rowHeight = layout === 'horizontal' ? 48 : 68;\r\n\r\n    useLayoutEffect(() => {\r\n        let weightiness = 0;\r\n        newGridWeight.map(item => {\r\n            weightiness += item;\r\n        });\r\n\r\n        setWeightiness(weightiness);\r\n        if (showAll) {\r\n            setStyle(\r\n                weightiness > realColumn\r\n                    ? {\r\n                          height: ref.current.clientHeight,\r\n                      }\r\n                    : initStyle,\r\n            );\r\n        }\r\n    }, [gridWeight]);\r\n\r\n    const isShowMore = () => {\r\n        const padding = 16;\r\n        if (height > rowHeight) {\r\n            setStyle(initStyle);\r\n            if (onToggleShow && typeof onToggleShow === 'function') {\r\n                onToggleShow(rowHeight + padding);\r\n            }\r\n            onCollapse && onCollapse(rowHeight + padding);\r\n        } else {\r\n            setStyle({\r\n                height: ref.current.clientHeight,\r\n            });\r\n            if (onToggleShow && typeof onToggleShow === 'function') {\r\n                onToggleShow(ref.current.clientHeight + padding);\r\n            }\r\n            onCollapse && onCollapse(ref.current.clientHeight + padding);\r\n        }\r\n    };\r\n\r\n    const analyzeChildren = data => {\r\n        let cData = data;\r\n        if (!cData) return null;\r\n        if (typeof data == 'function') {\r\n            cData = data();\r\n        }\r\n        if (!cData.length) {\r\n            return render(cData, 0);\r\n        } else {\r\n            let chData = [];\r\n            cData.forEach(item => {\r\n                if (typeof item == 'function') {\r\n                    let ite = item();\r\n                    if (Array.isArray(ite)) {\r\n                        chData.push(...ite);\r\n                    }\r\n                    chData.push(ite);\r\n                    return;\r\n                }\r\n                if (Array.isArray(item)) {\r\n                    chData.push(...item);\r\n                    return;\r\n                }\r\n                chData.push(item);\r\n            });\r\n            return chData.map((item, index) => {\r\n                return render(item, index);\r\n            });\r\n        }\r\n    };\r\n\r\n    const layout_h = (d, i) => (\r\n        <VtxRow gutter={2} attr=\"row\">\r\n            <div className=\"vtx-search-label_h\" style={{ textAlign: 'right', width: labelWidth }}>\r\n                <Tooltip title={newTitles[i]} placement=\"topRight\">\r\n                    {newTitles[i]}\r\n                </Tooltip>\r\n            </div>\r\n            <div className=\"vtx-search-lists_h\" style={{ width: `calc(100% - ${labelWidth}px)` }}>\r\n                <span className=\"vtx-search-list\">{d}</span>\r\n            </div>\r\n        </VtxRow>\r\n    );\r\n\r\n    const layout_v = (d, i) => (\r\n        <VtxRow gutter={2} attr=\"row\" className=\"vtx-search-item__v\">\r\n            <div className=\"vtx-search-label_v\">\r\n                <Tooltip title={newTitles[i]} placement=\"topLeft\">\r\n                    {newTitles[i]}\r\n                </Tooltip>\r\n            </div>\r\n            <div className=\"vtx-search-lists_v\">\r\n                <span className=\"vtx-search-list\">{d}</span>\r\n            </div>\r\n        </VtxRow>\r\n    );\r\n\r\n    let render = (d, i) => {\r\n        let gwt = newGridWeight[i];\r\n        return (\r\n            <VtxCol key={i} span={(24 / realColumn) * gwt} className=\"a\">\r\n                {layout === 'horizontal' && layout_h(d, i)}\r\n                {layout === 'vertical' && layout_v(d, i)}\r\n            </VtxCol>\r\n        );\r\n    };\r\n\r\n    return (\r\n        <div\r\n            className={classnames('vtx-search', wrapClassName)}\r\n            style={{ height: `${height + 16}px`, ...boxStyle }}\r\n            ref={vtxSearchRef}\r\n        >\r\n            <div className=\"vtx-search-element\" ref={ref}>\r\n                <VtxRow gutter={24} attr=\"row\">\r\n                    {analyzeChildren(newChildren)}\r\n                </VtxRow>\r\n            </div>\r\n\r\n            <div\r\n                className=\"vtx-search-buttons\"\r\n                style={{ paddingTop: layout === 'vertical' ? 28 : 0 }}\r\n            >\r\n                {renderButtons ? (\r\n                    <VtxRow gutter={8} attr=\"row\">\r\n                        {renderButtons}\r\n                    </VtxRow>\r\n                ) : (\r\n                    <VtxRow gutter={8} attr=\"row\">\r\n                        {isConfirmButton && (\r\n                            <VtxCol span={9}>\r\n                                <span data-type={'bt'}>\r\n                                    <Button\r\n                                        style={{ width: '100%' }}\r\n                                        type=\"primary\"\r\n                                        onClick={onConfirm}\r\n                                    >\r\n                                        {confirmText}\r\n                                    </Button>\r\n                                </span>\r\n                            </VtxCol>\r\n                        )}\r\n                        {isClearButton && (\r\n                            <VtxCol span={9}>\r\n                                <span data-type={'bt'}>\r\n                                    <Button style={{ width: '100%' }} onClick={onClear}>\r\n                                        {clearText}\r\n                                    </Button>\r\n                                </span>\r\n                            </VtxCol>\r\n                        )}\r\n                        {weightiness > realColumn && isMoreButton && (\r\n                            <VtxCol span={6}>\r\n                                <div\r\n                                    data-type={'bt'}\r\n                                    onClick={() => isShowMore()}\r\n                                    className=\"vtx-search-more\"\r\n                                >\r\n                                    {height > rowHeight ? (\r\n                                        <>\r\n                                            收起\r\n                                            <UpOutlined />\r\n                                        </>\r\n                                    ) : (\r\n                                        <>\r\n                                            展开\r\n                                            <DownOutlined />\r\n                                        </>\r\n                                    )}\r\n                                </div>\r\n                            </VtxCol>\r\n                        )}\r\n                    </VtxRow>\r\n                )}\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nVtxSearch.propTypes = {\r\n    layout: PropTypes.oneOf(['vertical', 'horizontal']),\r\n    column: PropTypes.objectOf(PropTypes.number),\r\n    gridWeight: PropTypes.array,\r\n    titles: PropTypes.array,\r\n    labelWidth: PropTypes.number,\r\n    wrapClassName: PropTypes.string,\r\n    children: PropTypes.node,\r\n    isConfirmButton: PropTypes.bool,\r\n    isClearButton: PropTypes.bool,\r\n    isMoreButton: PropTypes.bool,\r\n    onConfirm: PropTypes.func,\r\n    confirmText: PropTypes.string,\r\n    onClear: PropTypes.func,\r\n    clearText: PropTypes.string,\r\n    renderButtons: PropTypes.node,\r\n    showAll: PropTypes.bool,\r\n    onToggleShow: PropTypes.func,\r\n};\r\nexport default VtxSearch;\r\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["VtxSearch","props","layout","column","lg","md","sm","gridWeight","titles","labelWidth","wrapClassName","isConfirmButton","isClearButton","isMoreButton","confirmText","clearText","onConfirm","onClear","renderButtons","showAll","onToggleShow","vtxSearchRef","useRef","size","useColSize","realColumn","useContext","StoreCtx","onCollapse","initStyle","height","useState","weightiness","setWeightiness","useSetState","style","setStyle","boxStyle","ref","newGridWeight","filter","item","newTitles","newChildren","Array","isArray","children","rowHeight","useLayoutEffect","map","padding","current","clientHeight","isShowMore","analyzeChildren","data","cData","length","render","chData","forEach","ite","push","index","layout_h","d","i","textAlign","width","layout_v","gwt","classnames","paddingTop","propTypes","PropTypes","oneOf","objectOf","number","array","string","node","bool","func"],"sources":["vtx-search/index.jsx"],"sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2022-03-22 16:19:00\n * @Description: 查询布局组件\n * @FilePath: \\react-components\\components\\vtx-search\\index.jsx\n */\nimport React, { useState, useLayoutEffect, useRef, useContext } from 'react';\nimport useSetState from 'ahooks/es/useSetState';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Button from 'antd/lib/button';\nimport Tooltip from 'antd/lib/tooltip';\nimport UpOutlined from '@ant-design/icons/UpOutlined';\nimport DownOutlined from '@ant-design/icons/DownOutlined';\nimport VtxRow from './VtxRow';\nimport VtxCol from './VtxCol';\nimport { StoreCtx } from '../vtx-page-layout/TableLayout';\nimport useColSize from '../_util/useColSize';\n\nfunction VtxSearch(props) {\n    //参数列表\n    const {\n        layout = 'horizontal',\n        column = { lg: 4, md: 3, sm: 2 },\n        gridWeight = [],\n        titles = [],\n        labelWidth = 84, //搜索条件名宽度\n        wrapClassName,\n        isConfirmButton = true, //是否显示确认按钮\n        isClearButton = true, //是否显示清空按钮\n        isMoreButton = true, //是否显示更多按钮\n        confirmText = '查询', //确认按钮文本\n        clearText = '重置', //情况按钮文本\n        onConfirm, //确认按钮回调\n        onClear, //清空按钮回调\n        renderButtons, //自定义按钮块\n        showAll = false, //是否展示所有查询条件\n        onToggleShow,\n    } = props;\n\n    const vtxSearchRef = useRef();\n    const size = useColSize(vtxSearchRef);\n    const realColumn = column[size];\n\n    const { onCollapse } = useContext(StoreCtx);\n\n    const initStyle = {\n        height: layout === 'horizontal' ? 48 : 68,\n    };\n    //初始化\n    const [weightiness, setWeightiness] = useState(0);\n    const [style, setStyle] = useSetState(initStyle);\n    const { height, boxStyle } = style;\n    const ref = useRef();\n\n    const newGridWeight = gridWeight.filter(item => !!item);\n    const newTitles = titles.filter(item => !!item);\n    const newChildren = Array.isArray(props?.children)\n        ? props?.children.filter(item => !!item)\n        : props?.children;\n\n    const rowHeight = layout === 'horizontal' ? 48 : 68;\n\n    useLayoutEffect(() => {\n        let weightiness = 0;\n        newGridWeight.map(item => {\n            weightiness += item;\n        });\n        const padding = 16;\n        setWeightiness(weightiness);\n\n        if (showAll) {\n            setStyle(\n                weightiness > realColumn\n                    ? {\n                          height: ref.current.clientHeight,\n                      }\n                    : initStyle,\n            );\n            onCollapse && onCollapse(ref.current.clientHeight + padding);\n        }\n    }, [gridWeight, realColumn]);\n\n    const isShowMore = () => {\n        const padding = 16;\n        if (height > rowHeight) {\n            setStyle(initStyle);\n            if (onToggleShow && typeof onToggleShow === 'function') {\n                onToggleShow(rowHeight + padding);\n            }\n            onCollapse && onCollapse(rowHeight + padding);\n        } else {\n            setStyle({\n                height: ref.current.clientHeight,\n            });\n            if (onToggleShow && typeof onToggleShow === 'function') {\n                onToggleShow(ref.current.clientHeight + padding);\n            }\n            onCollapse && onCollapse(ref.current.clientHeight + padding);\n        }\n    };\n\n    const analyzeChildren = data => {\n        let cData = data;\n        if (!cData) return null;\n        if (typeof data == 'function') {\n            cData = data();\n        }\n        if (!cData.length) {\n            return render(cData, 0);\n        } else {\n            let chData = [];\n            cData.forEach(item => {\n                if (typeof item == 'function') {\n                    let ite = item();\n                    if (Array.isArray(ite)) {\n                        chData.push(...ite);\n                    }\n                    chData.push(ite);\n                    return;\n                }\n                if (Array.isArray(item)) {\n                    chData.push(...item);\n                    return;\n                }\n                chData.push(item);\n            });\n            return chData.map((item, index) => {\n                return render(item, index);\n            });\n        }\n    };\n\n    const layout_h = (d, i) => (\n        <VtxRow gutter={2} attr=\"row\">\n            <div className=\"vtx-search-label_h\" style={{ textAlign: 'right', width: labelWidth }}>\n                <Tooltip title={newTitles[i]} placement=\"topRight\">\n                    {newTitles[i]}\n                </Tooltip>\n            </div>\n            <div className=\"vtx-search-lists_h\" style={{ width: `calc(100% - ${labelWidth}px)` }}>\n                <span className=\"vtx-search-list\">{d}</span>\n            </div>\n        </VtxRow>\n    );\n\n    const layout_v = (d, i) => (\n        <VtxRow gutter={2} attr=\"row\" className=\"vtx-search-item__v\">\n            <div className=\"vtx-search-label_v\">\n                <Tooltip title={newTitles[i]} placement=\"topLeft\">\n                    {newTitles[i]}\n                </Tooltip>\n            </div>\n            <div className=\"vtx-search-lists_v\">\n                <span className=\"vtx-search-list\">{d}</span>\n            </div>\n        </VtxRow>\n    );\n\n    let render = (d, i) => {\n        let gwt = newGridWeight[i];\n        return (\n            <VtxCol key={i} span={(24 / realColumn) * gwt} className=\"a\">\n                {layout === 'horizontal' && layout_h(d, i)}\n                {layout === 'vertical' && layout_v(d, i)}\n            </VtxCol>\n        );\n    };\n\n    return (\n        <div\n            className={classnames('vtx-search', wrapClassName)}\n            style={{ height: `${height + 16}px`, ...boxStyle }}\n            ref={vtxSearchRef}\n        >\n            <div className=\"vtx-search-element\" ref={ref}>\n                <VtxRow gutter={24} attr=\"row\">\n                    {analyzeChildren(newChildren)}\n                </VtxRow>\n            </div>\n\n            <div\n                className=\"vtx-search-buttons\"\n                style={{ paddingTop: layout === 'vertical' ? 28 : 0 }}\n            >\n                {renderButtons ? (\n                    <VtxRow gutter={8} attr=\"row\">\n                        {renderButtons}\n                    </VtxRow>\n                ) : (\n                    <VtxRow gutter={8} attr=\"row\">\n                        {isConfirmButton && (\n                            <VtxCol span={9}>\n                                <span data-type={'bt'}>\n                                    <Button\n                                        style={{ width: '100%' }}\n                                        type=\"primary\"\n                                        onClick={onConfirm}\n                                    >\n                                        {confirmText}\n                                    </Button>\n                                </span>\n                            </VtxCol>\n                        )}\n                        {isClearButton && (\n                            <VtxCol span={9}>\n                                <span data-type={'bt'}>\n                                    <Button style={{ width: '100%' }} onClick={onClear}>\n                                        {clearText}\n                                    </Button>\n                                </span>\n                            </VtxCol>\n                        )}\n                        {weightiness > realColumn && isMoreButton && (\n                            <VtxCol span={6}>\n                                <div\n                                    data-type={'bt'}\n                                    onClick={() => isShowMore()}\n                                    className=\"vtx-search-more\"\n                                >\n                                    {height > rowHeight ? (\n                                        <>\n                                            收起\n                                            <UpOutlined />\n                                        </>\n                                    ) : (\n                                        <>\n                                            展开\n                                            <DownOutlined />\n                                        </>\n                                    )}\n                                </div>\n                            </VtxCol>\n                        )}\n                    </VtxRow>\n                )}\n            </div>\n        </div>\n    );\n}\n\nVtxSearch.propTypes = {\n    layout: PropTypes.oneOf(['vertical', 'horizontal']),\n    column: PropTypes.objectOf(PropTypes.number),\n    gridWeight: PropTypes.array,\n    titles: PropTypes.array,\n    labelWidth: PropTypes.number,\n    wrapClassName: PropTypes.string,\n    children: PropTypes.node,\n    isConfirmButton: PropTypes.bool,\n    isClearButton: PropTypes.bool,\n    isMoreButton: PropTypes.bool,\n    onConfirm: PropTypes.func,\n    confirmText: PropTypes.string,\n    onClear: PropTypes.func,\n    clearText: PropTypes.string,\n    renderButtons: PropTypes.node,\n    showAll: PropTypes.bool,\n    onToggleShow: PropTypes.func,\n};\nexport default VtxSearch;\n"],"mappings":"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"}

package/lib/vtx-search/style/css.js

@@ -1,12 +1,8 @@
 "use strict";
 
 require("antd/lib/row/style/css");
-
 require("antd/lib/col/style/css");
-
 require("antd/lib/tooltip/style/css");
-
 require("antd/lib/button/style/css");
-
 require("./index.css");
 //# sourceMappingURL=css.js.map

package/lib/vtx-search/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["vtx-search/style/index.js"],"sourcesContent":["import 'antd/lib/row/style';\r\nimport 'antd/lib/col/style';\r\nimport 'antd/lib/tooltip/style';\r\nimport 'antd/lib/button/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"css.js","names":[],"sources":["vtx-search/style/index.js"],"sourcesContent":["import 'antd/lib/row/style';\nimport 'antd/lib/col/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/button/style';\nimport './index.less';\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA"}

package/lib/vtx-search/style/index.js

@@ -1,12 +1,8 @@
 "use strict";
 
 require("antd/lib/row/style");
-
 require("antd/lib/col/style");
-
 require("antd/lib/tooltip/style");
-
 require("antd/lib/button/style");
-
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-search/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["vtx-search/style/index.js"],"sourcesContent":["import 'antd/lib/row/style';\r\nimport 'antd/lib/col/style';\r\nimport 'antd/lib/tooltip/style';\r\nimport 'antd/lib/button/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["vtx-search/style/index.js"],"sourcesContent":["import 'antd/lib/row/style';\nimport 'antd/lib/col/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/button/style';\nimport './index.less';\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA"}

package/lib/vtx-search/style/index.less

@@ -1,83 +1,83 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-
-@prefix-cls: vtx-search;
-@toggleSpeed: 0.3s; // 展开速度
-@buttons-width: 200px;
-
-.@{prefix-cls} {
-    position: relative;
-    z-index: 9;
-    padding-top: 8px;
-    padding-right: 24px;
-    padding-bottom: 8px;
-    padding-left: 24px;
-    overflow: hidden;
-    background: @component-background;
-    transition-duration: @toggleSpeed;
-    transition-property: height;
-    &-label_h {
-        display: inline-block;
-        overflow: hidden;
-        line-height: 48px;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        vertical-align: top;
-    }
-    &-lists_h {
-        position: relative;
-        display: inline-block;
-        box-sizing: border-box;
-        height: 48px;
-        padding-top: 8px;
-        padding-bottom: 8px;
-        padding-left: 12px;
-        line-height: @line-height-base;
-        vertical-align: top;
-    }
-    .vtx-search-item__v {
-        flex-direction: column;
-        padding: 8px 0;
-    }
-    &-label_v {
-        overflow: hidden;
-        line-height: 21px;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        vertical-align: top;
-    }
-    &-lists_v {
-        position: relative;
-        box-sizing: border-box;
-        height: 42px;
-        padding-top: 8px;
-        padding-bottom: 8px;
-        line-height: 32px;
-        vertical-align: top;
-    }
-    &-list {
-        width: 100%;
-    }
-    &-element {
-        display: inline-block;
-        /* stylelint-disable */
-        width: calc(100% - @buttons-width - 24px);
-        margin-right: 24px;
-    }
-    &-buttons {
-        display: inline-block;
-        box-sizing: border-box;
-        width: @buttons-width;
-        height: 100%;
-        vertical-align: top;
-    }
-    .vtx-search-more {
-        height: 32px;
-        color: @primary-color;
-        line-height: 32px;
-        cursor: pointer;
-    }
-}
-
-.vtx-row {
-    overflow: hidden;
-}
+@import (reference) '~antd/lib/style/themes/index.less';
+
+@prefix-cls: vtx-search;
+@toggleSpeed: 0.3s; // 展开速度
+@buttons-width: 200px;
+
+.@{prefix-cls} {
+    position: relative;
+    z-index: 9;
+    padding-top: 8px;
+    padding-right: 24px;
+    padding-bottom: 8px;
+    padding-left: 24px;
+    overflow: hidden;
+    background: @component-background;
+    transition-duration: @toggleSpeed;
+    transition-property: height;
+    &-label_h {
+        display: inline-block;
+        overflow: hidden;
+        line-height: 48px;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        vertical-align: top;
+    }
+    &-lists_h {
+        position: relative;
+        display: inline-block;
+        box-sizing: border-box;
+        height: 48px;
+        padding-top: 8px;
+        padding-bottom: 8px;
+        padding-left: 12px;
+        line-height: @line-height-base;
+        vertical-align: top;
+    }
+    .vtx-search-item__v {
+        flex-direction: column;
+        padding: 8px 0;
+    }
+    &-label_v {
+        overflow: hidden;
+        line-height: 21px;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        vertical-align: top;
+    }
+    &-lists_v {
+        position: relative;
+        box-sizing: border-box;
+        height: 42px;
+        padding-top: 8px;
+        padding-bottom: 8px;
+        line-height: 32px;
+        vertical-align: top;
+    }
+    &-list {
+        width: 100%;
+    }
+    &-element {
+        display: inline-block;
+        /* stylelint-disable */
+        width: calc(100% - @buttons-width - 24px);
+        margin-right: 24px;
+    }
+    &-buttons {
+        display: inline-block;
+        box-sizing: border-box;
+        width: @buttons-width;
+        height: 100%;
+        vertical-align: top;
+    }
+    .vtx-search-more {
+        height: 32px;
+        color: @primary-color;
+        line-height: 32px;
+        cursor: pointer;
+    }
+}
+
+.vtx-row {
+    overflow: hidden;
+}