@vtx/components 2.4.2 → 2.5.0

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-search/VtxCol.jsx"],"names":["VtxCol","props","addStyle","d","type","attr","children","sty","padding","overflow","textOverflow","whiteSpace","textAlign","cursor","render","length","map","item","propTypes","PropTypes","node"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AACnB,MAAIC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AAAA;;AAChB,QAAI,OAAOA,CAAC,CAACC,IAAT,KAAkB,UAAlB,IAAgC,aAAAD,CAAC,CAACF,KAAF,sDAASI,IAAT,KAAiB,KAArD,EAA4D;AACxD,aAAOF,CAAP;AACH,KAFD,MAEO;AAAA;;AACH,UAAI,cAAAA,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,OAA/B,EAAwC;AACpC,4BACI;AAAK,UAAA,SAAS,EAAC;AAAf,wBACI;AAAK,UAAA,SAAS,EAAC;AAAf,WAAmCE,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAnC,CADJ,eAEI;AAAK,UAAA,SAAS,EAAC;AAAf,WAAkCH,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAlC,CAFJ,CADJ;AAMH;;AACD,UAAIC,GAAG,GAAG,EAAV;;AACA,UAAI,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA/B,EAA4C;AACxCM,QAAAA,GAAG,mCACIA,GADJ;AAECC,UAAAA,OAAO,EAAE,SAFV;AAGCC,UAAAA,QAAQ,EAAE,QAHX;AAICC,UAAAA,YAAY,EAAE,UAJf;AAKCC,UAAAA,UAAU,EAAE,QALb;AAMCC,UAAAA,SAAS,EAAE,OANZ;AAOCC,UAAAA,MAAM,EAAE;AAPT,UAAH;AASH;;AACD,UAAI,cAAAV,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,IAA/B,EAAqC;AACjCM,QAAAA,GAAG,mCACIA,GADJ;AAECC,UAAAA,OAAO,EAAE;AAFV,UAAH;AAIH;;AACD,0BACI;AAAK,QAAA,GAAG,EAAEL,CAAV;AAAa,QAAA,KAAK,oBAAOI,GAAP;AAAlB,SACK,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA3B,gBACG,gCAAC,mBAAD;AAAS,QAAA,SAAS,EAAC,UAAnB;AAA8B,QAAA,KAAK,EAAEE,CAAC,CAACF,KAAF,CAAQK;AAA7C,SACKH,CADL,CADH,GAKGA,CANR,CADJ;AAWH;AACJ,GA1CD;;AA2CA,MAAIW,MAAM,GAAG,SAATA,MAAS,CAAAX,CAAC,EAAI;AACd,QAAIA,CAAC,IAAI,EAAT,EAAa,OAAO,EAAP;;AACb,QAAI,CAACA,CAAC,CAACY,MAAP,EAAe;AACX,aAAOb,QAAQ,CAACC,CAAD,CAAf;AACH;;AACD,WAAOA,CAAC,CAACa,GAAF,CAAM,UAAAC,IAAI,EAAI;AACjB,aAAOf,QAAQ,CAACe,IAAD,CAAf;AACH,KAFM,CAAP;AAGH,GARD;;AASA,sBAAO,gCAAC,eAAD,EAAShB,KAAT,EAAiBa,MAAM,CAACb,KAAK,CAACK,QAAP,CAAvB,CAAP;AACH;;AAEDN,MAAM,CAACkB,SAAP,GAAmB;AACfZ,EAAAA,QAAQ,EAAEa,sBAAUC;AADL,CAAnB;eAGepB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Col from 'antd/es/col';\nimport Tooltip from 'antd/es/tooltip';\nimport './style/index.less';\n\nfunction VtxCol(props) {\n    let addStyle = d => {\n        if (typeof d.type === 'function' && d.props?.attr == 'row') {\n            return d;\n        } else {\n            if (d.props?.['data-type'] === 'colon') {\n                return (\n                    <div className=\"vtx-search-lists\">\n                        <div className=\"vtx-search-colon\">{d.props.children[0]}</div>\n                        <div className=\"vtx-search-list\">{d.props.children[1]}</div>\n                    </div>\n                );\n            }\n            let sty = {};\n            if (d.props?.['data-type'] === 'fieldName') {\n                sty = {\n                    ...sty,\n                    padding: '5px 0px',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    whiteSpace: 'nowrap',\n                    textAlign: 'right',\n                    cursor: 'default',\n                };\n            }\n            if (d.props?.['data-type'] === 'bt') {\n                sty = {\n                    ...sty,\n                    padding: '5px 0px',\n                };\n            }\n            return (\n                <div key={d} style={{ ...sty }}>\n                    {d.props?.['data-type'] === 'fieldName' ? (\n                        <Tooltip placement=\"rightTop\" title={d.props.children}>\n                            {d}\n                        </Tooltip>\n                    ) : (\n                        d\n                    )}\n                </div>\n            );\n        }\n    };\n    let render = d => {\n        if (d == '') return '';\n        if (!d.length) {\n            return addStyle(d);\n        }\n        return d.map(item => {\n            return addStyle(item);\n        });\n    };\n    return <Col {...props}>{render(props.children)}</Col>;\n}\n\nVtxCol.propTypes = {\n    children: PropTypes.node,\n};\nexport default VtxCol;\n"],"file":"VtxCol.js"}
+{"version":3,"sources":["vtx-search/VtxCol.jsx"],"names":["VtxCol","props","addStyle","d","type","attr","children","sty","padding","overflow","textOverflow","whiteSpace","textAlign","cursor","render","length","map","item","propTypes","PropTypes","node"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AACnB,MAAIC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AAAA;;AAChB,QAAI,OAAOA,CAAC,CAACC,IAAT,KAAkB,UAAlB,IAAgC,aAAAD,CAAC,CAACF,KAAF,sDAASI,IAAT,KAAiB,KAArD,EAA4D;AACxD,aAAOF,CAAP;AACH,KAFD,MAEO;AAAA;;AACH,UAAI,cAAAA,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,OAA/B,EAAwC;AACpC,4BACI;AAAK,UAAA,SAAS,EAAC;AAAf,wBACI;AAAK,UAAA,SAAS,EAAC;AAAf,WAAmCE,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAnC,CADJ,eAEI;AAAK,UAAA,SAAS,EAAC;AAAf,WAAkCH,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAlC,CAFJ,CADJ;AAMH;;AACD,UAAIC,GAAG,GAAG,EAAV;;AACA,UAAI,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA/B,EAA4C;AACxCM,QAAAA,GAAG,mCACIA,GADJ;AAECC,UAAAA,OAAO,EAAE,SAFV;AAGCC,UAAAA,QAAQ,EAAE,QAHX;AAICC,UAAAA,YAAY,EAAE,UAJf;AAKCC,UAAAA,UAAU,EAAE,QALb;AAMCC,UAAAA,SAAS,EAAE,OANZ;AAOCC,UAAAA,MAAM,EAAE;AAPT,UAAH;AASH;;AACD,UAAI,cAAAV,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,IAA/B,EAAqC;AACjCM,QAAAA,GAAG,mCACIA,GADJ;AAECC,UAAAA,OAAO,EAAE;AAFV,UAAH;AAIH;;AACD,0BACI;AAAK,QAAA,GAAG,EAAEL,CAAV;AAAa,QAAA,KAAK,oBAAOI,GAAP;AAAlB,SACK,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA3B,gBACG,gCAAC,mBAAD;AAAS,QAAA,SAAS,EAAC,UAAnB;AAA8B,QAAA,KAAK,EAAEE,CAAC,CAACF,KAAF,CAAQK;AAA7C,SACKH,CADL,CADH,GAKGA,CANR,CADJ;AAWH;AACJ,GA1CD;;AA2CA,MAAIW,MAAM,GAAG,SAATA,MAAS,CAAAX,CAAC,EAAI;AACd,QAAIA,CAAC,IAAI,EAAT,EAAa,OAAO,EAAP;;AACb,QAAI,CAACA,CAAC,CAACY,MAAP,EAAe;AACX,aAAOb,QAAQ,CAACC,CAAD,CAAf;AACH;;AACD,WAAOA,CAAC,CAACa,GAAF,CAAM,UAAAC,IAAI,EAAI;AACjB,aAAOf,QAAQ,CAACe,IAAD,CAAf;AACH,KAFM,CAAP;AAGH,GARD;;AASA,sBAAO,gCAAC,eAAD,EAAShB,KAAT,EAAiBa,MAAM,CAACb,KAAK,CAACK,QAAP,CAAvB,CAAP;AACH;;AAEDN,MAAM,CAACkB,SAAP,GAAmB;AACfZ,EAAAA,QAAQ,EAAEa,sBAAUC;AADL,CAAnB;eAGepB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Col from 'antd/es/col';\nimport Tooltip from 'antd/es/tooltip';\nimport './style/index.less';\n\nfunction VtxCol(props) {\n    let addStyle = d => {\n        if (typeof d.type === 'function' && d.props?.attr == 'row') {\n            return d;\n        } else {\n            if (d.props?.['data-type'] === 'colon') {\n                return (\n                    <div className=\"vtx-search-lists\">\n                        <div className=\"vtx-search-colon\">{d.props.children[0]}</div>\n                        <div className=\"vtx-search-list\">{d.props.children[1]}</div>\n                    </div>\n                );\n            }\n            let sty = {};\n            if (d.props?.['data-type'] === 'fieldName') {\n                sty = {\n                    ...sty,\n                    padding: '8px 0px',\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    whiteSpace: 'nowrap',\n                    textAlign: 'right',\n                    cursor: 'default',\n                };\n            }\n            if (d.props?.['data-type'] === 'bt') {\n                sty = {\n                    ...sty,\n                    padding: '8px 0px',\n                };\n            }\n            return (\n                <div key={d} style={{ ...sty }}>\n                    {d.props?.['data-type'] === 'fieldName' ? (\n                        <Tooltip placement=\"rightTop\" title={d.props.children}>\n                            {d}\n                        </Tooltip>\n                    ) : (\n                        d\n                    )}\n                </div>\n            );\n        }\n    };\n    let render = d => {\n        if (d == '') return '';\n        if (!d.length) {\n            return addStyle(d);\n        }\n        return d.map(item => {\n            return addStyle(item);\n        });\n    };\n    return <Col {...props}>{render(props.children)}</Col>;\n}\n\nVtxCol.propTypes = {\n    children: PropTypes.node,\n};\nexport default VtxCol;\n"],"file":"VtxCol.js"}

package/lib/vtx-search/VtxRow.js

@@ -19,12 +19,14 @@ function VtxRow(props) {
       gutter = _props$gutter === void 0 ? 0 : _props$gutter,
       type = props.type,
       align = props.align,
-      justify = props.justify;
+      justify = props.justify,
+      className = props.className;
   var RowProps = {
     gutter: gutter,
     type: type,
     align: align,
-    justify: justify
+    justify: justify,
+    className: className
   };
   return /*#__PURE__*/_react["default"].createElement(_row["default"], RowProps, children);
 }
@@ -34,7 +36,8 @@ VtxRow.propTypes = {
   gutter: _propTypes["default"].number,
   type: _propTypes["default"].string,
   align: _propTypes["default"].number,
-  justify: _propTypes["default"].number
+  justify: _propTypes["default"].number,
+  className: _propTypes["default"].string
 };
 var _default = VtxRow;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-search/VtxRow.jsx"],"names":["VtxRow","props","children","gutter","type","align","justify","RowProps","propTypes","PropTypes","node","number","string"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AAAA,MACXC,QADW,GACoCD,KADpC,CACXC,QADW;AAAA,sBACoCD,KADpC,CACDE,MADC;AAAA,MACDA,MADC,8BACQ,CADR;AAAA,MACWC,IADX,GACoCH,KADpC,CACWG,IADX;AAAA,MACiBC,KADjB,GACoCJ,KADpC,CACiBI,KADjB;AAAA,MACwBC,OADxB,GACoCL,KADpC,CACwBK,OADxB;AAEnB,MAAMC,QAAQ,GAAG;AAAEJ,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,IAAI,EAAJA,IAAV;AAAgBC,IAAAA,KAAK,EAALA,KAAhB;AAAuBC,IAAAA,OAAO,EAAPA;AAAvB,GAAjB;AACA,sBAAO,gCAAC,eAAD,EAASC,QAAT,EAAoBL,QAApB,CAAP;AACH;;AAEDF,MAAM,CAACQ,SAAP,GAAmB;AACfN,EAAAA,QAAQ,EAAEO,sBAAUC,IADL;AAEfP,EAAAA,MAAM,EAAEM,sBAAUE,MAFH;AAGfP,EAAAA,IAAI,EAAEK,sBAAUG,MAHD;AAIfP,EAAAA,KAAK,EAAEI,sBAAUE,MAJF;AAKfL,EAAAA,OAAO,EAAEG,sBAAUE;AALJ,CAAnB;eAOeX,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Row from 'antd/es/row';\n\nfunction VtxRow(props) {\n    const { children, gutter = 0, type, align, justify } = props;\n    const RowProps = { gutter, type, align, justify };\n    return <Row {...RowProps}>{children}</Row>;\n}\n\nVtxRow.propTypes = {\n    children: PropTypes.node,\n    gutter: PropTypes.number,\n    type: PropTypes.string,\n    align: PropTypes.number,\n    justify: PropTypes.number,\n};\nexport default VtxRow;\n"],"file":"VtxRow.js"}
+{"version":3,"sources":["vtx-search/VtxRow.jsx"],"names":["VtxRow","props","children","gutter","type","align","justify","className","RowProps","propTypes","PropTypes","node","number","string"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AAAA,MACXC,QADW,GAC+CD,KAD/C,CACXC,QADW;AAAA,sBAC+CD,KAD/C,CACDE,MADC;AAAA,MACDA,MADC,8BACQ,CADR;AAAA,MACWC,IADX,GAC+CH,KAD/C,CACWG,IADX;AAAA,MACiBC,KADjB,GAC+CJ,KAD/C,CACiBI,KADjB;AAAA,MACwBC,OADxB,GAC+CL,KAD/C,CACwBK,OADxB;AAAA,MACiCC,SADjC,GAC+CN,KAD/C,CACiCM,SADjC;AAEnB,MAAMC,QAAQ,GAAG;AAAEL,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,IAAI,EAAJA,IAAV;AAAgBC,IAAAA,KAAK,EAALA,KAAhB;AAAuBC,IAAAA,OAAO,EAAPA,OAAvB;AAAgCC,IAAAA,SAAS,EAATA;AAAhC,GAAjB;AACA,sBAAO,gCAAC,eAAD,EAASC,QAAT,EAAoBN,QAApB,CAAP;AACH;;AAEDF,MAAM,CAACS,SAAP,GAAmB;AACfP,EAAAA,QAAQ,EAAEQ,sBAAUC,IADL;AAEfR,EAAAA,MAAM,EAAEO,sBAAUE,MAFH;AAGfR,EAAAA,IAAI,EAAEM,sBAAUG,MAHD;AAIfR,EAAAA,KAAK,EAAEK,sBAAUE,MAJF;AAKfN,EAAAA,OAAO,EAAEI,sBAAUE,MALJ;AAMfL,EAAAA,SAAS,EAAEG,sBAAUG;AANN,CAAnB;eAQeb,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Row from 'antd/es/row';\n\nfunction VtxRow(props) {\n    const { children, gutter = 0, type, align, justify, className } = props;\n    const RowProps = { gutter, type, align, justify, className };\n    return <Row {...RowProps}>{children}</Row>;\n}\n\nVtxRow.propTypes = {\n    children: PropTypes.node,\n    gutter: PropTypes.number,\n    type: PropTypes.string,\n    align: PropTypes.number,\n    justify: PropTypes.number,\n    className: PropTypes.string,\n};\nexport default VtxRow;\n"],"file":"VtxRow.js"}

package/lib/vtx-search/index.js

@@ -19,10 +19,14 @@ var _button = _interopRequireDefault(require("antd/es/button"));
 
 var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
 
+var _icon = _interopRequireDefault(require("antd/es/icon"));
+
 var _VtxRow = _interopRequireDefault(require("./VtxRow"));
 
 var _VtxCol = _interopRequireDefault(require("./VtxCol"));
 
+var _TableLayout = require("../vtx-page-layout/TableLayout");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -74,19 +78,22 @@ function VtxSearch(props) {
       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,
-      confirmText = props.confirmText,
       onClear = props.onClear,
-      clearText = props.clearText,
       renderButtons = props.renderButtons,
       _props$showAll = props.showAll,
       showAll = _props$showAll === void 0 ? false : _props$showAll,
       onToggleShow = props.onToggleShow;
+
+  var _useContext = (0, _react.useContext)(_TableLayout.StoreCtx),
+      onCollapse = _useContext.onCollapse;
+
   var initStyle = {
-    height: layout === 'horizontal' ? 48 : 68,
-    boxStyle: {
-      borderBottom: '1px solid #EEE'
-    }
+    height: layout === 'horizontal' ? 48 : 68
   }; //初始化
 
   var _useState = (0, _react.useState)(0),
@@ -121,32 +128,32 @@ function VtxSearch(props) {
 
     if (showAll) {
       setStyle(weightiness > column ? {
-        boxStyle: {
-          boxShadow: '0 1px 10px -3px #999'
-        },
-        height: ref.current.clientHeight + 10
+        height: ref.current.clientHeight
       } : initStyle);
     }
   }, [gridWeight]);
 
   var isShowMore = function isShowMore() {
+    var padding = 16;
+
     if (height > rowHeight) {
       setStyle(initStyle);
 
       if (onToggleShow && typeof onToggleShow === 'function') {
-        onToggleShow(rowHeight);
+        onToggleShow(rowHeight + padding);
       }
+
+      onCollapse && onCollapse(rowHeight + padding);
     } else {
       setStyle({
-        height: ref.current.clientHeight + 10,
-        boxStyle: {
-          boxShadow: '0 1px 10px -3px #999'
-        }
+        height: ref.current.clientHeight
       });
 
       if (onToggleShow && typeof onToggleShow === 'function') {
-        onToggleShow(ref.current.clientHeight + 10);
+        onToggleShow(ref.current.clientHeight + padding);
       }
+
+      onCollapse && onCollapse(ref.current.clientHeight + padding);
     }
   };
 
@@ -206,8 +213,6 @@ function VtxSearch(props) {
         width: "calc(100% - ".concat(labelWidth, "px)")
       }
     }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "vtx-search-colon"
-    }, "\uFF1A"), /*#__PURE__*/_react["default"].createElement("span", {
       className: "vtx-search-list"
     }, d)));
   };
