doway-coms 1.4.46 → 1.4.48

package/package.json

@@ -1,51 +1,52 @@
-{
-  "name": "doway-coms",
-  "version": "1.4.46",
-  "description": "doway组件库",
-  "author": "dowaysoft",
-  "main": "packages/index.js",
-  "license": "MIT",
-  "scripts": {
-    "dev": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "lib": "vue-cli-service build --target lib --name doway-coms --dest lib packages/index.js",
-    "build:test": "vue-cli-service build --report"
-  },
-  "dependencies": {
-    "ant-design-vue": "1.7.8",
-    "axios": "0.18.0",
-    "element-resize-detector": "^1.2.4",
-    "js-cookie": "2.2.0",
-    "vee-validate": "3.4.14",
-    "vue": "2.7.14",
-    "vue-router": "3.6.5",
-    "vuedraggable": "^2.24.3",
-    "vuex": "3.6.2",
-    "vxe-table": "3.5.4",
-    "xe-clipboard": "1.10.2",
-    "xe-utils": "3.5.4"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.2.0",
-    "@vue/cli-plugin-eslint": "~4.2.0",
-    "@vue/cli-plugin-vuex": "~4.2.0",
-    "@vue/cli-service": "~4.2.0",
-    "babel-eslint": "^10.0.3",
-    "babel-plugin-component": "^1.1.1",
-    "babel-plugin-import": "^1.13.6",
-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.1.2",
-    "extract-text-webpack-plugin": "^3.0.2",
-    "less-loader": "^6.0.0",
-    "node-sass": "8.0.0",
-    "sass-loader": "10.4.1",
-    "vue-template-compiler": "^2.6.11"
-  },
-  "bundleDependencies": false,
-  "repository": {
-    "type": "git",
-    "url": "https://www.npmjs.com/package/doway-coms.git"
-  },
-  "keywords": []
-}
+{
+  "name": "doway-coms",
+  "version": "1.4.48",
+  "description": "doway组件库",
+  "author": "dowaysoft",
+  "main": "packages/index.js",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "lib": "vue-cli-service build --target lib --name doway-coms --dest lib packages/index.js",
+    "build:test": "vue-cli-service build --report"
+  },
+  "dependencies": {
+    "ant-design-vue": "1.7.8",
+    "axios": "0.18.0",
+    "element-resize-detector": "^1.2.4",
+    "js-cookie": "2.2.0",
+    "vee-validate": "3.4.14",
+    "vue": "2.7.14",
+    "vue-contextmenujs": "^1.4.9",
+    "vue-router": "3.6.5",
+    "vuedraggable": "^2.24.3",
+    "vuex": "3.6.2",
+    "vxe-table": "3.5.4",
+    "xe-clipboard": "1.10.2",
+    "xe-utils": "3.5.4"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.2.0",
+    "@vue/cli-plugin-eslint": "~4.2.0",
+    "@vue/cli-plugin-vuex": "~4.2.0",
+    "@vue/cli-service": "~4.2.0",
+    "babel-eslint": "^10.0.3",
+    "babel-plugin-component": "^1.1.1",
+    "babel-plugin-import": "^1.13.6",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.1.2",
+    "extract-text-webpack-plugin": "^3.0.2",
+    "less-loader": "^6.0.0",
+    "node-sass": "8.0.0",
+    "sass-loader": "10.4.1",
+    "vue-template-compiler": "^2.6.11"
+  },
+  "bundleDependencies": false,
+  "repository": {
+    "type": "git",
+    "url": "https://www.npmjs.com/package/doway-coms.git"
+  },
+  "keywords": []
+}

package/packages/BaseDate/src/index.vue

@@ -1,159 +1,166 @@
 <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"
+  <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>
-        <span v-else>{{ moment(currentValue).format("YYYY-MM-DD") }}</span>
-      </div>
+      >
+      <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>
+      <span v-else>{{ moment(currentValue).format("YYYY-MM-DD") }}</span>
     </div>
-  </template>
+  </div>
+</template>
   
   <script>
-import { DatePicker } from 'ant-design-vue'
-  import { ValidationProvider } from 'vee-validate'
-  import moment from 'moment'
-import { Tooltip } from 'ant-design-vue'
+import { DatePicker } from "ant-design-vue";
+import { ValidationProvider } from "vee-validate";
+import moment from "moment";
+import { Tooltip } from "ant-design-vue";
 
-  export default {
-    name: 'BaseDate',
-    components:{
-        DatePicker,
+export default {
+  name: "BaseDate",
+  components: {
+    DatePicker,
     ValidationProvider,
-      Tooltip,
-
+    Tooltip,
   },
-    data() {
-      return {
-        moment,
-        filterValue: '',
-        isInputChanged: false,
-        inputTimeout: null,
-        searchRows: [],
-        filterCols: [],
-        gridLoading: false,
-        gridPagerConfig: {
-          total: 0,
-          currentPage: 1,
-          pageSize: 10
-        }
-      }
+  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触发父组件
+      },
     },
-    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;
+      },
     },
