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

package/src/components/ui/Input//350/276/223/345/205/245/346/241/206.md

@@ -1 +1 @@
-# 输入框 [查看文档](https://www.yuque.com/docs/share/58281a3a-8b0d-4b99-b96a-bb67d9e684b2)
+# 输入框 [查看文档](https://www.yuque.com/docs/share/58281a3a-8b0d-4b99-b96a-bb67d9e684b2)

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

@@ -1,49 +1,49 @@
-import lwLoading from './index.vue'
-import Vue from "vue";
-
-/*lwLoading.install = Vue => Vue.component(lwLoading.name, lwLoading)
-
-export default lwLoading*/
-
-
-
-
-// 手动挂载加载框
-const toastCom = Vue.extend(lwLoading)
-let toastNew
-// 挂载加载框
-const lwLoadingDom = (msg) => {
-  toastNew = new toastCom({
-    el: document.createElement('div')
-  });
-  toastNew.msg = msg || msg === 0 ? msg : '加载中...'
-  toastNew.loading++
-  document.body.appendChild(toastNew.$el)
-  return toastNew
-}
-
-/**
-* 打开加载框
-* @param {String} msg 加载文字，默认“加载中...”
-* */
-export const lwShowLoading = (msg='加载中...') => {
-  if (toastNew){
-    toastNew.loading++
-    toastNew.msg = msg
-    return toastNew
-  }
-  return lwLoadingDom(msg)
-}
-
-// 关闭加载框
-export const lwCloseLoading = () => {
-  try{
-    if (toastNew){
-      toastNew.loading--
-
-      if (toastNew.loading <=0) toastNew.loading = 0
-    }
-  }catch (err){
-    console.warn('关闭加载框出错', err)
-  }
-}
+import lwLoading from './index.vue'
+import Vue from "vue";
+
+/*lwLoading.install = Vue => Vue.component(lwLoading.name, lwLoading)
+
+export default lwLoading*/
+
+
+
+
+// 手动挂载加载框
+const toastCom = Vue.extend(lwLoading)
+let toastNew
+// 挂载加载框
+const lwLoadingDom = (msg) => {
+  toastNew = new toastCom({
+    el: document.createElement('div')
+  });
+  toastNew.msg = msg || msg === 0 ? msg : '加载中...'
+  toastNew.loading++
+  document.body.appendChild(toastNew.$el)
+  return toastNew
+}
+
+/**
+* 打开加载框
+* @param {String} msg 加载文字，默认“加载中...”
+* */
+export const lwShowLoading = (msg='加载中...') => {
+  if (toastNew){
+    toastNew.loading++
+    toastNew.msg = msg
+    return toastNew
+  }
+  return lwLoadingDom(msg)
+}
+
+// 关闭加载框
+export const lwCloseLoading = () => {
+  try{
+    if (toastNew){
+      toastNew.loading--
+
+      if (toastNew.loading <=0) toastNew.loading = 0
+    }
+  }catch (err){
+    console.warn('关闭加载框出错', err)
+  }
+}

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

