doway-coms 1.1.52 → 1.1.55

package/packages/BaseInput/index.js

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

package/packages/BaseInput/src/index.vue

@@ -0,0 +1,122 @@
+<template>
+  <div class="d-control-container">
+    <div class="d-control-label">
+      {{ label
+      }}<span v-if="rules && rules['required']" class="d-control-label-required"
+      >*
+      </span>
+    </div>
+    <div class="d-control">
+      <ValidationProvider
+        :name="label"
+        v-slot="v"
+        :rules="rules"
+        v-if="edit === true"
+      >
+        <Input
+          :size="'small'"
+          v-model="currentValue"
+          :placeholder="placeholder"
+          @change="change"
+          @blur="blur"
+          style="width: 100%"
+          :class="{ 'd-error-input': v.errors.length > 0 }"
+        />
+        <div class="d-error-msg">
+          {{ v.errors[0] }}
+        </div>
+      </ValidationProvider>
+      <span v-else>{{ currentValue }}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+
+import { Input } from 'ant-design-vue'
+import { ValidationProvider } from 'vee-validate'
+export default {
+  name: 'BaseInput',
+  components:{
+    Input,
+    ValidationProvider
+  },
+  data() {
+    return {
+      filterValue: '',
+      isInputChanged: false,
+      inputTimeout: null,
+      searchRows: [],
+      filterCols: [],
+      gridLoading: false,
+      gridPagerConfig: {
+        total: 0,
+        currentPage: 1,
+        pageSize: 10
+      }
+    }
+  },
+  computed: {
+    currentValue: {
+      // 动态计算currentValue的值
+      get: function() {
+        return this.value // 将props中的value赋值给currentValue
+      },
+      set: function(val) {
+        this.$emit('input', val) // 通过$emit触发父组件
+      }
+    }
+  },
+  props: {
+    rules: {
+      type: Object,
+      default: function() {
+        return null
+      }
+    },
+    value: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    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 ''
+      }
+    }
+  },
+  created() {},
+  methods: {
+    change() {
+      this.$emit('change')
+    },
+    blur() {
+      this.$emit('blur')
+    }
+  }
+}
+</script>
+
+<style lang="less">
+@import  '../../styles/default.less';
+</style>

package/packages/BaseIntervalInput/index.js

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

package/packages/BaseIntervalInput/src/index.vue