@@ -215,13 +220,14 @@ function VtxSearch(props) {
   var layout_v = function layout_v(d, i) {
     return /*#__PURE__*/_react["default"].createElement(_VtxRow["default"], {
       gutter: 2,
-      attr: "row"
+      attr: "row",
+      className: "vtx-search-item__v"
     }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
       title: newTitles[i],
       placement: "topLeft"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "vtx-search-label_v"
-    }, newTitles[i], "\uFF1A")), /*#__PURE__*/_react["default"].createElement("div", {
+    }, newTitles[i])), /*#__PURE__*/_react["default"].createElement("div", {
       className: "vtx-search-lists_v"
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "vtx-search-list"
@@ -232,25 +238,26 @@ function VtxSearch(props) {
     var gwt = newGridWeight[i];
     return /*#__PURE__*/_react["default"].createElement(_VtxCol["default"], {
       key: i,
-      span: 24 / column * gwt
+      span: 24 / column * gwt,
+      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({
-      height: "".concat(height, "px")
+      height: "".concat(height + 16, "px")
     }, boxStyle)
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "vtx-search-element",
     ref: ref
   }, /*#__PURE__*/_react["default"].createElement(_VtxRow["default"], {
-    gutter: 10,
+    gutter: 24,
     attr: "row"
   }, analyzeChildren(newChildren))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "vtx-search-buttons",
     style: {
-      paddingTop: layout === 'vertical' ? 21 : 0
+      paddingTop: layout === 'vertical' ? 28 : 0
     }
   }, renderButtons ? /*#__PURE__*/_react["default"].createElement(_VtxRow["default"], {
     gutter: 8,
@@ -258,7 +265,7 @@ function VtxSearch(props) {
   }, renderButtons) : /*#__PURE__*/_react["default"].createElement(_VtxRow["default"], {
     gutter: 8,
     attr: "row"
-  }, isConfirmButton ? /*#__PURE__*/_react["default"].createElement(_VtxCol["default"], {
+  }, isConfirmButton && /*#__PURE__*/_react["default"].createElement(_VtxCol["default"], {
     span: 9
   }, /*#__PURE__*/_react["default"].createElement("span", {
     "data-type": 'bt'
@@ -268,7 +275,7 @@ function VtxSearch(props) {
     },
     type: "primary",
     onClick: onConfirm
-  }, confirmText || '查询'))) : '', isClearButton ? /*#__PURE__*/_react["default"].createElement(_VtxCol["default"], {
+  }, confirmText))), isClearButton && /*#__PURE__*/_react["default"].createElement(_VtxCol["default"], {
     span: 9
   }, /*#__PURE__*/_react["default"].createElement("span", {
     "data-type": 'bt'
@@ -277,20 +284,17 @@ function VtxSearch(props) {
       width: '100%'
     },
     onClick: onClear
-  }, clearText || '清空'))) : '', weightiness > column && isMoreButton ? /*#__PURE__*/_react["default"].createElement(_VtxCol["default"], {
+  }, clearText))), weightiness > column && isMoreButton && /*#__PURE__*/_react["default"].createElement(_VtxCol["default"], {
     span: 6
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    "data-type": 'bt'
-  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    style: {
-      padding: 0
-    },
-    shape: "circle",
-    icon: "more",
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    "data-type": 'bt',
     onClick: function onClick() {
-      return isShowMore(weightiness);
-    }
-  }))) : '')));
+      return isShowMore();
+    },
+    className: "vtx-search-more"
+  }, "\u5C55\u5F00", /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+    type: height > rowHeight ? 'up' : 'down'
+  }))))));
 }
 
 VtxSearch.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-search/index.jsx"],"names":["VtxSearch","props","layout","column","gridWeight","titles","labelWidth","wrapClassName","isConfirmButton","isClearButton","isMoreButton","onConfirm","confirmText","onClear","clearText","renderButtons","showAll","onToggleShow","initStyle","height","boxStyle","borderBottom","weightiness","setWeightiness","style","setStyle","ref","newGridWeight","filter","item","newTitles","newChildren","Array","isArray","children","rowHeight","map","boxShadow","current","clientHeight","isShowMore","analyzeChildren","data","cData","length","render","chData","forEach","ite","push","index","layout_h","d","i","textAlign","width","layout_v","gwt","paddingTop","padding","propTypes","PropTypes","oneOf","array","number","string","node","bool","func"],"mappings":"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","sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: chenxinyu\n * @LastEditTime: 2021-03-28 21:46:39\n * @Description: 查询布局组件\n * @FilePath: \\react-components\\components\\vtx-search\\index.jsx\n */\nimport React, { useState, useLayoutEffect, useRef } from 'react';\nimport useSetState from 'ahooks/es/useSetState';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Button from 'antd/es/button';\nimport Tooltip from 'antd/es/tooltip';\nimport VtxRow from './VtxRow';\nimport VtxCol from './VtxCol';\nfunction VtxSearch(props) {\n    //参数列表\n    const {\n        layout = 'horizontal',\n        column = 4, //一行显示几列\n        gridWeight = [],\n        titles = [],\n        labelWidth = 84, //搜索条件名宽度\n        wrapClassName,\n        isConfirmButton = true, //是否显示确认按钮\n        isClearButton = true, //是否显示清空按钮\n        isMoreButton = true, //是否显示更多按钮\n        onConfirm, //确认按钮回调\n        confirmText, //确认按钮文本\n        onClear, //清空按钮回调\n        clearText, //情况按钮文本\n        renderButtons, //自定义按钮块\n        showAll = false, //是否展示所有查询条件\n        onToggleShow,\n    } = props;\n\n    const initStyle = {\n        height: layout === 'horizontal' ? 48 : 68,\n        boxStyle: { borderBottom: '1px solid #EEE' },\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\n        setWeightiness(weightiness);\n        if (showAll) {\n            setStyle(\n                weightiness > column\n                    ? {\n                          boxStyle: { boxShadow: '0 1px 10px -3px #999' },\n                          height: ref.current.clientHeight + 10,\n                      }\n                    : initStyle,\n            );\n        }\n    }, [gridWeight]);\n\n    const isShowMore = () => {\n        if (height > rowHeight) {\n            setStyle(initStyle);\n            if (onToggleShow && typeof onToggleShow === 'function') {\n                onToggleShow(rowHeight);\n            }\n        } else {\n            setStyle({\n                height: ref.current.clientHeight + 10,\n                boxStyle: { boxShadow: '0 1px 10px -3px #999' },\n            });\n            if (onToggleShow && typeof onToggleShow === 'function') {\n                onToggleShow(ref.current.clientHeight + 10);\n            }\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            <Tooltip title={newTitles[i]} placement=\"topRight\">\n                <div\n                    className=\"vtx-search-label_h\"\n                    style={{ textAlign: 'right', width: labelWidth }}\n                >\n                    {newTitles[i]}\n                </div>\n            </Tooltip>\n            <div className=\"vtx-search-lists_h\" style={{ width: `calc(100% - ${labelWidth}px)` }}>\n                <span className=\"vtx-search-colon\">：</span>\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\">\n            <Tooltip title={newTitles[i]} placement=\"topLeft\">\n                <div className=\"vtx-search-label_v\">{newTitles[i]}：</div>\n            </Tooltip>\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 / column) * gwt}>\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}px`, ...boxStyle }}\n        >\n            <div className=\"vtx-search-element\" ref={ref}>\n                <VtxRow gutter={10} attr=\"row\">\n                    {analyzeChildren(newChildren)}\n                </VtxRow>\n            </div>\n\n            <div\n                className=\"vtx-search-buttons\"\n                style={{ paddingTop: layout === 'vertical' ? 21 : 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                            ''\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                            ''\n                        )}\n\n                        {weightiness > column && isMoreButton ? (\n                            <VtxCol span={6}>\n                                <span data-type={'bt'}>\n                                    <Button\n                                        style={{ padding: 0 }}\n                                        shape=\"circle\"\n                                        icon=\"more\"\n                                        onClick={() => isShowMore(weightiness)}\n                                    />\n                                </span>\n                            </VtxCol>\n                        ) : (\n                            ''\n                        )}\n                    </VtxRow>\n                )}\n            </div>\n        </div>\n    );\n}\n\nVtxSearch.propTypes = {\n    layout: PropTypes.oneOf(['vertical', 'horizontal']),\n    column: PropTypes.oneOf([1, 2, 3, 4]),\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"],"file":"index.js"}
+{"version":3,"sources":["vtx-search/index.jsx"],"names":["VtxSearch","props","layout","column","gridWeight","titles","labelWidth","wrapClassName","isConfirmButton","isClearButton","isMoreButton","confirmText","clearText","onConfirm","onClear","renderButtons","showAll","onToggleShow","StoreCtx","onCollapse","initStyle","height","weightiness","setWeightiness","style","setStyle","boxStyle","ref","newGridWeight","filter","item","newTitles","newChildren","Array","isArray","children","rowHeight","map","current","clientHeight","isShowMore","padding","analyzeChildren","data","cData","length","render","chData","forEach","ite","push","index","layout_h","d","i","textAlign","width","layout_v","gwt","paddingTop","propTypes","PropTypes","oneOf","array","number","string","node","bool","func"],"mappings":"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","sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2021-11-15 15:46:33\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/es/button';\nimport Tooltip from 'antd/es/tooltip';\nimport Icon from 'antd/es/icon';\nimport VtxRow from './VtxRow';\nimport VtxCol from './VtxCol';\nimport { StoreCtx } from '../vtx-page-layout/TableLayout';\n\nfunction VtxSearch(props) {\n    //参数列表\n    const {\n        layout = 'horizontal',\n        column = 4, //一行显示几列\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 { 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\n        setWeightiness(weightiness);\n        if (showAll) {\n            setStyle(\n                weightiness > column\n                    ? {\n                          height: ref.current.clientHeight,\n                      }\n                    : initStyle,\n            );\n        }\n    }, [gridWeight]);\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            <Tooltip title={newTitles[i]} placement=\"topRight\">\n                <div\n                    className=\"vtx-search-label_h\"\n                    style={{ textAlign: 'right', width: labelWidth }}\n                >\n                    {newTitles[i]}\n                </div>\n            </Tooltip>\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            <Tooltip title={newTitles[i]} placement=\"topLeft\">\n                <div className=\"vtx-search-label_v\">{newTitles[i]}</div>\n            </Tooltip>\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 / column) * 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        >\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 > column && isMoreButton && (\n                            <VtxCol span={6}>\n                                <div\n                                    data-type={'bt'}\n                                    onClick={() => isShowMore()}\n                                    className=\"vtx-search-more\"\n                                >\n                                    展开\n                                    <Icon type={height > rowHeight ? 'up' : 'down'} />\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.oneOf([1, 2, 3, 4]),\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"],"file":"index.js"}

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

