doway-coms 2.2.21 → 2.2.23

package/packages/BaseNumberInput/src/index.vue

@@ -1,293 +1,291 @@
-<template>
-  <div class="d-control-container">
-    <div
-      class="d-control-label"
-      v-if="showLabel === true"
-      :style="{ width: labelWidth > 0 ? labelWidth + 'px' : 'none' }"
-    >
-      {{ label }}
-      <span
-        v-if="rules && Object.getOwnPropertyNames(rules).length > 0"
-        class="d-control-label-required"
-      >*</span
-      >
-      <Tooltip :title="tooltip" v-if="tooltip" style="margin: 0 2px">
-        <img src="../../styles/icon/help.png" alt="" style="width: 14px">
-      </Tooltip>
-    </div>
-    <div
-      :class="{
-        'd-control': showLabel === true,
-        'd-grid-control': showLabel === false
-      }"
-    >
-      <ValidationProvider
-        :name="label"
-        v-slot="v"
-        :rules="rules"
-        v-if="edit === true"
-      >
-        <span v-if="percent">
-          <InputNumber
-            :size="'small'"
-            v-model="percentValue"
-            @change="numberChange"
-            @blur="blur"
-            :placeholder="placeholder"
-            :formatter="numberFormatter"
-            :parser="numberParse"
-            style="width: 100%"
-            :class="{ 'd-error-input': v.errors.length > 0 }"
-          />
-        </span>
-        <span v-else>
-          <InputNumber
-            :size="'small'"
-            v-model="currentValue"
-            @change="numberChange"
-            @blur="blur"
-            :placeholder="placeholder"
-            :formatter="numberFormatter"
-            :parser="numberParse"
-            style="width: 100%"
-            :class="{ 'd-error-input': v.errors.length > 0 }"
-          />
-        </span>
-        <div class="d-error-msg">
-          {{ v.errors[0] }}
-        </div>
-      </ValidationProvider>
-      <span v-else>
-        <span v-if="percent">{{ getFormatValue(currentValue)}}</span>
-        <span v-else>{{ getFormatValue(currentValue) }}</span>
-      </span>
-    </div>
-  </div>
-</template>
-
-<script>
-import XEUtils from 'xe-utils'
-import { InputNumber } from 'ant-design-vue'
-import { ValidationProvider } from 'vee-validate'
-import { Tooltip } from 'ant-design-vue'
-
-export default {
-  name: 'BaseNumberInput',
-  components:{
-      InputNumber,
-  ValidationProvider,
-    Tooltip,
-
-},
-  data() {
-    return {
-      testValue: 0,
-      filterValue: '',
-      isInputChanged: false,
-      inputTimeout: null,
-      searchRows: [],
-      filterCols: [],
-      gridLoading: false,
-      gridPagerConfig: {
-        total: 0,
-        currentPage: 1,
-        pageSize: 10
-      },
-      percentValue: 0,
-    }
-  },
-  computed: {
-    currentValue: {
-      // 动态计算currentValue的值
-      get: function() {
-        if (this.percent) {
-          this.percentValue = this.value*100
-        }
-        return this.value // 将props中的value赋值给currentValue
-      },
-      set: function(val) {
-        if (val === '') {
-          val = 0
-        }
-        if (XEUtils.isNumber(val)) {
-          this.$emit('input', val)
-        }
-        // 通过$emit触发父组件
-      }
-    }
-  },
-  props: {
-    showLabel: {
-      type: Boolean,
-      default: function() {
-        return true
-      }
-    },
-    labelWidth: {
-      type: Number,
-      default: function() {
-        return 0
-      }
-    },
-    value: {
-      type: Number,
-      default: function() {
-        return 0
-      }
-    },
-    max: {
-      //最大值
-      type: Number,
-      default: function() {
-        return null
-      }
-    },
-    min: {
-      //最小值
-      type: Number,
-      default: function() {
-        return 0
-      }
-    },
-    precision: {
-      //小数位精度
-      type: Number,
-      default: function() {
-        return 0
-      }
-    },
-    rules: {
-      type: Object,
-      default: function() {
-        return null
-      }
-    },
-    edit: {
-      type: Boolean,
-      default: function() {
-        return false
-      }
-    },
-    name: {
-      type: String,
-      default: function() {
-        return ''
-      }
-    },
-    label: {
-      type: String,
-      default: function() {
-        return ''
-      }
-    },
-    placeholder: {
-      type: String,
-      default: function() {
-        return ''
-      }
-    },
-    tooltip: {
-      type: String,
-      default: function() {
-        return ''
-      }
-    },
-    percent: {
-      type: Boolean,
-      default: function() {
-        return false
-      }
-    },
-    doFormat:{
-      type:Boolean,
-      default:function(){
-        return false
-      }
-    }
-  },
-  created() {},
-  methods: {
-    numberChange(value) {
-      if (this.percent) {
-        this.currentValue = value/100
-      }
-      this.$emit('change')
-    },
-    blur() {
-      this.$emit('blur')
-    },
-    numberFormatter(value) {
-      // 百分比格式化
-      if (this.percent) {
-        
-        if(this.precision){
-          return XEUtils.round(value,this.precision) +'%'
-        }else{
-          return value + '%'
-        }
-      }
-      return value
-    },
-    numberParse(value) {
-      // 百分比格式化
-      if (this.percent) {
-        value.replace('%', '')
-      }
-      if (value === null || value === '') {
-        return value
-      }
-      let returnValue = value
-      let tempPrecision = XEUtils.toNumber(this.precision)
-      let reg = new RegExp(
-        '^((-?)|(-?([1-9]{1}\\d*)|-?([0]{1})))(\\.(\\d){0,' +
-          tempPrecision +
-          '})?$'
-      )
-      if (!reg.test(value)) {
-        //小数点验证不通过
-        returnValue = XEUtils.floor(value, tempPrecision)
-      }
-      if (
-        this.max !== null &&
-        this.max !== undefined &&
-        XEUtils.toNumber(returnValue) > this.max
-      ) {
-        returnValue = this.max
-      }
-      if (
-        this.min !== null &&
-        this.min !== undefined &&
-        XEUtils.toNumber(returnValue) < this.min
-      ) {
-        returnValue = this.min
-      }
-      return returnValue
-    },
-    getFormatValue(value){
-      if (this.percent) {
-        if(this.precision){
-          return XEUtils.round(this.percentValue,this.precision) +'%'
-        }else{
-          return this.percentValue + '%'
-        }
-      }
-      console.log('inner',this.doFormat)
-      if(this.doFormat&&this.precision){
-        
-        return XEUtils.round(value,this.precision)
-      }
-      return value
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped></style>
-<style>
-.ant-input-number-handler-wrap {
-  display: none;
-}
-</style>
-<style lang="less">
-@import  '../../styles/default.less';
-</style>
+<template>
+  <div class="d-control-container">
+    <div
+      class="d-control-label"
+      v-if="showLabel === true"
+      :style="{ width: labelWidth > 0 ? labelWidth + 'px' : 'none' }"
+    >
+      {{ label }}
+      <span
+        v-if="rules && Object.getOwnPropertyNames(rules).length > 0"
+        class="d-control-label-required"
+      >*</span>
+      <Tooltip :title="tooltip" v-if="tooltip" style="margin: 0 2px">
+        <img src="../../styles/icon/help.png" alt style="width: 14px" />
+      </Tooltip>
+      <Tooltip :title="warnTooltip" v-else-if="warnTooltip" style="margin: 0 2px">
+        <a-icon type="exclamation-circle" theme="filled" style="width: 14px;color:#FF3333" />
+      </Tooltip>
+    </div>
+    <div
+      :class="{
+        'd-control': showLabel === true,
+        'd-grid-control': showLabel === false
+      }"
+    >
+      <ValidationProvider :name="label" v-slot="v" :rules="rules" v-if="edit === true">
+        <span v-if="percent">
+          <InputNumber
+            :size="'small'"
+            v-model="percentValue"
+            @change="numberChange"
+            @blur="blur"
+            :placeholder="placeholder"
+            :formatter="numberFormatter"
+            :parser="numberParse"
+            style="width: 100%"
+            :class="{ 'd-error-input': v.errors.length > 0 }"
+          />
+        </span>
+        <span v-else>
+          <InputNumber
+            :size="'small'"
+            v-model="currentValue"
+            @change="numberChange"
+            @blur="blur"
+            :placeholder="placeholder"
+            :formatter="numberFormatter"
+            :parser="numberParse"
+            style="width: 100%"
+            :class="{ 'd-error-input': v.errors.length > 0 }"
+          />
+        </span>
+        <div class="d-error-msg">{{ v.errors[0] }}</div>
+      </ValidationProvider>
+      <span v-else>
+        <span v-if="percent">{{ getFormatValue(currentValue)}}</span>
+        <span v-else>{{ getFormatValue(currentValue) }}</span>
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+import XEUtils from "xe-utils";
+import { InputNumber } from "ant-design-vue";
+import { ValidationProvider } from "vee-validate";
+import { Tooltip } from "ant-design-vue";
+
+export default {
+  name: "BaseNumberInput",
+  components: {
+    InputNumber,
+    ValidationProvider,
+    Tooltip
+  },
+  data() {
+    return {
+      testValue: 0,
+      filterValue: "",
+      isInputChanged: false,
+      inputTimeout: null,
+      searchRows: [],
+      filterCols: [],
+      gridLoading: false,
+      gridPagerConfig: {
+        total: 0,
+        currentPage: 1,
+        pageSize: 10
+      },
+      percentValue: 0
+    };
+  },
+  computed: {
+    currentValue: {
+      // 动态计算currentValue的值
+      get: function() {
+        if (this.percent) {
+          this.percentValue = this.value * 100;
+        }
+        return this.value; // 将props中的value赋值给currentValue
+      },
+      set: function(val) {
+        if (val === "") {
+          val = 0;
+        }
+        if (XEUtils.isNumber(val)) {
+          this.$emit("input", val);
+        }
+        // 通过$emit触发父组件
+      }
+    }
+  },
+  props: {
+    showLabel: {
+      type: Boolean,
+      default: function() {
+        return true;
+      }
+    },
+    labelWidth: {
+      type: Number,
+      default: function() {
+        return 0;
+      }
+    },
+    value: {
+      type: Number,
+      default: function() {
+        return 0;
+      }
+    },
+    max: {
+      //最大值
+      type: Number,
+      default: function() {
+        return null;
+      }
+    },
+    min: {
+      //最小值
+      type: Number,
+      default: function() {
+        return 0;
+      }
+    },
+    precision: {
+      //小数位精度
+      type: Number,
+      default: function() {
+        return 0;
+      }
+    },
+    rules: {
+      type: Object,
+      default: function() {
+        return null;
+      }
+    },
+    edit: {
+      type: Boolean,
+      default: function() {
+        return false;
+      }
+    },
+    name: {
+      type: String,
+      default: function() {
+        return "";
+      }
+    },
+    label: {
+      type: String,
+      default: function() {
+        return "";
+      }
+    },
+    placeholder: {
+      type: String,
+      default: function() {
+        return "";
+      }
+    },
+    tooltip: {
+      type: String,
+      default: function() {
+        return "";
+      }
+    },
+    warnTooltip: {
+      type: String,
+      default: function() {
+        return "";
+      }
+    },
+    percent: {
+      type: Boolean,
+      default: function() {
+        return false;
+      }
+    },
+    doFormat: {
+      type: Boolean,
+      default: function() {
+        return false;
+      }
+    }
+  },
+  created() {},
+  methods: {
+    numberChange(value) {
+      if (this.percent) {
+        this.currentValue = value / 100;
+      }
+      this.$emit("change");
+    },
+    blur() {
+      this.$emit("blur");
+    },
+    numberFormatter(value) {
+      // 百分比格式化
+      if (this.percent) {
+        if (this.precision) {
+          return XEUtils.round(value, this.precision) + "%";
+        } else {
+          return value + "%";
+        }
+      }
+      return value;
+    },
+    numberParse(value) {
+      // 百分比格式化
+      if (this.percent) {
+        value.replace("%", "");
+      }
+      if (value === null || value === "") {
+        return value;
+      }
+      let returnValue = value;
+      let tempPrecision = XEUtils.toNumber(this.precision);
+      let reg = new RegExp(
+        "^((-?)|(-?([1-9]{1}\\d*)|-?([0]{1})))(\\.(\\d){0," +
+          tempPrecision +
+          "})?$"
+      );
+      if (!reg.test(value)) {
+        //小数点验证不通过
+        returnValue = XEUtils.floor(value, tempPrecision);
+      }
+      if (
+        this.max !== null &&
+        this.max !== undefined &&
+        XEUtils.toNumber(returnValue) > this.max
+      ) {
+        returnValue = this.max;
+      }
+      if (
+        this.min !== null &&
+        this.min !== undefined &&
+        XEUtils.toNumber(returnValue) < this.min
+      ) {
+        returnValue = this.min;
+      }
+      return returnValue;
+    },
+    getFormatValue(value) {
+      if (this.percent) {
+        if (this.precision) {
+          return XEUtils.round(this.percentValue, this.precision) + "%";
+        } else {
+          return this.percentValue + "%";
+        }
+      }
+      console.log("inner", this.doFormat);
+      if (this.doFormat && this.precision) {
+        return XEUtils.round(value, this.precision);
+      }
+      return value;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>
+<style>
+.ant-input-number-handler-wrap {
+  display: none;
+}
+</style>
+<style lang="less">
+@import "../../styles/default.less";
+</style>

package/packages/BasePagination/index.js

@@ -1,8 +1,8 @@
-// 导入组件，组件必须声明 name
-import BasePagination from './src/index.vue';
-// 为组件提供 install 安装方法，供按需引入
-BasePagination.install = function(Vue) {
-    Vue.component(BasePagination.name, BasePagination);
-};
-// 默认导出组件
+// 导入组件，组件必须声明 name
+import BasePagination from './src/index.vue';
+// 为组件提供 install 安装方法，供按需引入
+BasePagination.install = function(Vue) {
+    Vue.component(BasePagination.name, BasePagination);
+};
+// 默认导出组件
 export default BasePagination;