@logwire/logwire-wms-pda-ui 1.2.0 → 3.1.1

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

@@ -1,242 +1,242 @@
-<!--
-  @name: 底部弹出层
-  @description: -
-  @author 张文
-  @date: 2022-01-21
--->
-<template>
-  <van-popup
-    class="lw-global-flex-between lw-bottom-popup-box"
-    v-model="showPopup"
-    :get-container="getContainer"
-    :round="round"
-    :close-on-click-overlay="(allowOff && closeOnClickOverlay)"
-    :position="position"
-    :style="{ height: height,width:width }"
-    @click="ev=>$emit('click', ev)"
-    @click-overlay="$emit('clickOverlay')"
-    @open="$emit('open')"
-    @opened="$emit('opened')"
-    @close="$emit('close')"
-    @closed="$emit('closed')"
-  >
-    <div class="lw-global-flex-center lw-bottom-popup-title">
-      <slot name="title">{{ title }}</slot>
-    </div>
-
-    <div
-      class="lw-bottom-content"
-      :style="{ background: background }"
-    >
-
-      <div style="height: 10px" :id="anchor"><!-- 滚动到页面顶部的锚点 --></div>
-      <slot></slot>
-    </div>
-
-
-    <div
-      v-if="showBottomBar"
-      class="lw-global-flex-around lw-bottom-popup-btn-box"
-    >
-      <slot name="bottomInfo"></slot>
-      <lw-button
-        v-if="allowOff && showOffBtn"
-        :type="btnType"
-        :mini="btnMini"
-        :round="btnRound"
-        :color="btnColor"
-        :plain="btnPlain"
-        @click="offBtnClick"
-      >{{ offBtnText || $lwLanguage.get('wms_project.pda.components.ui.popup.off','关闭') }}</lw-button>
-      <slot name="button"></slot>
-    </div>
-
-  </van-popup>
-</template>
-
-<script>
-
-export default {
-  name: "lwPopup",
-  props:{
-    // 显示隐藏
-    value:{
-      type:Boolean,
-      default:false
-    },
-    // 挂载到指定节点
-    getContainer:{
-      type:String,
-      default:'body'
-    },
-    // 弹出位置
-    position:{
-      type:String,
-      default:'bottom'
-    },
-    // 是否显示圆角
-    round:{
-      type:Boolean,
-      default:true
-    },
-    // 是否点击遮罩层后关闭弹窗
-    closeOnClickOverlay:{
-      type:Boolean,
-      default:true
-    },
-
-    // 高度
-    height:{
-      type:[Number, String],
-      default: 'auto'
-    },
-    // 宽度
-    width:{
-      type:[Number, String],
-      default: '100%'
-    },
-    // 标题
-    title:String,
-    // 是否显示关闭按钮
-    showOffBtn:{
-      type:Boolean,
-      default:true
-    },
-    // 关闭按钮的文字
-    offBtnText:String,
-    // 关闭按钮点击后触发的方法
-    offBtnFn:Function,
-    // 关闭按钮是否mini
-    btnMini:{
-      type:Boolean,
-      default:false
-    },
-    // 关闭按钮是否圆角
-    btnRound:{
-      type:Boolean,
-      default:false
-    },
-    // 关闭按钮颜色
-    btnColor:String,
-    // 是否是朴素按钮
-    btnPlain:{
-      type:Boolean,
-      default:true
-    },
-    // 关闭按钮类型
-    btnType:{
-      type:String,
-      default:'last'
-    },
-    // 允许关闭，为false时将不显示关闭按钮且不允许点击遮罩层关闭弹框
-    allowOff:{
-      type:Boolean,
-      default:true
-    },
-    // 每次打开是否自动滚动到内容顶部
-    autoTop:{
-      type: Boolean,
-      default: true
-    },
-
-    // 显示区主题背景颜色
-    background: String,
-
-
-    // 是否显示底部操作栏
-    showBottomBar:{
-      type: Boolean,
-      default: true
-    },
-  },
-  data() {
-    return {
-      anchor:''
-    }
-  },
-  watch:{
-    showPopup:{
-      handler(n){
-        if(n && this.autoTop){
-          this.anchor = new Date().getTime().toString()
-          this.$nextTick(()=>{
-            document.getElementById(this.anchor).scrollIntoView({
-              behavior: "instant",
-              block:'start',
-            })
-          })
-        }
-      }
-    }
-  },
-  computed:{
-    showPopup:{
-      get(){
-        return this.value
-      },
-      set(v){
-        this.$emit('input', v)
-      }
-    }
-  },
-  methods: {
-    // 关闭按钮点击
-    offBtnClick(){
-      if (typeof this.offBtnFn === 'function'){
-        this.offBtnFn()
-      }else {
-        this.showPopup = false
-        this.$emit('clickCloseBtn')
-      }
-
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-@import "../../../assets/css/var.less";
-
-.lw-bottom-popup-box{
-  flex-direction: column;
-  max-height: 90%;
-}
-
-
-.lw-bottom-popup-title{
-  text-align: center;
-  height: 40px;
-  width: 100%;
-  font-weight: bold;
-  border-bottom: solid 1px @borderColor;
-  overflow: hidden;
-  box-shadow: 0 2px 4px 1px @borderColor;
-  //color: @baseColor;
-  flex-shrink: 0;
-}
-
-.lw-bottom-content{
-  flex: 1;
-  width: 100%;
-  box-sizing: border-box;
-  padding: 0 10px 10px;
-  overflow: auto;
-}
-
-.lw-bottom-popup-btn-box{
-  height: 50px;
-  width: 100%;
-  border-top: solid 1px @borderColor;
-  overflow: hidden;
-  box-shadow: 0 -2px 4px 1px @borderColor;
-  padding: 10px;
-  box-sizing: border-box;
-  flex-shrink: 0;
-
-  /deep/*{
-    flex: 1;
-  }
-}
-
-</style>
+<!--
+  @name: 底部弹出层
+  @description: -
+  @author 张文
+  @date: 2022-01-21
+-->
+<template>
+  <van-popup
+    class="lw-global-flex-between lw-bottom-popup-box"
+    v-model="showPopup"
+    :get-container="getContainer"
+    :round="round"
+    :close-on-click-overlay="(allowOff && closeOnClickOverlay)"
+    :position="position"
+    :style="{ height: height,width:width }"
+    @click="ev=>$emit('click', ev)"
+    @click-overlay="$emit('clickOverlay')"
+    @open="$emit('open')"
+    @opened="$emit('opened')"
+    @close="$emit('close')"
+    @closed="$emit('closed')"
+  >
+    <div class="lw-global-flex-center lw-bottom-popup-title">
+      <slot name="title">{{ title }}</slot>
+    </div>
+
+    <div
+      class="lw-bottom-content"
+      :style="{ background: background }"
+    >
+
+      <div style="height: 10px" :id="anchor"><!-- 滚动到页面顶部的锚点 --></div>
+      <slot></slot>
+    </div>
+
+
+    <div
+      v-if="showBottomBar"
+      class="lw-global-flex-around lw-bottom-popup-btn-box"
+    >
+      <slot name="bottomInfo"></slot>
+      <lw-button
+        v-if="allowOff && showOffBtn"
+        :type="btnType"
+        :mini="btnMini"
+        :round="btnRound"
+        :color="btnColor"
+        :plain="btnPlain"
+        @click="offBtnClick"
+      >{{ offBtnText || $lwLanguage.get('wms_project.pda.components.ui.popup.off','关闭') }}</lw-button>
+      <slot name="button"></slot>
+    </div>
+
+  </van-popup>
+</template>
+
+<script>
+
+export default {
+  name: "lwPopup",
+  props:{
+    // 显示隐藏
+    value:{
+      type:Boolean,
+      default:false
+    },
+    // 挂载到指定节点
+    getContainer:{
+      type:String,
+      default:'body'
+    },
+    // 弹出位置
+    position:{
+      type:String,
+      default:'bottom'
+    },
+    // 是否显示圆角
+    round:{
+      type:Boolean,
+      default:true
+    },
+    // 是否点击遮罩层后关闭弹窗
+    closeOnClickOverlay:{
+      type:Boolean,
+      default:true
+    },
+
+    // 高度
+    height:{
+      type:[Number, String],
+      default: 'auto'
+    },
+    // 宽度
+    width:{
+      type:[Number, String],
+      default: '100%'
+    },
+    // 标题
+    title:String,
+    // 是否显示关闭按钮
+    showOffBtn:{
+      type:Boolean,
+      default:true
+    },
+    // 关闭按钮的文字
+    offBtnText:String,
+    // 关闭按钮点击后触发的方法
+    offBtnFn:Function,
+    // 关闭按钮是否mini
+    btnMini:{
+      type:Boolean,
+      default:false
+    },
+    // 关闭按钮是否圆角
+    btnRound:{
+      type:Boolean,
+      default:false
+    },
+    // 关闭按钮颜色
+    btnColor:String,
+    // 是否是朴素按钮
+    btnPlain:{
+      type:Boolean,
+      default:true
+    },
+    // 关闭按钮类型
+    btnType:{
+      type:String,
+      default:'last'
+    },
+    // 允许关闭，为false时将不显示关闭按钮且不允许点击遮罩层关闭弹框
+    allowOff:{
+      type:Boolean,
+      default:true
+    },
+    // 每次打开是否自动滚动到内容顶部
+    autoTop:{
+      type: Boolean,
+      default: true
+    },
+
+    // 显示区主题背景颜色
+    background: String,
+
+
+    // 是否显示底部操作栏
+    showBottomBar:{
+      type: Boolean,
+      default: true
+    },
+  },
+  data() {
+    return {
+      anchor:''
+    }
+  },
+  watch:{
+    showPopup:{
+      handler(n){
+        if(n && this.autoTop){
+          this.anchor = new Date().getTime().toString()
+          this.$nextTick(()=>{
+            document.getElementById(this.anchor).scrollIntoView({
+              behavior: "instant",
+              block:'start',
+            })
+          })
+        }
+      }
+    }
+  },
+  computed:{
+    showPopup:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input', v)
+      }
+    }
+  },
+  methods: {
+    // 关闭按钮点击
+    offBtnClick(){
+      if (typeof this.offBtnFn === 'function'){
+        this.offBtnFn()
+      }else {
+        this.showPopup = false
+        this.$emit('clickCloseBtn')
+      }
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+@import "../../../assets/css/var.less";
+
+.lw-bottom-popup-box{
+  flex-direction: column;
+  max-height: 90%;
+}
+
+
+.lw-bottom-popup-title{
+  text-align: center;
+  height: 40px;
+  width: 100%;
+  font-weight: bold;
+  border-bottom: solid 1px @borderColor;
+  overflow: hidden;
+  box-shadow: 0 2px 4px 1px @borderColor;
+  //color: @baseColor;
+  flex-shrink: 0;
+}
+
+.lw-bottom-content{
+  flex: 1;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 10px 10px;
+  overflow: auto;
+}
+
+.lw-bottom-popup-btn-box{
+  height: 50px;
+  width: 100%;
+  border-top: solid 1px @borderColor;
+  overflow: hidden;
+  box-shadow: 0 -2px 4px 1px @borderColor;
+  padding: 10px;
+  box-sizing: border-box;
+  flex-shrink: 0;
+
+  :deep(*){
+    flex: 1;
+  }
+}
+
+</style>

package/src/components/ui/Popup//345/274/271/345/207/272/345/261/202.md

@@ -1 +1 @@
-# 弹出层 [查看文档](https://www.yuque.com/docs/share/631f96b9-a483-4a9e-ba1b-da8f120d9b91)
+# 弹出层 [查看文档](https://www.yuque.com/docs/share/631f96b9-a483-4a9e-ba1b-da8f120d9b91)

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

@@ -37,8 +37,24 @@
       </lw-input>
 
       <div v-if="selectDataList.length">
-
-        <van-checkbox-group v-model="result" :max="max">
+        <van-radio-group
+          v-if="max===1"
+          v-model="result"
+        >
+          <van-radio
+            v-for="i in selectDataList"
+            :key="i[valueKey]"
+            :name="i[valueKey]"
+          >
+            {{ i[labelKey] }}
+          </van-radio>
+        </van-radio-group>
+
+        <van-checkbox-group
+          v-else
+          v-model="result"
+          :max="max"
+        >
           <van-checkbox
             v-for="i in selectDataList"
             :key="i[valueKey]"
@@ -163,9 +179,14 @@ export default {
 
     // 弹框确认
     confirm(){
-      this.show=false
+      this.show = false
+
+      let result = this.result
+      if (!Array.isArray(result)) {
+        result = [this.result]
+      }
 
-      const resultObj = this.result.map(item=>{
+      const resultObj = result.map(item=>{
         const obj = this.selectDataInfo.filter(inItem=>{
           return inItem[this.valueKey] === item
         })
@@ -176,7 +197,7 @@ export default {
 
       const resultLabel = resultObj.map(item=>item[this.labelKey]).join(',')
 
-      this.$emit('confirm', this.result.join(','), resultLabel, resultObj )
+      this.$emit('confirm', result.join(','), resultLabel, resultObj )
     }
   }
 }
@@ -193,7 +214,7 @@ export default {
     padding: 5px 0;
   }
 
-  /deep/.van-checkbox{
+  :deep(.van-checkbox){
     padding: 5px;
     font-size: 14px;
 

package/src/components/ui/PopupCheckbox//345/244/232/351/200/211/345/274/271/346/241/206.md

@@ -1 +1 @@
-# 多选弹框 [查看文档](https://www.yuque.com/docs/share/a906a9ec-2c35-4602-b33c-284850c817ad)
+# 多选弹框 [查看文档](https://www.yuque.com/docs/share/a906a9ec-2c35-4602-b33c-284850c817ad)

package/src/components/ui/PopupRadio//345/215/225/351/200/211/345/274/271/346/241/206.md

@@ -1 +1 @@
-# 单选弹框 [查看文档](https://www.yuque.com/docs/share/b5ea9e72-8790-4378-a135-de3dbb2ad863)
+# 单选弹框 [查看文档](https://www.yuque.com/docs/share/b5ea9e72-8790-4378-a135-de3dbb2ad863)

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

@@ -123,7 +123,7 @@ export default {
 
 .lw-tab-bar-box{
 
-  /deep/.van-hairline--top-bottom{
+  :deep(.van-hairline--top-bottom){
 
     box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
   }

package/src/components/ui/Table//350/241/250/346/240/274.md

@@ -1 +1 @@
-# 表格 [查看文档](https://www.yuque.com/docs/share/29d012e7-d5db-412a-bd10-01c30a373765)
+# 表格 [查看文档](https://www.yuque.com/docs/share/29d012e7-d5db-412a-bd10-01c30a373765)

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

@@ -81,60 +81,60 @@ export default {
   margin: 2px 4px;
 
 
-  /deep/.van-tag{
+  :deep(.van-tag){
     padding: 2px 8px;
     border-radius: 4px;
   }
 
-  /deep/.van-tag--round {
+  :deep(.van-tag--round) {
     border-radius: 999px;
   }
 
-  /deep/.van-tag--mark {
+  :deep(.van-tag--mark) {
     border-radius: 0 999px 999px 0;
   }
 
-  /deep/.van-tag--primary{
+  :deep(.van-tag--primary){
     background-color: @tagPrimaryColor;
     &.van-tag--plain{
       color: @tagPrimaryColor;
     }
   }
 
-  /deep/.van-tag--success {
+  :deep(.van-tag--success) {
     background-color: @tagSuccessColor;
     &.van-tag--plain{
       color: @tagSuccessColor;
     }
   }
 
-  /deep/.van-tag--danger {
+  :deep(.van-tag--danger) {
     background-color: @tagDangerColor;
     &.van-tag--plain{
       color: @tagDangerColor;
     }
   }
 
-  /deep/.van-tag--warning {
+  :deep(.van-tag--warning) {
     background-color: @tagWarningColor;
     &.van-tag--plain{
       color: @tagWarningColor;
     }
   }
 
-  /deep/.van-tag--large{
+  :deep(.van-tag--large){
     padding: 6px 12px;
   }
 
-  /deep/.van-tag--medium{
+  :deep(.van-tag--medium){
     padding: 4px 10px;
   }
 
-  /deep/.van-tag__close {
+  :deep(.van-tag__close) {
     margin-left: 8px;
   }
 
-  /deep/.van-tag--plain{
+  :deep(.van-tag--plain){
     background-color: #fff;
   }
 }

package/src/components/ui/Tag//346/240/207/347/255/276.md

@@ -1 +1 @@
-# 标签 [查看文档](https://www.yuque.com/docs/share/c31e5136-3203-43a6-8c24-571b908c8198)
+# 标签 [查看文档](https://www.yuque.com/docs/share/c31e5136-3203-43a6-8c24-571b908c8198)