@vtx/components 2.4.2 → 2.5.3

package/lib/vtx-scrollable-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-scrollable-row/index.jsx"],"names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","next","prev","state","setState","prefixCls","className","offset","containerRef","navWrapRef","navRef","debouncedResize","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","setNext","setPrev","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","nextButton","children","propTypes","PropTypes","string","object","node"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport Icon from 'antd/es/icon';\nimport debounce from 'lodash/debounce';\nimport useSetState from 'ahooks/es/useSetState';\nimport PropTypes from 'prop-types';\n\nexport function isTransformSupported(style) {\n    return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\n}\n\nexport function setTransform(style, v) {\n    style.transform = v;\n    style.webkitTransform = v;\n    style.mozTransform = v;\n}\n\nfunction VtxScrollableRow(props) {\n    const [state, setState] = useSetState({\n        next: false,\n        prev: false,\n    });\n    const { next, prev } = state;\n    const { prefixCls = 'vtx-scrollable-row', className, style } = props;\n\n    const offset = useRef(0);\n    const containerRef = useRef();\n    const navWrapRef = useRef();\n    const navRef = useRef();\n\n    useEffect(() => {\n        const debouncedResize = debounce(() => {\n            setNextPrev();\n        }, 200);\n        window.addEventListener('resize', debouncedResize);\n        setNextPrev();\n        return () => {\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, []);\n\n    function setNextPrev() {\n        const navNodeW = navRef.current.scrollWidth;\n        const containerW = containerRef.current.offsetWidth;\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n\n        const minOffset = containerW - navNodeW;\n        let { next, prev } = state;\n        if (minOffset >= 0) {\n            next = false;\n            setOffset(0, false);\n            offset.current = 0;\n        } else if (minOffset < offset.current) {\n            next = true;\n        } else {\n            next = false;\n            const realOffset = navWrapNodeW - navNodeW;\n            setOffset(realOffset, false);\n            offset.current = realOffset;\n        }\n\n        if (offset.current < 0) {\n            prev = true;\n        } else {\n            prev = false;\n        }\n        setNext(next);\n        setPrev(prev);\n        return {\n            next,\n            prev,\n        };\n    }\n\n    const setOffset = (os, checkNextPrev = true) => {\n        const target = Math.min(0, os);\n        if (offset.current !== target) {\n            offset.current = target;\n            let navOffset = {};\n            const navStyle = navRef.current.style;\n            const transformSupported = isTransformSupported(navStyle);\n            if (transformSupported) {\n                navOffset = {\n                    value: `translate3d(${target}px,0,0)`,\n                };\n            } else {\n                navOffset = {\n                    name: 'left',\n                    value: `${target}px`,\n                };\n            }\n            if (transformSupported) {\n                setTransform(navStyle, navOffset.value);\n            } else {\n                navStyle[navOffset.name] = navOffset.value;\n            }\n            if (checkNextPrev) {\n                setNextPrev();\n            }\n        }\n    };\n\n    const setPrev = v => {\n        if (prev !== v) {\n            setState({\n                prev: v,\n            });\n        }\n    };\n\n    const setNext = v => {\n        if (next !== v) {\n            setState({\n                next: v,\n            });\n        }\n    };\n\n    // 上一页\n    const handlePrev = () => {\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n        setOffset(offset.current + navWrapNodeW);\n    };\n\n    // 下一页\n    const handleNext = () => {\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n        setOffset(offset.current - navWrapNodeW);\n    };\n\n    const showNextPrev = prev || next;\n\n    const prevButton = (\n        <span\n            onClick={prev ? handlePrev : null}\n            unselectable=\"unselectable\"\n            className={classnames({\n                [`${prefixCls}-prev`]: true,\n                [`${prefixCls}-btn-disabled`]: !prev,\n                [`${prefixCls}-arrow-show`]: showNextPrev,\n            })}\n        >\n            <span className={`${prefixCls}-prev-icon`}>\n                <Icon type=\"left\" />\n            </span>\n        </span>\n    );\n\n    const nextButton = (\n        <span\n            onClick={next ? handleNext : null}\n            unselectable=\"unselectable\"\n            className={classnames({\n                [`${prefixCls}-next`]: true,\n                [`${prefixCls}-btn-disabled`]: !next,\n                [`${prefixCls}-arrow-show`]: showNextPrev,\n            })}\n        >\n            <span className={`${prefixCls}-next-icon`}>\n                <Icon type=\"right\" />\n            </span>\n        </span>\n    );\n\n    return (\n        <div\n            className={classnames(`${prefixCls}-container`, className)}\n            style={style}\n            ref={containerRef}\n        >\n            {prevButton}\n            {nextButton}\n            <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\n                <div className={`${prefixCls}-nav-scroll`}>\n                    <div className={`${prefixCls}-nav`} ref={navRef}>\n                        {props.children}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport default VtxScrollableRow;\n\nVtxScrollableRow.propTypes = {\n    prefixCls: PropTypes.string,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    children: PropTypes.node,\n};\n"],"file":"index.js"}

package/lib/vtx-scrollable-row/style/css.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("antd/es/icon/style");
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vtx-scrollable-row/style/css.js.map

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

package/lib/vtx-scrollable-row/style/index.css

