doway-coms 1.1.52 → 1.1.55

package/packages/BaseSelect/index.js

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

package/packages/BaseSelect/src/index.vue

@@ -0,0 +1,141 @@
+<template>
+    <div class="d-control-container">
+      <div
+        class="d-control-label"
+        :style="{ width: labelWidth > 0 ? labelWidth + 'px' : 'none' }"
+      >
+        {{ 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"
+        >
+          <Select
+            v-model="currentValue"
+            :placeholder="placeholder"
+            :size="'small'"
+            @change="selectChange"
+            style="width: 100%"
+            :class="{ 'd-error-input': v.errors.length > 0 }"
+          >
+            <SelectOption
+              v-for="loopSource in dataSource"
+              :key="loopSource.value"
+              :value="loopSource.value"
+            >{{ loopSource.caption }}</SelectOption
+            >
+      </Select>
+          <div class="d-error-msg">
+            {{ v.errors[0] }}
+          </div>
+        </ValidationProvider>
+        <span v-else>{{ currentValue | displaySelectCaption(dataSource) }}</span>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+      import { Select } from 'ant-design-vue'
+  import { ValidationProvider } from 'vee-validate'
+  import { displaySelectCaption } from  '../../utils/filters'
+  export default {
+    filters:{
+        displaySelectCaption:displaySelectCaption
+    },
+    name: 'BaseSelect',
+    components:{
+        Select,
+        SelectOption:Select.Option,
+    ValidationProvider
+  },
+    data() {
+      return {
+        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: {
+      labelWidth: {
+        type: Number,
+        default: function() {
+          return 0
+        }
+      },
+      rules: {
+        type: Object,
+        default: function() {
+          return null
+        }
+      },
+      value: {
+        type: String,
+        default: function() {
+          return ''
+        }
+      },
+      dataSource: {
+        type: Array,
+        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: {
+      selectChange() {
+        this.$emit('change', null)
+      }
+    }
+  }
+  </script>
+  
+  <style lang="scss" scoped></style>
+  <style lang="less">
+@import  '../../styles/default.less';
+</style>

package/packages/BaseSelectMulti/index.js

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

package/packages/BaseSelectMulti/src/index.vue

@@ -0,0 +1,135 @@
+<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"
+      >
+        <Select
+          v-model="currentValue"
+          :placeholder="placeholder"
+          mode="multiple"
+          :size="'small'"
+          @change="selectChange"
+          style="width: 100%"
+          :class="{ 'd-error-input': v.errors.length > 0 }"
+        >
+          <SelectOption
+            v-for="loopSource in dataSource"
+            :key="loopSource.value"
+            :value="loopSource.value"
+          >{{ loopSource.caption }}</SelectOption
+          >
+        </Select>
+        <div class="d-error-msg">
+          {{ v.errors[0] }}
+        </div>
+      </ValidationProvider>
+      <span v-else>{{
+        currentValue | displaySelectMultiCaption(dataSource)
+      }}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+     import { Select } from 'ant-design-vue'
+  import { ValidationProvider } from 'vee-validate'
+  import { displaySelectMultiCaption } from  '../../utils/filters'
+export default {
+  name: 'BaseSelectMulti',
+  filters:{
+    displaySelectMultiCaption:displaySelectMultiCaption
+  },
+  components:{
+      Select,
+      SelectOption:Select.Option,
+    ValidationProvider
+  },
+  data() {
+    return {
+      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: Array,
+      default: function() {
+        return []
+      }
+    },
+    dataSource: {
+      type: Array,
+      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: {
+    selectChange() {
+      this.$emit('change', null)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>
+<style lang="less">
+@import  '../../styles/default.less';
+</style>

package/packages/BaseTextArea/index.js

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

package/packages/BaseTextArea/src/index.vue

@@ -0,0 +1,138 @@
+<template>
+    <div class="d-control-container">
+      <div class="d-control-label" v-if="showLabel === true">
+        {{ label
+        }}<span v-if="rules && rules['required']" class="d-control-label-required"
+        >*</span
+        >
+      </div>
+      <div
+        :style="{ width: width ? width : '100%', height: height ? height : '' }"
+      >
+        <ValidationProvider
+          :name="label"
+          v-slot="v"
+          :rules="rules"
+          v-if="edit === true"
+        >
+          <a-textarea
+            :size="'small'"
+            v-model="currentValue"
+            :placeholder="placeholder"
+            @change="change"
+            style="height:100%;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: 'BaseTextArea',
+    components:{
+    'a-textarea':Input.TextArea,
+    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: {
+      showLabel: {
+        type: Boolean,
+        default: function() {
+          return true
+        }
+      },
+      width: {
+        type: String,
+        default: function() {
+          return null
+        }
+      },
+      height: {
+        type: String,
+        default: function() {
+          return null
+        }
+      },
+      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')
+      }
+    }
+  }
+  </script>
+  
+  <style lang="scss" scoped></style>
+  <style lang="less">
+@import  '../../styles/default.less';
+</style>

package/packages/BaseTime/index.js

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

package/packages/BaseTime/src/index.vue

@@ -0,0 +1,117 @@
+<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"
+        >
+          <TimePicker
+            :size="'small'"
+            placeholder="选择时间"
+            v-model="currentValue"
+            format="HH:mm:ss"
+            value-format="HH:mm:ss"
+            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 moment from 'moment'
+  import { TimePicker } from 'ant-design-vue'
+  import { ValidationProvider } from 'vee-validate'
+  export default {
+    name: 'BaseTime',
+    components:{
+        TimePicker,
+    ValidationProvider
+  },
+    data() {
+      return {
+        moment,
+        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: {}
+  }
+  </script>
+  
+  <style lang="scss" scoped></style>
+  <style lang="less">
+@import  '../../styles/default.less';
+</style>

package/packages/BaseTool/index.js

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