@@ -1,61 +1,61 @@
-<!--
-  @name: 加载框
-  @description: -
-  @author 张文
-  @date: 2022-01-24
--->
-<template>
-  <div class="lw-global-flex-center lw-loading" v-if="loading > 0">
-    <div class="lw-global-flex-center lw-loading-block">
-      <span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;">
-        <svg viewBox="25 25 50 50" class="van-loading__circular">
-          <circle cx="50" cy="50" r="20" fill="none"></circle>
-        </svg>
-      </span>
-      <div style="margin-top: 5px">{{ msg || $lwLanguage.get('wms_project.pda.common.loading', '加载中') + '...' }}</div>
-    </div>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "lwLoading",
-  data() {
-    return {
-      msg:'',
-      loading:0
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-
-
-@import "../../../assets/css/var.less";
-
-.lw-loading {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 2147483583;
-  background-color: rgba(0, 0, 0, 0.1);
-  color: #fff;
-  font-size: 12px;
-
-  &-block {
-    padding: 16px;
-    border-radius: 8px;
-    width: 88px;
-    max-width: 70%;
-    min-height: 88px;
-    background-color: #4f4f4f;
-    flex-direction: column;
-  }
-}
-
-
-</style>
+<!--
+  @name: 加载框
+  @description: -
+  @author 张文
+  @date: 2022-01-24
+-->
+<template>
+  <div class="lw-global-flex-center lw-loading" v-if="loading > 0">
+    <div class="lw-global-flex-center lw-loading-block">
+      <span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;">
+        <svg viewBox="25 25 50 50" class="van-loading__circular">
+          <circle cx="50" cy="50" r="20" fill="none"></circle>
+        </svg>
+      </span>
+      <div style="margin-top: 5px">{{ msg || $lwLanguage.get('wms_project.pda.common.loading', '加载中') + '...' }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwLoading",
+  data() {
+    return {
+      msg:'',
+      loading:0
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+
+@import "../../../assets/css/var.less";
+
+.lw-loading {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 2147483583;
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #fff;
+  font-size: 12px;
+
+  &-block {
+    padding: 16px;
+    border-radius: 8px;
+    width: 88px;
+    max-width: 70%;
+    min-height: 88px;
+    background-color: #4f4f4f;
+    flex-direction: column;
+  }
+}
+
+
+</style>

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

@@ -1,5 +1,5 @@
-import lwMenuItem from './index.vue'
-
-lwMenuItem.install = Vue => Vue.component(lwMenuItem.name, lwMenuItem)
-
-export default lwMenuItem
+import lwMenuItem from './index.vue'
+
+lwMenuItem.install = Vue => Vue.component(lwMenuItem.name, lwMenuItem)
+
+export default lwMenuItem

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

@@ -1,170 +1,170 @@
-<!--
-  @name: 菜单模块
-  @description: -
-  @author 张文
-  @date: 2022-02-24
--->
-<template>
-  <div
-    :class="[
-      move ? 'lw-global-animation-out' : '',
-      'lw-global-click-style',
-      'lw-menu-item'
-    ]"
-    :style="{ background: background, animationDelay: 50 * time + 'ms' }"
-    v-if="!hidden"
-    v-permissions="permissions"
-    @click="click"
-  >
-    <img
-      class="lw-menu-img"
-      :src="src"
-      alt=""
-    >
-
-    <div class="lw-global-flex-center lw-menu-title" v-html="$lwLanguage.get(titleKey, title)"></div>
-
-    <!-- 角标 -->
-    <div v-if="tip && tip !== '0'" class="lw-global-flex-center lw-menu-tip">{{ strToNum(tip) }}</div>
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "lwMenuItem",
-  props: {
-    // 项目的背景颜色
-    background: String,
-
-    // 是否需要进入动画
-    move:{
-      type:Boolean,
-      default: true
-    },
-
-    // 延迟动画时长，50的倍数
-    time: {
-      type: Number,
-      default: 0
-    },
-
-    // 权限
-    permissions: {
-      type: Array,
-      default: () => []
-    },
-
-    // 是否显示
-    hidden: {
-      type: Boolean,
-      default: false
-    },
-
-    // 图片地址
-    src: null,
-
-    // 标题多语言的key，允许使用HTML标签
-    titleKey: String,
-    // 标题，允许使用HTML标签
-    title: null,
-
-    // 角标数据
-    tip: [Number, String],
-
-    // 角标数据最大可显示数
-    tipMax: {
-      type: Number,
-      default: 9
-    },
-
-    // 跳转的路由地址
-    path: String,
-
-    // 跳转时传递的参数
-    query: Object
-  },
-  data() {
-    return {}
-  },
-  methods: {
-    // 徽标数字转换
-    strToNum(str) {
-      const num = Number(str)
-
-      if (isNaN(num)) return str
-
-      if (this.tipMax === 0) return num
-
-      if (num > this.tipMax) return this.tipMax + '+'
-
-      return num
-    },
-
-
-    // 点击
-    click() {
-      if (this.path){
-        this.$router.push({
-          path: this.path,
-          query: this.query
-        })
-
-        return
-      }
-      this.$emit('click')
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-/*
-* 菜单项
-*/
-
-.lw-menu-item{
-  width: calc((100% - 20px) / 3);
-  box-sizing: border-box;
-  margin: 0 10px 10px 0;
-  text-align: center;
-  background: #fff;
-  border-radius: 10px;
-  padding: 10px;
-  position: relative;
-
-  &:nth-child(3n){
-    margin-right: 0;
-  }
-
-  .lw-menu-img{
-    width: 40px;
-    height: auto;
-  }
-}
-
-.lw-menu-title{
-  margin-top: 5px;
-  font-size: 12px;
-  height: 24px;
-  flex-direction: column;
-}
-
-.lw-menu-tip{
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 0 3px;
-  min-width: 16px;
-  min-height: 16px;
-  border-radius: 999px;
-  background: #D50000;
-  color: #fff;
-  font-weight: 500;
-  text-align: center;
-  font-size: 12px;
-  transform: translate(25%,-25%);
-}
-
-</style>
+<!--
+  @name: 菜单模块
+  @description: -
+  @author 张文
+  @date: 2022-02-24
+-->
+<template>
+  <div
+    :class="[
+      move ? 'lw-global-animation-out' : '',
+      'lw-global-click-style',
+      'lw-menu-item'
+    ]"
+    :style="{ background: background, animationDelay: 50 * time + 'ms' }"
+    v-if="!hidden"
+    v-permissions="permissions"
+    @click="click"
+  >
+    <img
+      class="lw-menu-img"
+      :src="src"
+      alt=""
+    >
+
+    <div class="lw-global-flex-center lw-menu-title" v-html="$lwLanguage.get(titleKey, title)"></div>
+
+    <!-- 角标 -->
+    <div v-if="tip && tip !== '0'" class="lw-global-flex-center lw-menu-tip">{{ strToNum(tip) }}</div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwMenuItem",
+  props: {
+    // 项目的背景颜色
+    background: String,
+
+    // 是否需要进入动画
+    move:{
+      type:Boolean,
+      default: true
+    },
+
+    // 延迟动画时长，50的倍数
+    time: {
+      type: Number,
+      default: 0
+    },
+
+    // 权限
+    permissions: {
+      type: Array,
+      default: () => []
+    },
+
+    // 是否显示
+    hidden: {
+      type: Boolean,
+      default: false
+    },
+
+    // 图片地址
+    src: null,
+
+    // 标题多语言的key，允许使用HTML标签
+    titleKey: String,
+    // 标题，允许使用HTML标签
+    title: null,
+
+    // 角标数据
+    tip: [Number, String],
+
+    // 角标数据最大可显示数
+    tipMax: {
+      type: Number,
+      default: 9
+    },
+
+    // 跳转的路由地址
+    path: String,
+
+    // 跳转时传递的参数
+    query: Object
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 徽标数字转换
+    strToNum(str) {
+      const num = Number(str)
+
+      if (isNaN(num)) return str
+
+      if (this.tipMax === 0) return num
+
+      if (num > this.tipMax) return this.tipMax + '+'
+
+      return num
+    },
+
+
+    // 点击
+    click() {
+      if (this.path){
+        this.$router.push({
+          path: this.path,
+          query: this.query
+        })
+
+        return
+      }
+      this.$emit('click')
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+/*
+* 菜单项
+*/
+
+.lw-menu-item{
+  width: calc((100% - 20px) / 3);
+  box-sizing: border-box;
+  margin: 0 10px 10px 0;
+  text-align: center;
+  background: #fff;
+  border-radius: 10px;
+  padding: 10px;
+  position: relative;
+
+  &:nth-child(3n){
+    margin-right: 0;
+  }
+
+  .lw-menu-img{
+    width: 40px;
+    height: auto;
+  }
+}
+
+.lw-menu-title{
+  margin-top: 5px;
+  font-size: 12px;
+  height: 24px;
+  flex-direction: column;
+}
+
+.lw-menu-tip{
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 0 3px;
+  min-width: 16px;
+  min-height: 16px;
+  border-radius: 999px;
+  background: #D50000;
+  color: #fff;
+  font-weight: 500;
+  text-align: center;
+  font-size: 12px;
+  transform: translate(25%,-25%);
+}
+
+</style>

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

@@ -1,5 +1,5 @@
-import lwNavBar from './index.vue'
-
-lwNavBar.install = Vue => Vue.component(lwNavBar.name, lwNavBar)
-
-export default lwNavBar
+import lwNavBar from './index.vue'
+
+lwNavBar.install = Vue => Vue.component(lwNavBar.name, lwNavBar)
+
+export default lwNavBar