doway-coms 1.1.52 → 1.1.55

package/node_modules/vxe-table/package.json

@@ -104,7 +104,7 @@
     "> 1%",
     "last 2 versions"
   ],
-  "__npminstall_done": "Sat Jan 21 2023 12:37:14 GMT+0800 (中国标准时间)",
+  "__npminstall_done": "Sun Jan 22 2023 15:31:43 GMT+0800 (中国标准时间)",
   "_from": "vxe-table@3.5.4",
   "_resolved": "https://registry.npmmirror.com/vxe-table/-/vxe-table-3.5.4.tgz"
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "doway-coms",
-  "version": "1.1.52",
+  "version": "1.1.55",
   "description": "doway组件库",
   "author": "dowaysoft",
-  "main": "lib/doway-coms.umd.min.js",
+  "main": "packages/index.js",
   "license": "MIT",
   "scripts": {
     "dev": "vue-cli-service serve",
@@ -13,8 +13,17 @@
     "build:test": "vue-cli-service build --report"
   },
   
-  "dependencies": {
-    
+  "peerDependencies": {
+    "ant-design-vue": "1.7.8",
+    "vue": "2.7.14",
+    "vuex": "3.6.2",
+    "vue-router": "3.6.5",
+    "vee-validate": "3.4.14",
+    "vxe-table": "3.5.4",
+    "xe-utils": "3.5.4",
+    "axios": "0.18.0",
+    "js-cookie": "2.2.0",
+    "xe-clipboard":"1.10.2"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.2.0",

package/packages/BaseCheckbox/index.js

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

package/packages/BaseCheckbox/src/index.vue

@@ -0,0 +1,123 @@
+<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"
+        >
+          <Checkbox
+            :size="'small'"
+            v-model="currentValue"
+            :placeholder="placeholder"
+            style="width: 100%"
+            @change="change"
+            :class="{ 'd-error-input': v.errors.length > 0 }"
+          />
+          <div class="d-error-msg">
+            {{ v.errors[0] }}
+          </div>
+        </ValidationProvider>
+        <span v-else>{{ currentValue === true ? "是" : "否" }}</span>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  import { Checkbox } from 'ant-design-vue'
+  import { ValidationProvider } from 'vee-validate'
+  export default {
+    name: 'BaseCheckbox',
+    components:{
+        Checkbox,
+    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: Boolean,
+        default: function() {
+          return false
+        }
+      },
+      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>
+  ::v-deep .ant-checkbox-wrapper {
+    display: inline;
+  }
+  </style>
+  <style lang="less">
+  @import  '../../styles/default.less';
+  </style>
+  

package/packages/BaseDate/index.js

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

package/packages/BaseDate/src/index.vue

@@ -0,0 +1,145 @@
+<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"
+        >
+          <DatePicker
+            :size="'small'"
+            placeholder="选择日期"
+            v-model="currentValue"
+            :disabled-date="disabledDate"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+            style="width: 100%"
+            @change="change"
+            :class="{ 'd-error-input': v.errors.length > 0 }"
+          />
+          <div class="d-error-msg">
+            {{ v.errors[0] }}
+          </div>
+        </ValidationProvider>
+        <span v-else>{{ moment(currentValue).format("YYYY-MM-DD") }}</span>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+import { DatePicker } from 'ant-design-vue'
+  import { ValidationProvider } from 'vee-validate'
+  import moment from 'moment'
+  export default {
+    name: 'BaseDate',
+    components:{
+        DatePicker,
+    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 ''
+        }
+      },
+      pastDate: {
+        type: Boolean,
+        default: function() {
+          return false
+        }
+      },
+      labelWidth: {
+        type: Number,
+        default: function() {
+          return 0
+        }
+      },
+      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')
+      },
+      disabledDate(current) {
+        if (this.pastDate === true) {
+          //如果允许过期时间
+          return false
+        }
+        return current && current.diff(moment(), 'days') < 0
+      }
+    }
+  }
+  </script>
+  
+  <style lang="less">
+@import '../../styles/default.less';
+</style>
+  

package/packages/BaseDateWeek/index.js

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

package/packages/BaseDateWeek/src/index.vue

@@ -0,0 +1,115 @@
+<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"
+        >
+          <WeekPicker
+            :size="'small'"
+            placeholder="选择周"
+            v-model="currentValue"
+            value-format="YYYY-MM-DD"
+            style="width: 100%"
+            :class="{ 'd-error-input': v.errors.length > 0 }"
+          />
+          <div class="d-error-msg">
+            {{ v.errors[0] }}
+          </div>
+        </ValidationProvider>
+        <span v-else>{{ moment(currentValue).format("YYYY-MM-DD") }}</span>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  import moment from 'moment'
+  import { DatePicker } from 'ant-design-vue'
+  import { ValidationProvider } from 'vee-validate'
+  export default {
+    name: 'BaseDateWeek',
+    components:{
+    WeekPicker:DatePicker.WeekPicker,
+    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="less">
+  @import  '../../styles/default.less';
+  </style>

package/packages/BaseDatetime/index.js

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

package/packages/BaseDatetime/src/index.vue

@@ -0,0 +1,143 @@
+<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"
+        >
+          <DatePicker
+            :size="'small'"
+            placeholder="选择日期时间"
+            v-model="currentValue"
+            format="YYYY-MM-DD  HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            :disabledDate="disabledDate"
+            style="width: 100%"
+            :showTime="true"
+            :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 { DatePicker } from 'ant-design-vue'
+  import { ValidationProvider } from 'vee-validate'
+import moment from 'moment'
+  export default {
+    name: "BaseDatetime",
+    components:{
+        DatePicker,
+    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: {
+        labelWidth: {
+            type: Number,
+            default: function () {
+                return 0;
+            }
+        },
+        rules: {
+            type: Object,
+            default: function () {
+                return null;
+            }
+        },
+        pastDate: {
+            type: Boolean,
+            default: function () {
+                return false;
+            }
+        },
+        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: {
+        disabledDate(current) {
+            if (this.pastDate === true) {
+                //如果允许过期时间
+                return false;
+            }
+            return current && current.diff(moment(), "minutes") < 0;
+            // return current && current.isBefore(moment())
+        }
+    }
+}
+  </script>
+  
+  <style lang="less">
+  @import  '../../styles/default.less';
+  </style>
+  

package/packages/BaseForm/index.js

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