@logwire/logwire-wms-pda-ui 1.1.17 → 1.1.18

package/src/components/ui/Button/index.vue

@@ -1,183 +1,183 @@
-<!--
-  @name: 按钮
-  @description: -
-  @author 张文
-  @date: 2022-01-12
--->
-<template>
-  <button
-    ref="lwButton"
-    :type="nativeType"
-    :class="[
-      'lw-button',
-      'lw-global-click-style',
-      `lw-button-${type}`,
-      mini?'lw-mini-button':'',
-      round?'lw-button-round':'',
-      disabled?'lw-button-disabled':'',
-      plain?`lw-button-plain-${type}`:'',
-      autoBlurClass
-    ]"
-    :style="[
-      block?{display:'block',width:'100%',marginLeft:'0'}:{},
-      color?{background:color,border:'none'}:{}
-    ]"
-    :disabled="disabled"
-    @click="click"
-  >
-    <slot></slot>
-  </button>
-</template>
-
-<script>
-
-export default {
-  name: "lwButton",
-  props: {
-    // 按钮类型 main、normal、last
-    type: {
-      type: String,
-      default: 'main'
-    },
-    // 是否是mini按钮
-    mini: {
-      type: Boolean,
-      default: false
-    },
-    // 是否是圆角按钮
-    round: {
-      type: Boolean,
-      default: false
-    },
-    // 是否禁用
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    // 是否点击后立刻失焦
-    autoBlur: {
-      type: Boolean,
-      default: true
-    },
-    // 是否是块级元素
-    block: {
-      type: Boolean,
-      default: false
-    },
-    // 是否是朴素按钮
-    plain: {
-      type: Boolean,
-      default: false
-    },
-    // 自定义按钮颜色
-    color: String,
-    // 原生的type属性
-    nativeType: String
-  },
-  data() {
-    return {
-      autoBlurClass:''
-    }
-  },
-  methods: {
-    // 按钮被点击
-    click(ev) {
-      if (this.autoBlur) {
-        this.$refs.lwButton.blur()
-
-        // 用于解决自动失焦后没有点击效果的问题
-        this.autoBlurClass = 'lw-button-auto-blur-action'
-        setTimeout(()=>{
-          this.autoBlurClass = ''
-        },200)
-      }
-      this.$emit('click', ev)
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-
-@import "../../../assets/css/var.less";
-
-// 常规按钮
-.lw-button {
-  border-radius: @buttonBorderRadius;
-  font-weight: 400;
-  padding: 0 10px;
-  border: none;
-  transition: opacity 0.2s;
-  position: relative;
-  min-height: @buttonHeight;
-  font-size: @buttonFontSize;
-
-  &+.lw-button{
-    margin-left: 5px;
-  }
-}
-
-// 自动失焦后的点击动画
-.lw-button-auto-blur-action:before{
-  opacity: 0.1;
-}
-
-// mini按钮
-.lw-mini-button{
-  min-height: @miniButtonHeight;
-  font-size: @miniButtonFontSize;
-}
-
-// 圆角样式
-.lw-button-round {
-  border-radius: 999px;
-}
-
-// 主要按钮样式
-.lw-button-main {
-  background: @mainButtonBackgroundColor;
-  color: @mainButtonFontColor;
-  border: 1px solid @mainButtonBackgroundColor;
-}
-
-// 主要按钮朴素样式
-.lw-button-plain-main {
-  background: @plainButtonBackgroundColor;
-  color: @baseColor;
-  border: 1px solid @baseColor;
-}
-
-// 正常按钮样式
-.lw-button-normal {
-  background: @normalButtonBackgroundColor;
-  color: @normalButtonFontColor;
-  border: 1px solid @normalButtonBackgroundColor;
-}
-
-// 正常按钮朴素样式
-.lw-button-plain-normal {
-  background: @plainButtonBackgroundColor;
-  color: @normalButtonBackgroundColor;
-}
-
-// 次要按钮样式
-.lw-button-last {
-  background: @lastButtonBackgroundColor;
-  color: @lastButtonFontColor;
-  border: 1px solid @lastButtonBackgroundColor;
-}
-
-// 次要按钮朴素样式
-.lw-button-plain-last {
-  background: @plainButtonBackgroundColor;
-  color: @lastButtonBackgroundColor;
-}
-
-// 禁用
-.lw-button-disabled{
-  cursor: no-drop;
-  opacity: 0.5;
-}
-
-
-</style>
+<!--
+  @name: 按钮
+  @description: -
+  @author 张文
+  @date: 2022-01-12
+-->
+<template>
+  <button
+    ref="lwButton"
+    :type="nativeType"
+    :class="[
+      'lw-button',
+      'lw-global-click-style',
+      `lw-button-${type}`,
+      mini?'lw-mini-button':'',
+      round?'lw-button-round':'',
+      disabled?'lw-button-disabled':'',
+      plain?`lw-button-plain-${type}`:'',
+      autoBlurClass
+    ]"
+    :style="[
+      block?{display:'block',width:'100%',marginLeft:'0'}:{},
+      color?{background:color,border:'none'}:{}
+    ]"
+    :disabled="disabled"
+    @click="click"
+  >
+    <slot></slot>
+  </button>
+</template>
+
+<script>
+
+export default {
+  name: "lwButton",
+  props: {
+    // 按钮类型 main、normal、last
+    type: {
+      type: String,
+      default: 'main'
+    },
+    // 是否是mini按钮
+    mini: {
+      type: Boolean,
+      default: false
+    },
+    // 是否是圆角按钮
+    round: {
+      type: Boolean,
+      default: false
+    },
+    // 是否禁用
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 是否点击后立刻失焦
+    autoBlur: {
+      type: Boolean,
+      default: true
+    },
+    // 是否是块级元素
+    block: {
+      type: Boolean,
+      default: false
+    },
+    // 是否是朴素按钮
+    plain: {
+      type: Boolean,
+      default: false
+    },
+    // 自定义按钮颜色
+    color: String,
+    // 原生的type属性
+    nativeType: String
+  },
+  data() {
+    return {
+      autoBlurClass:''
+    }
+  },
+  methods: {
+    // 按钮被点击
+    click(ev) {
+      if (this.autoBlur) {
+        this.$refs.lwButton.blur()
+
+        // 用于解决自动失焦后没有点击效果的问题
+        this.autoBlurClass = 'lw-button-auto-blur-action'
+        setTimeout(()=>{
+          this.autoBlurClass = ''
+        },200)
+      }
+      this.$emit('click', ev)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+@import "../../../assets/css/var.less";
+
+// 常规按钮
+.lw-button {
+  border-radius: @buttonBorderRadius;
+  font-weight: 400;
+  padding: 0 10px;
+  border: none;
+  transition: opacity 0.2s;
+  position: relative;
+  min-height: @buttonHeight;
+  font-size: @buttonFontSize;
+
+  &+.lw-button{
+    margin-left: 5px;
+  }
+}
+
+// 自动失焦后的点击动画
+.lw-button-auto-blur-action:before{
+  opacity: 0.1;
+}
+
+// mini按钮
+.lw-mini-button{
+  min-height: @miniButtonHeight;
+  font-size: @miniButtonFontSize;
+}
+
+// 圆角样式
+.lw-button-round {
+  border-radius: 999px;
+}
+
+// 主要按钮样式
+.lw-button-main {
+  background: @mainButtonBackgroundColor;
+  color: @mainButtonFontColor;
+  border: 1px solid @mainButtonBackgroundColor;
+}
+
+// 主要按钮朴素样式
+.lw-button-plain-main {
+  background: @plainButtonBackgroundColor;
+  color: @baseColor;
+  border: 1px solid @baseColor;
+}
+
+// 正常按钮样式
+.lw-button-normal {
+  background: @normalButtonBackgroundColor;
+  color: @normalButtonFontColor;
+  border: 1px solid @normalButtonBackgroundColor;
+}
+
+// 正常按钮朴素样式
+.lw-button-plain-normal {
+  background: @plainButtonBackgroundColor;
+  color: @normalButtonBackgroundColor;
+}
+
+// 次要按钮样式
+.lw-button-last {
+  background: @lastButtonBackgroundColor;
+  color: @lastButtonFontColor;
+  border: 1px solid @lastButtonBackgroundColor;
+}
+
+// 次要按钮朴素样式
+.lw-button-plain-last {
+  background: @plainButtonBackgroundColor;
+  color: @lastButtonBackgroundColor;
+}
+
+// 禁用
+.lw-button-disabled{
+  cursor: no-drop;
+  opacity: 0.5;
+}
+
+
+</style>

package/src/components/ui/CarPlate/index.js

@@ -1,11 +1,11 @@
-/*
-* 车牌号输入组件
-* @author: 张文
-* @date  2022-06-06
-* */
-
-import lwCarPlate from "./index.vue";
-
-lwCarPlate.install = Vue => Vue.component(lwCarPlate.name, lwCarPlate)
-
-export default lwCarPlate
+/*
+* 车牌号输入组件
+* @author: 张文
+* @date  2022-06-06
+* */
+
+import lwCarPlate from "./index.vue";
+
+lwCarPlate.install = Vue => Vue.component(lwCarPlate.name, lwCarPlate)
+
+export default lwCarPlate