n20-common-lib 1.3.46 → 1.3.49

package/src/components/InputNumber/numberRange.vue

@@ -1,62 +1,62 @@
-<template>
-  <div class="n20-num-w">
-    <inputNumber
-      v-bind="$attrs"
-      :value="startValue"
-      :max="endValue || endValue === 0 ? endValue : $attrs.max"
-      :type="type"
-      style="width: calc(50% - 8px)"
-      @input="startChange"
-      @blur="blurFn"
-    />
-    <span class="numbre-range text-c" style="display: inline-block; width: 16px"
-      >-</span
-    >
-    <inputNumber
-      v-bind="$attrs"
-      :value="endValue"
-      :min="startValue || startValue === 0 ? startValue : $attrs.min"
-      :type="type"
-      style="width: calc(50% - 8px)"
-      @input="endChange"
-      @blur="blurFn"
-    />
-  </div>
-</template>
-
-<script>
-import inputNumber from './index.vue'
-export default {
-  name: 'InputNumberRange',
-  components: {
-    inputNumber
-  },
-  props: {
-    startValue: {
-      type: [String, Number],
-      default: undefined
-    },
-    endValue: {
-      type: [String, Number],
-      default: undefined
-    },
-    type: {
-      type: String,
-      default: 'money'
-    }
-  },
-  methods: {
-    startChange(val) {
-      this.$emit('update:start-value', val)
-      this.$emit('change', [this.startValue, this.endValue])
-    },
-    endChange(val) {
-      this.$emit('update:end-value', val)
-      this.$emit('change', [this.startValue, this.endValue])
-    },
-    blurFn() {
-      this.$emit('blur', [this.startValue, this.endValue])
-    }
-  }
-}
-</script>
+<template>
+  <div class="n20-num-w">
+    <inputNumber
+      v-bind="$attrs"
+      :value="startValue"
+      :max="endValue || endValue === 0 ? endValue : $attrs.max"
+      :type="type"
+      style="width: calc(50% - 8px)"
+      @input="startChange"
+      @blur="blurFn"
+    />
+    <span class="numbre-range text-c" style="display: inline-block; width: 16px"
+      >-</span
+    >
+    <inputNumber
+      v-bind="$attrs"
+      :value="endValue"
+      :min="startValue || startValue === 0 ? startValue : $attrs.min"
+      :type="type"
+      style="width: calc(50% - 8px)"
+      @input="endChange"
+      @blur="blurFn"
+    />
+  </div>
+</template>
+
+<script>
+import inputNumber from './index.vue'
+export default {
+  name: 'InputNumberRange',
+  components: {
+    inputNumber
+  },
+  props: {
+    startValue: {
+      type: [String, Number],
+      default: undefined
+    },
+    endValue: {
+      type: [String, Number],
+      default: undefined
+    },
+    type: {
+      type: String,
+      default: 'money'
+    }
+  },
+  methods: {
+    startChange(val) {
+      this.$emit('update:start-value', val)
+      this.$emit('change', [this.startValue, this.endValue])
+    },
+    endChange(val) {
+      this.$emit('update:end-value', val)
+      this.$emit('change', [this.startValue, this.endValue])
+    },
+    blurFn() {
+      this.$emit('blur', [this.startValue, this.endValue])
+    }
+  }
+}
+</script>

package/src/components/InputSearch/index.vue

