vdesign-ui 0.2.19 → 0.3.0

package/dist/components/password/index.js

@@ -1,8 +1,8 @@
-import Password from './index.vue';
-import './style.less';
-
-Password.install = function (Vue) {
-  Vue.component(Password.name, Password);
-};
-
-export default Password;
+import Password from './index.vue';
+import './style.less';
+
+Password.install = function (Vue) {
+  Vue.component(Password.name, Password);
+};
+
+export default Password;

package/dist/components/password/index.vue

@@ -1,64 +1,64 @@
-<template>
-  <div class="vd-password">
-    <input type="tel" :maxlength="length" v-model="innerValue" @input="handleInput" @focus="handleFocus"
-      @blur="handleBlur" class="vd-password__input" />
-    <div class="vd-password__security">
-      <div class="vd-password__item" v-for="n in length" :key="n" :class="{ 'vd-password-is-filled': n === innerValue.length + 1 }">
-        <template v-if="mask">
-          <i v-if="n <= innerValue.length" class="mask-icon"></i>
-        </template>
-        <template v-else>
-          {{ innerValue[n - 1] }}
-        </template>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "vd-password",
-  props: {
-    value: {
-      type: String,
-    },
-    length: {
-      type: Number,
-      default: 6,
-    },
-    mask: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  data() {
-    return {
-      innerValue: this.value,
-    };
-  },
-  watch: {
-    value(val) {
-      this.innerValue = val;
-    },
-  },
-  methods: {
-    handleInput(e) {
-      this.innerValue = e.target.value.slice(0, this.length);
-      this.$emit("input", this.innerValue);
-      if (this.innerValue.length === this.length) {
-        this.$emit("complete", this.innerValue);
-      }
-    },
-    handleFocus() {
-      this.$emit("focus");
-    },
-    handleBlur() {
-      this.$emit("blur");
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+  <div class="vd-password">
+    <input type="tel" :maxlength="length" v-model="innerValue" @input="handleInput" @focus="handleFocus"
+      @blur="handleBlur" class="vd-password__input" />
+    <div class="vd-password__security">
+      <div class="vd-password__item" v-for="n in length" :key="n" :class="{ 'vd-password-is-filled': n === innerValue.length + 1 }">
+        <template v-if="mask">
+          <i v-if="n <= innerValue.length" class="mask-icon"></i>
+        </template>
+        <template v-else>
+          {{ innerValue[n - 1] }}
+        </template>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "vd-password",
+  props: {
+    value: {
+      type: String,
+    },
+    length: {
+      type: Number,
+      default: 6,
+    },
+    mask: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      innerValue: this.value,
+    };
+  },
+  watch: {
+    value(val) {
+      this.innerValue = val;
+    },
+  },
+  methods: {
+    handleInput(e) {
+      this.innerValue = e.target.value.slice(0, this.length);
+      this.$emit("input", this.innerValue);
+      if (this.innerValue.length === this.length) {
+        this.$emit("complete", this.innerValue);
+      }
+    },
+    handleFocus() {
+      this.$emit("focus");
+    },
+    handleBlur() {
+      this.$emit("blur");
+    },
+  },
+};
+</script>
+
+<style lang="less">
+@import './style.less';
+</style>

package/dist/components/popover/index.js

@@ -1,8 +1,8 @@
-import Popover from './index.vue';
-import './style.less';
-
-Popover.install = function (Vue) {
-  Vue.component(Popover.name, Popover);
-};
-
-export default Popover;
+import Popover from './index.vue';
+import './style.less';
+
+Popover.install = function (Vue) {
+  Vue.component(Popover.name, Popover);
+};
+
+export default Popover;

package/dist/components/popover/index.vue

@@ -1,100 +1,100 @@
-<template>
-  <popper :appendToBody="true" trigger="click" :visibleArrow="true" :options="{
-    placement: placement,
-    modifiers: {
-      offset: {
-        offset: 0,
-      },
-      computeStyle: {
-        gpuAcceleration: false,
-      },
-      preventOverflow: {
-        boundariesElement: 'window',
-      },
-    },
-  }" rootClass="vd-popover" transition="vd-popover-fade" :disabled="disabled" ref="close">
-    <!-- 内容过多的时候，建议使用content插槽，便于自定义样式 -->
-    <div v-if="hasSlot" :class="'vd-popover-' + theme" ref="popperRef" class="vd-popper">
-      <slot name="content"></slot>
-      <vd-icon name="icon_btn_close" v-if="closeable" class="vd-popover-close" @click="$_close"></vd-icon>
-      <div class="vd-popover-close--hot" v-if="closeable" @click="$_close"></div>
-    </div>
-    <!-- 内容少的话，直接content属性 -->
-    <div v-else :class="'vd-popover-' + theme" ref="popperRef" class="vd-popper">
-      {{ content }}
-      <!-- <a v-if="closeable" class="vd-popover-close" href="javascript:;" @click="$_close">&#10005;</a> -->
-      <vd-icon name="icon_btn_close" v-if="closeable" class="vd-popover-close"></vd-icon>
-      <div class="vd-popover-close--hot" v-if="closeable" @click="$_close"></div>
-    </div>
-    <!-- 把外界传递的普通插槽当做具名插槽传递给子组件使用 -->
-    <slot slot="reference"></slot>
-  </popper>
-</template>
-
-<script>
-import VdIcon from '../icon';
-import popper from "./vue-popover";
-// 总共12个位置
-const placementArr = [
-  "top-start",
-  "top",
-  "top-end",
-  "left-start",
-  "left",
-  "left-end",
-  "right-start",
-  "right",
-  "right-end",
-  "bottom-start",
-  "bottom",
-  "bottom-end",
-];
-export default {
-  name: "vd-popover",
-  components: { popper,VdIcon }, // 注册并使用 vue-popperjs 插件组件
-  props: {
-    // 12个位置
-    placement: {
-      type: String,
-      default: 'top', // 默认
-      validator(val) {
-        return placementArr.includes(val); // 位置校验函数
-      },
-    },
-    // 内容
-    content: {
-      type: String,
-      default: "",
-    },
-    // 切换模式，默认是 primary 模式 
-    theme: {
-      type: String,
-      default: "primary", // secondary
-    },
-    // 是否禁用即关掉
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    // closeable
-    closeable: {
-      type: Boolean,
-      default: false
-    }
-  },
-  computed: {
-    hasSlot() {
-      return Boolean(this.$slots.content)
-    }
-  },
-  methods: {
-    $_close() {
-      this.$refs.close.doClose()
-      // popper.methods.handleDocumentClick 拦截该事件
-    }
-  },
-};
-</script>
-<style lang="less">
-@import './style.less';
-</style>
+<template>
+  <popper :appendToBody="true" trigger="click" :visibleArrow="true" :options="{
+    placement: placement,
+    modifiers: {
+      offset: {
+        offset: 0,
+      },
+      computeStyle: {
+        gpuAcceleration: false,
+      },
+      preventOverflow: {
+        boundariesElement: 'window',
+      },
+    },
+  }" rootClass="vd-popover" transition="vd-popover-fade" :disabled="disabled" ref="close">
+    <!-- 内容过多的时候，建议使用content插槽，便于自定义样式 -->
+    <div v-if="hasSlot" :class="'vd-popover-' + theme" ref="popperRef" class="vd-popper">
+      <slot name="content"></slot>
+      <vd-icon name="icon_btn_close" v-if="closeable" class="vd-popover-close" @click="$_close"></vd-icon>
+      <div class="vd-popover-close--hot" v-if="closeable" @click="$_close"></div>
+    </div>
+    <!-- 内容少的话，直接content属性 -->
+    <div v-else :class="'vd-popover-' + theme" ref="popperRef" class="vd-popper">
+      {{ content }}
+      <!-- <a v-if="closeable" class="vd-popover-close" href="javascript:;" @click="$_close">&#10005;</a> -->
+      <vd-icon name="icon_btn_close" v-if="closeable" class="vd-popover-close"></vd-icon>
+      <div class="vd-popover-close--hot" v-if="closeable" @click="$_close"></div>
+    </div>
+    <!-- 把外界传递的普通插槽当做具名插槽传递给子组件使用 -->
+    <slot slot="reference"></slot>
+  </popper>
+</template>
+
+<script>
+import VdIcon from '../icon';
+import popper from "./vue-popover";
+// 总共12个位置
+const placementArr = [
+  "top-start",
+  "top",
+  "top-end",
+  "left-start",
+  "left",
+  "left-end",
+  "right-start",
+  "right",
+  "right-end",
+  "bottom-start",
+  "bottom",
+  "bottom-end",
+];
+export default {
+  name: "vd-popover",
+  components: { popper,VdIcon }, // 注册并使用 vue-popperjs 插件组件
+  props: {
+    // 12个位置
+    placement: {
+      type: String,
+      default: 'top', // 默认
+      validator(val) {
+        return placementArr.includes(val); // 位置校验函数
+      },
+    },
+    // 内容
+    content: {
+      type: String,
+      default: "",
+    },
+    // 切换模式，默认是 primary 模式 
+    theme: {
+      type: String,
+      default: "primary", // secondary
+    },
+    // 是否禁用即关掉
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    // closeable
+    closeable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    hasSlot() {
+      return Boolean(this.$slots.content)
+    }
+  },
+  methods: {
+    $_close() {
+      this.$refs.close.doClose()
+      // popper.methods.handleDocumentClick 拦截该事件
+    }
+  },
+};
+</script>
+<style lang="less">
+@import './style.less';
+</style>