lanan-repair/unpackage/dist/dev/.sourcemap/mp-weixin/components/mote-lines-divide/mote-lines-divide.js.map

{"version":3,"sources":["webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?6014","webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?09a2","webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?1ef8","webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?498a","uni-app:///components/mote-lines-divide/mote-lines-divide.vue","webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?5bd8","webpack:///E:/Workspace/Work/lanan/lanan-repair/components/mote-lines-divide/mote-lines-divide.vue?ab04"],"names":["data","isHide","textHeight","lineHeight","placeholder","props","line","type","default","dt","enableButton","expandText","foldHint","watch","setTimeout","query","that","mounted","computed","lines"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA0I;AAC1I;AACqE;AACL;AACqC;;;AAGrG;AACmL;AACnL,gBAAgB,uLAAU;AAC1B,EAAE,uFAAM;AACR,EAAE,wGAAM;AACR,EAAE,iHAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,4GAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AChBA;AAAA;AAAA;AAAA;AAA8rB,CAAgB,6qBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eCiCltB;EACAA;IACA;MACA;MACAC;MACA;MACAC;MACA;MACAC;MACA;MACAC;IACA;EACA;EACAC;IACA;IACAC;MACAC;MACAC;IACA;IACA;IACAC;MACAF;MACAC;IACA;IACAE;MACAH;MACAC;IACA;IACA;IACAG;MACAJ;MACAC;IACA;IACA;IACAI;MACAL;MACAC;IACA;EACA;EAEAK;IACAJ;MACA;MACAK;QACA;QACA;QACAC;UACAC;QACA;MACA;IACA;EACA;EAEAC;IAAA;IACA;MACA;MACA;MACAF;QACA;MACA;;MAEA;MACAA;QACA;MACA;IACA;IACA;IACA;EACA;EACAG;IACA;IACAC;MACA;QACA;MACA;MACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;AC/GA;AAAA;AAAA;AAAA;AAAygC,CAAgB,88BAAG,EAAC,C;;;;;;;;;;;ACA7hC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"components/mote-lines-divide/mote-lines-divide.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./mote-lines-divide.vue?vue&type=template&id=354ced08&scoped=true&\"\nvar renderjs\nimport script from \"./mote-lines-divide.vue?vue&type=script&lang=js&\"\nexport * from \"./mote-lines-divide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mote-lines-divide.vue?vue&type=style&index=0&id=354ced08&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"354ced08\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"components/mote-lines-divide/mote-lines-divide.vue\"\nexport default component.exports","export * from \"-!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./mote-lines-divide.vue?vue&type=template&id=354ced08&scoped=true&\"","var components\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  if (!_vm._isMounted) {\n    _vm.e0 = function ($event) {\n      _vm.isHide = false\n    }\n    _vm.e1 = function ($event) {\n      _vm.isHide = true\n    }\n  }\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./mote-lines-divide.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./mote-lines-divide.vue?vue&type=script&lang=js&\"","<template>\r\n  <view>\r\n    <view style=\"position: relative\" v-if=\"isHide\">\r\n      <view class=\"dt-content\" :style=\"'-webkit-line-clamp:'+line\">\r\n        <text class=\"content\">\r\n          <slot>{{ dt ? dt : '' }}</slot>\r\n        </text>\r\n      </view>\r\n      <view class=\"button-show\" @tap=\"isHide = false\" v-if=\"enableButton&&lines>line\">\r\n        <text style=\"color: blue\">{{ expandText }}</text>\r\n      </view>\r\n    </view>\r\n    <view v-else>\r\n      <view>\r\n        <text class=\"content\">\r\n          <slot>{{ dt ? dt : '' }}</slot>\r\n        </text>\r\n      </view>\r\n      <view class=\"fold-hint\" v-if=\"foldHint\">\r\n        <view @tap=\"isHide = true\">\r\n          {{ foldHint }}\r\n        </view>\r\n      </view>\r\n    </view>\r\n    <view>\r\n      <text class=\"placeholder\">\r\n        {{ placeholder }}\r\n      </text>\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      // 是否隐藏多余行。初始状态不隐藏\r\n      isHide: true,\r\n      // 全量所占文本高度\r\n      textHeight: 0,\r\n      // 单行文本所占高度\r\n      lineHeight: 1,\r\n      // 占位文本\r\n      placeholder: '占位'\r\n    };\r\n  },\r\n  props: {\r\n    // 展示多少行\r\n    line: {\r\n      type: [Number, String],\r\n      default: 1\r\n    },\r\n    // 文本\r\n    dt: {\r\n      type: [String],\r\n      default: ''\r\n    },\r\n    enableButton: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    // 自定义展开提示\r\n    expandText: {\r\n      type: String,\r\n      default: \"展开\"\r\n    },\r\n    // 自定义收起提示\r\n    foldHint: {\r\n      type: String,\r\n      default: \"收起\"\r\n    }\r\n  },\r\n\r\n  watch:{\r\n    dt(){\r\n      let that = this\r\n      setTimeout(() => {\r\n        let query = uni.createSelectorQuery().in(that);\r\n        // 获取所有文本在html中的高度\r\n        query.select('.content').boundingClientRect(data => {\r\n          that.textHeight = data.height\r\n        }).exec();\r\n      }, 100)\r\n    }\r\n  },\r\n\r\n  mounted() {\r\n    if (this.enableButton) {\r\n      let query = uni.createSelectorQuery().in(this);\r\n      // 获取所有文本在html中的高度\r\n      query.select('.content').boundingClientRect(data => {\r\n        this.textHeight = data.height\r\n      }).exec();\r\n\r\n      // 通过占位元素获取单行文本的高度\r\n      query.select('.placeholder').boundingClientRect(data => {\r\n        this.lineHeight = data.height\r\n      }).exec();\r\n    }\r\n    // 获取单行文本高度后，置空占位元素，使其释放占位\r\n    this.placeholder = ''\r\n  },\r\n  computed: {\r\n    // 全文本所占总行数\r\n    lines() {\r\n      if (!this.enableButton) {\r\n        return this.line\r\n      }\r\n      return Math.floor(this.textHeight > 0 && this.lineHeight > 0 ? this.textHeight / this.lineHeight : 0)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.dt-content {\r\n  overflow: hidden;\r\n  text-overflow: clip;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n}\r\n\r\n.button-show {\r\n  width: 70rpx;\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 0;\r\n  text-align: right;\r\n  background-image: linear-gradient(-180deg, rgba(233, 236, 239, 0) 50%, #FFF 80%);\r\n  padding-top: 2rem;\r\n}\r\n\r\n.fold-hint {\r\n  color: blue;\r\n  text-align: right\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./mote-lines-divide.vue?vue&type=style&index=0&id=354ced08&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../Developer/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./mote-lines-divide.vue?vue&type=style&index=0&id=354ced08&scoped=true&lang=css&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1727161594722\n      var cssReload = require(\"E:/Developer/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}