@vtx/modals2 5.0.58 → 6.0.0-beta.0

package/lib/vtx-jzlj-df-tpd-modal/components/Dispose/index.js

@@ -18,7 +18,7 @@ import { useAntdTable, useSetState } from 'ahooks';
 import { Button } from 'antd';
 import React from 'react';
 import { JzljDfTpdContext } from "../..";
-import { VmFactorList, VmFilter, VmTable, VmTag, VmWrapper } from "../../../_components";
+import { VmFilter, VmTable, VmTag, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { disposeApis, fetchJzljEnum, getByParamTypeCode, overviewApis, useCzzFields, useUnit } from "../../api";
 import FlowMap from "./FlowMap";
@@ -29,6 +29,8 @@ import dispose_syl_dark from "../../imgs/dispose_syl_dark.png";
 import dispose_syl_light from "../../imgs/dispose_syl_light.png";
 import dispose_zyyl_dark from "../../imgs/dispose_zyyl_dark.png";
 import dispose_zyyl_light from "../../imgs/dispose_zyyl_light.png";
+import FactorList, { EllipsisFactorName } from "../FactorList";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function Dispose() {
   var _React$useContext = React.useContext(JzljDfTpdContext),
@@ -85,23 +87,23 @@ export default function Dispose() {
       ellipsis: true,
       align: item.dataShowKey === 'transportWeight' ? 'right' : 'left'
     }];
-  }) : [['运输单位', 'transportUnitName', {
+  }) : [[translateLocaleText("t('vtxjzljdftpdmodal.unit')"), 'transportUnitName', {
     width: 160,
     ellipsis: true
-  }], ['运输起点', 'startingPointName', {
+  }], [translateLocaleText("t('vtxjzljdftpdmodal.startPoint')"), 'startingPointName', {
     width: 160,
     ellipsis: true
-  }], ['运输垃圾类型', 'garbageTypeName', {
+  }], [translateLocaleText("t('vtxjzljdftpdmodal.garbageType')"), 'garbageTypeName', {
     width: 100
-  }], ["\u8FD0\u8F93\u91CF(".concat(unitStr, ")"), 'transportWeight', {
+  }], ["".concat(translateLocaleText("t('vtxjzljdftpdmodal.transportWeight')"), "(").concat(unitStr, ")"), 'transportWeight', {
     width: 80,
     align: 'right'
-  }], ['申报有效期', 'effectiveDate', {
+  }], [translateLocaleText("t('vtxjzljdftpdmodal.effectiveDate')"), 'effectiveDate', {
     width: 150
-  }], ['运输车辆(辆)', 'effectiveCarCount', {
+  }], [translateLocaleText("t('vtxjzljdftpdmodal.transportVehicles')"), 'effectiveCarCount', {
     width: 100,
     align: 'right'
-  }], ['生效状态', 'effectiveStatusName', {
+  }], [translateLocaleText("t('vtxjzljdftpdmodal.status')"), 'effectiveStatusName', {
     width: 100,
     render: function render(text, record) {
       var colorMap = {
@@ -116,18 +118,18 @@ export default function Dispose() {
         type: color
       });
     }
-  }]]), [['操作', 'action', {
+  }]]), [[translateLocaleText("t('common.action')"), 'action', {
     width: 60,
     render: function render(_, record) {
       return /*#__PURE__*/_jsx("a", {
         onClick: function onClick() {
           setIframeModalInfo({
             visible: true,
-            title: '处置证信息',
+            title: translateLocaleText("t('vtxjzljdftpdmodal.disposalCertificateInfo')"),
             src: "/jzlj/#/disposalApprovalFill?id=".concat(record.id, "&effectiveStatusCode=").concat(record.effectiveStatusCode)
           });
         },
-        children: "\u67E5\u770B"
+        children: translateLocaleText("t('vtxjzljdftpdmodal.view')")
       });
     }
   }]]).map(function (item) {
@@ -200,8 +202,10 @@ export default function Dispose() {
   var _ctlData$totalWeight = ctlData.totalWeight,
     totalWeight = _ctlData$totalWeight === void 0 ? 0 : _ctlData$totalWeight;
   var totalList = [{
-    name: '处置证数量',
-    unit: '张',
+    name: /*#__PURE__*/_jsx(EllipsisFactorName, {
+      text: translateLocaleText("t('vtxjzljdftpdmodal.quantity')")
+    }),
+    unit: translateLocaleText("t('vtxjzljdftpdmodal.sheetUnit')"),
     value: totalCzzCount,
     unitStyle: {
       fontSize: 14
@@ -214,7 +218,9 @@ export default function Dispose() {
     img: isDark ? dispose_czz_dark : dispose_czz_light,
     fontType: 'blue'
   }, {
-    name: '总已运量',
+    name: /*#__PURE__*/_jsx(EllipsisFactorName, {
+      text: translateLocaleText("t('vtxjzljdftpdmodal.totalTransportedAmount')")
+    }),
     unit: unitStr,
     value: yysWeight,
     unitStyle: {
@@ -228,7 +234,9 @@ export default function Dispose() {
     img: isDark ? dispose_zyyl_dark : dispose_zyyl_light,
     fontType: 'purple'
   }, {
-    name: '剩余量',
+    name: /*#__PURE__*/_jsx(EllipsisFactorName, {
+      text: translateLocaleText("t('vtxjzljdftpdmodal.remainingAmount')")
+    }),
     unit: unitStr,
     value: syWeight,
     unitStyle: {
@@ -243,7 +251,7 @@ export default function Dispose() {
     fontType: 'yellow'
   }];
   var searchList = [{
-    title: '运输单位',
+    title: translateLocaleText("t('vtxjzljdftpdmodal.unit')"),
     weight: 1,
     dom: /*#__PURE__*/_jsx(VmFilter.VMInput, {
       style: {
@@ -257,7 +265,7 @@ export default function Dispose() {
       }
     })
   }, {
-    title: '运输起点',
+    title: translateLocaleText("t('vtxjzljdftpdmodal.startPoint')"),
     weight: 1,
     dom: /*#__PURE__*/_jsx(VmFilter.VMInput, {
       style: {
@@ -271,7 +279,7 @@ export default function Dispose() {
       }
     })
   }, {
-    title: '生效状态',
+    title: translateLocaleText("t('vtxjzljdftpdmodal.status')"),
     weight: 1,
     dom: /*#__PURE__*/_jsx(VmFilter.VMSelect, {
       options: effectiveStatusList.map(function (item) {
@@ -283,7 +291,7 @@ export default function Dispose() {
       style: {
         width: 120
       },
-      placeholder: "\u8BF7\u9009\u62E9",
+      placeholder: translateLocaleText("t('common.placeholder.select')"),
       value: effectiveStatusCode,
       allowClear: true,
       onChange: function onChange(val) {
@@ -293,7 +301,7 @@ export default function Dispose() {
       }
     })
   }, {
-    title: '运输垃圾类型',
+    title: translateLocaleText("t('vtxjzljysqymodal.type')"),
     weight: 1,
     dom: /*#__PURE__*/_jsx(VmFilter.VMSelect, {
       options: garbageTypeList.map(function (item) {
@@ -305,7 +313,7 @@ export default function Dispose() {
       style: {
         width: 120
       },
-      placeholder: "\u8BF7\u9009\u62E9",
+      placeholder: translateLocaleText("t('common.placeholder.select')"),
       value: garbageTypeCode,
       onChange: function onChange(val) {
         setState({
@@ -351,7 +359,7 @@ export default function Dispose() {
             contentStyle: {
               padding: 0
             },
-            children: /*#__PURE__*/_jsx(VmFactorList, {
+            children: /*#__PURE__*/_jsx(FactorList, {
               list: totalList,
               style: {
                 background: 'unset',
@@ -388,10 +396,10 @@ export default function Dispose() {
                 children: [/*#__PURE__*/_jsx(Button, {
                   type: "primary",
                   onClick: submit,
-                  children: "\u67E5\u8BE2"
+                  children: translateLocaleText("t('_components.search')")
                 }), /*#__PURE__*/_jsx(Button, {
                   onClick: myReset,
-                  children: "\u91CD\u7F6E"
+                  children: translateLocaleText("t('vtxjzljdftpdmodal.reset')")
                 })]
               })]
             })

package/lib/vtx-jzlj-df-tpd-modal/components/FactorList.js

@@ -0,0 +1,38 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import classNames from 'classnames';
+import useSettings from "../../_hooks/useSettings";
+import VmFactor from "../../_components/vm-factor";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+export function EllipsisFactorName(_ref) {
+  var text = _ref.text;
+  return /*#__PURE__*/_jsx("div", {
+    title: text,
+    className: "jzlj-df-tpd-factor-name",
+    children: text
+  });
+}
+export default function FactorList(_ref2) {
+  var _ref2$list = _ref2.list,
+    list = _ref2$list === void 0 ? [] : _ref2$list,
+    _ref2$style = _ref2.style,
+    style = _ref2$style === void 0 ? {} : _ref2$style;
+  var _useSettings = useSettings(),
+    isDark = _useSettings.isDark;
+  return /*#__PURE__*/_jsx("div", {
+    className: classNames('vm-factor-list-wrap', {
+      dark: isDark
+    }),
+    style: style,
+    children: list.map(function (item, index) {
+      return /*#__PURE__*/_createElement(VmFactor, _objectSpread(_objectSpread({}, item), {}, {
+        key: item.key || index
+      }));
+    })
+  });
+}

package/lib/vtx-jzlj-df-tpd-modal/components/Overview/CTL.js

@@ -10,6 +10,7 @@ import { VmEmpty, VmPieCharts, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { overviewApis } from "../../api";
 import "./index.less";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function CZZ(_ref) {
   var unitStr = _ref.unitStr;
@@ -35,11 +36,11 @@ export default function CZZ(_ref) {
   return /*#__PURE__*/_jsx("div", {
     className: "df-tpd-overview-right-top-right ".concat(theme),
     children: /*#__PURE__*/_jsx(VmWrapper, {
-      title: "\u63A5\u6536\u91CF\u4FE1\u606F",
+      title: translateLocaleText("t('vtxjzljdftpdmodal.receivedAmountInfo')"),
       children: (dataList === null || dataList === void 0 ? void 0 : dataList.length) > 0 ? /*#__PURE__*/_jsx(VmPieCharts, {
         dataList: dataList,
-        name: "\u4ECA\u65E5\u63A5\u6536\u91CF",
-        title: "\u4ECA\u65E5\u63A5\u6536\u603B\u91CF",
+        name: translateLocaleText("t('vtxjzljdftpdmodal.todayReceivedAmount')"),
+        title: translateLocaleText("t('vtxjzljdftpdmodal.todayTotalAmount')"),
         subTitle: "(".concat(unitStr, ")"),
         total: totalWeight,
         loading: loading,

package/lib/vtx-jzlj-df-tpd-modal/components/Overview/CTYL.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { JzljDfTpdContext } from "../..";
-import { VmBarCharts, VmEmpty, VmFactorList, VmWrapper } from "../../../_components";
+import { VmBarCharts, VmEmpty, VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { overviewApis } from "../../api";
 import "./index.less";
@@ -8,6 +8,8 @@ import overview_ctyl_pjrcc_dark from "../../imgs/overview_ctyl_pjrcc_dark.png";
 import overview_ctyl_pjrcc_light from "../../imgs/overview_ctyl_pjrcc_light.png";
 import overview_ctyl_pjryl_dark from "../../imgs/overview_ctyl_pjryl_dark.png";
 import overview_ctyl_pjryl_light from "../../imgs/overview_ctyl_pjryl_light.png";
+import FactorList, { EllipsisFactorName } from "../FactorList";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function CZZ(_ref) {
   var unitStr = _ref.unitStr;
@@ -26,7 +28,9 @@ export default function CZZ(_ref) {
     _data$histogramList = data.histogramList,
     histogramList = _data$histogramList === void 0 ? [] : _data$histogramList;
   var dataList_top = [{
-    name: '平均日运量',
+    name: /*#__PURE__*/_jsx(EllipsisFactorName, {
+      text: translateLocaleText("t('vtxjzljdftpdmodal.day')")
+    }),
     unit: unitStr,
     value: avgDayWeight,
     img: isDark ? overview_ctyl_pjryl_dark : overview_ctyl_pjryl_light,
@@ -39,8 +43,10 @@ export default function CZZ(_ref) {
       justifyContent: 'center'
     }
   }, {
-    name: '平均日车次',
-    unit: '次',
+    name: /*#__PURE__*/_jsx(EllipsisFactorName, {
+      text: translateLocaleText("t('vtxjzljdftpdmodal.dayTimes')")
+    }),
+    unit: translateLocaleText("t('common.timesUnit')"),
     value: avgDayCount,
     img: isDark ? overview_ctyl_pjrcc_dark : overview_ctyl_pjrcc_light,
     fontType: 'blue',
@@ -53,8 +59,8 @@ export default function CZZ(_ref) {
     }
   }];
   return /*#__PURE__*/_jsxs(VmWrapper, {
-    title: "7\u65E5\u5185\u8FDB\u571F\u8FD0\u91CF\u4FE1\u606F",
-    children: [/*#__PURE__*/_jsx(VmFactorList, {
+    title: translateLocaleText("t('vtxjzljdftpdmodal.7Day')"),
+    children: [/*#__PURE__*/_jsx(FactorList, {
       list: dataList_top,
       style: {
         background: 'unset'
@@ -65,7 +71,7 @@ export default function CZZ(_ref) {
       },
       children: histogramList !== null && histogramList !== void 0 && histogramList.length ? /*#__PURE__*/_jsx(VmBarCharts, {
         dataList: [{
-          name: '运量',
+          name: translateLocaleText("t('vtxjzljdftpdmodal.transportAmount')"),
           data: histogramList.map(function (item) {
             return "\u2000".concat(item.weight);
           }),
@@ -77,15 +83,15 @@ export default function CZZ(_ref) {
         }),
         yAxisList: [{
           key: "\u2001",
-          unit: '次',
-          name: '(次)'
+          unit: translateLocaleText("t('common.timesUnit')"),
+          name: translateLocaleText("t('vtxccunitmodal.times2')")
         }, {
           key: "\u2000",
           unit: unitStr,
           name: "(".concat(unitStr, ")")
         }],
         lineList: [{
-          name: '车次',
+          name: translateLocaleText("t('vtxjzljdftpdmodal.times')"),
           data: histogramList.map(function (item) {
             return "\u2001".concat(item.count);
           }),

package/lib/vtx-jzlj-df-tpd-modal/components/Overview/CZZ.js

@@ -1,11 +1,13 @@
 import React from 'react';
 import { JzljDfTpdContext } from "../..";
-import { VmFactorList, VmWrapper } from "../../../_components";
+import { VmWrapper } from "../../../_components";
 import useSettings from "../../../_hooks/useSettings";
 import { overviewApis } from "../../api";
 import "./index.less";
 import overview_czz_zl_dark from "../../imgs/overview_czz_zl_dark.png";
 import overview_czz_zs_light from "../../imgs/overview_czz_zs_light.png";
+import FactorList, { EllipsisFactorName } from "../FactorList";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function CZZ(_ref) {
   var unitStr = _ref.unitStr;
@@ -27,8 +29,10 @@ export default function CZZ(_ref) {
     _data$syWeight = data.syWeight,
     syWeight = _data$syWeight === void 0 ? 0 : _data$syWeight;
   var dataList_top = [{
-    name: '生效中处置证数量',
-    unit: '张',
+    name: /*#__PURE__*/_jsx(EllipsisFactorName, {
+      text: translateLocaleText("t('vtxjzljdftpdmodal.quantity2')")
+    }),
+    unit: translateLocaleText("t('vtxjzljdftpdmodal.sheetUnit')"),
     value: totalCzzCount,
     img: isDark ? overview_czz_zl_dark : overview_czz_zs_light,
     fontType: 'blue',
@@ -37,7 +41,9 @@ export default function CZZ(_ref) {
     }
   }];
   var dataList_yssy = [{
-    name: '已运量',
+    name: /*#__PURE__*/_jsx(EllipsisFactorName, {
+      text: translateLocaleText("t('vtxjzljdftpdmodal.transportedAmount')")
+    }),
     unit: unitStr,
     value: yysWeight,
     unitStyle: {
@@ -49,7 +55,9 @@ export default function CZZ(_ref) {
       textAlign: 'center'
     }
   }, {
-    name: '剩余量',
+    name: /*#__PURE__*/_jsx(EllipsisFactorName, {
+      text: translateLocaleText("t('vtxjzljdftpdmodal.remainingAmount')")
+    }),
     unit: unitStr,
     value: syWeight,
     unitStyle: {
@@ -64,18 +72,18 @@ export default function CZZ(_ref) {
   return /*#__PURE__*/_jsx("div", {
     className: "df-tpd-overview-right-top-left ".concat(theme),
     children: /*#__PURE__*/_jsx(VmWrapper, {
-      title: "\u5904\u7F6E\u8BC1\u4FE1\u606F",
+      title: translateLocaleText("t('vtxjzljdftpdmodal.disposalCertificateInfo')"),
       children: /*#__PURE__*/_jsxs("div", {
         className: "df-tpd-overview-right-top-left-czz",
         children: [/*#__PURE__*/_jsx("div", {
           className: "df-tpd-overview-right-top-left-czz-top",
-          children: /*#__PURE__*/_jsx(VmFactorList, {
+          children: /*#__PURE__*/_jsx(FactorList, {
             list: dataList_top,
             style: {
               justifyContent: 'center'
             }
           })
-        }), /*#__PURE__*/_jsx(VmFactorList, {
+        }), /*#__PURE__*/_jsx(FactorList, {
           list: dataList_yssy,
           style: {
             background: 'unset'

package/lib/vtx-jzlj-df-tpd-modal/components/Overview/index.js

@@ -12,6 +12,7 @@ import CTL from "./CTL";
 import CTYL from "./CTYL";
 import CZZ from "./CZZ";
 import "./index.less";
+import { translateLocaleText } from "./../../../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Overview() {
   var _React$useContext = React.useContext(JzljDfTpdContext),
@@ -27,13 +28,13 @@ export default function Overview() {
   var _overviewApis$useJcss = overviewApis.useJcssBubble(id),
     jcssBubbleData = _overviewApis$useJcss.jcssBubbleData;
   var infoData = [{
-    label: '名称',
+    label: translateLocaleText("t('vtxkhmodal.name')"),
     value: name
   }, {
-    label: '类别',
+    label: translateLocaleText("t('vtxjzljdftpdmodal.category')"),
     value: facilityClassName
   }, {
-    label: '地址',
+    label: translateLocaleText("t('vtxccunitmodal.address')"),
     value: address
   }];
   for (var key in jcssBubbleData === null || jcssBubbleData === void 0 ? void 0 : jcssBubbleData.otherWeight) {
@@ -71,7 +72,7 @@ export default function Overview() {
     children: [/*#__PURE__*/_jsx("div", {
       className: "df-tpd-overview-left",
       children: /*#__PURE__*/_jsxs(VmWrapper, {
-        title: "\u57FA\u672C\u4FE1\u606F",
+        title: translateLocaleText("t('vtxdefaultmodal.basicInformation')"),
         children: [/*#__PURE__*/_jsx(VmInfoCollection, {
           width: '100%',
           data: infoData

package/lib/vtx-jzlj-df-tpd-modal/index.js

@@ -18,6 +18,7 @@ import useGetConfig from "../_hooks/useGetConfig";
 import VtxBaseModal from "../vtx-base-modal";
 import { overviewApis } from "./api";
 import { Base, Collection, Dispose, Overview } from "./components";
+import { translateLocaleText } from "./../hooks/useTranslation.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export var JzljDfTpdContext = /*#__PURE__*/React.createContext({
   id: ''
@@ -55,19 +56,19 @@ export default function VtxJzljDfTpdModal(props) {
   };
   var tabs_init = [{
     key: 'jzlj-df-tpd-base',
-    title: '总览信息',
+    title: translateLocaleText("t('vtxdefaultmodal.overviewInformation')"),
     dom: /*#__PURE__*/_jsx(Overview, {})
   }, {
     key: 'jzlj-df-tpd-jbxx',
-    title: '基本信息',
+    title: translateLocaleText("t('vtxdefaultmodal.basicInformation')"),
     dom: /*#__PURE__*/_jsx(Base, {})
   }, {
     key: 'jzlj-df-tpd-dispose',
-    title: '处置证信息',
+    title: translateLocaleText("t('vtxjzljdftpdmodal.disposalCertificateInfo')"),
     dom: /*#__PURE__*/_jsx(Dispose, {})
   }, {
     key: 'jzlj-df-tpd-collection',
-    title: '联单信息',
+    title: translateLocaleText("t('vtxjzljdftpdmodal.jointOrderInfo')"),
     dom: /*#__PURE__*/_jsx(Collection, {})
   }];
   var tabs = tabs_init.map(function (ele) {
@@ -78,7 +79,9 @@ export default function VtxJzljDfTpdModal(props) {
   });
   var contents = {};
   tabs_init.forEach(function (ele) {
-    contents[ele.key] = (ele === null || ele === void 0 ? void 0 : ele.dom) || '';
+    var content = (ele === null || ele === void 0 ? void 0 : ele.dom) || '';
+    contents[ele.key] = content;
+    contents[ele.key.replace('jzlj-df-tpd-', '')] = content;
   });
   var _useGetConfig = useGetConfig('jzlj-df-tpd', tabs),
     tabsData = _useGetConfig.tabsData;

package/lib/vtx-jzlj-df-tpd-modal/style/index.less

@@ -1 +1,23 @@
 @import '../../style/index';
+
+
+.jzlj-df-tpd-factor-name {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.df-tpd-overview,
+.dispose,
+.collection {
+  .vm-factor-lg,
+  .vm-factor-sm {
+    min-width: 0;
+
+    > div:last-child {
+      min-width: 0;
+    }
+  }
+}