@@ -1,75 +1,79 @@
-<template>
-  <el-input
-    v-if="!select"
-    v-bind="$attrs"
-    :value="value"
-    v-on="$listeners"
-    @change="searchFn"
-  >
-    <i
-      slot="suffix"
-      class="is-search el-input__icon el-icon-search"
-      @click.stop="searchFn"
-    ></i>
-  </el-input>
-  <div v-else class="n20-input-search">
-    <el-select
-      ref="input-search"
-      v-bind="$attrs"
-      :value="value"
-      :filterable="select"
-      :multiple="multiple"
-      :allow-create="true"
-      v-on="$listeners"
-      @change="changeFn"
-      @visible-change="visibleChangeFn"
-    >
-      <slot></slot>
-    </el-select>
-    <span class="el-input__suffix">
-      <span
-        class="is-search el-input__icon el-icon-zoom-in"
-        @click.stop="searchFn"
-      ></span>
-    </span>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'InputSearch',
-  props: {
-    value: {
-      type: [String, Number, Object, Array],
-      default: undefined
-    },
-    select: {
-      type: Boolean,
-      default: false
-    },
-    multiple: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    this.listeners = Object.assign({}, this.$listeners, { input: () => {} })
-    return {}
-  },
-  methods: {
-    visibleChangeFn(val) {
-      if (val && !this.$refs['input-search']['multiple']) {
-        this.$refs['input-search']['selectedLabel'] =
-          this.$refs['input-search']['currentPlaceholder']
-      }
-    },
-    changeFn(val) {
-      this.$emit('input', val)
-      this.$emit('change', val)
-    },
-    searchFn() {
-      this.$emit('search', this.value)
-    }
-  }
-}
-</script>
+<template>
+  <el-input
+    v-if="!select"
+    v-bind="$attrs"
+    :value="value"
+    v-on="$listeners"
+    @change="searchFn"
+  >
+    <i
+      slot="suffix"
+      class="is-search el-input__icon el-icon-search"
+      @click.stop="searchFn"
+    ></i>
+  </el-input>
+  <div v-else class="n20-input-search">
+    <el-select
+      ref="input-search"
+      v-bind="$attrs"
+      :value="value"
+      :filterable="select"
+      :multiple="multiple"
+      :allow-create="allowCreate"
+      v-on="$listeners"
+      @change="changeFn"
+      @visible-change="visibleChangeFn"
+    >
+      <slot></slot>
+    </el-select>
+    <span class="el-input__suffix">
+      <span
+        class="is-search el-input__icon el-icon-zoom-in"
+        @click.stop="searchFn"
+      ></span>
+    </span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'InputSearch',
+  props: {
+    value: {
+      type: [String, Number, Object, Array],
+      default: undefined
+    },
+    select: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    allowCreate: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    this.listeners = Object.assign({}, this.$listeners, { input: () => {} })
+    return {}
+  },
+  methods: {
+    visibleChangeFn(val) {
+      if (val && !this.$refs['input-search']['multiple']) {
+        this.$refs['input-search']['selectedLabel'] =
+          this.$refs['input-search']['currentPlaceholder']
+      }
+    },
+    changeFn(val) {
+      this.$emit('input', val)
+      this.$emit('change', val)
+    },
+    searchFn() {
+      this.$emit('search', this.value)
+    }
+  }
+}
+</script>

package/src/components/Layout/AsideNav/index.vue

