imatrix-ui 0.2.0-up → 0.2.2-up

package/packages/workgroup-tree-inline/src/workgroup-tree-service.js

@@ -1,93 +1,93 @@
-import * as Vue from 'vue'
-import { getI18n } from '../../../src/utils/util'
-const workgroupTreeService = {
-  // 初始化部门树
-  initLoad(parentId, node, resolve, checkedKeys) {
-    const param = {
-      parentId: parentId,
-      departmentInfo: this.branchInfo,
-    }
-    this.$http
-      .post(
-        window.$vueApp.config.globalProperties.baseAPI +
-          '/component/organization-trees/workgroups',
-        param
-      )
-      .then((data) => {
-        resolve(data)
-        // 更新当前点击的节点的子节点
-        this.$refs.workgroupTree.updateKeyChildren(parentId, data)
-        if (parentId === 0) {
-          // 初始化树时，展开公司节点
-          const tenantData = data[0].data
-          this.tenantInfo = JSON.parse(tenantData)
-          this.containBranch = data[0].containBranch
-          // 加载整个组织结构树时，展开公司节点
-          this.loadWorkgroup(this.tenantNodeId)
-        }
-        // 表示是点击三角展开节点时
-        if (
-          checkedKeys &&
-          checkedKeys.indexOf(parentId) > -1 &&
-          parentId === this.tenantNodeId
-        ) {
-          // 点击公司名称前的三角标识展开节点时，保持当前节点的选中状态
-          // 表示当前展开的节点是选中状态，则应保持其选中状态，并选中其子节点
-          this.checkedAllWorkgroups(node.data)
-        }
-      })
-  },
-  // 加载当前节点的子节点
-  loadWorkgroup(parentId) {
-    const param = {
-      parentId: parentId,
-      departmentInfo: this.branchInfo,
-    }
-    this.$http
-      .post(
-        window.$vueApp.config.globalProperties.baseAPI +
-          '/component/organization-trees/workgroups',
-        param
-      )
-      .then((children) => {
-        this.$refs.workgroupTree.updateKeyChildren(parentId, children)
-        if (this.$refs.workgroupTree.store.nodesMap[parentId]) {
-          this.$refs.workgroupTree.store.nodesMap[parentId].expanded = true
-        }
-      })
-  },
-  querySearch(queryString, cb) {
-    this.searchValue = queryString
-    this.searchResult = []
-    this.selectNodeInfo = null
-    if (queryString && queryString.length > 0) {
-      this.filterAppendNodes(queryString)
-      cb([])
-    } else {
-      cb([])
-    }
-  },
-  filterAppendNodes(value) {
-    const param = {
-      searchValue: value,
-    }
-    this.$http
-      .post(
-        window.$vueApp.config.globalProperties.baseAPI +
-          '/component/organization-trees/search-workgroups',
-        param
-      )
-      .then((result) => {
-        this.searchResult = result
-        if (this.searchResult.length === 0) {
-          this.$message({
-            showClose: true,
-            type: 'error',
-            message: getI18n().t('imatrixUIMessage.queryResultIsEmpty'),
-          })
-          return
-        }
-      })
-  },
-}
-export default workgroupTreeService
+import * as Vue from 'vue'
+import { getI18n } from '../../../src/utils/util'
+const workgroupTreeService = {
+  // 初始化部门树
+  initLoad(parentId, node, resolve, checkedKeys) {
+    const param = {
+      parentId: parentId,
+      departmentInfo: this.branchInfo,
+    }
+    this.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/organization-trees/workgroups',
+        param
+      )
+      .then((data) => {
+        resolve(data)
+        // 更新当前点击的节点的子节点
+        this.$refs.workgroupTree.updateKeyChildren(parentId, data)
+        if (parentId === 0) {
+          // 初始化树时，展开公司节点
+          const tenantData = data[0].data
+          this.tenantInfo = JSON.parse(tenantData)
+          this.containBranch = data[0].containBranch
+          // 加载整个组织结构树时，展开公司节点
+          this.loadWorkgroup(this.tenantNodeId)
+        }
+        // 表示是点击三角展开节点时
+        if (
+          checkedKeys &&
+          checkedKeys.indexOf(parentId) > -1 &&
+          parentId === this.tenantNodeId
+        ) {
+          // 点击公司名称前的三角标识展开节点时，保持当前节点的选中状态
+          // 表示当前展开的节点是选中状态，则应保持其选中状态，并选中其子节点
+          this.checkedAllWorkgroups(node.data)
+        }
+      })
+  },
+  // 加载当前节点的子节点
+  loadWorkgroup(parentId) {
+    const param = {
+      parentId: parentId,
+      departmentInfo: this.branchInfo,
+    }
+    this.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/organization-trees/workgroups',
+        param
+      )
+      .then((children) => {
+        this.$refs.workgroupTree.updateKeyChildren(parentId, children)
+        if (this.$refs.workgroupTree.store.nodesMap[parentId]) {
+          this.$refs.workgroupTree.store.nodesMap[parentId].expanded = true
+        }
+      })
+  },
+  querySearch(queryString, cb) {
+    this.searchValue = queryString
+    this.searchResult = []
+    this.selectNodeInfo = null
+    if (queryString && queryString.length > 0) {
+      this.filterAppendNodes(queryString)
+      cb([])
+    } else {
+      cb([])
+    }
+  },
+  filterAppendNodes(value) {
+    const param = {
+      searchValue: value,
+    }
+    this.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/organization-trees/search-workgroups',
+        param
+      )
+      .then((result) => {
+        this.searchResult = result
+        if (this.searchResult.length === 0) {
+          this.$message({
+            showClose: true,
+            type: 'error',
+            message: getI18n().t('imatrixUIMessage.queryResultIsEmpty'),
+          })
+          return
+        }
+      })
+  },
+}
+export default workgroupTreeService