@@ -8,5 +8,7 @@ require("antd/es/tooltip/style/css");
 
 require("antd/es/button/style/css");
 
+require("antd/es/icon/style/css");
+
 require("./index.css");
 //# sourceMappingURL=css.js.map

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

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

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

@@ -1,13 +1,10 @@
 .vtx-search {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
+  position: relative;
   z-index: 1000;
-  padding-top: 5px;
-  padding-right: 32px;
-  padding-bottom: 5px;
-  padding-left: 32px;
+  padding-top: 8px;
+  padding-right: 24px;
+  padding-bottom: 8px;
+  padding-left: 24px;
   overflow: hidden;
   background: #ffffff;
   -webkit-transition-duration: 0.3s;
@@ -18,7 +15,7 @@
 .vtx-search-label_h {
   display: inline-block;
   overflow: hidden;
-  line-height: 42px;
+  line-height: 48px;
   white-space: nowrap;
   text-overflow: ellipsis;
   vertical-align: top;
@@ -28,13 +25,16 @@
   display: inline-block;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  height: 42px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  padding-left: 15px;
-  line-height: 32px;
+  height: 48px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  padding-left: 12px;
+  line-height: 1.5;
   vertical-align: top;
 }
+.vtx-search .vtx-search-item__v {
+  padding: 8px 0;
+}
 .vtx-search-label_v {
   overflow: hidden;
   line-height: 21px;
@@ -47,32 +47,33 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   height: 42px;
-  padding-top: 5px;
-  padding-bottom: 5px;
+  padding-top: 8px;
+  padding-bottom: 8px;
   line-height: 32px;
   vertical-align: top;
 }
-.vtx-search-colon {
-  position: absolute;
-  left: 0;
-  width: 15px;
-}
 .vtx-search-list {
   width: 100%;
 }
 .vtx-search-element {
   display: inline-block;
-  width: calc(100% - 192px);
-  margin-right: 8px;
+  /* stylelint-disable */
+  width: calc(100% - 200px - 24px);
+  margin-right: 24px;
 }
 .vtx-search-buttons {
   display: inline-block;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  width: 184px;
+  width: 200px;
   height: 100%;
   vertical-align: top;
 }
+.vtx-search .vtx-search-more {
+  height: 32px;
+  color: #1890ff;
+  line-height: 32px;
+}
 .vtx-row {
   overflow: hidden;
 }

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

@@ -8,5 +8,7 @@ require("antd/es/tooltip/style/css");
 
 require("antd/es/button/style/css");
 
+require("antd/es/icon/style/css");
+
 require("./index.less");
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,16 +1,15 @@
 @toggleSpeed: 0.3s; // 展开速度
 @prefix-cls: vtx-search;
 
+@buttons-width: 200px;
+
 .@{prefix-cls} {
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0;
+    position: relative;
     z-index: 1000;
-    padding-top: 5px;
-    padding-right: 32px;
-    padding-bottom: 5px;
-    padding-left: 32px;
+    padding-top: 8px;
+    padding-right: 24px;
+    padding-bottom: 8px;
+    padding-left: 24px;
     overflow: hidden;
     background: rgb(255, 255, 255);
     transition-duration: @toggleSpeed;
@@ -18,7 +17,7 @@
     &-label_h {
         display: inline-block;
         overflow: hidden;
-        line-height: 42px;
+        line-height: 48px;
         white-space: nowrap;
         text-overflow: ellipsis;
         vertical-align: top;
@@ -27,14 +26,16 @@
         position: relative;
         display: inline-block;
         box-sizing: border-box;
-        height: 42px;
-        padding-top: 5px;
-        padding-bottom: 5px;
-        padding-left: 15px;
-        line-height: 32px;
+        height: 48px;
+        padding-top: 8px;
+        padding-bottom: 8px;
+        padding-left: 12px;
+        line-height: 1.5;
         vertical-align: top;
     }
-
+    .vtx-search-item__v {
+        padding: 8px 0;
+    }
     &-label_v {
         overflow: hidden;
         line-height: 21px;
@@ -46,31 +47,32 @@
         position: relative;
         box-sizing: border-box;
         height: 42px;
-        padding-top: 5px;
-        padding-bottom: 5px;
+        padding-top: 8px;
+        padding-bottom: 8px;
         line-height: 32px;
         vertical-align: top;
     }
-    &-colon {
-        position: absolute;
-        left: 0;
-        width: 15px;
-    }
     &-list {
         width: 100%;
     }
     &-element {
         display: inline-block;
-        width: e('calc(100% - 192px)');
-        margin-right: 8px;
+        /* stylelint-disable */
+        width: calc(100% - @buttons-width - 24px);
+        margin-right: 24px;
     }
     &-buttons {
         display: inline-block;
         box-sizing: border-box;
-        width: 184px;
+        width: @buttons-width;
         height: 100%;
         vertical-align: top;
     }
+    .vtx-search-more {
+        height: 32px;
+        color: #1890ff;
+        line-height: 32px;
+    }
 }
 
 .vtx-row {

package/lib/vtx-select/index.js

@@ -130,7 +130,8 @@ var VtxSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var newProps = _objectSpread({
     showSearch: true,
     optionFilterProp: 'children',
-    placeholder: '请选择'
+    placeholder: '请选择',
+    allowClear: true
   }, props);
 
   if (mode === 'multiple') {