@@ -1,120 +1,120 @@
-<template>
-  <el-menu
-    id="layout-sider"
-    class="layout-aside flex-column"
-    :collapse="collapse"
-    :default-active="activeNav"
-    :background-color="backgroundColor"
-    :text-color="textColor"
-    :active-text-color="activeTextColor"
-  >
-    <template v-for="(omenus, o) in menus">
-      <template v-for="(itemA, a) in omenus.menu">
-        <!-- 一级菜单 -->
-        <MenuItem
-          v-if="!itemA.children"
-          :key="`${o}-${a}`"
-          :item="itemA"
-          @click="linkFn"
-        />
-        <el-submenu
-          v-else
-          :key="itemA.title"
-          :index="itemA.title"
-          popper-class="nav-menu-pop"
-        >
-          <SubmenuTitle slot="title" :item="itemA" />
-          <template v-for="(itemB, b) in itemA.children">
-            <!-- 二级菜单 -->
-            <MenuItem
-              v-if="!itemB.children"
-              :key="b"
-              :item="itemB"
-              @click="linkFn"
-            />
-            <el-submenu
-              v-else
-              :key="itemB.title"
-              :index="itemB.title"
-              popper-class="nav-menu-pop"
-            >
-              <SubmenuTitle slot="title" :item="itemB" />
-              <template v-for="(itemC, c) in itemB.children">
-                <!-- 三级菜单 -->
-                <MenuItem
-                  v-if="!itemC.children"
-                  :key="c"
-                  :item="itemC"
-                  @click="linkFn"
-                />
-                <el-submenu
-                  v-else
-                  :key="itemC.title"
-                  :index="itemC.title"
-                  popper-class="nav-menu-pop"
-                >
-                  <SubmenuTitle slot="title" :item="itemC" />
-                  <template v-for="(itemD, d) in itemC.children">
-                    <!-- 四级菜单 -->
-                    <MenuItem :key="d" :item="itemD" @click="linkFn" />
-                  </template>
-                </el-submenu>
-              </template>
-            </el-submenu>
-          </template>
-        </el-submenu>
-      </template>
-    </template>
-    <span class="flex-item"></span>
-    <div class="open-collapsed-btn">
-      <span
-        :class="
-          collapse
-            ? 'n20-icon-caidanshouqi f-s-l rotate-icon'
-            : 'n20-icon-caidanshouqi f-s-l'
-        "
-        @click="setCollapse"
-      ></span>
-    </div>
-  </el-menu>
-</template>
-
-<script>
-import { asideMenu } from '../../../utils/theme.config.js'
-
-import MenuItem from './menuItem.vue'
-import SubmenuTitle from './submenuTitle.vue'
-export default {
-  components: { MenuItem, SubmenuTitle },
-  props: {
-    menus: {
-      type: Array,
-      default: () => []
-    },
-    activeNav: {
-      type: String,
-      default: undefined
-    },
-    collapse: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      ...asideMenu
-    }
-  },
-  methods: {
-    linkFn(menu, base) {
-      if (!menu.href) {
-        this.$emit('menu-click', menu, base)
-      }
-    },
-    setCollapse() {
-      this.$emit('update:collapse', !this.collapse)
-      window.localStorage.setItem('aside-nav-collapse', !this.collapse)
-    }
-  }
-}
-</script>
+<template>
+  <el-menu
+    id="layout-sider"
+    class="layout-aside flex-column"
+    :collapse="collapse"
+    :default-active="activeNav"
+    :background-color="backgroundColor"
+    :text-color="textColor"
+    :active-text-color="activeTextColor"
+  >
+    <template v-for="(omenus, o) in menus">
+      <template v-for="(itemA, a) in omenus.menu">
+        <!-- 一级菜单 -->
+        <MenuItem
+          v-if="!itemA.children"
+          :key="`${o}-${a}`"
+          :item="itemA"
+          @click="linkFn"
+        />
+        <el-submenu
+          v-else
+          :key="itemA.title"
+          :index="itemA.title"
+          popper-class="nav-menu-pop"
+        >
+          <SubmenuTitle slot="title" :item="itemA" />
+          <template v-for="(itemB, b) in itemA.children">
+            <!-- 二级菜单 -->
+            <MenuItem
+              v-if="!itemB.children"
+              :key="b"
+              :item="itemB"
+              @click="linkFn"
+            />
+            <el-submenu
+              v-else
+              :key="itemB.title"
+              :index="itemB.title"
+              popper-class="nav-menu-pop"
+            >
+              <SubmenuTitle slot="title" :item="itemB" />
+              <template v-for="(itemC, c) in itemB.children">
+                <!-- 三级菜单 -->
+                <MenuItem
+                  v-if="!itemC.children"
+                  :key="c"
+                  :item="itemC"
+                  @click="linkFn"
+                />
+                <el-submenu
+                  v-else
+                  :key="itemC.title"
+                  :index="itemC.title"
+                  popper-class="nav-menu-pop"
+                >
+                  <SubmenuTitle slot="title" :item="itemC" />
+                  <template v-for="(itemD, d) in itemC.children">
+                    <!-- 四级菜单 -->
+                    <MenuItem :key="d" :item="itemD" @click="linkFn" />
+                  </template>
+                </el-submenu>
+              </template>
+            </el-submenu>
+          </template>
+        </el-submenu>
+      </template>
+    </template>
+    <span class="flex-item"></span>
+    <div class="open-collapsed-btn">
+      <span
+        :class="
+          collapse
+            ? 'n20-icon-caidanshouqi f-s-l rotate-icon'
+            : 'n20-icon-caidanshouqi f-s-l'
+        "
+        @click="setCollapse"
+      ></span>
+    </div>
+  </el-menu>
+</template>
+
+<script>
+import { asideMenu } from '../../../utils/theme.config.js'
+
+import MenuItem from './menuItem.vue'
+import SubmenuTitle from './submenuTitle.vue'
+export default {
+  components: { MenuItem, SubmenuTitle },
+  props: {
+    menus: {
+      type: Array,
+      default: () => []
+    },
+    activeNav: {
+      type: String,
+      default: undefined
+    },
+    collapse: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      ...asideMenu
+    }
+  },
+  methods: {
+    linkFn(menu, base) {
+      if (!menu.href) {
+        this.$emit('menu-click', menu, base)
+      }
+    },
+    setCollapse() {
+      this.$emit('update:collapse', !this.collapse)
+      window.localStorage.setItem('aside-nav-collapse', !this.collapse)
+    }
+  }
+}
+</script>

