代码初始化

2021-12-31 11:35:09 +08:00
commit a527f38fd7
1907 changed files with 783789 additions and 0 deletions
@@ -0,0 +1,130 @@
+<template>
+  <a-input :placeholder="placeholder"
+           :value="inputVal"
+           @input="backValue"
+           v-bind="$props"
+           v-on="childListeners"
+           ></a-input>
+</template>
+
+<script>
+
+  import { Input } from 'ant-design-vue'
+
+  const JINPUT_QUERY_LIKE = 'like';
+  const JINPUT_QUERY_NE = 'ne';
+  const JINPUT_QUERY_GE = 'ge'; //大于等于
+  const JINPUT_QUERY_LE = 'le'; //小于等于
+
+  export default {
+    name: 'JInput',
+    props:{
+      ...Input.props, // 拿到全部外部的参数
+      value: {
+        type: String,
+        required: false
+      },
+      type: {
+        type: String,
+        required: false,
+        default: JINPUT_QUERY_LIKE
+      },
+      placeholder: {
+        type: String,
+        required: false,
+        default: ''
+      },
+      trim: {
+        type: Boolean,
+        required: false,
+        default: false
+      },
+    },
+    data(){
+      return {
+        inputVal:''
+      }
+    },
+    computed: {
+      //透传给下级组件的事件，需要排除本组件使用的change事件
+      childListeners() {
+        const vm = this;
+        let result = Object.assign({},
+          this.$listeners,
+        )
+        delete result.change;
+        return result;
+      }
+    },
+    watch:{
+      value:{
+        immediate:true,
+        handler:function(){
+          this.initVal();
+        }
+      },
+      // 当 type 变化的时候重新计算值
+      type() {
+        this.backValue({ target: { value: this.inputVal } })
+      },
+    },
+    methods:{
+      initVal(){
+        if(!this.value){
+          this.inputVal = ''
+        }else{
+          let text = this.value
+          switch (this.type) {
+            case JINPUT_QUERY_LIKE:
+              //修复路由传参的值传送到jinput框被前后各截取了一位 #1336
+              if(text.indexOf("*") != -1){
+                text = text.substring(1,text.length-1);
+              }
+              break;
+            case JINPUT_QUERY_NE:
+              text = text.substring(1);
+              break;
+            case JINPUT_QUERY_GE:
+              text = text.substring(2);
+              break;
+            case JINPUT_QUERY_LE:
+              text = text.substring(2);
+              break;
+            default:
+          }
+          this.inputVal = text
+        }
+      },
+      backValue(e){
+        let text = e.target.value
+        if(text && this.trim===true){
+          text = text.trim()
+        }
+        switch (this.type) {
+          case JINPUT_QUERY_LIKE:
+            text = "*"+text+"*";
+            break;
+          case JINPUT_QUERY_NE:
+            text = "!"+text;
+            break;
+          case JINPUT_QUERY_GE:
+            text = ">="+text;
+            break;
+          case JINPUT_QUERY_LE:
+            text = "<="+text;
+            break;
+          default:
+        }
+        this.$emit('change', text);
+      }
+    },
+    model: {
+      prop: 'value',
+      event: 'change'
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>