@@ -0,0 +1,111 @@
+.vtx-scrollable-row-container {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin-bottom: -1px;
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1.5;
+  white-space: nowrap;
+  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  zoom: 1;
+}
+.vtx-scrollable-row-container::after {
+  clear: both;
+}
+.vtx-scrollable-row-container::before,
+.vtx-scrollable-row-container::after {
+  display: table;
+  content: ' ';
+}
+.vtx-scrollable-row-container:hover .vtx-scrollable-row-arrow-show {
+  display: inline-block;
+}
+.vtx-scrollable-row-prev,
+.vtx-scrollable-row-next {
+  position: absolute;
+  z-index: 1;
+  display: none;
+  line-height: 36px;
+  text-align: center;
+  background: #fff;
+  border: none;
+  cursor: pointer;
+  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.vtx-scrollable-row-prev-icon,
+.vtx-scrollable-row-next-icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  font-weight: 700;
+  font-style: normal;
+  font-variant: normal;
+  line-height: inherit;
+  text-align: center;
+  text-transform: none;
+  vertical-align: baseline;
+  -webkit-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+.vtx-scrollable-row-prev::before,
+.vtx-scrollable-row-next::before {
+  display: block;
+}
+.vtx-scrollable-row-prev {
+  left: 0;
+  border-radius: 2px 0 0 2px;
+  -webkit-box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
+          box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
+}
+.vtx-scrollable-row-next {
+  right: 0;
+  border-radius: 0 2px 2px 0;
+  -webkit-box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.16);
+          box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.16);
+}
+.vtx-scrollable-row-btn-disabled {
+  color: #ccc;
+  cursor: not-allowed;
+}
+.vtx-scrollable-row-arrow-show {
+  display: none;
+  width: 32px;
+  height: 100%;
+  opacity: 1;
+  pointer-events: auto;
+}
+.vtx-scrollable-row-nav-wrap {
+  margin-bottom: -1px;
+  overflow: hidden;
+}
+.vtx-scrollable-row-nav-scroll {
+  overflow: hidden;
+  line-height: 1;
+  white-space: nowrap;
+}
+.vtx-scrollable-row-nav {
+  position: relative;
+  display: inline-block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding-left: 0;
+  list-style: none;
+  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.vtx-scrollable-row-nav::after {
+  clear: both;
+}
+.vtx-scrollable-row-nav::before,
+.vtx-scrollable-row-nav::after {
+  display: table;
+  content: ' ';
+}

package/lib/vtx-scrollable-row/style/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("antd/es/icon/style");
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/vtx-scrollable-row/style/index.js.map

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

package/lib/vtx-scrollable-row/style/index.less

@@ -0,0 +1,111 @@
+@prefix-cls: vtx-scrollable-row;
+@easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
+@effect-duration: 0.3s;
+
+.@{prefix-cls} {
+    &-container {
+        position: relative;
+        box-sizing: border-box;
+        margin-bottom: -1px;
+        overflow: hidden;
+        font-size: 14px;
+        line-height: 1.5;
+        white-space: nowrap;
+        transition: padding @effect-duration @easing-in-out;
+        zoom: 1;
+        &::after {
+            clear: both;
+        }
+        &::before,
+        &::after {
+            display: table;
+            content: ' ';
+        }
+        &:hover {
+            .@{prefix-cls}-arrow-show {
+                display: inline-block;
+            }
+        }
+    }
+    &-prev,
+    &-next {
+        position: absolute;
+        z-index: 1;
+        display: none;
+        line-height: 36px;
+        text-align: center;
+        background: #fff;
+        border: none;
+        cursor: pointer;
+        transition: width @effect-duration @easing-in-out, opacity @effect-duration @easing-in-out,
+            color @effect-duration @easing-in-out;
+        user-select: none;
+        &-icon {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            font-weight: 700;
+            font-style: normal;
+            font-variant: normal;
+            line-height: inherit;
+            text-align: center;
+            text-transform: none;
+            vertical-align: baseline;
+            -webkit-transform: translate(-50%, -50%);
+            -ms-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%);
+        }
+        &::before {
+            display: block;
+        }
+    }
+
+    &-prev {
+        left: 0;
+        border-radius: 2px 0 0 2px;
+        box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
+    }
+    &-next {
+        right: 0;
+        border-radius: 0 2px 2px 0;
+        box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.16);
+    }
+    &-btn-disabled {
+        color: #ccc;
+        cursor: not-allowed;
+    }
+    &-arrow-show {
+        display: none;
+        width: 32px;
+        height: 100%;
+        opacity: 1;
+        pointer-events: auto;
+    }
+    &-nav-wrap {
+        margin-bottom: -1px;
+        overflow: hidden;
+    }
+    &-nav-scroll {
+        overflow: hidden;
+        line-height: 1;
+        white-space: nowrap;
+    }
+    &-nav {
+        position: relative;
+        display: inline-block;
+        box-sizing: border-box;
+        margin: 0;
+        padding-left: 0;
+        list-style: none;
+        transition: transform @effect-duration @easing-in-out,
+            -webkit-transform @effect-duration @easing-in-out;
+        &::after {
+            clear: both;
+        }
+        &::before,
+        &::after {
+            display: table;
+            content: ' ';
+        }
+    }
+}

package/lib/vtx-search/VtxCol.js

@@ -46,7 +46,7 @@ function VtxCol(props) {
 
       if (((_d$props3 = d.props) === null || _d$props3 === void 0 ? void 0 : _d$props3['data-type']) === 'fieldName') {
         sty = _objectSpread(_objectSpread({}, sty), {}, {
-          padding: '5px 0px',
+          padding: '8px 0px',
           overflow: 'hidden',
           textOverflow: 'ellipsis',
           whiteSpace: 'nowrap',
@@ -57,7 +57,7 @@ function VtxCol(props) {
 
       if (((_d$props4 = d.props) === null || _d$props4 === void 0 ? void 0 : _d$props4['data-type']) === 'bt') {
         sty = _objectSpread(_objectSpread({}, sty), {}, {
-          padding: '5px 0px'
+          padding: '8px 0px'
         });
       }
 

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"}