@vtx/modals2 4.0.9 → 5.0.1

package/lib/vm-filter/style/index.less

@@ -12,6 +12,19 @@
             background: #59ffe2;
         }
     }
+    &.blue {
+        --color: #ffffff;
+        --border: 1px solid #1464a6 !important;
+        --bg-color: rgba(0, 139, 237, 0.1) !important;
+        --hover-color: white;
+        .ant-picker-active-bar {
+            background: #018aff;
+        }
+        .ant-picker-separator,
+        .ant-picker-focused .ant-picker-separator {
+            color: #fff !important;
+        }
+    }
     background-color: var(--bg-color) !important;
     border: var(--border) !important;
 
@@ -53,6 +66,23 @@
             }
         }
     }
+    &.blue {
+        .ant-select-selector {
+            background: rgba(0, 139, 237, 0.1) !important;
+            border: 1px solid #1464a6 !important;
+            .ant-select-selection-item {
+                color: white;
+            }
+        }
+        &:hover {
+            .ant-select-selector {
+                border: 1px solid #018aff !important;
+            }
+        }
+        .ant-select-arrow {
+            color: white;
+        }
+    }
 }
 
 .vm-select-dropdown {
@@ -68,9 +98,25 @@
             background-color: #1c3436;
         }
     }
+    &.blue {
+        background-color: #1a3e69;
+
+        .ant-select-item {
+            color: white;
+        }
+        .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+            background-color: RGBA(30, 92, 147, 0.5);
+        }
+        .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+            background: RGBA(30, 92, 147, 1);
+        }
+        .ant-empty-description,
+        .ant-select-dropdown-empty {
+            color: #74bbf4;
+        }
+    }
 }
 .vm-range-picker-dropdown {
-    z-index:99999!important;
     &.dark {
         .ant-picker-range-arrow {
             background: none;
@@ -140,6 +186,87 @@
             }
         }
     }
