cnhis-design-vue 2.1.58 → 2.1.59

package/packages/scale-view/formitem/r-input.vue

@@ -1,92 +1,92 @@
-<template>
-  <div class="my-input">
-    <a-textarea
-      :disabled="isLock"
-      :placeholder="defaultPlaceHolder"
-      v-if="eleType == 'INPUT' || eleType == 'EVALUATE_INPUT'"
-      v-model="inputValue"
-      @input="changeTextarea"
-      @keydown="keydown"
-      :autoSize="setTextareaRow"
-      style="resize: none;"
-      autocomplete="off"
-    />
-    <a-input
-      :type="type"
-      :disabled="isLock"
-      placeholder="请输入"
-      v-if="eleType == 'ID_CARD'"
-      v-model="inputValue"
-      @keydown="keydown"
-    />
-    <a-input
-      :type="type"
-      :disabled="isLock"
-      placeholder="请输入"
-      v-if="eleType == 'MOBILE'"
-      v-model="inputValue"
-      @keydown="keydown"
-    />
-  </div>
-</template>
-
-<script>
-import { Input, } from "ant-design-vue";
-export default {
-  props: {
-    value: { default: "" },
-    type: { default: "" },
-    eleType: { default: "INPUT", type: String },
-    isLock: { type: Boolean, default: false },
-    row: { type: [Number, String], default: 1 },
-    defaultPlaceHolder: String
-  },
-  computed: {
-    inputValue: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.$emit("input", val);
-      }
-    },
-    setTextareaRow() {
-      if (!this.row || this.row == "auto") {
-        return {
-          minRows: 1
-        };
-      }
-      return { minRows: this.row || 1, maxRows: this.row || 1 };
-    }
-  },
-  methods: {
-    keydown(e) {
-      let key = e.key;
-      if (key === "e" || key === "E" || key === "+" || key === "-") {
-        e.returnValue = false;
-      } else {
-        e.returnValue = true;
-      }
-    },
-    changeTextarea(e) {
-      let { value } = e?.target || {};
-      if (value && this.type === "number") {
-        this.inputValue = value.replace(/[^\d.]/gi, "");
-      }
-    }
-  },
-  components:{
-    [Input.name]: Input,
-    [Input.TextArea.name]: Input.TextArea,
-  }
-};
-</script>
-
-<style lang="less" scoped>
-.my-input {
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-  }
-}
-</style>
+<template>
+  <div class="my-input">
+    <a-textarea
+      :disabled="isLock"
+      :placeholder="defaultPlaceHolder"
+      v-if="eleType == 'INPUT' || eleType == 'EVALUATE_INPUT'"
+      v-model="inputValue"
+      @input="changeTextarea"
+      @keydown="keydown"
+      :autoSize="setTextareaRow"
+      style="resize: none;"
+      autocomplete="off"
+    />
+    <a-input
+      :type="type"
+      :disabled="isLock"
+      placeholder="请输入"
+      v-if="eleType == 'ID_CARD'"
+      v-model="inputValue"
+      @keydown="keydown"
+    />
+    <a-input
+      :type="type"
+      :disabled="isLock"
+      placeholder="请输入"
+      v-if="eleType == 'MOBILE'"
+      v-model="inputValue"
+      @keydown="keydown"
+    />
+  </div>
+</template>
+
+<script>
+import { Input, } from "ant-design-vue";
+export default {
+  props: {
+    value: { default: "" },
+    type: { default: "" },
+    eleType: { default: "INPUT", type: String },
+    isLock: { type: Boolean, default: false },
+    row: { type: [Number, String], default: 1 },
+    defaultPlaceHolder: String
+  },
+  computed: {
+    inputValue: {
+      get() {
+        return this.value;
+      },
+      set(val) {
+        this.$emit("input", val);
+      }
+    },
+    setTextareaRow() {
+      if (!this.row || this.row == "auto") {
+        return {
+          minRows: 1
+        };
+      }
+      return { minRows: this.row || 1, maxRows: this.row || 1 };
+    }
+  },
+  methods: {
+    keydown(e) {
+      let key = e.key;
+      if (key === "e" || key === "E" || key === "+" || key === "-") {
+        e.returnValue = false;
+      } else {
+        e.returnValue = true;
+      }
+    },
+    changeTextarea(e) {
+      let { value } = e?.target || {};
+      if (value && this.type === "number") {
+        this.inputValue = value.replace(/[^\d.]/gi, "");
+      }
+    }
+  },
+  components:{
+    [Input.name]: Input,
+    [Input.TextArea.name]: Input.TextArea,
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.my-input {
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+}
+</style>

package/packages/scale-view/formitem/r-prompt.vue

@@ -1,52 +1,52 @@
-<template>
-  <div class="prompt-message" :class="className">
-    <a-icon v-if="options.promptType === 'strong'" class="prompt-icon" type="exclamation-circle" />
-    <div class="prompt-message-content ">
-      {{ options.promptMsg || "" }}
-    </div>
-  </div>
-</template>
-<script>
-import { Icon } from "ant-design-vue";
-export default {
-  props: {
-    options: {
-      type: Object
-    }
-  },
-  computed: {
-    className() {
-      const type = this.options.promptType;
-      return type ? `is-${type}` : "";
-    }
-  },
-  components:{
-    [Icon.name]: Icon,
-  }
-};
-</script>
-<style lang="less" scoped>
-.prompt-message {
-  color: #666;
-  position: relative;
-  &.is-weak {
-    color: #999;
-  }
-  &.is-strong {
-    color: #ff1818;
-    padding: 1px 0 0 35px;
-  }
-  .prompt-icon {
-    width: 24px;
-    height: 24px;
-    font-size: 18px;
-    position: absolute;
-    left: 0;
-    top: 0;
-  }
-  .prompt-message-content {
-    line-height: 16px;
-    font-size: 14px;
-  }
-}
-</style>
+<template>
+  <div class="prompt-message" :class="className">
+    <a-icon v-if="options.promptType === 'strong'" class="prompt-icon" type="exclamation-circle" />
+    <div class="prompt-message-content ">
+      {{ options.promptMsg || "" }}
+    </div>
+  </div>
+</template>
+<script>
+import { Icon } from "ant-design-vue";
+export default {
+  props: {
+    options: {
+      type: Object
+    }
+  },
+  computed: {
+    className() {
+      const type = this.options.promptType;
+      return type ? `is-${type}` : "";
+    }
+  },
+  components:{
+    [Icon.name]: Icon,
+  }
+};
+</script>
+<style lang="less" scoped>
+.prompt-message {
+  color: #666;
+  position: relative;
+  &.is-weak {
+    color: #999;
+  }
+  &.is-strong {
+    color: #ff1818;
+    padding: 1px 0 0 35px;
+  }
+  .prompt-icon {
+    width: 24px;
+    height: 24px;
+    font-size: 18px;
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+  .prompt-message-content {
+    line-height: 16px;
+    font-size: 14px;
+  }
+}
+</style>