three-trees-ui 1.0.18 → 1.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-trees-ui",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "publicPath": "/ui",
   "author": "hotent",
   "private": false,

package/packages/Autocomplete/src/main.vue

@@ -7,6 +7,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-autocomplete"
   >
     <el-autocomplete
       v-if="inputWriteable && permission_sub != 'n'"

package/packages/Avatar/src/AvatarImage.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="vue-avatar--wrapper"
+    class="vue-avatar--wrapper ht-avatar-image"
     :style="[style, customStyle]"
     aria-hidden="true"
   >

package/packages/Button/src/main.vue

@@ -8,6 +8,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-button"
   >
     <ht-input
       v-if="isShowInput"

package/packages/Cascader/src/main.vue

@@ -6,6 +6,7 @@
         ? 'ht-form-inputs__block'
         : 'ht-form-inputs__inline',
     ]"
+    class="ht-cascader"
   >
     <el-cascader
       v-if="inputWriteable && permission_sub != 'n'"

package/packages/Checkbox/src/main.vue

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

package/packages/CustomDialog/src/main.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="inputs">
+  <div class="inputs ht-custom-dialog">
     <el-tooltip
       :placement="tooltipplacement || defualtTooltipplacement"
       :disabled="

package/packages/Date/src/main.vue

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

package/packages/DatePicker/src/main.vue

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

package/packages/Demension/src/main.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="inputs">
+  <div class="inputs ht-emension">
     <div
       style="width: 100%; min-width:180px;"
       class="el-select"

package/packages/Dictionary/src/main.vue

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

package/packages/DimensionSelector/src/main.vue

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

package/packages/DimensionSelectorInput/src/main.vue

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

package/packages/Divider/src/main.vue

@@ -2,6 +2,7 @@
   <div
     :class="['el-divider', `el-divider--${direction}`]"
     :style="'background-color:' + color"
+    class="ht-divider"
   >
     <div
       v-if="$slots.default && direction !== 'vertical'"

package/packages/Editor/src/main.vue

@@ -9,6 +9,7 @@
       disabled ? 'is-disabled' : '',
     ]"
     :style="styleEditor"
+    class="ht-editor"
   >
     <input
       v-if="inputWriteable && !hasTextValue"
@@ -150,7 +151,7 @@
       },
     },
     watch: {
-      value: function (newVal) {
+      value: function(newVal) {
         if (this.editor && newVal) {
           let text = this.editor.txt.html()
           if (text !== newVal && encode(text) !== newVal) {
@@ -159,18 +160,18 @@
         }
       },
       textValue: {
-        handler: function (newVal) {
+        handler: function(newVal) {
           this.loadCompiledTextValue(newVal)
         },
         immediate: true,
       },
-      permission_sub: function (newVal, oldVal) {
+      permission_sub: function(newVal, oldVal) {
         if (newVal !== oldVal) {
           // 现在是无权限，需要销毁
           newVal == 'n' && this.destroyEditor()
         }
       },
-      inputWriteable: function (newVal, oldVal) {
+      inputWriteable: function(newVal, oldVal) {
         if (newVal !== oldVal) {
           // 可编辑，渲染
           if (newVal && !this.hasTextValue) {
@@ -182,7 +183,7 @@
           }
         }
       },
-      formInstance: function (newVal, oldVal) {
+      formInstance: function(newVal, oldVal) {
         if (!oldVal && newVal && newVal.$on) {
           newVal.$off('updateData', this.loadCompiledTextValue)
           newVal.$on('updateData', this.loadCompiledTextValue)
@@ -247,8 +248,7 @@
             this.editor.config.uploadImgHeaders &&
             !this.editor.config.uploadImgHeaders.Authorization
           ) {
-            this.editor.config.uploadImgHeaders.Authorization =
-              this.$requestConfig.getToken()
+            this.editor.config.uploadImgHeaders.Authorization = this.$requestConfig.getToken()
           }
           this.editor.create()
           if (this.disabled) {

package/packages/FieldTail/src/main.vue

@@ -30,7 +30,8 @@
         <slot name="append" class="el-input-group__append"></slot>
       </span>
     </div>
-    <template
+    <div
+      class="field-tail"
       v-if="
         readonly &&
           tagFormatValue.constructor == Array &&
@@ -50,7 +51,7 @@
           </el-tag>
         </el-tooltip>
       </template>
-    </template>
+    </div>
   </span>
 </template>
 <script>

package/packages/File/src/main.vue

@@ -7,6 +7,7 @@
         : 'ht-form-inputs__inline',
     ]"
     :style="inputsContainerWidth"
+    class="ht-file"
   >
     <input
       v-model="value"

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;"