cnhis-design-vue 2.1.57 → 2.1.59

package/packages/verification-code/verification-code.vue

@@ -1,147 +1,147 @@
-<template>
-  <div class="verification-code-container">
-    <a-input v-bind="$attrs" v-on="$listeners" v-model="verifyCode" @change="verifyCodeChange">
-      <template slot="addonAfter">
-        <span class="captcha-wrap">
-          <span :class="['get-code', { disabled: count }]" @click="sendVerify">
-            {{ getText }}
-          </span>
-        </span>
-      </template>
-    </a-input>
-  </div>
-</template>
-
-<script>
-import { Button, Input } from "ant-design-vue";
-import create from '@/core/create';
-export default create({
-  name: "verification-code",
-  data() {
-    return {
-      verifyCode: this.value || "",
-      count: 0,
-      timer: null,
-      firstSend: true
-    };
-  },
-  model: {
-    prop: "value",
-    event: "change_value"
-  },
-  props: {
-    countNumber: {
-      type: Number,
-      default: 60
-    },
-
-    sendText: {
-      type: String,
-      default: "发送验证码"
-    },
-
-    resendText: {
-      type: String,
-      default: "发送验证码"
-    },
-
-    sendBefore: Function,
-
-    value: [String, Number]
-  },
-  computed: {
-    getText({ firstSend, count }) {
-      if (count) return `00${count}`.slice(-2) + " s";
-      if (firstSend && !count) return this.sendText;
-      if (!firstSend && !count) return this.resendText;
-      return this.sendText;
-    }
-  },
-  filters: {},
-  watch: {
-    value(val) {
-      this.verifyCode = val;
-    }
-  },
-  beforeCreate() {
-    this.countNum = 60;
-  },
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  beforeDestroy() {
-    this.timer && clearInterval(this.timer);
-  },
-  destroyed() {},
-  activated() {},
-  methods: {
-    sendVerify() {
-      if(this.count){
-        return;
-      }
-      this.$emit("sendVerify");
-    },
-
-    handleCountDown() {
-      // const value = this.type === "phone" ? this.formData.phone : this.formData.email;
-      // if (!value.replace(/\s+/g, "")) {
-      //   this.$refs[this.type].focus();
-      //   return false;
-      // }
-      this.firstSend = false;
-      this.count = this.countNumber || 60;
-      this.timer && clearInterval(this.timer);
-      this.timer = setInterval(() => {
-        this.count--;
-        this.count === 0 && clearInterval(this.timer);
-      }, 1000);
-      // this.$emit("sendCode", { value });
-    },
-
-    verifyCodeChange(e) {
-      this.$emit("change_value", e.target.value);
-      this.$emit("input", e);
-      this.$emit("change", e);
-    }
-  },
-  components: {
-    [Button.name]: Button,
-    [Input.name]: Input
-  }
-});
-</script>
-
-<style lang="less" scoped>
-.verification-code-container {
-  // /deep/ .ant-input {
-  //   width: 100%;
-  // }
-
-  /deep/.ant-input-group-addon {
-    border-color: #d9d9d9;
-    color: #5585f5;
-    cursor: pointer;
-  }
-
-  .captcha-wrap {
-    .get-code {
-      // position: absolute;
-      // right: 0;
-      // top: 50%;
-      line-height: 25px;
-      // padding: 0 18px 0 12px;
-      // border-left: 1px solid #cfcfcf;
-      font-size: 14px;
-      color: #2379f9;
-      cursor: pointer;
-      transform: translateY(-50%);
-      &.disabled {
-        cursor: default;
-        color: #ccc;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="verification-code-container">
+    <a-input v-bind="$attrs" v-on="$listeners" v-model="verifyCode" @change="verifyCodeChange">
+      <template slot="addonAfter">
+        <span class="captcha-wrap">
+          <span :class="['get-code', { disabled: count }]" @click="sendVerify">
+            {{ getText }}
+          </span>
+        </span>
+      </template>
+    </a-input>
+  </div>
+</template>
+
+<script>
+import { Button, Input } from "ant-design-vue";
+import create from '@/core/create';
+export default create({
+  name: "verification-code",
+  data() {
+    return {
+      verifyCode: this.value || "",
+      count: 0,
+      timer: null,
+      firstSend: true
+    };
+  },
+  model: {
+    prop: "value",
+    event: "change_value"
+  },
+  props: {
+    countNumber: {
+      type: Number,
+      default: 60
+    },
+
+    sendText: {
+      type: String,
+      default: "发送验证码"
+    },
+
+    resendText: {
+      type: String,
+      default: "发送验证码"
+    },
+
+    sendBefore: Function,
+
+    value: [String, Number]
+  },
+  computed: {
+    getText({ firstSend, count }) {
+      if (count) return `00${count}`.slice(-2) + " s";
+      if (firstSend && !count) return this.sendText;
+      if (!firstSend && !count) return this.resendText;
+      return this.sendText;
+    }
+  },
+  filters: {},
+  watch: {
+    value(val) {
+      this.verifyCode = val;
+    }
+  },
+  beforeCreate() {
+    this.countNum = 60;
+  },
+  created() {},
+  beforeMount() {},
+  mounted() {},
+  beforeUpdate() {},
+  updated() {},
+  beforeDestroy() {
+    this.timer && clearInterval(this.timer);
+  },
+  destroyed() {},
+  activated() {},
+  methods: {
+    sendVerify() {
+      if(this.count){
+        return;
+      }
+      this.$emit("sendVerify");
+    },
+
+    handleCountDown() {
+      // const value = this.type === "phone" ? this.formData.phone : this.formData.email;
+      // if (!value.replace(/\s+/g, "")) {
+      //   this.$refs[this.type].focus();
+      //   return false;
+      // }
+      this.firstSend = false;
+      this.count = this.countNumber || 60;
+      this.timer && clearInterval(this.timer);
+      this.timer = setInterval(() => {
+        this.count--;
+        this.count === 0 && clearInterval(this.timer);
+      }, 1000);
+      // this.$emit("sendCode", { value });
+    },
+
+    verifyCodeChange(e) {
+      this.$emit("change_value", e.target.value);
+      this.$emit("input", e);
+      this.$emit("change", e);
+    }
+  },
+  components: {
+    [Button.name]: Button,
+    [Input.name]: Input
+  }
+});
+</script>
+
+<style lang="less" scoped>
+.verification-code-container {
+  // /deep/ .ant-input {
+  //   width: 100%;
+  // }
+
+  /deep/.ant-input-group-addon {
+    border-color: #d9d9d9;
+    color: #5585f5;
+    cursor: pointer;
+  }
+
+  .captcha-wrap {
+    .get-code {
+      // position: absolute;
+      // right: 0;
+      // top: 50%;
+      line-height: 25px;
+      // padding: 0 18px 0 12px;
+      // border-left: 1px solid #cfcfcf;
+      font-size: 14px;
+      color: #2379f9;
+      cursor: pointer;
+      transform: translateY(-50%);
+      &.disabled {
+        cursor: default;
+        color: #ccc;
+      }
+    }
+  }
+}
+</style>

package/src/component/player-vod/index.vue

@@ -1,57 +1,57 @@
-<template>
-  <div class="video-container cp" @contextmenu.prevent>
-    <player :options="playerOptions"></player>
-  </div>
-</template>
-
-<script>
-import player from "./player";
-export default {
-  name: "playerVod",
-  data() {
-    return {
-      textplayerOptions: {
-        autoplay: true, // 如果true,浏览器准备好时开始播放。
-        aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
-        sources: [
-          {
-            type: "video/mp4",
-            src:
-              "https://2483-cn-north-4.cdn-vod.huaweicloud.com/asset/342c34d391612f9e26c1be4877bdd0f9/c8b7bdceb56eab1e123d20c4268d1e60.mp4" // url地址
-          }
-        ]
-      }
-    };
-  },
-  props: {
-    playerOptions: {
-      type: Object,
-      default: () => ({
-        sources: [
-          {
-            type: "video/mp4",
-            src: ""
-          }
-        ]
-      })
-    }
-  },
-  computed: {},
-  watch: {},
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() {},
-  beforeUpdate() {},
-  updated() {},
-  beforeDestroy() {},
-  destroyed() {},
-  activated() {},
-  methods: {},
-  components: {
-    player
-  }
-};
-</script>
-
-<style lang="less" scoped></style>
+<template>
+  <div class="video-container cp" @contextmenu.prevent>
+    <player :options="playerOptions"></player>
+  </div>
+</template>
+
+<script>
+import player from "./player";
+export default {
+  name: "playerVod",
+  data() {
+    return {
+      textplayerOptions: {
+        autoplay: true, // 如果true,浏览器准备好时开始播放。
+        aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
+        sources: [
+          {
+            type: "video/mp4",
+            src:
+              "https://2483-cn-north-4.cdn-vod.huaweicloud.com/asset/342c34d391612f9e26c1be4877bdd0f9/c8b7bdceb56eab1e123d20c4268d1e60.mp4" // url地址
+          }
+        ]
+      }
+    };
+  },
+  props: {
+    playerOptions: {
+      type: Object,
+      default: () => ({
+        sources: [
+          {
+            type: "video/mp4",
+            src: ""
+          }
+        ]
+      })
+    }
+  },
+  computed: {},
+  watch: {},
+  beforeCreate() {},
+  created() {},
+  beforeMount() {},
+  mounted() {},
+  beforeUpdate() {},
+  updated() {},
+  beforeDestroy() {},
+  destroyed() {},
+  activated() {},
+  methods: {},
+  components: {
+    player
+  }
+};
+</script>
+
+<style lang="less" scoped></style>