+    &.blue {
+        .ant-picker-range-arrow {
+            background: none;
+            &::before {
+                background: rgb(23 62 110);
+            }
+        }
+        .ant-picker-panel {
+            border-bottom: 1px solid #95fff933 !important;
+        }
+
+        .ant-picker-footer {
+            border-top: 1px solid #95fff933 !important;
+        }
+        .ant-picker-panel-container {
+            background: rgb(51 95 135);
+            box-shadow: 0 3px 6px -4px #ffffff1f, 0 6px 16px #ffffff14, 0 9px 28px 8px #5454540d;
+            .ant-picker-header {
+                border-bottom: 1px solid #95fff933;
+                button {
+                    color: white;
+                    &:hover {
+                        color: #95fff9;
+                    }
+                }
+            }
+            .ant-picker-footer {
+                border-top: 1px solid #95fff933 !important;
+            }
+            .ant-picker-content {
+                th {
+                    color: white;
+                }
+                .ant-picker-cell-inner {
+                    color: white;
+                }
+                .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
+                    background: rgba(40, 114, 175, 1);
+                }
+                .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
+                .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
+                    background: rgba(40, 114, 175, 0.6);
+                }
+                .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
+                .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
+                .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
+                    background: rgba(40, 114, 175, 0.6);
+                }
+                .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
+                .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
+                    .ant-picker-cell-inner {
+                    background: rgba(40, 114, 175, 0.6);
+                }
+                .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
+                    background: rgba(40, 114, 175, 0.6);
+                }
+
+                .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
+                .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
+                .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
+                .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
+                .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
+                .ant-picker-panel
+                    > :not(.ant-picker-date-panel)
+                    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
+                .ant-picker-panel
+                    > :not(.ant-picker-date-panel)
+                    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
+                    background: #07749fbb;
+                    border-bottom: 1px solid #95fff933;
+                }
+
+                .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
+                    .ant-picker-cell-inner::after,
+                .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
+                    .ant-picker-cell-inner::after {
+                    background: #07749fbb !important;
+                }
+            }
+        }
+    }
 }
 
 .radioTime {

package/lib/vm-hooks/useSettings.js

@@ -21,6 +21,7 @@ var useSettings = function useSettings() {
     mapInfo = _useContext.mapInfo;
   return {
     theme: theme,
+    tabPosition: 'right',
     isDark: theme === 'dark',
     chartFontColor: chartFontColor,
     chartColor: chartColor,

package/lib/vm-hooks/useSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSettings.js","names":["_react","require","_vtxThemeProvider","useSettings","_useContext","useContext","VtxThemeContext","theme","chartFontColor","chartColor","startDate","endDate","date","mapInfo","isDark","_default","exports"],"sources":["vm-hooks/useSettings.js"],"sourcesContent":["import { useContext } from 'react';\nimport { VtxThemeContext } from '../vtx-theme-provider';\n/**\n * 获取配置信息\n * @returns\n */\nconst useSettings = () => {\n    const { theme, chartFontColor, chartColor, startDate, endDate, date, mapInfo } = useContext(VtxThemeContext);\n    return {\n        theme,\n        isDark: theme === 'dark',\n        chartFontColor,\n        chartColor,\n        startDate,\n        endDate,\n        date,\n        mapInfo,\n    };\n};\nexport default useSettings;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA;AACA;AACA;AACA;AACA,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EACtB,IAAAC,WAAA,GAAiF,IAAAC,iBAAU,EAACC,iCAAe,CAAC;IAApGC,KAAK,GAAAH,WAAA,CAALG,KAAK;IAAEC,cAAc,GAAAJ,WAAA,CAAdI,cAAc;IAAEC,UAAU,GAAAL,WAAA,CAAVK,UAAU;IAAEC,SAAS,GAAAN,WAAA,CAATM,SAAS;IAAEC,OAAO,GAAAP,WAAA,CAAPO,OAAO;IAAEC,IAAI,GAAAR,WAAA,CAAJQ,IAAI;IAAEC,OAAO,GAAAT,WAAA,CAAPS,OAAO;EAC5E,OAAO;IACHN,KAAK,EAALA,KAAK;IACLO,MAAM,EAAEP,KAAK,KAAK,MAAM;IACxBC,cAAc,EAAdA,cAAc;IACdC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA,SAAS;IACTC,OAAO,EAAPA,OAAO;IACPC,IAAI,EAAJA,IAAI;IACJC,OAAO,EAAPA;EACJ,CAAC;AACL,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cACab,WAAW","ignoreList":[]}
+{"version":3,"file":"useSettings.js","names":["_react","require","_vtxThemeProvider","useSettings","_useContext","useContext","VtxThemeContext","theme","chartFontColor","chartColor","startDate","endDate","date","mapInfo","tabPosition","isDark","_default","exports"],"sources":["vm-hooks/useSettings.js"],"sourcesContent":["import { useContext } from 'react';\nimport { VtxThemeContext } from '../vtx-theme-provider';\n/**\n * 获取配置信息\n * @returns\n */\nconst useSettings = () => {\n    const { theme, chartFontColor, chartColor, startDate, endDate, date, mapInfo } = useContext(VtxThemeContext);\n    return {\n        theme,\n        tabPosition: 'right',\n        isDark: theme === 'dark',\n        chartFontColor,\n        chartColor,\n        startDate,\n        endDate,\n        date,\n        mapInfo,\n    };\n};\nexport default useSettings;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA;AACA;AACA;AACA;AACA,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EACtB,IAAAC,WAAA,GAAiF,IAAAC,iBAAU,EAACC,iCAAe,CAAC;IAApGC,KAAK,GAAAH,WAAA,CAALG,KAAK;IAAEC,cAAc,GAAAJ,WAAA,CAAdI,cAAc;IAAEC,UAAU,GAAAL,WAAA,CAAVK,UAAU;IAAEC,SAAS,GAAAN,WAAA,CAATM,SAAS;IAAEC,OAAO,GAAAP,WAAA,CAAPO,OAAO;IAAEC,IAAI,GAAAR,WAAA,CAAJQ,IAAI;IAAEC,OAAO,GAAAT,WAAA,CAAPS,OAAO;EAC5E,OAAO;IACHN,KAAK,EAALA,KAAK;IACLO,WAAW,EAAE,OAAO;IACpBC,MAAM,EAAER,KAAK,KAAK,MAAM;IACxBC,cAAc,EAAdA,cAAc;IACdC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA,SAAS;IACTC,OAAO,EAAPA,OAAO;IACPC,IAAI,EAAJA,IAAI;IACJC,OAAO,EAAPA;EACJ,CAAC;AACL,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cACad,WAAW","ignoreList":[]}

package/lib/vm-iframe-modal/style/index.css

@@ -1,5 +1,6 @@
 .vm-iframe-wrap {
-  height: 100vh;
+  height: calc(100vh - 70px - 50px);
+  width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

package/lib/vm-iframe-modal/style/index.less

@@ -1,5 +1,6 @@
 .vm-iframe-wrap {
-    height: 100vh;
+    height: calc(~'100vh - 70px - 50px');
+    width: 100%;
     display: flex;
     .vm-iframe {
         width: 100%;

package/lib/vm-image-text/index.js

@@ -28,7 +28,8 @@ var ImageText = function ImageText(props) {
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: src
   }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "vm-image-text-item--name"
+    className: "vm-image-text-item--name",
+    title: name
   }, name), /*#__PURE__*/_react["default"].createElement("div", {
     className: "vm-image-text-item--value ".concat(color)
   }, specialCase ? ( /*#__PURE__*/_react["default"].createElement("span", null, specialCase)) : values ? values.map(function (item, index) {

package/lib/vm-image-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","e","__esModule","ImageText","props","src","name","value","unit","specialCase","_props$color","color","style","values","units","React","createElement","className","concat","map","item","index","key","length","Fragment","_default","exports"],"sources":["vm-image-text/index.js"],"sourcesContent":["/**\n * 内部组件-左侧图标，右侧名称和数值\n */\nimport React from 'react';\nimport './style';\nconst ImageText = props => {\n    const { src, name, value, unit, specialCase, color = '', style, values, units } = props;\n    return (React.createElement(\"div\", { className: \"vm-image-text-item\", style: style },\n        React.createElement(\"img\", { src: src }),\n        React.createElement(\"div\", null,\n            React.createElement(\"div\", { className: \"vm-image-text-item--name\" }, name),\n            React.createElement(\"div\", { className: `vm-image-text-item--value ${color}` }, specialCase ? (React.createElement(\"span\", null, specialCase)) : values ? (values.map((item, index) => (React.createElement(\"label\", { key: index },\n                React.createElement(\"span\", null, item || 0),\n                units && units[index],\n                index !== values.length - 1 && '/')))) : (React.createElement(React.Fragment, null,\n                React.createElement(\"span\", null, value || 0),\n                unit))))));\n};\nexport default ImageText;\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAiB,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAJjB;AACA;AACA;;AAGA,IAAME,SAAS,GAAG,SAAZA,SAASA,CAAGC,KAAK,EAAI;EACvB,IAAQC,GAAG,GAAuED,KAAK,CAA/EC,GAAG;IAAEC,IAAI,GAAiEF,KAAK,CAA1EE,IAAI;IAAEC,KAAK,GAA0DH,KAAK,CAApEG,KAAK;IAAEC,IAAI,GAAoDJ,KAAK,CAA7DI,IAAI;IAAEC,WAAW,GAAuCL,KAAK,CAAvDK,WAAW;IAAAC,YAAA,GAAuCN,KAAK,CAA1CO,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,EAAE,GAAAA,YAAA;IAAEE,KAAK,GAAoBR,KAAK,CAA9BQ,KAAK;IAAEC,MAAM,GAAYT,KAAK,CAAvBS,MAAM;IAAEC,KAAK,GAAKV,KAAK,CAAfU,KAAK;EAC7E,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,oBAAoB;IAAEL,KAAK,EAAEA;EAAM,CAAC,eAChFG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEX,GAAG,EAAEA;EAAI,CAAC,CAAC,eACxCU,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,eAC3BD,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA2B,CAAC,EAAEX,IAAI,CAAC,eAC3ES,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,+BAAAC,MAAA,CAA+BP,KAAK;EAAG,CAAC,EAAEF,WAAW,kBAAIM,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEP,WAAW,CAAC,IAAII,MAAM,GAAIA,MAAM,CAACM,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;IAAA,oBAAMN,iBAAK,CAACC,aAAa,CAAC,OAAO,EAAE;MAAEM,GAAG,EAAED;IAAM,CAAC,eAC/NN,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEI,IAAI,IAAI,CAAC,CAAC,EAC5CN,KAAK,IAAIA,KAAK,CAACO,KAAK,CAAC,EACrBA,KAAK,KAAKR,MAAM,CAACU,MAAM,GAAG,CAAC,IAAI,GAAG,CAAC;EAAA,CAAC,CAAC,kBAAKR,iBAAK,CAACC,aAAa,CAACD,iBAAK,CAACS,QAAQ,EAAE,IAAI,eAClFT,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAET,KAAK,IAAI,CAAC,CAAC,EAC7CC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACzB,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,cACavB,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","e","__esModule","ImageText","props","src","name","value","unit","specialCase","_props$color","color","style","values","units","React","createElement","className","title","concat","map","item","index","key","length","Fragment","_default","exports"],"sources":["vm-image-text/index.js"],"sourcesContent":["/**\n * 内部组件-左侧图标，右侧名称和数值\n */\nimport React from 'react';\nimport './style';\nconst ImageText = props => {\n    const { src, name, value, unit, specialCase, color = '', style, values, units } = props;\n    return (React.createElement(\"div\", { className: \"vm-image-text-item\", style: style },\n        React.createElement(\"img\", { src: src }),\n        React.createElement(\"div\", null,\n            React.createElement(\"div\", { className: \"vm-image-text-item--name\", title: name }, name),\n            React.createElement(\"div\", { className: `vm-image-text-item--value ${color}` }, specialCase ? (React.createElement(\"span\", null, specialCase)) : values ? (values.map((item, index) => (React.createElement(\"label\", { key: index },\n                React.createElement(\"span\", null, item || 0),\n                units && units[index],\n                index !== values.length - 1 && '/')))) : (React.createElement(React.Fragment, null,\n                React.createElement(\"span\", null, value || 0),\n                unit))))));\n};\nexport default ImageText;\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAiB,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAJjB;AACA;AACA;;AAGA,IAAME,SAAS,GAAG,SAAZA,SAASA,CAAGC,KAAK,EAAI;EACvB,IAAQC,GAAG,GAAuED,KAAK,CAA/EC,GAAG;IAAEC,IAAI,GAAiEF,KAAK,CAA1EE,IAAI;IAAEC,KAAK,GAA0DH,KAAK,CAApEG,KAAK;IAAEC,IAAI,GAAoDJ,KAAK,CAA7DI,IAAI;IAAEC,WAAW,GAAuCL,KAAK,CAAvDK,WAAW;IAAAC,YAAA,GAAuCN,KAAK,CAA1CO,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,EAAE,GAAAA,YAAA;IAAEE,KAAK,GAAoBR,KAAK,CAA9BQ,KAAK;IAAEC,MAAM,GAAYT,KAAK,CAAvBS,MAAM;IAAEC,KAAK,GAAKV,KAAK,CAAfU,KAAK;EAC7E,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,oBAAoB;IAAEL,KAAK,EAAEA;EAAM,CAAC,eAChFG,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEX,GAAG,EAAEA;EAAI,CAAC,CAAC,eACxCU,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,eAC3BD,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,0BAA0B;IAAEC,KAAK,EAAEZ;EAAK,CAAC,EAAEA,IAAI,CAAC,eACxFS,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,+BAAAE,MAAA,CAA+BR,KAAK;EAAG,CAAC,EAAEF,WAAW,kBAAIM,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEP,WAAW,CAAC,IAAII,MAAM,GAAIA,MAAM,CAACO,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;IAAA,oBAAMP,iBAAK,CAACC,aAAa,CAAC,OAAO,EAAE;MAAEO,GAAG,EAAED;IAAM,CAAC,eAC/NP,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEK,IAAI,IAAI,CAAC,CAAC,EAC5CP,KAAK,IAAIA,KAAK,CAACQ,KAAK,CAAC,EACrBA,KAAK,KAAKT,MAAM,CAACW,MAAM,GAAG,CAAC,IAAI,GAAG,CAAC;EAAA,CAAC,CAAC,kBAAKT,iBAAK,CAACC,aAAa,CAACD,iBAAK,CAACU,QAAQ,EAAE,IAAI,eAClFV,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAET,KAAK,IAAI,CAAC,CAAC,EAC7CC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACzB,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,cACaxB,SAAS","ignoreList":[]}

package/lib/vm-image-text/style/index.css

@@ -8,6 +8,7 @@
   -ms-flex-line-pack: center;
       align-content: center;
   margin-right: 80px;
+  width: 100%;
 }
 .vm-image-text-item img {
   width: 46px;
@@ -16,6 +17,7 @@
 }
 .vm-image-text-item--name {
   color: var(--label-color);
+  white-space: nowrap;
 }
 .vm-image-text-item--value {
   line-height: 24px;

package/lib/vm-image-text/style/index.less

@@ -4,6 +4,7 @@
         justify-content: start;
         align-content: center;
         margin-right: 80px;
+        width: 100%;
         img {
             width: 46px;
             height: 46px;
@@ -11,6 +12,7 @@
         }
         &--name {
             color: var(--label-color);
+            white-space: nowrap;
         }
         &--value {
             line-height: 24px;

package/lib/vm-info-collection/index.js

@@ -5,8 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _components = require("@vtx/components");
 require("./style");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function InfoCollection(props) {
   var _props$data = props.data,
     data = _props$data === void 0 ? [] : _props$data,
@@ -17,31 +24,126 @@ function InfoCollection(props) {
     _props$horizontal = props.horizontal,
     horizontal = _props$horizontal === void 0 ? false : _props$horizontal,
     _props$ellipsis = props.ellipsis,
-    ellipsis = _props$ellipsis === void 0 ? false : _props$ellipsis;
+    ellipsis = _props$ellipsis === void 0 ? false : _props$ellipsis,
+    padding = props.padding;
+  if (!data.length) return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: horizontal ? 'info-collection-horizontal' : 'info-collection',
     style: {
-      height: '100%'
+      padding: padding !== null && padding !== void 0 ? padding : 'unset'
     }
   }, data.map(function (item) {
+    var _a;
     var style = {};
-    if (item.color) style.color = item.color;
+    if (item === null || item === void 0 ? void 0 : item.color) style.color = item.color;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "info-line",
       key: item.key,
       style: {
         marginRight: horizontal ? 0 : 12,
         marginBottom: gap,
-        width: width
+        width: item.label === '地址' || item.key === 'panoramaLinkAddress' || item.key.indexOf('hoto') > -1 ? '100%' : width
       }
     }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "label"
-    }, item.label, "\uFF1A"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "info-label"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      title: item.label,
+      className: "ellipsis label"
+    }, item.label, " \uFF1A")), item.label === '地址' ? ( /*#__PURE__*/_react["default"].createElement("div", {
+      className: "value",
+      style: style
+    }, item.value || '-')) : item.key === 'panoramaLinkAddress' ? ( /*#__PURE__*/_react["default"].createElement("div", {
+      className: 'value'
+    }, ((_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.indexOf('http')) > -1 ? ( /*#__PURE__*/_react["default"].createElement("a", {
+      onClick: function onClick() {
+        window.open(item.value);
+      }
+    }, item.value)) : item.value || '-')) : ( /*#__PURE__*/_react["default"].createElement("div", {
       className: "value ".concat(ellipsis ? 'ellipsis' : ''),
       style: style,
-      title: "".concat(item.value || '')
-    }, typeof item.render === 'function' ? item.render() : item.value || '--'));
+      title: ValueDom(item.componentType || '', item.value)
+    }, typeof item.render === 'function' ? item.render() : ValueDom(item.componentType || '', item.value))));
   }));
 }
 var _default = exports["default"] = InfoCollection;
+var QUARTER_MAP = {
+  '01': 'Q1',
+  '04': 'Q2',
+  '07': 'Q3',
+  '10': 'Q4'
+};
+/* eslint-disable no-case-declarations */
+var ValueDom = function ValueDom(componentType, value) {
+  var _a, _b;
+  var node;
+  switch (componentType) {
+    case 'MONTH_PERIOD':
+      node = (_a = value.join) === null || _a === void 0 ? void 0 : _a.call(value, '~');
+      break;
+    case 'QUARTER':
+      var _value$split = value.split('-'),
+        _value$split2 = _slicedToArray(_value$split, 2),
+        year = _value$split2[0],
+        quarter = _value$split2[1];
+      node = "".concat(year, "-").concat(QUARTER_MAP[quarter]);
+      break;
+    case 'ATTACHS':
+      var files = JSON.parse(value || '[]');
+      if (files.length) {
+        node = /*#__PURE__*/_react["default"].createElement(_components.VtxUpload, {
+          name: "file",
+          viewMode: true,
+          fileList: files,
+          downloadUrl: "".concat(process.env.PREFIX, "/cloudFile/common/downloadFile?id=")
+        });
+      } else {
+        node = '-';
+      }
+      break;
+    case 'MAP':
+      var lngLats = (value === null || value === void 0 ? void 0 : value.lngLats) || '';
+      node = lngLats;
+      break;
+    case 'SWITCH':
+      node = value ? '是' : '否';
+      break;
+    case 'GARBAGE_CAN':
+      var arr = [];
+      Array.isArray(node) && (node === null || node === void 0 ? void 0 : node.forEach(function (item) {
+        arr.push("".concat(item.garbageTypeName, "x").concat(item.throwDoorCount));
+      }));
+      node = arr;
+      break;
+    case 'TIME_PERIOD':
+      if (Array.isArray(value)) {
+        node = (_b = value === null || value === void 0 ? void 0 : value.map(function (item) {
+          return "".concat(item.startTime, "~").concat(item.endTime);
+        })) === null || _b === void 0 ? void 0 : _b.join('；');
+      }
+      break;
+    case 'image':
+      var photos = JSON.parse(value || '[]');
+      if (photos.length) {
+        node = /*#__PURE__*/_react["default"].createElement(_components.VtxUpload, {
+          name: "file",
+          viewMode: true,
+          fileList: files,
+          downloadUrl: "".concat(process.env.PREFIX, "/cloudFile/common/downloadFile?id=")
+        });
+      } else {
+        node = '-';
+      }
+      break;
+    case 'qrCode':
+      node = /*#__PURE__*/_react["default"].createElement(_components.VtxImage, {
+        aspectFit: true,
+        src: value
+      });
+      break;
+    default:
+      node = value;
+      break;
+  }
+  return node || '-';
+};
 //# sourceMappingURL=index.js.map

package/lib/vm-info-collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","e","__esModule","InfoCollection","props","_props$data","data","_props$width","width","_props$gap","gap","_props$horizontal","horizontal","_props$ellipsis","ellipsis","React","createElement","className","style","height","map","item","color","key","marginRight","marginBottom","label","concat","title","value","render","_default","exports"],"sources":["vm-info-collection/index.js"],"sourcesContent":["import React from 'react';\nimport './style';\nfunction InfoCollection(props) {\n    const { data = [], \n    // infoData = {},\n    width = '100%', gap = 8, horizontal = false, ellipsis = false, } = props;\n    return (React.createElement(\"div\", { className: horizontal ? 'info-collection-horizontal' : 'info-collection', style: { height: '100%' } }, data.map(item => {\n        const style = {};\n        if (item.color)\n            style.color = item.color;\n        return (React.createElement(\"div\", { className: \"info-line\", key: item.key, style: { marginRight: horizontal ? 0 : 12, marginBottom: gap, width } },\n            React.createElement(\"div\", { className: \"label\" },\n                item.label,\n                \"\\uFF1A\"),\n            React.createElement(\"div\", { className: `value ${ellipsis ? 'ellipsis' : ''}`, style: style, title: `${item.value || ''}` }, typeof item.render === 'function' ? item.render() : item.value || '--')));\n    })));\n}\nexport default InfoCollection;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAiB,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AACjB,SAASE,cAAcA,CAACC,KAAK,EAAE;EAC3B,IAAAC,WAAA,GAEmED,KAAK,CAFhEE,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IAAAE,YAAA,GAEkDH,KAAK,CAAxEI,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,MAAM,GAAAA,YAAA;IAAAE,UAAA,GAAqDL,KAAK,CAAxDM,GAAG;IAAHA,GAAG,GAAAD,UAAA,cAAG,CAAC,GAAAA,UAAA;IAAAE,iBAAA,GAA4CP,KAAK,CAA/CQ,UAAU;IAAVA,UAAU,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;IAAAE,eAAA,GAAwBT,KAAK,CAA3BU,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;EAC7D,oBAAQE,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAEL,UAAU,GAAG,4BAA4B,GAAG,iBAAiB;IAAEM,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,CAAC,EAAEb,IAAI,CAACc,GAAG,CAAC,UAAAC,IAAI,EAAI;IACzJ,IAAMH,KAAK,GAAG,CAAC,CAAC;IAChB,IAAIG,IAAI,CAACC,KAAK,EACVJ,KAAK,CAACI,KAAK,GAAGD,IAAI,CAACC,KAAK;IAC5B,oBAAQP,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE,WAAW;MAAEM,GAAG,EAAEF,IAAI,CAACE,GAAG;MAAEL,KAAK,EAAE;QAAEM,WAAW,EAAEZ,UAAU,GAAG,CAAC,GAAG,EAAE;QAAEa,YAAY,EAAEf,GAAG;QAAEF,KAAK,EAALA;MAAM;IAAE,CAAC,eAC/IO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAQ,CAAC,EAC7CI,IAAI,CAACK,KAAK,EACV,QAAQ,CAAC,eACbX,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,WAAAU,MAAA,CAAWb,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE;MAAEI,KAAK,EAAEA,KAAK;MAAEU,KAAK,KAAAD,MAAA,CAAKN,IAAI,CAACQ,KAAK,IAAI,EAAE;IAAG,CAAC,EAAE,OAAOR,IAAI,CAACS,MAAM,KAAK,UAAU,GAAGT,IAAI,CAACS,MAAM,CAAC,CAAC,GAAGT,IAAI,CAACQ,KAAK,IAAI,IAAI,CAAC,CAAC;EAC7M,CAAC,CAAC,CAAC;AACP;AAAC,IAAAE,QAAA,GAAAC,OAAA,cACc7B,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_components","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","InfoCollection","props","_props$data","data","_props$width","width","_props$gap","gap","_props$horizontal","horizontal","_props$ellipsis","ellipsis","padding","React","createElement","Fragment","className","style","map","item","_a","color","key","marginRight","marginBottom","label","indexOf","title","onClick","window","open","concat","ValueDom","componentType","render","_default","exports","QUARTER_MAP","_b","node","join","_value$split","split","_value$split2","year","quarter","files","JSON","parse","VtxUpload","viewMode","fileList","downloadUrl","process","env","PREFIX","lngLats","arr","forEach","garbageTypeName","throwDoorCount","startTime","endTime","photos","VtxImage","aspectFit","src"],"sources":["vm-info-collection/index.js"],"sourcesContent":["import React from 'react';\nimport { VtxUpload, VtxImage } from '@vtx/components';\nimport './style';\nfunction InfoCollection(props) {\n    const { data = [], width = '100%', gap = 8, horizontal = false, ellipsis = false, padding, } = props;\n    if (!data.length)\n        return React.createElement(React.Fragment, null);\n    return (React.createElement(\"div\", { className: horizontal ? 'info-collection-horizontal' : 'info-collection', style: { padding: padding !== null && padding !== void 0 ? padding : 'unset' } }, data.map(item => {\n        var _a;\n        const style = {};\n        if (item === null || item === void 0 ? void 0 : item.color)\n            style.color = item.color;\n        return (React.createElement(\"div\", { className: \"info-line\", key: item.key, style: {\n                marginRight: horizontal ? 0 : 12,\n                marginBottom: gap,\n                width: item.label === '地址' ||\n                    item.key === 'panoramaLinkAddress' ||\n                    item.key.indexOf('hoto') > -1\n                    ? '100%'\n                    : width,\n            } },\n            React.createElement(\"div\", { className: \"info-label\" },\n                React.createElement(\"div\", { title: item.label, className: `ellipsis label` },\n                    item.label,\n                    \" \\uFF1A\")),\n            item.label === '地址' ? (React.createElement(\"div\", { className: \"value\", style: style }, item.value || '-')) : item.key === 'panoramaLinkAddress' ? (React.createElement(\"div\", { className: 'value' }, ((_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.indexOf('http')) > -1 ? (React.createElement(\"a\", { onClick: () => {\n                    window.open(item.value);\n                } }, item.value)) : (item.value || '-'))) : (React.createElement(\"div\", { className: `value ${ellipsis ? 'ellipsis' : ''}`, style: style, title: ValueDom(item.componentType || '', item.value) }, typeof item.render === 'function'\n                ? item.render()\n                : ValueDom(item.componentType || '', item.value)))));\n    })));\n}\nexport default InfoCollection;\nconst QUARTER_MAP = {\n    '01': 'Q1',\n    '04': 'Q2',\n    '07': 'Q3',\n    '10': 'Q4',\n};\n/* eslint-disable no-case-declarations */\nconst ValueDom = (componentType, value) => {\n    var _a, _b;\n    let node;\n    switch (componentType) {\n        case 'MONTH_PERIOD':\n            node = (_a = value.join) === null || _a === void 0 ? void 0 : _a.call(value, '~');\n            break;\n        case 'QUARTER':\n            const [year, quarter] = value.split('-');\n            node = `${year}-${QUARTER_MAP[quarter]}`;\n            break;\n        case 'ATTACHS':\n            const files = JSON.parse(value || '[]');\n            if (files.length) {\n                node = (React.createElement(VtxUpload, { name: \"file\", viewMode: true, fileList: files, downloadUrl: `${process.env.PREFIX}/cloudFile/common/downloadFile?id=` }));\n            }\n            else {\n                node = '-';\n            }\n            break;\n        case 'MAP':\n            const lngLats = (value === null || value === void 0 ? void 0 : value.lngLats) || '';\n            node = lngLats;\n            break;\n        case 'SWITCH':\n            node = value ? '是' : '否';\n            break;\n        case 'GARBAGE_CAN':\n            const arr = [];\n            Array.isArray(node) &&\n                (node === null || node === void 0 ? void 0 : node.forEach(item => {\n                    arr.push(`${item.garbageTypeName}x${item.throwDoorCount}`);\n                }));\n            node = arr;\n            break;\n        case 'TIME_PERIOD':\n            if (Array.isArray(value)) {\n                node = (_b = value === null || value === void 0 ? void 0 : value.map((item) => `${item.startTime}~${item.endTime}`)) === null || _b === void 0 ? void 0 : _b.join('；');\n            }\n            break;\n        case 'image':\n            const photos = JSON.parse(value || '[]');\n            if (photos.length) {\n                node = (React.createElement(VtxUpload, { name: \"file\", viewMode: true, fileList: files, downloadUrl: `${process.env.PREFIX}/cloudFile/common/downloadFile?id=` }));\n            }\n            else {\n                node = '-';\n            }\n            break;\n        case 'qrCode':\n            node = React.createElement(VtxImage, { aspectFit: true, src: value });\n            break;\n        default:\n            node = value;\n            break;\n    }\n    return node || '-';\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/vm-info-collection/style/index.css

@@ -22,17 +22,15 @@
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: start;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   margin-right: 12px;
 }
 .info-collection,
 .info-collection-horizontal {
   font-size: 14px;
 }
-.info-collection .label,
-.info-collection-horizontal .label {
-  color: var(--label-color);
-  white-space: nowrap;
-}
 .info-collection .value,
 .info-collection-horizontal .value {
   color: var(--info-color);
@@ -48,24 +46,22 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.info-collection .default-base,
-.info-collection-horizontal .default-base {
-  width: 430px;
-  height: 60%;
-  margin-right: 10px;
-  background-color: var(--bg-color2);
+.info-collection .ellipsis.label,
+.info-collection-horizontal .ellipsis.label {
+  min-width: 78px;
 }
-.info-collection .default-base img,
-.info-collection-horizontal .default-base img {
-  height: 160px;
-  width: 100%;
-}
-.info-collection .default-base-img,
-.info-collection-horizontal .default-base-img {
-  margin-bottom: 24px;
+.info-collection .info-label,
+.info-collection-horizontal .info-label {
+  min-width: 98px;
+  max-width: 350px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 80px;
+  color: var(--label-color);
+  white-space: nowrap;
+  margin-right: 4px;
 }
-.info-collection .default-base-img img,
-.info-collection-horizontal .default-base-img img {
-  height: 160px;
-  width: 100%;
+.info-collection .info-label.label,
+.info-collection-horizontal .info-label.label {
+  min-width: 78px;
 }

package/lib/vm-info-collection/style/index.less

@@ -7,9 +7,13 @@
 .info-collection-horizontal {
     display: flex;
     flex-flow: wrap;
+    // max-height: 340px;
+    // overflow-y: auto;
+    // overflow-x: hidden;
     .info-line {
         display: flex;
         justify-content: start;
+        align-items: center;
         margin-right: 12px;
     }
 }
@@ -17,11 +21,6 @@
 .info-collection-horizontal {
     font-size: 14px;
 
-    .label {
-        color: var(--label-color);
-        white-space: nowrap;
-    }
-
     .value {
         color: var(--info-color);
         font-weight: 400;
@@ -34,24 +33,15 @@
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
-    }
-    .default-base {
-        width: 430px;
-        height: 60%;
-        // padding: 24px;
-        margin-right: 10px;
-        background-color: var(--bg-color2);
-        img {
-            height:160px;
-            width: 100%;
-        }
-        &-img {
-            margin-bottom: 24px;
-            img {
-                height:160px;
-                width: 100%;
-            }
+        &.label {
+            min-width: 78px;
         }
     }
-
+    .info-label {
+        .ellipsis;
+        min-width: 80px;
+        color: var(--label-color);
+        white-space: nowrap;
+        margin-right: 4px;
+    }
 }