dk-text.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. /*******************************************************************************
  2. * Copyright(c) 2022 dongke All rights reserved. / Confidential
  3. * 类的信息:
  4. * 1.程序名称:
  5. * 2.功能描述:dkText组件
  6. * 编辑履历:
  7. * 作者 日期 版本 修改内容
  8. * admin 2021-7-7 1.00 新建
  9. *******************************************************************************/
  10. const util = require('../../../utils/util.js')
  11. Component({
  12. /**
  13. * 组件的属性列表
  14. */
  15. properties: {
  16. /**
  17. * 输入的数据
  18. */
  19. value: {
  20. type: String,
  21. value: '',
  22. observer: function (newVal) {
  23. // 处理数据
  24. this.handleData(newVal);
  25. }
  26. },
  27. /**
  28. * 跟前一个控件是否又间距
  29. */
  30. margin:{
  31. type: Boolean,
  32. value: false,
  33. },
  34. /**
  35. * 颜色
  36. */
  37. color:{
  38. type:String,
  39. value:'#1B365D'
  40. },
  41. /**
  42. * 字体粗细
  43. */
  44. fontWeight:{
  45. type:String,
  46. value:'bold'
  47. },
  48. /**
  49. * 字体大小(默认12px)
  50. */
  51. fontSize:{
  52. type:String,
  53. value:'12px'
  54. },
  55. /**
  56. * 样式名
  57. */
  58. style:{
  59. type: String,
  60. value: 'inputStyle',
  61. },
  62. /**
  63. * 下划线
  64. */
  65. textDecoration:{
  66. type:String,
  67. value:''
  68. },
  69. /**
  70. * 需要进行复制的内容
  71. */
  72. copyValue:{
  73. type:String,
  74. value: ''
  75. },
  76. /**
  77. * 是否进行重新布局
  78. */
  79. layoutFlag:{
  80. type:Boolean,
  81. value:false
  82. }
  83. },
  84. /**
  85. * 组件的初始数据
  86. */
  87. data: {
  88. displayValue:'',
  89. valueArray:[],
  90. },
  91. /**
  92. * 组件的方法列表
  93. */
  94. methods: {
  95. handleData(val){
  96. let inputValue = ''
  97. let valueArray = []
  98. // 对内容进行处理
  99. if(val == undefined || val == null ){
  100. inputValue = '';
  101. }else{
  102. inputValue = val;
  103. valueArray = val.split('')
  104. }
  105. this.setData({
  106. displayValue:inputValue,
  107. valueArray:valueArray
  108. })
  109. },
  110. /**
  111. * @desc : 复制
  112. * @author : 周兴
  113. * @date : 2022/7/29 12:16
  114. */
  115. toCopy(e) {
  116. // 外露事件
  117. this.triggerEvent('tap',e)
  118. if(!this.data.copyValue)return;
  119. util.toCopy(this.data.copyValue, this.data.value);
  120. },
  121. },
  122. /**
  123. * 组件生命周期
  124. */
  125. lifetimes: {
  126. attached: function () {
  127. },
  128. detached: function () {
  129. // 在组件实例被从页面节点树移除时执行
  130. },
  131. },
  132. })