doway-coms 2.7.2 → 2.7.3

package/packages/BaseCheckbox/src/index.vue

@@ -1,135 +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
-        >
-        <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">
-        <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'
-  import { Tooltip } from 'ant-design-vue'
-  export default {
-    name: 'BaseCheckbox',
-    components:{
-      Checkbox,
-      ValidationProvider,
-      Tooltip,
-  },
-    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 ''
-        }
-      },
-      tooltip: {
-        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>
+<template>
+    <div class="d-control-container">
+      <div class="d-control-label">
+        {{ label
+        }}
+        <span v-if="rules && rules['required']" 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">
+        <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'
+  import { Tooltip } from 'ant-design-vue'
+  export default {
+    name: 'BaseCheckbox',
+    components:{
+      Checkbox,
+      ValidationProvider,
+      Tooltip,
+  },
+    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 ''
+        }
+      },
+      tooltip: {
+        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

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

@@ -1,198 +1,198 @@
-<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
-      >
-      <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">
-      <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>
-      <Tooltip placement="topLeft" v-else>
-        <template slot="title">
-          {{ moment(currentValue).format("YYYY-MM-DD") }}
-        </template>
-        <span  @contextmenu.prevent="(event) => onContextmenu(event, currentValue)">
-          {{ moment(currentValue).format("YYYY-MM-DD") }}
-        </span>
-      </Tooltip>
-    </div>
-  </div>
-</template>
-  
-<script>
-//VXETable插件
-import VXETable from "vxe-table";
-//轻量级剪贴板复制函数
-import XEClipboard from "xe-clipboard";
-import { DatePicker, Tooltip } from "ant-design-vue";
-import { ValidationProvider } from "vee-validate";
-import moment from "moment";
-
-export default {
-  name: "BaseDate",
-  components: {
-    DatePicker,
-    ValidationProvider,
-    Tooltip,
-  },
-  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 "";
-      },
-    },
-    tooltip: {
-      type: String,
-      default: function () {
-        return "";
-      },
-    },
-    disabledDateValue: {
-      type: Number,
-      default: function () {
-        return 0;
-      },
-    },
-  },
-  created() {},
-  methods: {
-    onContextmenu(event, currentValue) {
-      this.$contextmenu({
-        items: [
-          {
-            icon: 'ant-design:folder-open-filled',
-            label: "复制",
-            onClick: () => { 
-              if (XEClipboard.copy(currentValue)) {
-                VXETable.modal.message({
-                  content: "已复制到剪贴板！",
-                  status: "success",
-                });
-              }
-            }
-          }
-        ],
-        event,
-        zIndex: 1000,
-        minWidth: 150
-      });
-      return false;
-    },
-    change() {
-      this.$emit("change");
-    },
-    disabledDate(current) {
-      if (this.pastDate === true) {
-        //如果允许过期时间
-        return false;
-      }
-      return (
-        current &&
-        current.diff(moment().add(this.disabledDateValue, "day"), "days") < 0
-      );
-    },
-  },
-};
-</script>
-  
-  <style lang="less">
-@import "../../styles/default.less";
-</style>
+<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
+      >
+      <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">
+      <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>
+      <Tooltip placement="topLeft" v-else>
+        <template slot="title">
+          {{ moment(currentValue).format("YYYY-MM-DD") }}
+        </template>
+        <span  @contextmenu.prevent="(event) => onContextmenu(event, currentValue)">
+          {{ currentValue?moment(currentValue).format("YYYY-MM-DD"):currentValue }}
+        </span>
+      </Tooltip>
+    </div>
+  </div>
+</template>
+  
+<script>
+//VXETable插件
+import VXETable from "vxe-table";
+//轻量级剪贴板复制函数
+import XEClipboard from "xe-clipboard";
+import { DatePicker, Tooltip } from "ant-design-vue";
+import { ValidationProvider } from "vee-validate";
+import moment from "moment";
+
+export default {
+  name: "BaseDate",
+  components: {
+    DatePicker,
+    ValidationProvider,
+    Tooltip,
+  },
+  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 "";
+      },
+    },
+    tooltip: {
+      type: String,
+      default: function () {
+        return "";
+      },
+    },
+    disabledDateValue: {
+      type: Number,
+      default: function () {
+        return 0;
+      },
+    },
+  },
+  created() {},
+  methods: {
+    onContextmenu(event, currentValue) {
+      this.$contextmenu({
+        items: [
+          {
+            icon: 'ant-design:folder-open-filled',
+            label: "复制",
+            onClick: () => { 
+              if (XEClipboard.copy(currentValue)) {
+                VXETable.modal.message({
+                  content: "已复制到剪贴板！",
+                  status: "success",
+                });
+              }
+            }
+          }
+        ],
+        event,
+        zIndex: 1000,
+        minWidth: 150
+      });
+      return false;
+    },
+    change() {
+      this.$emit("change");
+    },
+    disabledDate(current) {
+      if (this.pastDate === true) {
+        //如果允许过期时间
+        return false;
+      }
+      return (
+        current &&
+        current.diff(moment().add(this.disabledDateValue, "day"), "days") < 0
+      );
+    },
+  },
+};
+</script>
+  
+  <style lang="less">
+@import "../../styles/default.less";
+</style>