imatrix-ui 0.2.6-up → 0.2.7-up

package/packages/breadcrumb/index.js

@@ -1,6 +1,6 @@
-import Breadcrumb from './src/breadcrumb.vue'
-Breadcrumb.install = function (Vue) {
-  Vue.component(Breadcrumb.name, Breadcrumb)
-}
-
-export default Breadcrumb
+import Breadcrumb from './src/breadcrumb.vue'
+Breadcrumb.install = function (Vue) {
+  Vue.component(Breadcrumb.name, Breadcrumb)
+}
+
+export default Breadcrumb

package/packages/breadcrumb/src/breadcrumb.vue

@@ -1,81 +1,81 @@
-<template>
-  <el-breadcrumb class="app-breadcrumb" separator="/">
-    <transition-group tag="span" name="breadcrumb">
-      <el-breadcrumb-item
-        v-for="(item, index) in levelListWithTitle"
-        :key="item.path"
-      >
-        <span
-          v-if="item.redirect === 'noredirect' || index == levelList.length - 1"
-          class="no-redirect"
-        >
-          {{ item.meta.title }}
-        </span>
-        <router-link v-else :to="item.redirect || item.path">
-          {{ item.meta.title }}
-        </router-link>
-      </el-breadcrumb-item>
-    </transition-group>
-  </el-breadcrumb>
-</template>
-
-<script>
-import * as pathToRegexp from 'path-to-regexp'
-
-export default {
-  name: 'Breadcrumb',
-  data() {
-    return {
-      levelList: null,
-    }
-  },
-  computed: {
-    levelListWithTitle() {
-      return this.levelList.filter(
-        (item) => item.meta.title !== undefined && item.meta.title !== null
-      )
-    },
-  },
-  watch: {
-    $route() {
-      this.getBreadcrumb()
-    },
-  },
-  created() {
-    this.getBreadcrumb()
-  },
-  methods: {
-    getBreadcrumb() {
-      const { params } = this.$route
-      let matched = this.$route.matched.filter((item) => {
-        if (item.name) {
-          // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
-          var toPath = pathToRegexp.compile(item.path)
-          item.path = toPath(params)
-          return true
-        }
-      })
-      const first = matched[0]
-      if (first && first.name !== 'Dashboard') {
-        matched = [{ path: '/dashboard', meta: { title: 'Dashboard' } }].concat(
-          matched
-        )
-      }
-      this.levelList = matched
-    },
-  },
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-.app-breadcrumb.el-breadcrumb {
-  display: inline-block;
-  font-size: 14px;
-  line-height: 50px;
-  margin-left: 10px;
-  .no-redirect {
-    color: #97a8be;
-    cursor: text;
-  }
-}
-</style>
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group tag="span" name="breadcrumb">
+      <el-breadcrumb-item
+        v-for="(item, index) in levelListWithTitle"
+        :key="item.path"
+      >
+        <span
+          v-if="item.redirect === 'noredirect' || index == levelList.length - 1"
+          class="no-redirect"
+        >
+          {{ item.meta.title }}
+        </span>
+        <router-link v-else :to="item.redirect || item.path">
+          {{ item.meta.title }}
+        </router-link>
+      </el-breadcrumb-item>
+    </transition-group>
+  </el-breadcrumb>
+</template>
+
+<script>
+import * as pathToRegexp from 'path-to-regexp'
+
+export default {
+  name: 'Breadcrumb',
+  data() {
+    return {
+      levelList: null,
+    }
+  },
+  computed: {
+    levelListWithTitle() {
+      return this.levelList.filter(
+        (item) => item.meta.title !== undefined && item.meta.title !== null
+      )
+    },
+  },
+  watch: {
+    $route() {
+      this.getBreadcrumb()
+    },
+  },
+  created() {
+    this.getBreadcrumb()
+  },
+  methods: {
+    getBreadcrumb() {
+      const { params } = this.$route
+      let matched = this.$route.matched.filter((item) => {
+        if (item.name) {
+          // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
+          var toPath = pathToRegexp.compile(item.path)
+          item.path = toPath(params)
+          return true
+        }
+      })
+      const first = matched[0]
+      if (first && first.name !== 'Dashboard') {
+        matched = [{ path: '/dashboard', meta: { title: 'Dashboard' } }].concat(
+          matched
+        )
+      }
+      this.levelList = matched
+    },
+  },
+}
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+.app-breadcrumb.el-breadcrumb {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 50px;
+  margin-left: 10px;
+  .no-redirect {
+    color: #97a8be;
+    cursor: text;
+  }
+}
+</style>

package/packages/department-tree/index.js

@@ -1,6 +1,6 @@
-import DepartmentTree from './src/department-tree.vue'
-DepartmentTree.install = function (Vue) {
-  Vue.component(DepartmentTree.name, DepartmentTree)
-}
-
-export default DepartmentTree
+import DepartmentTree from './src/department-tree.vue'
+DepartmentTree.install = function (Vue) {
+  Vue.component(DepartmentTree.name, DepartmentTree)
+}
+
+export default DepartmentTree

package/packages/department-tree/src/department-tree.vue

@@ -1,113 +1,113 @@
-<template>
-  <div>
-    <el-dialog
-      class="user-tree"
-      model-value
-      :title="myTitle"
-      :close-on-click-modal="false"
-      append-to-body
-      :width="multiple ? '920px' : '509px'"
-      @open="$emit('open')"
-      @opend="$emit('opend')"
-      @close="$emit('close')"
-      @closed="$emit('closed')"
-    >
-      <inline-department-tree
-        ref="inlineDeparmentTree"
-        :check-strictly="checkStrictly"
-        :multiple="multiple"
-        :height="height"
-        :department-info="departmentInfo"
-        :select-department-info="selectDepartmentInfo"
-        :search-field="searchField"
-        :separator="separator"
-        @result="result"
-      />
-      <template v-slot:footer>
-        <div class="dialog-footer">
-          <el-button size="small" @click="$emit('close')">
-            {{ $t('imatrixUIPublicModel.cancel') }}
-          </el-button>
-          <el-button size="small" type="primary" @click="selectDepartment">
-            {{ $t('imatrixUIPublicModel.sure') }}
-          </el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
-import InlineDepartmentTree from '../../department-tree-inline/src/department-tree-inline.vue'
-export default {
-  name: 'DepartmentTree',
-  components: {
-    InlineDepartmentTree,
-  },
-  props: {
-    // 是否是多选树，默认是true
-    multiple: {
-      type: Boolean,
-      default: true,
-    },
-    checkStrictly: {
-      type: Boolean,
-      default: false,
-    },
-    // 显示指定部门节点及其子节点，不传该属性，表示显示整个组织结构树
-    departmentInfo: {
-      type: Array,
-      default: null,
-    },
-    // 弹框的标题
-    title: {
-      type: String,
-      default: null,
-    },
-    // 弹框的宽度
-    width: {
-      type: String,
-      default: '30%',
-    },
-    // 弹框的高度
-    height: {
-      type: String,
-      default: '300px',
-    },
-    // 多选部门树时，已选择部门id或部门名称或编码集合，多个之间以逗号隔开
-    selectDepartmentInfo: {
-      type: [String, Number],
-      default: null,
-    },
-    // 移除部门时，部门属性名称：id、name、code，默认是id
-    searchField: {
-      type: String,
-      default: 'id',
-    },
-    // 多选树时结果之间的分隔符，默认是逗号分隔
-    separator: {
-      type: String,
-      default: ',',
-    },
-  },
-  data() {
-    let myTitle = this.$t('imatrixUIMessage.pleaseSelectDepartment')
-    if (this.title) {
-      myTitle = this.title
-    }
-    return {
-      myTitle,
-    }
-  },
-  methods: {
-    result(selectNodeInfo) {
-      $emit(this, 'close', selectNodeInfo)
-    },
-    selectDepartment() {
-      this.$refs.inlineDeparmentTree.selectDepartment()
-    },
-  },
-  emits: ['open', 'opend', 'close', 'closed', 'opend', 'close', 'closed'],
-}
-</script>
+<template>
+  <div>
+    <el-dialog
+      class="user-tree"
+      model-value
+      :title="myTitle"
+      :close-on-click-modal="false"
+      append-to-body
+      :width="multiple ? '920px' : '509px'"
+      @open="$emit('open')"
+      @opend="$emit('opend')"
+      @close="$emit('close')"
+      @closed="$emit('closed')"
+    >
+      <inline-department-tree
+        ref="inlineDeparmentTree"
+        :check-strictly="checkStrictly"
+        :multiple="multiple"
+        :height="height"
+        :department-info="departmentInfo"
+        :select-department-info="selectDepartmentInfo"
+        :search-field="searchField"
+        :separator="separator"
+        @result="result"
+      />
+      <template v-slot:footer>
+        <div class="dialog-footer">
+          <el-button size="small" @click="$emit('close')">
+            {{ $t('imatrixUIPublicModel.cancel') }}
+          </el-button>
+          <el-button size="small" type="primary" @click="selectDepartment">
+            {{ $t('imatrixUIPublicModel.sure') }}
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
+import InlineDepartmentTree from '../../department-tree-inline/src/department-tree-inline.vue'
+export default {
+  name: 'DepartmentTree',
+  components: {
+    InlineDepartmentTree,
+  },
+  props: {
+    // 是否是多选树，默认是true
+    multiple: {
+      type: Boolean,
+      default: true,
+    },
+    checkStrictly: {
+      type: Boolean,
+      default: false,
+    },
+    // 显示指定部门节点及其子节点，不传该属性，表示显示整个组织结构树
+    departmentInfo: {
+      type: Array,
+      default: null,
+    },
+    // 弹框的标题
+    title: {
+      type: String,
+      default: null,
+    },
+    // 弹框的宽度
+    width: {
+      type: String,
+      default: '30%',
+    },
+    // 弹框的高度
+    height: {
+      type: String,
+      default: '300px',
+    },
+    // 多选部门树时，已选择部门id或部门名称或编码集合，多个之间以逗号隔开
+    selectDepartmentInfo: {
+      type: [String, Number],
+      default: null,
+    },
+    // 移除部门时，部门属性名称：id、name、code，默认是id
+    searchField: {
+      type: String,
+      default: 'id',
+    },
+    // 多选树时结果之间的分隔符，默认是逗号分隔
+    separator: {
+      type: String,
+      default: ',',
+    },
+  },
+  data() {
+    let myTitle = this.$t('imatrixUIMessage.pleaseSelectDepartment')
+    if (this.title) {
+      myTitle = this.title
+    }
+    return {
+      myTitle,
+    }
+  },
+  methods: {
+    result(selectNodeInfo) {
+      $emit(this, 'close', selectNodeInfo)
+    },
+    selectDepartment() {
+      this.$refs.inlineDeparmentTree.selectDepartment()
+    },
+  },
+  emits: ['open', 'opend', 'close', 'closed', 'opend', 'close', 'closed'],
+}
+</script>

package/packages/department-tree-inline/index.js

@@ -1,6 +1,6 @@
-import InlineDepartmentTree from './src/department-tree-inline.vue'
-InlineDepartmentTree.install = function (Vue) {
-  Vue.component(InlineDepartmentTree.name, InlineDepartmentTree)
-}
-
-export default InlineDepartmentTree
+import InlineDepartmentTree from './src/department-tree-inline.vue'
+InlineDepartmentTree.install = function (Vue) {
+  Vue.component(InlineDepartmentTree.name, InlineDepartmentTree)
+}
+
+export default InlineDepartmentTree