package/packages/workgroup-user-tree/index.js

@@ -1,6 +1,6 @@
-import WorkgroupUserTree from './src/workgroup-user-tree.vue'
-WorkgroupUserTree.install = function (Vue) {
-  window.$vueApp.component(WorkgroupUserTree.name, WorkgroupUserTree)
-}
-
-export default WorkgroupUserTree
+import WorkgroupUserTree from './src/workgroup-user-tree.vue'
+WorkgroupUserTree.install = function (Vue) {
+  Vue.component(WorkgroupUserTree.name, WorkgroupUserTree)
+}
+
+export default WorkgroupUserTree

package/packages/workgroup-user-tree/src/workgroup-user-tree.vue

@@ -1,103 +1,103 @@
-<template>
-  <div>
-    <el-dialog
-      class="user-tree"
-      model-value
-      :title="myTitle"
-      :close-on-click-modal="false"
-      append-to-body
-      :width="multiple ? '60%' : '40%'"
-      @open="$emit('open')"
-      @opend="$emit('opend')"
-      @close="$emit('close')"
-      @closed="$emit('closed')"
-    >
-      <inline-workgroup-user-tree
-        ref="workgroupUserTree"
-        :multiple="multiple"
-        :branch-info="branchInfo"
-        :select-user-info="selectUserInfo"
-        :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="selectWorkgroupUser">
-            {{ $t('imatrixUIPublicModel.sure') }}
-          </el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
-import InlineWorkgroupUserTree from '../../workgroup-user-tree-inline/src/workgroup-user-tree-inline.vue'
-export default {
-  name: 'WorkgroupUserTree',
-  components: {
-    InlineWorkgroupUserTree,
-  },
-  props: {
-    // 是否是多选树，默认是true
-    multiple: {
-      type: Boolean,
-      default: true,
-    },
-    // 显示指定部门节点及其子节点，不传该属性，表示显示整个组织结构树
-    branchInfo: {
-      type: Array,
-      default: null,
-    },
-    // 弹框的标题
-    title: {
-      type: String,
-      default: null,
-    },
-    // 弹框的宽度
-    width: {
-      type: String,
-      default: '30%',
-    },
-    // 多选用户树时，已选择用户id或登录名集合，多个之间以逗号隔开
-    selectUserInfo: {
-      type: [String, Number],
-      default: null,
-    },
-    // 移除用户时，用户属性名称：id、loginName、email、telephone，默认是loginName
-    searchField: {
-      type: String,
-      default: 'loginName',
-    },
-    // 多选树时结果之间的分隔符，默认是逗号分隔
-    separator: {
-      type: String,
-      default: ',',
-    },
-  },
-  data() {
-    let myTitle = this.$t('imatrixUIMessage.pleaseSelectATeam')
-    if (this.title) {
-      myTitle = this.title
-    }
-    return {
-      myTitle,
-    }
-  },
-  methods: {
-    result(selectNodeInfo) {
-      $emit(this, 'close', selectNodeInfo)
-    },
-    // 嵌入树，多选时，点击确定时调用的方法
-    selectWorkgroupUser() {
-      this.$refs.workgroupUserTree.selectWorkgroupUser()
-    },
-  },
-  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 ? '60%' : '40%'"
+      @open="$emit('open')"
+      @opend="$emit('opend')"
+      @close="$emit('close')"
+      @closed="$emit('closed')"
+    >
+      <inline-workgroup-user-tree
+        ref="workgroupUserTree"
+        :multiple="multiple"
+        :branch-info="branchInfo"
+        :select-user-info="selectUserInfo"
+        :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="selectWorkgroupUser">
+            {{ $t('imatrixUIPublicModel.sure') }}
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
+import InlineWorkgroupUserTree from '../../workgroup-user-tree-inline/src/workgroup-user-tree-inline.vue'
+export default {
+  name: 'WorkgroupUserTree',
+  components: {
+    InlineWorkgroupUserTree,
+  },
+  props: {
+    // 是否是多选树，默认是true
+    multiple: {
+      type: Boolean,
+      default: true,
+    },
+    // 显示指定部门节点及其子节点，不传该属性，表示显示整个组织结构树
+    branchInfo: {
+      type: Array,
+      default: null,
+    },
+    // 弹框的标题
+    title: {
+      type: String,
+      default: null,
+    },
+    // 弹框的宽度
+    width: {
+      type: String,
+      default: '30%',
+    },
+    // 多选用户树时，已选择用户id或登录名集合，多个之间以逗号隔开
+    selectUserInfo: {
+      type: [String, Number],
+      default: null,
+    },
+    // 移除用户时，用户属性名称：id、loginName、email、telephone，默认是loginName
+    searchField: {
+      type: String,
+      default: 'loginName',
+    },
+    // 多选树时结果之间的分隔符，默认是逗号分隔
+    separator: {
+      type: String,
+      default: ',',
+    },
+  },
+  data() {
+    let myTitle = this.$t('imatrixUIMessage.pleaseSelectATeam')
+    if (this.title) {
+      myTitle = this.title
+    }
+    return {
+      myTitle,
+    }
+  },
+  methods: {
+    result(selectNodeInfo) {
+      $emit(this, 'close', selectNodeInfo)
+    },
+    // 嵌入树，多选时，点击确定时调用的方法
+    selectWorkgroupUser() {
+      this.$refs.workgroupUserTree.selectWorkgroupUser()
+    },
+  },
+  emits: ['open', 'opend', 'close', 'closed', 'opend', 'close', 'closed'],
+}
+</script>

package/packages/workgroup-user-tree-inline/index.js

@@ -1,9 +1,9 @@
-import InlineWorkgroupUserTree from './src/workgroup-user-tree-inline.vue'
-InlineWorkgroupUserTree.install = function (Vue) {
-  window.$vueApp.component(
-    InlineWorkgroupUserTree.name,
-    InlineWorkgroupUserTree
-  )
-}
-
-export default InlineWorkgroupUserTree
+import InlineWorkgroupUserTree from './src/workgroup-user-tree-inline.vue'
+InlineWorkgroupUserTree.install = function (Vue) {
+  Vue.component(
+    InlineWorkgroupUserTree.name,
+    InlineWorkgroupUserTree
+  )
+}
+
+export default InlineWorkgroupUserTree