three-trees-ui 1.0.17 → 1.0.19

package/packages/Iframe/src/main.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :name="iframeNmae + 'Div'">
+  <div :name="iframeNmae + 'Div'" class="ht-iframe">
     <iframe
       id="iframeControl"
       v-if="isReday"
@@ -13,196 +13,197 @@
   </div>
 </template>
 <script>
-import { decode } from '@/util/base64'
-export default {
-  name: 'HtIframe',
-  componentName: 'HtIframe',
-  props: {
-    src: {
-      type: String,
-      default: '',
-    },
-    height: { type: String, default: '500px' },
-    width: { type: String, default: '100%' },
-    iframeStyle: { type: String, default: '' },
-    iframeNmae: { type: String, default: 'iframeControl' },
-    frameborder: { type: String, default: '1' },
-    data: {
-      type: Object,
-      default: () => {
-        return []
+  import { decode } from '@/util/base64'
+  export default {
+    name: 'HtIframe',
+    componentName: 'HtIframe',
+    props: {
+      src: {
+        type: String,
+        default: '',
       },
-    },
-    permission: {
-      type: Object,
-      default: () => {
-        return {}
+      height: { type: String, default: '500px' },
+      width: { type: String, default: '100%' },
+      iframeStyle: { type: String, default: '' },
+      iframeNmae: { type: String, default: 'iframeControl' },
+      frameborder: { type: String, default: '1' },
+      data: {
+        type: Object,
+        default: () => {
+          return []
+        },
       },
-    },
-    instId: { type: String, default: '' },
-    isBusinessForm: { type: Boolean, default: false },
-    urlParameter: {
-      type: [Array, Object],
-      default: () => {
-        return {}
+      permission: {
+        type: Object,
+        default: () => {
+          return {}
+        },
       },
-    },
-    returnParameter: {
-      type: [Array, Object],
-      default: () => {
-        return {}
+      instId: { type: String, default: '' },
+      isBusinessForm: { type: Boolean, default: false },
+      urlParameter: {
+        type: [Array, Object],
+        default: () => {
+          return {}
+        },
+      },
+      returnParameter: {
+        type: [Array, Object],
+        default: () => {
+          return {}
+        },
       },
+      iframeType: {
+        type: String, // static dynamic
+        default: 'static',
+      },
+      iframeSrcJs: String, // 动态url base64格式
     },
-    iframeType: {
-      type: String, // static dynamic
-      default: 'static'
+    data() {
+      return {
+        subPageData: {},
+        endSrc: '',
+        isReday: false,
+      }
     },
-    iframeSrcJs: String // 动态url base64格式
-  },
-  data() {
-    return {
-      subPageData: {},
-      endSrc: '',
-      isReday: false,
-    }
-  },
-  async mounted() {
-    let _this = this
-    //拼接url参数
-    if (!this.src) {
-      this.$message.error('当前URL表单地址未填写。')
-      return
-    }
-    if (this.iframeType == 'dynamic') {
-      await this.getDynamicSrc()
-    } else {
-      this.endSrc = this.src
-    }
-    if (this.isBusinessForm) {
-      if (
-        this.urlParameter &&
-        this.urlParameter instanceof Array &&
-        this.urlParameter.length > 0
-      ) {
-        this.disposeUrl()
+    async mounted() {
+      let _this = this
+      //拼接url参数
+      if (!this.src) {
+        this.$message.error('当前URL表单地址未填写。')
+        return
       }
-    }
-    //父子页面事件监听器
-    window.addEventListener('message', (e) => {
-      if (e.data && e.data.type && e.data.iframeNmae == this.iframeNmae) {
-        if (e.data.type == 'getParentPageData') {
-          _this.getParentPageDataMsg()
-        } else if (e.data.type == 'getSubPageData') {
-          _this.getSubPageData(e.data.data)
-        } else if (e.data.type == 'addHeight') {
-          _this.addHeight(e.data.height)
-        }
+      if (this.iframeType == 'dynamic') {
+        await this.getDynamicSrc()
+      } else {
+        this.endSrc = this.src
       }
-    })
-    this.isReday = true
-  },
-  created() {},
-  methods: {
-    async getDynamicSrc() {
-      if (!this.iframeSrcJs) {
-        return
+      if (this.isBusinessForm) {
+        if (
+          this.urlParameter &&
+          this.urlParameter instanceof Array &&
+          this.urlParameter.length > 0
+        ) {
+          this.disposeUrl()
+        }
       }
-      let _this = this
-      let data = this.data
-      let currentUserDetail = await this.$requestConfig.getCurrentUser()
-      let userId = this.$requestConfig.getUserId()
-      let account = this.$requestConfig.getAccount()
-      let token = this.$requestConfig.getToken()
-      const preScript = `const scriptFunction = function(_this,data,currentUserDetail,userId,account,token){
+      //父子页面事件监听器
+      window.addEventListener('message', (e) => {
+        if (e.data && e.data.type && e.data.iframeNmae == this.iframeNmae) {
+          if (e.data.type == 'getParentPageData') {
+            _this.getParentPageDataMsg()
+          } else if (e.data.type == 'getSubPageData') {
+            _this.getSubPageData(e.data.data)
+          } else if (e.data.type == 'addHeight') {
+            _this.addHeight(e.data.height)
+          }
+        }
+      })
+      this.isReday = true
+    },
+    created() {},
+    methods: {
+      async getDynamicSrc() {
+        if (!this.iframeSrcJs) {
+          return
+        }
+        let _this = this
+        let data = this.data
+        let currentUserDetail = await this.$requestConfig.getCurrentUser()
+        let userId = this.$requestConfig.getUserId()
+        let account = this.$requestConfig.getAccount()
+        let token = this.$requestConfig.getToken()
+        const preScript = `const scriptFunction = function(_this,data,currentUserDetail,userId,account,token){
         ${decode(this.iframeSrcJs)}
       };`
-      this.endSrc = eval(`${preScript} scriptFunction(_this,data,currentUserDetail,userId,account,token);`)
-    },
-    addHeight(height) {
-      this.height = height
-    },
-    async disposeUrl() {
-      let currentUserDetail = await this.$requestConfig.getCurrentUser()
+        this.endSrc = eval(
+          `${preScript} scriptFunction(_this,data,currentUserDetail,userId,account,token);`
+        )
+      },
+      addHeight(height) {
+        this.height = height
+      },
+      async disposeUrl() {
+        let currentUserDetail = await this.$requestConfig.getCurrentUser()
 
-      let vStr = ''
-      for (let x = 0; x < this.urlParameter.length; x++) {
-        let parma = this.urlParameter[x]
-        if (parma.type == 1) {
-          vStr = vStr + `&${parma.key}=${this.getFromData(parma.value)}`
-        } else if (parma.type == 2) {
-          vStr = vStr + `&${parma.key}=${parma.value}`
-        } else if (parma.type == 3 && parma.value) {
-          let _this = this
-          const preScript = `const scriptFunction = function(_this){
+        let vStr = ''
+        for (let x = 0; x < this.urlParameter.length; x++) {
+          let parma = this.urlParameter[x]
+          if (parma.type == 1) {
+            vStr = vStr + `&${parma.key}=${this.getFromData(parma.value)}`
+          } else if (parma.type == 2) {
+            vStr = vStr + `&${parma.key}=${parma.value}`
+          } else if (parma.type == 3 && parma.value) {
+            let _this = this
+            const preScript = `const scriptFunction = function(_this){
             ${Base64.decode(parma.value)}
           };`
-          const result = eval(`${preScript} scriptFunction(_this);`)
-          if (result) {
-            vStr = vStr + `&${parma.key}=${result}`
+            const result = eval(`${preScript} scriptFunction(_this);`)
+            if (result) {
+              vStr = vStr + `&${parma.key}=${result}`
+            }
+          } else if (parma.type == 4) {
+            let res = ''
+            if (parma.value == 1) {
+              res = currentUserDetail.fullname
+            } else if (parma.value == 2) {
+              res = currentUserDetail.userId
+            } else if (parma.value == 3) {
+              res = currentUserDetail.account
+            } else if (parma.value == 4) {
+              res = this.$requestConfig.getToken()
+            } else if (parma.value == 5) {
+              //得到任务id
+              res = this.$route.query.taskId
+            } else if (parma.value == 6) {
+              res = this.instId
+            }
+            vStr = vStr + `&${parma.key}=${res}`
           }
-        } else if (parma.type == 4) {
-          let res = ''
-          if (parma.value == 1) {
-            res = currentUserDetail.fullname
-          } else if (parma.value == 2) {
-            res = currentUserDetail.userId
-          } else if (parma.value == 3) {
-            res = currentUserDetail.account
-          } else if (parma.value == 4) {
-            res = this.$requestConfig.getToken()
-          } else if (parma.value == 5) {
-            //得到任务id
-            res = this.$route.query.taskId
-          } else if (parma.value == 6) {
-            res = this.instId
-          }
-          vStr = vStr + `&${parma.key}=${res}`
         }
-      }
-      if (this.endSrc.includes('?')) {
-        this.endSrc = this.endSrc + vStr
-      } else {
-        this.endSrc = this.endSrc + vStr.replace('&', '?')
-      }
-    },
-    getFromData(path) {
-      let pathAry = path.split('.')
-      let v = this.data
-      for (let x = 0; x < pathAry.length; x++) {
-        v = v[pathAry[x]]
-      }
-      return v
-    },
-    getSubPageData(subPageData) {
-      this.subPageData = subPageData
-      console.log(subPageData)
-    },
-    getParentPageDataMsg() {
-      const frm = this.getIframeDom()
-      frm.contentWindow.postMessage(
-        {
-          type: 'getParentPageData',
-          instId: this.instId,
-          data: this.data,
-          permission: this.permission,
-        },
-        '*'
-      )
-    },
-    getIframeDom() {
-      const frmControl = document.querySelectorAll(
-        `[name='${this.iframeNmae}']`
-      )
-      if (!frmControl || !frmControl[0]) {
-        this.$message.error('当前URL表单加载不正确。')
-        return
-      }
-      return frmControl[0]
+        if (this.endSrc.includes('?')) {
+          this.endSrc = this.endSrc + vStr
+        } else {
+          this.endSrc = this.endSrc + vStr.replace('&', '?')
+        }
+      },
+      getFromData(path) {
+        let pathAry = path.split('.')
+        let v = this.data
+        for (let x = 0; x < pathAry.length; x++) {
+          v = v[pathAry[x]]
+        }
+        return v
+      },
+      getSubPageData(subPageData) {
+        this.subPageData = subPageData
+        console.log(subPageData)
+      },
+      getParentPageDataMsg() {
+        const frm = this.getIframeDom()
+        frm.contentWindow.postMessage(
+          {
+            type: 'getParentPageData',
+            instId: this.instId,
+            data: this.data,
+            permission: this.permission,
+          },
+          '*'
+        )
+      },
+      getIframeDom() {
+        const frmControl = document.querySelectorAll(
+          `[name='${this.iframeNmae}']`
+        )
+        if (!frmControl || !frmControl[0]) {
+          this.$message.error('当前URL表单加载不正确。')
+          return
+        }
+        return frmControl[0]
+      },
+      //流程系统获取业务系统的表单数据
+      getSubPageData() {},
     },
-    //流程系统获取业务系统的表单数据
-    getSubPageData() {},
-  },
-}
+  }
 </script>
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

package/packages/Image/src/main.vue

@@ -4,6 +4,7 @@
     :src="src"
     :style="imgStyle"
     @click="imgClick"
+    class="ht-image"
   />
 </template>
 <script>
@@ -45,15 +46,17 @@
         if (this.fileJson && this.$requestConfig.download) {
           var json = JSON.parse(this.fileJson)
           // 全局附件下载方法
-          this.$requestConfig.download(json[0].id).then((response) => {
-            const data =
-              response instanceof ArrayBuffer ? response : response.data
-            this.src = createObjectURL(new Blob([data]))
-          })
-          .catch((err) => {
-            //表单预览，下载图片等文件失败时，提示语
-            this.$message.error(`文件下载失败，请重新上传`)
-          })
+          this.$requestConfig
+            .download(json[0].id)
+            .then((response) => {
+              const data =
+                response instanceof ArrayBuffer ? response : response.data
+              this.src = createObjectURL(new Blob([data]))
+            })
+            .catch((err) => {
+              //表单预览，下载图片等文件失败时，提示语
+              this.$message.error(`文件下载失败，请重新上传`)
+            })
         }
       } else {
         this.src = this.imgSrc

package/packages/Input/src/main.vue

@@ -9,6 +9,7 @@
         : 'ht-form-inputs__inline',
       company ? 'has-company-box' : '',
     ]"
+    class="ht-input"
   >
     <el-input
       v-if="isShowInput"

package/packages/JobSelector/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-job-selector"
   >
     <div
       style="width: 100%; min-width:180px;"

package/packages/JobSelectorInput/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-job-selector-input"
   >
     <ht-job-selector
       v-model="value"

package/packages/OrgSelector/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-org-selector"
   >
     <div
       style="width: 100%; min-width:180px;"

package/packages/OrgSelectorInput/src/OrgSelectorInput.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-org-selector-input"
   >
     <ht-org-selector
       v-model="value"

package/packages/PostSelector/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-post-selector"
   >
     <div
       style="width: 100%; min-width:180px;"

package/packages/PostSelectorInput/src/PostSelectorInput.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-post-selector-input"
   >
     <ht-post-selector
       v-model="value"

package/packages/Radio/src/main.vue

@@ -6,6 +6,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-radio"
   >
     <el-radio-group
       v-if="inputWriteable"

package/packages/Rate/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-rate"
   >
     <!-- 校验 -->
     <input

package/packages/ReadonlyInput/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-readonly-input"
   >
     <el-input
       v-show="roInputDisplayMode == 'input'"

package/packages/RoleSelector/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-role-selector"
   >
     <div
       style="width: 100%; min-width:180px;"

package/packages/RoleSelectorInput/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-role-selector-input"
   >
     <ht-role-selector
       v-model="value"

package/packages/Select/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-select"
   >
     <el-select
       v-if="inputWriteable"

package/packages/SelectTree/src/SelectTree.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-select-tree"
   >
     <el-select
       v-if="inputWriteable && ganged"

package/packages/Switch/src/main.vue

@@ -8,6 +8,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-switch"
   >
     <el-switch
       v-if="isShowSwitch"

package/packages/TimePicker/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-time-picker"
   >
     <el-time-picker
       v-if="inputWriteable"

package/packages/TimeSelect/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-time-select"
   >
     <el-time-select
       v-if="inputWriteable"

package/packages/Tree/src/main.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :style="containerStyle">
+  <div :style="containerStyle" class="ht-tree">
     <div v-if="supportFilter" class="tree-header flex">
       <slot name="custom-prefix"></slot>
       <el-input
@@ -267,13 +267,18 @@
         return (
           this.data &&
           this.data.length < 1 &&
-          this.treeData && this.treeData.length < 1
+          this.treeData &&
+          this.treeData.length < 1
         )
       },
     },
     watch: {
       filterText(val) {
-        this.$refs.elTree.filter(val)
+        if (this.lazy) {
+          this.$emit('loadALL', val)
+        } else {
+          this.$refs.elTree.filter(val)
+        }
       },
       defaultCheckedKeys(val) {
         this.$refs.elTree.setCheckedKeys(val)

package/packages/UserDialog/src/main.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="inputs">
+  <div class="inputs ht-user-dialog">
     <user-selector-dialog
       v-if="!isMobile"
       ref="userSelectorDialog"

package/packages/UserSelector/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-user-selector"
   >
     <div
       class="el-select"