@vtx/modals2 3.3.17 → 3.3.18

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

@@ -0,0 +1,131 @@
+.vm-range-picker {
+  --color: #222;
+  --border: 1px solid #dadadaff;
+  --hover-color: #40a9ff;
+  background-color: var(--bg-color) !important;
+  border: var(--border) !important;
+}
+.vm-range-picker.dark {
+  --color: #a9d5d3ff;
+  --border: 1px solid #3c7073ff;
+  --bg-color: #0d1a1b;
+  --hover-color: white;
+}
+.vm-range-picker.dark .ant-picker-active-bar {
+  background: #59ffe2;
+}
+.vm-range-picker.blue {
+  --color: #ffffff;
+  --border: 1px solid #ffffff;
+  --bg-color: rgba(255, 255, 255, 0.05);
+  --hover-color: white;
+}
+.vm-range-picker.blue .ant-picker-active-bar {
+  background: #59ffe2;
+}
+.vm-range-picker .ant-picker-suffix {
+  color: var(--color);
+}
+.vm-range-picker:hover {
+  border-color: var(--hover-color);
+}
+.vm-range-picker .ant-picker-input input {
+  color: var(--color);
+}
+.vm-range-picker .ant-picker-separator {
+  color: var(--color);
+}
+.vm-range-picker .ant-picker-clear {
+  color: var(--color);
+  background: transparent;
+}
+.vm-select.dark .ant-select-selector {
+  background-color: #0d1a1b !important;
+  border: 1px solid #3c7073 !important;
+}
+.vm-select.dark .ant-select-selector .ant-select-selection-item {
+  color: #a9d5d3;
+}
+.vm-select.dark:hover .ant-select-selector {
+  border: 1px solid #6cc9ce !important;
+}
+.vm-select.blue .ant-select-selector {
+  background-color: transparent !important;
+  border: 1px solid #ffffff !important;
+}
+.vm-select.blue .ant-select-selector .ant-select-selection-item {
+  color: white;
+}
+.vm-select.blue:hover .ant-select-selector {
+  border: 1px solid #6cc9ce !important;
+}
+.vm-select.blue .ant-select-arrow {
+  color: white;
+}
+.vm-select-dropdown.dark {
+  background: #0d1a1b;
+}
+.vm-select-dropdown.dark .ant-select-item {
+  color: white;
+}
+.vm-select-dropdown.dark .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+  background-color: #2d575a;
+}
+.vm-select-dropdown.dark .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+  background-color: #1c3436;
+}
+.vm-range-picker-dropdown.dark .ant-picker-range-arrow {
+  background: none;
+}
+.vm-range-picker-dropdown.dark .ant-picker-range-arrow::before {
+  background: #0d1a1be6;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container {
+  background: #0d1a1be6;
+  -webkit-box-shadow: 0 3px 6px -4px #ffffff1f, 0 6px 16px #ffffff14, 0 9px 28px 8px #5454540d;
+          box-shadow: 0 3px 6px -4px #ffffff1f, 0 6px 16px #ffffff14, 0 9px 28px 8px #5454540d;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-header button {
+  color: white;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-header button:hover {
+  color: #95fff9;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content th {
+  color: white;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-inner {
+  color: white;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
+  background: #6cff2340;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
+  background: #6cff2340;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
+  background: #52c41a;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .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: #f5f5f55e;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
+  border: 1px solid #52c41a;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .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,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .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: #52c41abb;
+}
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
+.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
+  background: #52c41abb !important;
+}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/vm-filter/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-filter/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

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

@@ -0,0 +1,171 @@
+.vm-range-picker {
+    --color: #222;
+    --border: 1px solid #dadadaff;
+    --hover-color: #40a9ff;
+
+    &.dark {
+        --color: #a9d5d3ff;
+        --border: 1px solid #3c7073ff;
+        --bg-color: #0d1a1b;
+        --hover-color: white;
+        .ant-picker-active-bar {
+            background: #59ffe2;
+        }
+    }
+
+    &.blue {
+        --color: #ffffff;
+        --border: 1px solid #ffffff;
+        --bg-color: rgba(255, 255, 255, 0.05);
+        --hover-color: white;
+        .ant-picker-active-bar {
+            background: #59ffe2;
+        }
+    }
+
+    background-color: var(--bg-color) !important;
+    border: var(--border) !important;
+
+    .ant-picker-suffix {
+        color: var(--color);
+    }
+
+    &:hover {
+        border-color: var(--hover-color);
+    }
+
+    .ant-picker-input {
+        input {
+            color: var(--color);
+        }
+    }
+
+    .ant-picker-separator {
+        color: var(--color);
+    }
+
+    .ant-picker-clear {
+        color: var(--color);
+        background: transparent;
+    }
+}
+.vm-select {
+    &.dark {
+        .ant-select-selector {
+            background-color: #0d1a1b !important;
+            border: 1px solid #3c7073 !important;
+            .ant-select-selection-item {
+                color: #a9d5d3;
+            }
+        }
+        &:hover {
+            .ant-select-selector {
+                border: 1px solid #6cc9ce !important;
+            }
+        }
+    }
+
+    &.blue {
+        .ant-select-selector {
+            background-color: transparent !important;
+            border: 1px solid #ffffff !important;
+            .ant-select-selection-item {
+                color: white;
+            }
+        }
+        &:hover {
+            .ant-select-selector {
+                border: 1px solid #6cc9ce !important;
+            }
+        }
+        .ant-select-arrow {
+            color: white;
+        }
+    }
+}
+
+.vm-select-dropdown {
+    &.dark {
+        background: #0d1a1b;
+        .ant-select-item {
+            color: white;
+        }
+        .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+            background-color: #2d575a;
+        }
+        .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+            background-color: #1c3436;
+        }
+    }
+}
+.vm-range-picker-dropdown {
+    &.dark {
+        .ant-picker-range-arrow {
+            background: none;
+            &::before {
+                background: #0d1a1be6;
+            }
+        }
+        .ant-picker-panel-container {
+            background: #0d1a1be6;
+            box-shadow: 0 3px 6px -4px #ffffff1f, 0 6px 16px #ffffff14, 0 9px 28px 8px #5454540d;
+            .ant-picker-header {
+                button {
+                    color: white;
+                    &:hover {
+                        color: #95fff9;
+                    }
+                }
+            }
+            .ant-picker-content {
+                th {
+                    color: white;
+                }
+                .ant-picker-cell-inner {
+                    color: white;
+                }
+                .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
+                    background: #6cff2340;
+                }
+                .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: #6cff2340;
+                }
+                .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: #52c41a;
+                }
+                .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: #f5f5f55e;
+                }
+                .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
+                    border: 1px solid #52c41a;
+                }
+
+                .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: #52c41abb;
+                }
+
+                .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: #52c41abb !important;
+                }
+            }
+        }
+    }
+}