@@ -0,0 +1,275 @@
+<template>
+  <div class="d-control-container">
+    <div class="d-control-label">
+      {{ label
+      }}<span
+        v-if="rules && Object.getOwnPropertyNames(rules).length > 0"
+        class="d-control-label-required"
+      >*</span
+      >
+    </div>
+    <div class="d-control" style="font-size:12px">
+      <ValidationProvider
+        :name="label"
+        v-slot="v"
+        :rules="rules"
+        v-if="edit === true"
+      >
+        <input v-model="currentValue" style="display:none" />
+        <div style="display:flex;flex-flow:row nowrap">
+          <input
+            type="number"
+            v-model="dayValue"
+            @input="dayChange"
+            @focus="dayFocus"
+            class="input-class"
+          />
+          <div style="width:18px;margin-left:2px">
+            <span>天</span>
+          </div>
+          <input
+            type="number"
+            v-model="hourValue"
+            @input="hourChange"
+            @focus="hourFocus"
+            class="input-class"
+          />
+          <div style="width:30px">
+            <span>小时</span>
+          </div>
+          <input
+            @input="minuteChange"
+            v-if="displayType === 'minute' || displayType === 'second'"
+            type="number"
+            v-model="minuteValue"
+            @focus="minuteFocus"
+            class="input-class"
+          />
+          <div
+            v-if="displayType === 'minute' || displayType === 'second'"
+            style="width:30px"
+          >
+            <span>分钟</span>
+          </div>
+          <input
+            @input="secondChange"
+            v-if="displayType === 'second'"
+            type="number"
+            @focus="secondFocus"
+            v-model="secondValue"
+            class="input-class"
+          />
+          <div v-if="displayType === 'second'" style="width:20px">
+            <span>秒</span>
+          </div>
+        </div>
+        <div class="d-error-msg">
+          {{ v.errors[0] }}
+        </div>
+      </ValidationProvider>
+      <span v-else>{{ dayValue }}天{{ hourValue }}小时</span>
+    </div>
+    <div style="display:none">
+      {{ currentValue }}
+    </div>
+  </div>
+</template>
+
+<script>
+import XEUtils from 'xe-utils'
+import moment from 'moment'
+import { ValidationProvider } from 'vee-validate'
+export default {
+  name: 'BaseIntervalInput',
+  components:{
+    ValidationProvider
+  },
+  data() {
+    return {
+      dayValue: 0,
+      hourValue: 0,
+      minuteValue: 0,
+      secondValue: 0,
+      testValue: 0,
+      filterValue: '',
+      isInputChanged: false,
+      inputTimeout: null,
+      searchRows: [],
+      filterCols: [],
+      gridLoading: false,
+      gridPagerConfig: {
+        total: 0,
+        currentPage: 1,
+        pageSize: 10
+      }
+    }
+  },
+  computed: {
+    currentValue: {
+      // 动态计算currentValue的值
+      get: function() {
+        //分钟计算成小时
+        let tempValue = this.value
+        if (this.valueType === 'hour') {
+          tempValue = XEUtils.multiply(tempValue, 3600)
+        } else if (this.valueType === 'minute') {
+          tempValue = XEUtils.multiply(tempValue, 60)
+        }
+        //设置天数
+        this.dayValue = XEUtils.floor(XEUtils.divide(tempValue, 24 * 3600))
+        //天之后的剩余秒数
+        tempValue = XEUtils.subtract(tempValue, this.dayValue * 3600 * 24)
+        if (tempValue >= 0) {
+          //设置小时数
+          this.hourValue = XEUtils.floor(XEUtils.divide(tempValue, 3600))
+          //小时之后的剩余秒数
+          tempValue = XEUtils.subtract(tempValue, this.hourValue * 3600)
+        }
+        if (tempValue >= 0) {
+          //设置分钟
+          this.minuteValue = XEUtils.floor(XEUtils.divide(tempValue, 60))
+          //小时之后的剩余秒数
+          tempValue = XEUtils.subtract(tempValue, this.minuteValue * 60)
+        }
+        if (tempValue >= 0) {
+          //设置秒数
+          this.secondValue = tempValue
+        }
+
+        return this.value // 将props中的value赋值给currentValue
+      },
+      set: function(val) {
+        if (val === '') {
+          val = 0
+        }
+        if (XEUtils.isNumber(val)) {
+          this.$emit('input', XEUtils.toInteger(val))
+        }
+        // 通过$emit触发父组件
+      }
+    }
+  },
+  props: {
+    value: {
+      type: Number,
+      default: function() {
+        return 0
+      }
+    },
+    rules: {
+      type: Object,
+      default: function() {
+        return null
+      }
+    },
+    displayType: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    valueType: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    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 ''
+      }
+    }
+  },
+  created() {},
+  methods: {
+    dayFocus($event) {
+      $event.target.select()
+    },
+    hourFocus($event) {
+      $event.target.select()
+    },
+    minuteFocus($event) {
+      $event.target.select()
+    },
+    secondFocus($event) {
+      $event.target.select()
+    },
+    dayChange() {
+      this.setCurrentValue()
+      this.$emit('change')
+    },
+    hourChange() {
+      this.setCurrentValue()
+      this.$emit('change')
+    },
+    minuteChange() {
+      this.setCurrentValue()
+      this.$emit('change')
+    },
+    secondChange() {
+      this.setCurrentValue()
+      this.$emit('change')
+    },
+    setCurrentValue() {
+      if (this.valueType === 'hour') {
+        this.currentValue =
+          XEUtils.multiply(this.dayValue, 24) +
+          XEUtils.toInteger(this.hourValue)
+      }
+      if (this.valueType === 'minute') {
+        this.currentValue =
+          XEUtils.multiply(this.dayValue, 24 * 60) +
+          XEUtils.multiply(this.hourValue, 60) +
+          XEUtils.toInteger(this.minuteValue)
+      }
+      if (this.valueType === 'second') {
+        this.currentValue =
+          XEUtils.multiply(this.dayValue, 24 * 3600) +
+          XEUtils.multiply(this.hourValue, 3600) +
+          XEUtils.multiply(this.minuteValue, 60) +
+          XEUtils.toInteger(this.secondValue)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.input-class {
+  border-top: none;
+  border-right: none;
+  border-left: none;
+  outline: none;
+  width: 25px;
+}
+input[type="number"] {
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+
+  -moz-appearance: textfield;
+}
+</style>
+<style lang="less">
+@import  '../../styles/default.less';
+</style>

package/packages/BaseNumberInput/index.js

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

package/packages/BaseNumberInput/src/index.vue

@@ -0,0 +1,216 @@
+<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
+        >
+      </div>
+      <div
+        :class="{
+          'd-control': showLabel === true,
+          'd-grid-control': showLabel === false
+        }"
+      >
+        <ValidationProvider
+          :name="label"
+          v-slot="v"
+          :rules="rules"
+          v-if="edit === true"
+        >
+          <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 }"
+          />
+          <div class="d-error-msg">
+            {{ v.errors[0] }}
+          </div>
+        </ValidationProvider>
+        <span v-else>{{ currentValue }}</span>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  import XEUtils from 'xe-utils'
+  import { InputNumber } from 'ant-design-vue'
+  import { ValidationProvider } from 'vee-validate'
+  export default {
+    name: 'BaseNumberInput',
+    components:{
+        InputNumber,
+    ValidationProvider
+  },
+    data() {
+      return {
+        testValue: 0,
+        filterValue: '',
+        isInputChanged: false,
+        inputTimeout: null,
+        searchRows: [],
+        filterCols: [],
+        gridLoading: false,
+        gridPagerConfig: {
+          total: 0,
+          currentPage: 1,
+          pageSize: 10
+        }
+      }
+    },
+    computed: {
+      currentValue: {
+        // 动态计算currentValue的值
+        get: function() {
+          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 ''
+        }
+      }
+    },
+    created() {},
+    methods: {
+      numberChange(value) {
+        this.$emit('change')
+      },
+      blur() {
+        this.$emit('blur')
+      },
+      numberFormatter(value) {
+        return value
+      },
+      numberParse(value) {
+        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
+      }
+    }
+  }
+  </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

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