swordpass-ui 1.0.4 → 1.0.6

package/lib/sword-vue-ui.common.js

@@ -13665,18 +13665,20 @@ var mixins_form = __webpack_require__("e49c");
 
     this.enterMorph();
   },
-  beforeDestroy: function beforeDestroy() {
-    var that = this;
-
-    var watcher = that._watchers.find(function (m) {
-      return m.expression == 'inputVal';
-    });
-
-    if (watcher && watcher.cb) {
-      // 单行文本销毁时，触发一次change事件，更新计算公式
-      watcher.cb('0', that.inputVal, true);
-    }
-  },
+  beforeDestroy() {
+      // if (
+      //   this.type == 'number' &&
+      //   (this.filtercurrency || this.filterthousandBit || this.showCompanys)
+      // ) {
+      //   window.removeEventListener('click', this.clickOther)
+      // }
+      let that = this;
+      let watcher = that._watchers && that._watchers.find(m => m.expression == 'inputVal');
+      if (watcher && watcher.cb) {
+        // 单行文本销毁时，触发一次change事件，更新计算公式
+        watcher.cb('0', that.inputVal, true);
+      }
+    },
   destroyed: function destroyed() {
     this.unwatchAry && this.unwatchAry.forEach(function (unwatch) {
       unwatch.call();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "swordpass-ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "author": "sword",
   "private": false,
   "scripts": {

package/packages/Input/src/main.vue

@@ -107,446 +107,451 @@
   </div>
 </template>
 <script>
-  import utils from '@/utils.js'
-  import FormMath from '@/math.js'
-  import ClFieldTail from '../../FieldTail/index'
-  import permission from '@/mixins/permission.js'
-  import inputName from '@/mixins/inputName.js'
-  import form from '@/mixins/form.js'
+import utils from '@/utils.js'
+import FormMath from '@/math.js'
+import ClFieldTail from '../../FieldTail/index'
+import permission from '@/mixins/permission.js'
+import inputName from '@/mixins/inputName.js'
+import form from '@/mixins/form.js'
 
-  export default {
-    name: 'ClInput',
-    components: {
-      ClFieldTail,
-    },
-    mixins: [permission, inputName, form],
-    props: {
-      value: [String, Number],
-      controlsPosition: {
-        type: String,
-        default: 'right',
-      },
-      width: [String, Number],
-      clearable: {
-        type: Boolean,
-        default: true,
-      },
-      showPassword: {
-        type: Boolean,
-        default: false,
-      },
-      mathExp: String,
-      type: {
-        type: String,
-        default: 'text',
-      },
-      ctrlType: {
-        type: String,
-        default: '',
-      },
-      dateCalcExp: Object,
-      readonly: {
-        type: Boolean,
-        default: false,
-      },
-      disabled: {
-        type: Boolean,
-        default: false,
-      },
-      min: Number,
-      max: Number,
-      step: {
-        type: Number,
-        default: 1,
-      },
-      stepStrictly: {
-        type: Boolean,
-        default: false,
-      },
-      precision: Number,
-      cols: {
-        type: Number,
-        default: 60,
-      },
-      rows: {
-        type: Number,
-        default: 2,
-      },
-      autosize: {
-        type: [Boolean, Object],
-        default: false,
-      },
-      prefixIcon: String,
-      suffixIcon: String,
-      tabindex: String,
-      minlength: {
-        type: Number,
-      },
-      maxlength: {
-        type: Number,
-      },
-      showWordLimit: {
-        type: Boolean,
-        default: false,
-      },
-      format: {
-        type: Function,
-      },
-      formatWhenReadonly: {
-        type: Boolean,
-        default: true,
-      },
-      filterthousandBit: {
-        type: Boolean,
-        default: false,
-      },
-      filtercurrency: {
-        type: Boolean,
-        default: false,
-      },
-      configAttributes: Object,
-      company: String,
-    },
-    data() {
-      return {
-        unwatchAry: [],
-        morphing: false,
-        tempInputVal: null,
-        isFocus: false,
-        exhibitText: '',
-        isNumber: true,
-      }
+export default {
+  name: 'ClInput',
+  components: {
+    ClFieldTail,
+  },
+  mixins: [permission, inputName, form],
+  props: {
+    value: [String, Number],
+    controlsPosition: {
+      type: String,
+      default: 'right',
     },
-    computed: {
-      inputVal: {
-        get() {
-          // input为number时 输入框获取焦点时 自动清空输入框默认内容 简化用户操作
-          if (this.isFocus && this.type === 'number' && this.value === 0) {
-            return undefined
-          }
-          if (this.morphing && this.tempInputVal !== null) {
-            return this.tempInputVal
-          }
-          if (utils.isEmpty(this.value)) {
-            return ''
-          }
-          return this.value
-        },
-        set(val) {
-          if (this.isFocus && this.type === 'number' && val === undefined) {
-            this.$emit('input', 0)
-            return
-          }
-          // 格式化显示时不更新到value属性上
-          !this.morphing && this.$emit('input', val)
-        },
-      },
-      colsVal: function() {
-        return this.type == 'textarea' ? this.cols : null
-      },
-      rowsVal: function() {
-        return this.type == 'textarea' ? this.rows : null
-      },
-      inputWidth: function() {
-        return this.width
-          ? typeof this.width == 'string'
-            ? { width: this.width }
-            : { width: `${this.width}px` }
-          : null
-      },
+    width: [String, Number],
+    clearable: {
+      type: Boolean,
+      default: true,
+    },
+    showPassword: {
+      type: Boolean,
+      default: false,
+    },
+    mathExp: String,
+    type: {
+      type: String,
+      default: 'text',
+    },
+    ctrlType: {
+      type: String,
+      default: '',
+    },
+    dateCalcExp: Object,
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    min: Number,
+    max: Number,
+    step: {
+      type: Number,
+      default: 1,
+    },
+    stepStrictly: {
+      type: Boolean,
+      default: false,
     },
-    watch: {
-      value: function() {
+    precision: Number,
+    cols: {
+      type: Number,
+      default: 60,
+    },
+    rows: {
+      type: Number,
+      default: 2,
+    },
+    autosize: {
+      type: [Boolean, Object],
+      default: false,
+    },
+    prefixIcon: String,
+    suffixIcon: String,
+    tabindex: String,
+    minlength: {
+      type: Number,
+    },
+    maxlength: {
+      type: Number,
+    },
+    showWordLimit: {
+      type: Boolean,
+      default: false,
+    },
+    format: {
+      type: Function,
+    },
+    formatWhenReadonly: {
+      type: Boolean,
+      default: true,
+    },
+    filterthousandBit: {
+      type: Boolean,
+      default: false,
+    },
+    filtercurrency: {
+      type: Boolean,
+      default: false,
+    },
+    configAttributes: Object,
+    company: String,
+  },
+  data() {
+    return {
+      unwatchAry: [],
+      morphing: false,
+      tempInputVal: null,
+      isFocus: false,
+      exhibitText: '',
+      isNumber: true,
+    }
+  },
+  computed: {
+    inputVal: {
+      get() {
+        // input为number时 输入框获取焦点时 自动清空输入框默认内容 简化用户操作
+        if (this.isFocus && this.type === 'number' && this.value === 0) {
+          return undefined
+        }
         if (this.morphing && this.tempInputVal !== null) {
-          this.enterMorph()
+          return this.tempInputVal
+        }
+        if (utils.isEmpty(this.value)) {
+          return ''
         }
+        return this.value
       },
-      inputWriteable: function(newVal, oldVal) {
-        if (newVal != oldVal) {
-          if (!newVal) {
-            // 只读时是否保持格式化显示
-            this.formatWhenReadonly ? this.enterMorph() : this.exitMorph()
-          } else {
-            this.enterMorph()
-          }
+      set(val) {
+        if (this.isFocus && this.type === 'number' && val === undefined) {
+          this.$emit('input', 0)
+          return
         }
+        // 格式化显示时不更新到value属性上
+        !this.morphing && this.$emit('input', val)
       },
     },
-    mounted() {
-      const _me = this
-      const exp = this.mathExp
-      const formVm = utils.getOnlineFormInstance(_me)
-      //初始化流水号配置
-      this.initIdentity(_me, formVm)
-
-      // 数学运算表达式
-      if (exp) {
-        let elAttr = this.$vnode.data.model.expression
-        if (this.modelExpression) {
-          elAttr = this.modelExpression
+    colsVal: function () {
+      return this.type == 'textarea' ? this.cols : null
+    },
+    rowsVal: function () {
+      return this.type == 'textarea' ? this.rows : null
+    },
+    inputWidth: function () {
+      return this.width
+        ? typeof this.width == 'string'
+          ? { width: this.width }
+          : { width: `${this.width}px` }
+        : null
+    },
+  },
+  watch: {
+    value: function () {
+      if (this.morphing && this.tempInputVal !== null) {
+        this.enterMorph()
+      }
+    },
+    inputWriteable: function (newVal, oldVal) {
+      if (newVal != oldVal) {
+        if (!newVal) {
+          // 只读时是否保持格式化显示
+          this.formatWhenReadonly ? this.enterMorph() : this.exitMorph()
+        } else {
+          this.enterMorph()
         }
-        const fields = FormMath.parseFuncexpField(exp)
-        formVm.$on(elAttr, function(args) {
-          if (args.hasOwnProperty('index')) {
-            const { subScopeEl, index } = utils.getSubScopeElAndIndex(_me.$el)
-            if (subScopeEl != null && index === null) {
-              throw '要计算子表行数据的输入框不在包含data-subname属性的元素中.'
-            }
-            if (index == args.index) {
-              _me.$emit('input', args.result)
-            }
-          } else {
-            _me.$emit('input', args.result)
+      }
+    },
+  },
+  mounted() {
+    const _me = this
+    const exp = this.mathExp
+    const formVm = utils.getOnlineFormInstance(_me)
+    //初始化流水号配置
+    this.initIdentity(_me, formVm)
+
+    // 数学运算表达式
+    if (exp) {
+      let elAttr = this.$vnode.data.model.expression
+      if (this.modelExpression) {
+        elAttr = this.modelExpression
+      }
+      const fields = FormMath.parseFuncexpField(exp)
+      formVm.$on(elAttr, function (args) {
+        if (args.hasOwnProperty('index')) {
+          const { subScopeEl, index } = utils.getSubScopeElAndIndex(_me.$el)
+          if (subScopeEl != null && index === null) {
+            throw '要计算子表行数据的输入框不在包含data-subname属性的元素中.'
           }
-        })
-        fields.forEach((ele) => {
-          if (formVm.watchMap.has(ele)) {
-            let ary = formVm.watchMap.get(ele)
-            ary.push({ target: elAttr, exp })
-            formVm.watchMap.set(ele, ary.unique('target'))
-          } else {
-            formVm.watchMap.set(ele, [{ target: elAttr, exp }])
+          if (index == args.index) {
+            _me.$emit('input', args.result)
           }
-        })
-      }
-      // 日期计算表达式
-      if (this.dateCalcExp) {
-        // 计算日期间隔
-        let handleDateCalc = function(startVal, endVal) {
-          _me.$emit(
-            'input',
-            utils.dateCalc(startVal, endVal, _me.dateCalcExp.diffType)
-          )
+        } else {
+          _me.$emit('input', args.result)
         }
-        // 获取是否在子表中每一行进行日期计算
-        const { subScopeEl, index } = utils.getSubScopeElAndIndex(_me.$el)
-        if (subScopeEl) {
-          const startScope = utils.getSubInputScopeByModelExpression(
-            subScopeEl,
-            this.dateCalcExp.start
-          )
-          const endScope = utils.getSubInputScopeByModelExpression(
-            subScopeEl,
-            this.dateCalcExp.end
-          )
-          // 对于子表中某行的日期计算，需要找到日期控件对应的vm实例
-          startScope.$watch(
-            'inputVal',
-            function(newVal, oldVal) {
-              if (newVal !== oldVal) {
-                handleDateCalc(startScope.value, endScope.value)
-              }
-            },
-            { immediate: false }
-          )
-          endScope.$watch(
-            'inputVal',
-            function(newVal, oldVal) {
-              if (newVal !== oldVal) {
-                handleDateCalc(startScope.value, endScope.value)
-              }
-            },
-            { immediate: false }
-          )
+      })
+      fields.forEach((ele) => {
+        if (formVm.watchMap.has(ele)) {
+          let ary = formVm.watchMap.get(ele)
+          ary.push({ target: elAttr, exp })
+          formVm.watchMap.set(ele, ary.unique('target'))
         } else {
-          let cb = function(newVal, oldVal) {
+          formVm.watchMap.set(ele, [{ target: elAttr, exp }])
+        }
+      })
+    }
+    // 日期计算表达式
+    if (this.dateCalcExp) {
+      // 计算日期间隔
+      let handleDateCalc = function (startVal, endVal) {
+        _me.$emit(
+          'input',
+          utils.dateCalc(startVal, endVal, _me.dateCalcExp.diffType)
+        )
+      }
+      // 获取是否在子表中每一行进行日期计算
+      const { subScopeEl, index } = utils.getSubScopeElAndIndex(_me.$el)
+      if (subScopeEl) {
+        const startScope = utils.getSubInputScopeByModelExpression(
+          subScopeEl,
+          this.dateCalcExp.start
+        )
+        const endScope = utils.getSubInputScopeByModelExpression(
+          subScopeEl,
+          this.dateCalcExp.end
+        )
+        // 对于子表中某行的日期计算，需要找到日期控件对应的vm实例
+        startScope.$watch(
+          'inputVal',
+          function (newVal, oldVal) {
             if (newVal !== oldVal) {
-              let startVal = utils.getValueByPath(
-                formVm,
-                _me.dateCalcExp.start,
-                index
-              )
-              let endVal = utils.getValueByPath(
-                formVm,
-                _me.dateCalcExp.end,
-                index
-              )
-              handleDateCalc(startVal, endVal)
+              handleDateCalc(startScope.value, endScope.value)
             }
+          },
+          { immediate: false }
+        )
+        endScope.$watch(
+          'inputVal',
+          function (newVal, oldVal) {
+            if (newVal !== oldVal) {
+              handleDateCalc(startScope.value, endScope.value)
+            }
+          },
+          { immediate: false }
+        )
+      } else {
+        let cb = function (newVal, oldVal) {
+          if (newVal !== oldVal) {
+            let startVal = utils.getValueByPath(
+              formVm,
+              _me.dateCalcExp.start,
+              index
+            )
+            let endVal = utils.getValueByPath(
+              formVm,
+              _me.dateCalcExp.end,
+              index
+            )
+            handleDateCalc(startVal, endVal)
           }
-          // 主表中的日期计算，在表单上通过v-model的表达式来监控值变更
-          formVm.$watch(this.dateCalcExp.start, cb, { immediate: true })
-          formVm.$watch(this.dateCalcExp.end, cb, { immediate: true })
         }
+        // 主表中的日期计算，在表单上通过v-model的表达式来监控值变更
+        formVm.$watch(this.dateCalcExp.start, cb, { immediate: true })
+        formVm.$watch(this.dateCalcExp.end, cb, { immediate: true })
       }
+    }
+    this.enterMorph()
+  },
+  beforeDestroy() {
+    // if (
+    //   this.type == 'number' &&
+    //   (this.filtercurrency || this.filterthousandBit || this.showCompanys)
+    // ) {
+    //   window.removeEventListener('click', this.clickOther)
+    // }
+    let that = this
+    let watcher =
+      that._watchers && that._watchers.find((m) => m.expression == 'inputVal')
+    if (watcher && watcher.cb) {
+      // 单行文本销毁时，触发一次change事件，更新计算公式
+      watcher.cb('0', that.inputVal, true)
+    }
+  },
+  destroyed() {
+    this.unwatchAry &&
+      this.unwatchAry.forEach((unwatch) => {
+        unwatch.call()
+      })
+  },
+  methods: {
+    handleBlur(event) {
+      this.isFocus = false
       this.enterMorph()
+      this.$emit('blur', event)
     },
-    beforeDestroy() {
-      let that = this
-      let watcher = that._watchers.find((m) => m.expression == 'inputVal')
-      if (watcher && watcher.cb) {
-        // 单行文本销毁时，触发一次change事件，更新计算公式
-        watcher.cb('0', that.inputVal, true)
-      }
+    handleFocus(event) {
+      this.isFocus = true
+      this.exitMorph()
+      this.$emit('focus', event)
     },
-    destroyed() {
-      this.unwatchAry &&
-        this.unwatchAry.forEach((unwatch) => {
-          unwatch.call()
-        })
+    handleChange(val) {
+      this.$emit('change', val)
     },
-    methods: {
-      handleBlur(event) {
-        this.isFocus = false
-        this.enterMorph()
-        this.$emit('blur', event)
-      },
-      handleFocus(event) {
-        this.isFocus = true
-        this.exitMorph()
-        this.$emit('focus', event)
-      },
-      handleChange(val) {
-        this.$emit('change', val)
-      },
-      handleInput(val) {
-        this.$emit('input', val)
-      },
-      handleClear() {
-        this.$emit('clear')
-      },
-      // 进入格式显示模式
-      enterMorph() {
-        // 只在text类型时格式化
-        // 货币和数字时也格式化
-        if (
-          this.morphing ||
-          (this.type != 'text' &&
-            this.ctrlType !== 'currency' &&
-            this.ctrlType !== 'number')
-        ) {
-          return
-        }
-        // 优先处理设定了format方法的情况
-        if (this.format) {
-          const result = this.format(this.value)
-          if (result && result.constructor == Promise) {
-            result.then((resp) => {
-              this.morphing = true
-              this.tempInputVal = resp
-            })
-          } else if (result != null && result != undefined) {
+    handleInput(val) {
+      this.$emit('input', val)
+    },
+    handleClear() {
+      this.$emit('clear')
+    },
+    // 进入格式显示模式
+    enterMorph() {
+      // 只在text类型时格式化
+      // 货币和数字时也格式化
+      if (
+        this.morphing ||
+        (this.type != 'text' &&
+          this.ctrlType !== 'currency' &&
+          this.ctrlType !== 'number')
+      ) {
+        return
+      }
+      // 优先处理设定了format方法的情况
+      if (this.format) {
+        const result = this.format(this.value)
+        if (result && result.constructor == Promise) {
+          result.then((resp) => {
             this.morphing = true
-            this.tempInputVal = result
-          }
-        }
-        // 其次人民币大写
-        else if (this.filtercurrency) {
+            this.tempInputVal = resp
+          })
+        } else if (result != null && result != undefined) {
           this.morphing = true
-          if (this.ctrlType === 'currency' || this.ctrlType === 'number') {
-            this.exhibitText = FormMath.convertCurrency(this.value)
-            this.isNumber = false
-          } else {
-            this.tempInputVal = FormMath.convertCurrency(this.value)
-          }
+          this.tempInputVal = result
         }
-        // 最后千分位
-        else if (this.filterthousandBit) {
-          this.morphing = true
-          if (this.ctrlType === 'currency' || this.ctrlType === 'number') {
-            this.exhibitText = utils.thousandBit(this.value)
-            this.isNumber = false
-          } else {
-            this.tempInputVal = utils.thousandBit(this.value)
-          }
+      }
+      // 其次人民币大写
+      else if (this.filtercurrency) {
+        this.morphing = true
+        if (this.ctrlType === 'currency' || this.ctrlType === 'number') {
+          this.exhibitText = FormMath.convertCurrency(this.value)
+          this.isNumber = false
+        } else {
+          this.tempInputVal = FormMath.convertCurrency(this.value)
         }
-      },
-      // 退出格式化显示模式
-      exitMorph() {
-        this.morphing = false
-        this.tempInputVal = null
-      },
-      initIdentity(_me, pInst) {
-        //检查流水号
-        if (this.configAttributes) {
-          this.isEdit = !this.configAttributes.isInputEdit
-          //判断是否绑定流水号
-          if (this.configAttributes.bindIdentityAlias) {
-            this.isEdit = false
-            if (this.value) return
-            var alias = this.configAttributes.bindIdentityAlias
-            this.$requestConfig.getNextIdByAlias(alias).then((res) => {
-              if (res.state) {
-                this.$emit('input', res.value)
-                if (res.value) {
-                  var match = /(\{(.*)\}).*$/.exec(res.value)
-                  //判断流水号中是否表达式如{kjbt.csfjsc}
-                  if (match) {
-                    this.$emit('input', res.value.replace(match[1], ''))
-                    // data 数据所在的 VueComponent
-                    const runtimePInst = utils.getRuntimeTemplateOnlineForm(
-                      this
-                    )
-                    if (runtimePInst && match[2]) {
-                      runtimePInst.$watch(
-                        `data.${match[2]}`,
-                        (newVal, oldVal) => {
-                          if (newVal != oldVal) {
-                            if (this.modelName === `data.${match[2]}`) {
-                              this.$message.error(
-                                '流水号生成规则字段不能绑定流水号显示字段'
-                              )
-                            } else {
-                              this.$emit(
-                                'input',
-                                res.value.replace(match[1], newVal)
-                              )
-                            }
+      }
+      // 最后千分位
+      else if (this.filterthousandBit) {
+        this.morphing = true
+        if (this.ctrlType === 'currency' || this.ctrlType === 'number') {
+          this.exhibitText = utils.thousandBit(this.value)
+          this.isNumber = false
+        } else {
+          this.tempInputVal = utils.thousandBit(this.value)
+        }
+      }
+    },
+    // 退出格式化显示模式
+    exitMorph() {
+      this.morphing = false
+      this.tempInputVal = null
+    },
+    initIdentity(_me, pInst) {
+      //检查流水号
+      if (this.configAttributes) {
+        this.isEdit = !this.configAttributes.isInputEdit
+        //判断是否绑定流水号
+        if (this.configAttributes.bindIdentityAlias) {
+          this.isEdit = false
+          if (this.value) return
+          var alias = this.configAttributes.bindIdentityAlias
+          this.$requestConfig.getNextIdByAlias(alias).then((res) => {
+            if (res.state) {
+              this.$emit('input', res.value)
+              if (res.value) {
+                var match = /(\{(.*)\}).*$/.exec(res.value)
+                //判断流水号中是否表达式如{kjbt.csfjsc}
+                if (match) {
+                  this.$emit('input', res.value.replace(match[1], ''))
+                  // data 数据所在的 VueComponent
+                  const runtimePInst = utils.getRuntimeTemplateOnlineForm(this)
+                  if (runtimePInst && match[2]) {
+                    runtimePInst.$watch(
+                      `data.${match[2]}`,
+                      (newVal, oldVal) => {
+                        if (newVal != oldVal) {
+                          if (this.modelName === `data.${match[2]}`) {
+                            this.$message.error(
+                              '流水号生成规则字段不能绑定流水号显示字段'
+                            )
+                          } else {
+                            this.$emit(
+                              'input',
+                              res.value.replace(match[1], newVal)
+                            )
                           }
-                        },
-                        { immediate: true }
-                      )
-                    }
+                        }
+                      },
+                      { immediate: true }
+                    )
                   }
                 }
-              } else {
-                this.$message.error(res.message)
               }
-            })
-          }
-          _me.$watch('inputVal', function() {
-            pInst.$watch(
-              'identityMap',
-              function(newVal, oldVal) {
-                if (newVal && newVal !== oldVal) {
-                  for (const key in newVal) {
-                    if (_me.modelName == key) {
-                      let item = newVal[key]
-                      utils.setValueByPath(
-                        pInst,
-                        item.key,
-                        item.value.replace(item.expression, _me.value)
-                      )
-                    }
-                  }
-                }
-              },
-              { immediate: true }
-            )
+            } else {
+              this.$message.error(res.message)
+            }
           })
         }
-      },
+        _me.$watch('inputVal', function () {
+          pInst.$watch(
+            'identityMap',
+            function (newVal, oldVal) {
+              if (newVal && newVal !== oldVal) {
+                for (const key in newVal) {
+                  if (_me.modelName == key) {
+                    let item = newVal[key]
+                    utils.setValueByPath(
+                      pInst,
+                      item.key,
+                      item.value.replace(item.expression, _me.value)
+                    )
+                  }
+                }
+              }
+            },
+            { immediate: true }
+          )
+        })
+      }
     },
-  }
+  },
+}
 </script>
 <style lang="scss" scoped>
-  div[aria-invalid='true'] ::v-deep .el-input__inner,
-  div[aria-invalid='true'] ::v-deep .el-input__inner:focus {
-    border-color: #f56c6c;
-  }
+div[aria-invalid='true'] ::v-deep .el-input__inner,
+div[aria-invalid='true'] ::v-deep .el-input__inner:focus {
+  border-color: #f56c6c;
+}
 
-  div[aria-invalid='true'] ::v-deep .el-textarea__inner,
-  div[aria-invalid='true'] ::v-deep .el-textarea__inner:focus {
-    border-color: #f56c6c;
-  }
-  .inputs {
-    ::v-deep {
-      .el-input-number {
-        width: calc(100% - 30px);
-      }
+div[aria-invalid='true'] ::v-deep .el-textarea__inner,
+div[aria-invalid='true'] ::v-deep .el-textarea__inner:focus {
+  border-color: #f56c6c;
+}
+.inputs {
+  ::v-deep {
+    .el-input-number {
+      width: calc(100% - 30px);
     }
   }
-  .exhibit {
-    width: calc(100% - 30px);
-  }
+}
+.exhibit {
+  width: calc(100% - 30px);
+}
 </style>

package/packages/Text/src/main.vue

@@ -5,53 +5,53 @@
   </div>
 </template>
 <script>
-  import permission from '@/mixins/permission.js'
-  export default {
-    name: 'ClText',
-    mixins: [permission],
-    props: {
-      textValue: String,
-      color: {
-        type: String,
-        default: '#666',
-      },
-      fontSize: {
-        type: String,
-        default: '12px',
-      },
-      fontWeight: {
-        type: String,
-        default: '400',
-      },
-      paddingTop: String,
-      paddingBottom: String,
-      paddingLeft: String,
-      paddingRight: String,
-      textAlign: {
-        type: String,
-        default: 'center',
-        validator: (val) => {
-          return ['left', 'center', 'right'].indexOf(val) > -1
-        },
-      },
+import permission from '@/mixins/permission.js'
+export default {
+  name: 'ClText',
+  mixins: [permission],
+  props: {
+    textValue: String,
+    color: {
+      type: String,
+      default: '#666',
     },
-    computed: {
-      textStyle() {
-        return {
-          color: this.color,
-          fontSize: this.fontSize,
-          textAlign: this.textAlign,
-          fontWeight: this.fontWeight,
-          paddingTop: this.paddingTop,
-          paddingBottom: this.paddingBottom,
-          paddingLeft: this.paddingLeft,
-          paddingRight: this.paddingRight,
-        }
+    fontSize: {
+      type: String,
+      default: '12px',
+    },
+    fontWeight: {
+      type: String,
+      default: '400',
+    },
+    paddingTop: String,
+    paddingBottom: String,
+    paddingLeft: String,
+    paddingRight: String,
+    textAlign: {
+      type: String,
+      default: 'center',
+      validator: (val) => {
+        return ['left', 'center', 'right'].indexOf(val) > -1
       },
     },
-  }
+  },
+  computed: {
+    textStyle() {
+      return {
+        color: this.color,
+        fontSize: this.fontSize,
+        textAlign: this.textAlign,
+        fontWeight: this.fontWeight,
+        paddingTop: this.paddingTop,
+        paddingBottom: this.paddingBottom,
+        paddingLeft: this.paddingLeft,
+        paddingRight: this.paddingRight,
+      }
+    },
+  },
+}
 </script>
 <style lang="scss" scoped>
-  .cl-text {
-  }
+.cl-text {
+}
 </style>