package/lib/vm-hooks/useSettings.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _vtxThemeProvider = require("../vtx-theme-provider");
+/**
+ * 获取配置信息
+ * @returns
+ */
+var useSettings = function useSettings() {
+  var _useContext = (0, _react.useContext)(_vtxThemeProvider.VtxThemeContext),
+    theme = _useContext.theme,
+    chartFontColor = _useContext.chartFontColor,
+    chartColor = _useContext.chartColor,
+    startDate = _useContext.startDate,
+    endDate = _useContext.endDate,
+    defaultGrid = _useContext.defaultGrid;
+  return {
+    theme: theme,
+    isDark: theme === 'dark',
+    chartFontColor: chartFontColor,
+    chartColor: chartColor,
+    startDate: startDate,
+    endDate: endDate,
+    defaultGrid: defaultGrid
+  };
+};
+var _default = useSettings;
+exports["default"] = _default;
+//# sourceMappingURL=useSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSettings.js","names":["useSettings","useContext","VtxThemeContext","theme","chartFontColor","chartColor","startDate","endDate","defaultGrid","isDark"],"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, defaultGrid } = useContext(VtxThemeContext);\n    return {\n        theme,\n        isDark: theme === 'dark',\n        chartFontColor,\n        chartColor,\n        startDate,\n        endDate,\n        defaultGrid,\n    };\n};\nexport default useSettings;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAW,GAAS;EACtB,kBAA+E,IAAAC,iBAAU,EAACC,iCAAe,CAAC;IAAlGC,KAAK,eAALA,KAAK;IAAEC,cAAc,eAAdA,cAAc;IAAEC,UAAU,eAAVA,UAAU;IAAEC,SAAS,eAATA,SAAS;IAAEC,OAAO,eAAPA,OAAO;IAAEC,WAAW,eAAXA,WAAW;EAC1E,OAAO;IACHL,KAAK,EAALA,KAAK;IACLM,MAAM,EAAEN,KAAK,KAAK,MAAM;IACxBC,cAAc,EAAdA,cAAc;IACdC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA,SAAS;IACTC,OAAO,EAAPA,OAAO;IACPC,WAAW,EAAXA;EACJ,CAAC;AACL,CAAC;AAAC,eACaR,WAAW;AAAA"}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 内部组件-左侧图标，右侧名称和数值
+ */
+
+var ImageText = function ImageText(props) {
+  var src = props.src,
+    name = props.name,
+    value = props.value,
+    unit = props.unit,
+    specialCase = props.specialCase,
+    _props$color = props.color,
+    color = _props$color === void 0 ? '' : _props$color,
+    style = props.style;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vm-image-text-item",
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: src
+  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vm-image-text-item--name"
+  }, name), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vm-image-text-item--value ".concat(color)
+  }, specialCase ? /*#__PURE__*/_react["default"].createElement("span", null, specialCase) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", null, value || 0), unit))));
+};
+var _default = ImageText;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ImageText","props","src","name","value","unit","specialCase","color","style","React","createElement","className","Fragment"],"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 } = 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)) : (React.createElement(React.Fragment, null,\n                React.createElement(\"span\", null, value || 0),\n                unit))))));\n};\nexport default ImageText;\n"],"mappings":";;;;;;AAGA;AACA;AAAiB;AAJjB;AACA;AACA;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAGC,KAAK,EAAI;EACvB,IAAQC,GAAG,GAAwDD,KAAK,CAAhEC,GAAG;IAAEC,IAAI,GAAkDF,KAAK,CAA3DE,IAAI;IAAEC,KAAK,GAA2CH,KAAK,CAArDG,KAAK;IAAEC,IAAI,GAAqCJ,KAAK,CAA9CI,IAAI;IAAEC,WAAW,GAAwBL,KAAK,CAAxCK,WAAW;IAAA,eAAwBL,KAAK,CAA3BM,KAAK;IAALA,KAAK,6BAAG,EAAE;IAAEC,KAAK,GAAKP,KAAK,CAAfO,KAAK;EAC9D,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE,oBAAoB;IAAEH,KAAK,EAAEA;EAAM,CAAC,eAChFC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAER,GAAG,EAAEA;EAAI,CAAC,CAAC,eACxCO,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE,IAAI,eAC3BD,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAA2B,CAAC,EAAER,IAAI,CAAC,eAC3EM,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,sCAA+BJ,KAAK;EAAG,CAAC,EAAED,WAAW,gBAAIG,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEJ,WAAW,CAAC,gBAAKG,iBAAK,CAACC,aAAa,CAACD,iBAAK,CAACG,QAAQ,EAAE,IAAI,eACtLH,iBAAK,CAACC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAEN,KAAK,IAAI,CAAC,CAAC,EAC7CC,IAAI,CAAE,CAAC,CAAC,CAAC;AACzB,CAAC;AAAC,eACaL,SAAS;AAAA"}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vm-image-text/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vm-image-text/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

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

@@ -0,0 +1,36 @@
+.vm-image-text-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -ms-flex-line-pack: center;
+      align-content: center;
+  margin-right: 80px;
+  font-family: Microsoft YaHei;
+}
+.vm-image-text-item img {
+  width: 46px;
+  height: 46px;
+  margin-right: 18px;
+}
+.vm-image-text-item--name {
+  color: var(--image-text-color);
+  min-width: 40px;
+  white-space: nowrap;
+}
+.vm-image-text-item--value {
+  line-height: 24px;
+  color: var(--image-value-color);
+  font-size: 12px;
+}
+.vm-image-text-item--value.active {
+  color: var(--info-active);
+}
+.vm-image-text-item--value.danger {
+  color: var(--info-danger);
+}
+.vm-image-text-item--value span {
+  font-size: 22px;
+}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-image-text/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

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