package/src/components/Layout/AsideNav/menuItem.vue

@@ -1,34 +1,34 @@
-<template>
-  <el-menu-item :index="item.uuid" @click="$emit('click', item)">
-    <i
-      v-if="item.iconUrl"
-      class="el-icon- icon-url"
-      :style="{ backgroundImage: `url(${item.iconUrl})` }"
-    ></i>
-    <i v-else :class="item.iconClass"></i>
-    <span v-if="!item.href" slot="title">{{ item | titleF }}</span>
-    <a
-      v-else
-      slot="title"
-      :href="item.href"
-      target="_blank"
-      :rel="/^\//.test(item.href) ? 'opener' : undefined"
-      >{{ item | titleF }}</a
-    >
-  </el-menu-item>
-</template>
-
-<script>
-import { labelF } from '../utils'
-export default {
-  filters: {
-    titleF: labelF
-  },
-  props: {
-    item: {
-      type: Object,
-      default: () => ({})
-    }
-  }
-}
-</script>
+<template>
+  <el-menu-item :index="item.uuid" @click="$emit('click', item)">
+    <i
+      v-if="item.iconUrl"
+      class="el-icon- icon-url"
+      :style="{ backgroundImage: `url(${item.iconUrl})` }"
+    ></i>
+    <i v-else :class="item.iconClass"></i>
+    <span v-if="!item.href" slot="title">{{ item | titleF }}</span>
+    <a
+      v-else
+      slot="title"
+      :href="item.href"
+      target="_blank"
+      :rel="/^\//.test(item.href) ? 'opener' : undefined"
+      >{{ item | titleF }}</a
+    >
+  </el-menu-item>
+</template>
+
+<script>
+import { labelF } from '../utils'
+export default {
+  filters: {
+    titleF: labelF
+  },
+  props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    }
+  }
+}
+</script>

package/src/components/Layout/AsideNav/submenuTitle.vue

@@ -1,26 +1,26 @@
-<template>
-  <component :is="'slot'">
-    <i
-      v-if="item.iconUrl"
-      class="el-icon- icon-url"
-      :style="{ backgroundImage: `url(${item.iconUrl})` }"
-    ></i>
-    <i v-else :class="item.iconClass"></i>
-    <span>{{ item | titleF }}</span>
-  </component>
-</template>
-
-<script>
-import { labelF } from '../utils'
-export default {
-  filters: {
-    titleF: labelF
-  },
-  props: {
-    item: {
-      type: Object,
-      default: () => ({})
-    }
-  }
-}
-</script>
+<template>
+  <component :is="'slot'">
+    <i
+      v-if="item.iconUrl"
+      class="el-icon- icon-url"
+      :style="{ backgroundImage: `url(${item.iconUrl})` }"
+    ></i>
+    <i v-else :class="item.iconClass"></i>
+    <span>{{ item | titleF }}</span>
+  </component>
+</template>
+
+<script>
+import { labelF } from '../utils'
+export default {
+  filters: {
+    titleF: labelF
+  },
+  props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    }
+  }
+}
+</script>