-    props: {
-      rules: {
-        type: Object,
-        default: function() {
-          return null
-        }
+    value: {
+      type: String,
+      default: function () {
+        return "";
       },
-      value: {
-        type: String,
-        default: function() {
-          return ''
-        }
+    },
+    pastDate: {
+      type: Boolean,
+      default: function () {
+        return false;
       },
-      pastDate: {
-        type: Boolean,
-        default: function() {
-          return false
-        }
+    },
+    labelWidth: {
+      type: Number,
+      default: function () {
+        return 0;
       },
-      labelWidth: {
-        type: Number,
-        default: function() {
-          return 0
-        }
+    },
+    edit: {
+      type: Boolean,
+      default: function () {
+        return false;
       },
-      edit: {
-        type: Boolean,
-        default: function() {
-          return false
-        }
+    },
+    name: {
+      type: String,
+      default: function () {
+        return "";
       },
-      name: {
-        type: String,
-        default: function() {
-          return ''
-        }
+    },
+    label: {
+      type: String,
+      default: function () {
+        return "";
       },
-      label: {
-        type: String,
-        default: function() {
-          return ''
-        }
+    },
+    placeholder: {
+      type: String,
+      default: function () {
+        return "";
       },
-      placeholder: {
-        type: String,
-        default: function() {
-          return ''
-        }
+    },
+    tooltip: {
+      type: String,
+      default: function () {
+        return "";
       },
-      tooltip: {
-        type: String,
-        default: function() {
-          return ''
-        }
-      }
     },
-    created() {},
-    methods: {
-      change() {
-        this.$emit('change')
+    disabledDateValue: {
+      type: Number,
+      default: function () {
+        return 0;
       },
-      disabledDate(current) {
-        if (this.pastDate === true) {
-          //如果允许过期时间
-          return false
-        }
-        return current && current.diff(moment(), 'days') < 0
+    },
+  },
+  created() {},
+  methods: {
+    change() {
+      this.$emit("change");
+    },
+    disabledDate(current) {
+      if (this.pastDate === true) {
+        //如果允许过期时间
+        return false;
       }
-    }
-  }
-  </script>
+      return (
+        current &&
+        current.diff(moment().add(this.disabledDateValue, "day"), "days") < 0
+      );
+    },
+  },
+};
+</script>
   
   <style lang="less">
-@import '../../styles/default.less';
+@import "../../styles/default.less";
 </style>
   

package/packages/BaseDatetime/src/index.vue

@@ -135,6 +135,12 @@ export default {
         return "";
       },
     },
+    disabledDateValue: {
+      type: Number,
+      default: function () {
+        return 0;
+      },
+    },
   },
   created() {},
   methods: {
@@ -143,8 +149,7 @@ export default {
         //如果允许过期时间
         return false;
       }
-      return current && current.diff(moment(), "minutes") < 0;
-      // return current && current.isBefore(moment())
+      return current && current.diff(moment().add(this.disabledDateValue, 'day'), "minutes") < 0;
     },
     change() {
       this.$emit("change");

package/packages/BaseForm/src/index.vue

@@ -114,6 +114,7 @@
         :tooltip="col.tooltip"
         :pastDate="col.pastDate"
         :rules="col.rules"
+        :disabledDateValue="col.disabledDateValue"
         @change="
           () => {
             inputChange(col);
@@ -132,6 +133,7 @@
         :tooltip="col.tooltip"
         :edit="col.edit"
         :rules="col.rules"
+        :disabledDateValue="col.disabledDateValue"
         @change="
           () => {
             inputChange(col);

package/packages/BaseInput/src/index.vue

@@ -30,23 +30,31 @@
           {{ v.errors[0] }}
         </div>
       </ValidationProvider>
-      <span v-else>{{ currentValue }}</span>
+      <Tooltip placement="topLeft" v-else>
+        <template slot="title">
+          {{ currentValue }}
+        </template>
+        <span  @contextmenu.prevent="onContextmenu">
+          {{ currentValue }}
+        </span>
+      </Tooltip>
     </div>
   </div>
 </template>
 
 <script>
-
-import { Input } from 'ant-design-vue'
+//VXETable插件
+import VXETable from "vxe-table";
+//轻量级剪贴板复制函数
+import XEClipboard from "xe-clipboard";
+import { Input, Tooltip } from 'ant-design-vue'
 import { ValidationProvider } from 'vee-validate'
-import { Tooltip } from 'ant-design-vue'
 export default {
   name: 'BaseInput',
   components:{
     Input,
     ValidationProvider,
     Tooltip,
-
   },
   data() {
     return {
@@ -125,11 +133,32 @@ export default {
     },
     blur() {
       this.$emit('blur')
+    },
+    onContextmenu(event) {
+      this.$contextmenu({
+        items: [
+          {
+            icon: 'ant-design:folder-open-filled',
+            label: "复制",
+            onClick: () => { 
+              if (XEClipboard.copy(event.target.innerText)) {
+                VXETable.modal.message({
+                  content: "已复制到剪贴板！",
+                  status: "success",
+                });
+              }
+            }
+          }
+        ],
+        event,
+        zIndex: 100,
+        minWidth: 150
+      });
+      return false;
     }
   }
 }
 </script>
-
 <style lang="less">
 @import  '../../styles/default.less';
 </style>

package/packages/BaseTextArea/src/index.vue

@@ -1,152 +1,179 @@
 <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"
+  <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
-        >
-        <Tooltip :title="tooltip" v-if="tooltip" style="margin: 0 2px">
-          <img src="../../styles/icon/help.png" alt="" style="width: 14px">
-        </Tooltip>
-      </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>
+      <Tooltip :title="tooltip" v-if="tooltip" style="margin: 0 2px">
+        <img src="../../styles/icon/help.png" alt="" style="width: 14px" />
+      </Tooltip>
     </div>
-  </template>
+    <div class="d-control">
+      <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>
+      <Tooltip placement="topLeft" v-else>
+        <template slot="title">
+          {{ currentValue }}
+        </template>
+        <span @contextmenu.prevent="onContextmenu">
+          {{ currentValue }}
+        </span>
+      </Tooltip>
+    </div>
+  </div>
+</template>
   
   <script>
-    import { Input } from 'ant-design-vue'
-  import { ValidationProvider } from 'vee-validate'
-    import { Tooltip } from 'ant-design-vue'
+//VXETable插件
+import VXETable from "vxe-table";
+//轻量级剪贴板复制函数
+import XEClipboard from "xe-clipboard";
+import { Input, Tooltip } from "ant-design-vue";
+import { ValidationProvider } from "vee-validate";
 
-  export default {
-    name: 'BaseTextArea',
-    components:{
-    'a-textarea':Input.TextArea,
+export default {
+  name: "BaseTextArea",
+  components: {
+    "a-textarea": Input.TextArea,
     ValidationProvider,
-      Tooltip,
-
+    Tooltip,
   },
-    data() {
-      return {
-        filterValue: '',
-        isInputChanged: false,
-        inputTimeout: null,
-        searchRows: [],
-        filterCols: [],
-        gridLoading: false,
-        gridPagerConfig: {
-          total: 0,
-          currentPage: 1,
-          pageSize: 10
-        }
-      }
+  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触发父组件
+      },
     },
-    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;
+      },
     },
-    props: {
-      showLabel: {
-        type: Boolean,
-        default: function() {
-          return true
-        }
+    width: {
+      type: String,
+      default: function () {
+        return null;
       },
-      width: {
-        type: String,
-        default: function() {
-          return null
-        }
+    },
+    height: {
+      type: String,
+      default: function () {
+        return null;
       },
-      height: {
-        type: String,
-        default: function() {
-          return null
-        }
+    },
+    rules: {
+      type: Object,
+      default: function () {
+        return null;
       },
-      rules: {
-        type: Object,
-        default: function() {
-          return null
-        }
+    },
+    value: {
+      type: String,
+      default: function () {
+        return "";
       },
-      value: {
-        type: String,
-        default: function() {
-          return ''
-        }
+    },
+    edit: {
+      type: Boolean,
+      default: function () {
+        return false;
       },
-      edit: {
-        type: Boolean,
-        default: function() {
-          return false
-        }
+    },
+    name: {
+      type: String,
+      default: function () {
+        return "";
       },
-      name: {
-        type: String,
-        default: function() {
-          return ''
-        }
+    },
+    label: {
+      type: String,
+      default: function () {
+        return "";
       },
-      label: {
-        type: String,
-        default: function() {
-          return ''
-        }
+    },
+    placeholder: {
+      type: String,
+      default: function () {
+        return "";
       },
-      placeholder: {
-        type: String,
-        default: function() {
-          return ''
-        }
+    },
+    tooltip: {
+      type: String,
+      default: function () {
+        return "";
       },
-      tooltip: {
-        type: String,
-        default: function() {
-          return ''
-        }
-      }
     },
-    created() {},
-    methods: {
-      change() {
-        this.$emit('change')
-      }
-    }
-  }
-  </script>
+  },
+  methods: {
+    change() {
+      this.$emit("change");
+    },
+    onContextmenu(event) {
+      this.$contextmenu({
+        items: [
+          {
+            icon: "ant-design:folder-open-filled",
+            label: "复制",
+            onClick: () => {
+              if (XEClipboard.copy(event.target.innerText)) {
+                VXETable.modal.message({
+                  content: "已复制到剪贴板！",
+                  status: "success",
+                });
+              }
+            },
+          },
+        ],
+        event,
+        zIndex: 100,
+        minWidth: 150,
+      });
+      return false;
+    },
+  },
+};
+</script>
   
   <style lang="scss" scoped></style>
   <style lang="less">
-@import  '../../styles/default.less';
+@import "../../styles/default.less";
 </style>

package/packages/styles/default.less

@@ -3,17 +3,18 @@
 }
 .d-control-label {
     font-size:12px;
-    // position: absolute;
-    // display: inline;
     font-weight: bold;
-    width:100px;
+    // width:100px;
+    flex: 0 0 100px;
   }
 .d-control {
     flex:1;
-    // display: inline;
-    // padding-left: 80px;
     width: 100%;
     height: 30px;
+    word-wrap: 'break-word';
+    overflow:hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 3;
 }
 .d-control-label-required{
     color:red;