@@ -0,0 +1,33 @@
+.vm-image-text {
+    &-item {
+        display: flex;
+        justify-content: start;
+        align-content: center;
+        margin-right: 80px;
+        font-family: Microsoft YaHei;
+        img {
+            width: 46px;
+            height: 46px;
+            margin-right: 18px;
+        }
+        &--name {
+            color: var(--image-text-color);
+            min-width: 40px;
+            white-space: nowrap;
+        }
+        &--value {
+            line-height: 24px;
+            &.active {
+                color: var(--info-active);
+            }
+            &.danger {
+                color: var(--info-danger);
+            }
+            color: var(--image-value-color);
+            font-size: 12px;
+            span {
+                font-size: 22px;
+            }
+        }
+    }
+}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./style");
+var _antd = require("antd");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var ljqxId = '1674661364417085441';
+function InfoCollection(props) {
+  var _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    _props$width = props.width,
+    width = _props$width === void 0 ? '100%' : _props$width,
+    _props$gap = props.gap,
+    gap = _props$gap === void 0 ? 8 : _props$gap,
+    _props$horizontal = props.horizontal,
+    horizontal = _props$horizontal === void 0 ? false : _props$horizontal,
+    _props$ellipsis = props.ellipsis,
+    ellipsis = _props$ellipsis === void 0 ? false : _props$ellipsis,
+    onPositionKey = props.onPositionKey,
+    onPosition = props.onPosition;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: horizontal ? 'info-collection-horizontal' : 'info-collection'
+  }, data.map(function (item) {
+    var style = {};
+    if (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
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "label"
+    }, item.label, "\uFF1A"), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "value ".concat(ellipsis ? 'ellipsis' : ''),
+      style: style,
+      title: "".concat(item.value || ''),
+      onClick: function onClick() {
+        if (onPositionKey && onPosition) {
+          onPosition({
+            id: ljqxId,
+            type: 'facility'
+          });
+        }
+      }
+    }, typeof item.render === 'function' ? item.render() : item.value === 0 ? 0 : /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
+      title: item.value || '--'
+    }, item.value || '--')));
+  }));
+}
+var _default = InfoCollection;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ljqxId","InfoCollection","props","data","width","gap","horizontal","ellipsis","onPositionKey","onPosition","React","createElement","className","map","item","style","color","key","marginRight","marginBottom","label","title","value","onClick","id","type","render","Tooltip"],"sources":["vm-info-collection/index.js"],"sourcesContent":["import React from 'react';\nimport './style';\nimport { Tooltip } from 'antd';\nconst ljqxId = '1674661364417085441';\nfunction InfoCollection(props) {\n    const { data = [], width = '100%', gap = 8, horizontal = false, ellipsis = false, onPositionKey, onPosition, } = props;\n    return (React.createElement(\"div\", { className: horizontal ? 'info-collection-horizontal' : 'info-collection' }, 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 || ''}`, onClick: () => {\n                    if (onPositionKey && onPosition) {\n                        onPosition({\n                            id: ljqxId,\n                            type: 'facility',\n                        });\n                    }\n                } }, typeof item.render === 'function'\n                ? item.render()\n                : item.value === 0\n                    ? 0\n                    : React.createElement(Tooltip, { title: item.value || '--' }, item.value || '--'))));\n    })));\n}\nexport default InfoCollection;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+B;AAC/B,IAAMA,MAAM,GAAG,qBAAqB;AACpC,SAASC,cAAc,CAACC,KAAK,EAAE;EAC3B,kBAAiHA,KAAK,CAA9GC,IAAI;IAAJA,IAAI,4BAAG,EAAE;IAAA,eAAgGD,KAAK,CAAnGE,KAAK;IAALA,KAAK,6BAAG,MAAM;IAAA,aAAgFF,KAAK,CAAnFG,GAAG;IAAHA,GAAG,2BAAG,CAAC;IAAA,oBAAuEH,KAAK,CAA1EI,UAAU;IAAVA,UAAU,kCAAG,KAAK;IAAA,kBAAmDJ,KAAK,CAAtDK,QAAQ;IAARA,QAAQ,gCAAG,KAAK;IAAEC,aAAa,GAAkBN,KAAK,CAApCM,aAAa;IAAEC,UAAU,GAAMP,KAAK,CAArBO,UAAU;EAC3G,oBAAQC,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAEC,SAAS,EAAEN,UAAU,GAAG,4BAA4B,GAAG;EAAkB,CAAC,EAAEH,IAAI,CAACU,GAAG,CAAC,UAAAC,IAAI,EAAI;IAC9H,IAAMC,KAAK,GAAG,CAAC,CAAC;IAChB,IAAID,IAAI,CAACE,KAAK,EACVD,KAAK,CAACC,KAAK,GAAGF,IAAI,CAACE,KAAK;IAC5B,oBAAQN,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE,WAAW;MAAEK,GAAG,EAAEH,IAAI,CAACG,GAAG;MAAEF,KAAK,EAAE;QAAEG,WAAW,EAAEZ,UAAU,GAAG,CAAC,GAAG,EAAE;QAAEa,YAAY,EAAEd,GAAG;QAAED,KAAK,EAALA;MAAM;IAAE,CAAC,eAC/IM,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAQ,CAAC,EAC7CE,IAAI,CAACM,KAAK,EACV,QAAQ,CAAC,eACbV,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;MAAEC,SAAS,kBAAWL,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE;MAAEQ,KAAK,EAAEA,KAAK;MAAEM,KAAK,YAAKP,IAAI,CAACQ,KAAK,IAAI,EAAE,CAAE;MAAEC,OAAO,EAAE,mBAAM;QAClI,IAAIf,aAAa,IAAIC,UAAU,EAAE;UAC7BA,UAAU,CAAC;YACPe,EAAE,EAAExB,MAAM;YACVyB,IAAI,EAAE;UACV,CAAC,CAAC;QACN;MACJ;IAAE,CAAC,EAAE,OAAOX,IAAI,CAACY,MAAM,KAAK,UAAU,GACpCZ,IAAI,CAACY,MAAM,EAAE,GACbZ,IAAI,CAACQ,KAAK,KAAK,CAAC,GACZ,CAAC,gBACDZ,iBAAK,CAACC,aAAa,CAACgB,aAAO,EAAE;MAAEN,KAAK,EAAEP,IAAI,CAACQ,KAAK,IAAI;IAAK,CAAC,EAAER,IAAI,CAACQ,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC;EACnG,CAAC,CAAC,CAAC;AACP;AAAC,eACcrB,cAAc;AAAA"}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vm-info-collection/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":[],"sources":["vm-info-collection/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

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

@@ -0,0 +1,50 @@
+.info-collection {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.info-collection .info-line {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+.info-collection-horizontal {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-flow: wrap;
+      flex-flow: wrap;
+}
+.info-collection-horizontal .info-line {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  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);
+  font-weight: 400;
+  min-width: 98px;
+  text-align: left;
+}
+.info-collection .ellipsis,
+.info-collection-horizontal .ellipsis {
+  min-width: 98px;
+  max-width: 350px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["vm-info-collection/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}

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

@@ -0,0 +1,38 @@
+.info-collection {
+    width: fit-content;
+    .info-line {
+        display: flex;
+    }
+}
+.info-collection-horizontal {
+    display: flex;
+    flex-flow: wrap;
+    .info-line {
+        display: flex;
+        justify-content: start;
+        margin-right: 12px;
+    }
+}
+.info-collection,
+.info-collection-horizontal {
+    font-size: 14px;
+
+    .label {
+        color: var(--label-color);
+        white-space: nowrap;
+    }
+
+    .value {
+        color: var(--info-color);
+        font-weight: 400;
+        min-width: 98px;
+        text-align: left;
+    }
+    .ellipsis {
+        min-width: 98px;
+        max-width: 350px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+}