bri-components 1.5.22 → 1.6.0

package/src/components/controls/mixins/numberMixin.js

@@ -1,112 +1,112 @@
-import controlMixin from "./controlMixin.js";
-
-export default {
-    mixins: [
-        controlMixin
-    ],
-    components: {},
-    props: {},
-    data () {
-        return {};
-    },
-    computed: {
-        selfPropsObj () {
-            return {
-                _numberFormat: "normal", // 子类型 "normal", "percent"
-
-                _unit: "", // 常规-单位
-                _separator: true, // 常规-千位分隔符
-                _showProgress: false, // 百分比-进度条展示(列表)
-                _strokeWidth: 12, // 百分比-进度条宽（高）
-                _overflowColor: "#19be6b", // 百分比-进度条超100%颜色
-                _compeleteColor: "#19be6b", // 百分比-进度条100%颜色
-                _lessColor: "#108ee9", // 百分比-进度条低于100%颜色
-
-                _round: "decimal", // 取值方式 "decimal", "round", "normal"
-                _digit: "2", // 保留小数位数 "1", "2", "3", "4"
-                _min: null, // 最小值
-                _max: null, // 最大值
-
-                ...this.propsObj,
-                ...this.commonDealPropsObj
-            };
-        },
-        subType () {
-            return this.selfPropsObj._numberFormat;
-        },
-        step () {
-            return this.selfPropsObj._step;
-        },
-
-        unit () {
-            return this.selfPropsObj._unit;
-        },
-        unitStr () {
-            return this.subType === "percent"
-                ? "%"
-                : this.unit
-                    ? `${this.unit}`
-                    : "";
-        },
-        separator () {
-            return this.selfPropsObj._separator;
-        },
-        formatterFunc () {
-            return this.separator
-                ? this.$numToSeparator
-                : value => `${value}`;
-        },
-
-        showProgress () {
-            return this.selfPropsObj._showProgress;
-        },
-        // 进度条方式使用(此处先这样，实际是进度条使用要受0-100的数值范围限制)
-        strokeWidth () {
-            return this.selfPropsObj._strokeWidth;
-        },
-        statusColor () {
-            return this.curVal > 100
-                ? this.selfPropsObj._overflowColor
-                : this.curVal === 100
-                    ? this.selfPropsObj._compeleteColor
-                    : this.selfPropsObj._lessColor;
-        },
-
-        round () {
-            return this.selfPropsObj._round;
-        },
-        digit () {
-            return this.round === "round"
-                ? 0
-                : this.round === "decimal"
-                    ? Number(this.selfPropsObj._digit || 2)
-                    : undefined;
-        },
-        maxNum () {
-            return this.selfPropsObj._max || this.selfPropsObj._max === 0
-                ? this.selfPropsObj._max
-                : Infinity;
-        },
-        minNum () {
-            return this.selfPropsObj._min || this.selfPropsObj._min === 0
-                ? this.selfPropsObj._min
-                : -Infinity;
-        },
-
-        progressNum () {
-            return this.$isEmptyData(this.curVal) || this.curVal < 0
-                ? 0
-                : Math.round((this.curVal > 100 ? 100 : this.curVal) * 100) / 100;
-        },
-        progressStr () {
-            return this.$numToStrAndUnit(this.$isEmptyData(this.curVal) ? 0 : this.curVal, this.selfPropsObj);
-        },
-        showVal () {
-            return this.$isEmptyData(this.curVal)
-                ? this.emptyShowVal
-                : this.$numToStrAndUnit(this.curVal, this.selfPropsObj);
-        }
-    },
-    created () { },
-    methods: {}
-};
+import controlMixin from "./controlMixin.js";
+
+export default {
+    mixins: [
+        controlMixin
+    ],
+    components: {},
+    props: {},
+    data () {
+        return {};
+    },
+    computed: {
+        selfPropsObj () {
+            return {
+                _numberFormat: "normal", // 子类型 "normal", "percent"
+
+                _round: "decimal", // 取值方式 "decimal", "round", "normal"
+                _digit: "2", // 保留小数位数 "1", "2", "3", "4"
+                _unit: "", // 常规-单位
+                _separator: true, // 常规-千位分隔符
+                _showProgress: false, // 百分比-进度条展示(列表)
+                _strokeWidth: 12, // 百分比-进度条宽（高）
+                _overflowColor: "#19be6b", // 百分比-进度条超100%颜色
+                _compeleteColor: "#19be6b", // 百分比-进度条100%颜色
+                _lessColor: "#108ee9", // 百分比-进度条低于100%颜色
+
+                _min: null, // 最小值
+                _max: null, // 最大值
+
+                ...this.propsObj,
+                ...this.commonDealPropsObj
+            };
+        },
+        subType () {
+            return this.selfPropsObj._numberFormat;
+        },
+        step () {
+            return this.selfPropsObj._step;
+        },
+
+        unit () {
+            return this.selfPropsObj._unit;
+        },
+        unitStr () {
+            return this.subType === "percent"
+                ? "%"
+                : this.unit
+                    ? `${this.unit}`
+                    : "";
+        },
+        separator () {
+            return this.selfPropsObj._separator;
+        },
+        formatterFunc () {
+            return this.separator
+                ? this.$numToSeparator
+                : value => `${value}`;
+        },
+
+        showProgress () {
+            return this.selfPropsObj._showProgress;
+        },
+        // 进度条方式使用(此处先这样，实际是进度条使用要受0-100的数值范围限制)
+        strokeWidth () {
+            return this.selfPropsObj._strokeWidth;
+        },
+        statusColor () {
+            return this.curVal > 100
+                ? this.selfPropsObj._overflowColor
+                : this.curVal === 100
+                    ? this.selfPropsObj._compeleteColor
+                    : this.selfPropsObj._lessColor;
+        },
+
+        round () {
+            return this.selfPropsObj._round;
+        },
+        digit () {
+            return this.round === "round"
+                ? 0
+                : this.round === "decimal"
+                    ? Number(this.selfPropsObj._digit || 2)
+                    : undefined;
+        },
+        maxNum () {
+            return this.selfPropsObj._max || this.selfPropsObj._max === 0
+                ? this.selfPropsObj._max
+                : Infinity;
+        },
+        minNum () {
+            return this.selfPropsObj._min || this.selfPropsObj._min === 0
+                ? this.selfPropsObj._min
+                : -Infinity;
+        },
+
+        progressNum () {
+            return this.$isEmptyData(this.curVal) || this.curVal < 0
+                ? 0
+                : Math.round((this.curVal > 100 ? 100 : this.curVal) * 100) / 100;
+        },
+        progressStr () {
+            return this.$numToStrAndUnit(this.$isEmptyData(this.curVal) ? 0 : this.curVal, this.selfPropsObj);
+        },
+        showVal () {
+            return this.$isEmptyData(this.curVal)
+                ? this.emptyShowVal
+                : this.$numToStrAndUnit(this.curVal, this.selfPropsObj);
+        }
+    },
+    created () { },
+    methods: {}
+};