1 line
14 KiB
Plaintext
1 line
14 KiB
Plaintext
|
{"version":3,"file":"uni-collapse-item.js","sources":["../../../../../../../src/uni_modules/uni-collapse/components/uni-collapse-item/uni-collapse-item.vue","../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy91bmlfbW9kdWxlcy91bmktY29sbGFwc2UvY29tcG9uZW50cy91bmktY29sbGFwc2UtaXRlbS91bmktY29sbGFwc2UtaXRlbS52dWU"],"sourcesContent":["<template>\r\n <view class=\"uni-collapse-item\">\r\n <!-- onClick(!isOpen) -->\r\n <view\r\n @click=\"onClick(!isOpen)\"\r\n class=\"uni-collapse-item__title\"\r\n :class=\"{\r\n 'is-open': isOpen && titleBorder === 'auto',\r\n 'uni-collapse-item-border': titleBorder !== 'none',\r\n }\"\r\n >\r\n <view class=\"uni-collapse-item__title-wrap\">\r\n <slot name=\"title\">\r\n <view class=\"uni-collapse-item__title-box\" :class=\"{ 'is-disabled': disabled }\">\r\n <image v-if=\"thumb\" :src=\"thumb\" class=\"uni-collapse-item__title-img\" />\r\n <text class=\"uni-collapse-item__title-text\">{{ title }}</text>\r\n </view>\r\n </slot>\r\n </view>\r\n <view\r\n v-if=\"showArrow\"\r\n :class=\"{\r\n 'uni-collapse-item__title-arrow-active': isOpen,\r\n 'uni-collapse-item--animation': showAnimation === true,\r\n }\"\r\n class=\"uni-collapse-item__title-arrow\"\r\n >\r\n <uni-icons :color=\"disabled ? '#ddd' : '#bbb'\" size=\"14\" type=\"bottom\" />\r\n </view>\r\n </view>\r\n <view\r\n class=\"uni-collapse-item__wrap\"\r\n :class=\"{ 'is--transition': showAnimation }\"\r\n :style=\"{ height: (isOpen ? height : 0) + 'px' }\"\r\n >\r\n <view\r\n :id=\"elId\"\r\n ref=\"collapse--hook\"\r\n class=\"uni-collapse-item__wrap-content\"\r\n :class=\"{ open: isheight, 'uni-collapse-item--border': border && isOpen }\"\r\n >\r\n <slot></slot>\r\n </view>\r\n </view>\r\n </view>\r\n</template>\r\n\r\n<script>\r\n// #ifdef APP-NVUE\r\nconst dom = weex.requireModule('dom')\r\n// #endif\r\n/**\r\n * CollapseItem 折叠面板子组件\r\n * @description 折叠面板子组件\r\n * @property {String} title 标题文字\r\n * @property {String} thumb 标题左侧缩略图\r\n * @property {String} name 唯一标志符\r\n * @property {Boolean} open = [true|false] 是否展开组件\r\n * @property {Boolean} titleBorder = [true|false] 是否显示标题分隔线\r\n * @property {Boolean} border = [true|false] 是否显示分隔线\r\n * @property {Boolean} disabled = [true|false] 是否展开面板\r\n * @property {Boolean} showAnimation = [true|false] 开启动画\r\n * @property {Boolean} showArrow = [true|false] 是否显示右侧箭头\r\n */\r\nexport default {\r\n name: 'uniCollapseItem',\r\n props: {\r\n // 列表标题\r\n title: {\r\n type: String,\r\n default: '',\r\n },\r\n name: {\r\n type: [Number, String],\r\n default: '',\r\n },\r\n // 是否禁用\r\n disabled: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n // #ifdef APP-PLUS\r\n // 是否显示动画,app 端默认不开启动画，卡顿严重\r\n showAnimation: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n // #endif\r\n // #ifndef APP-PLUS\r\n // 是否显示动画\r\n showAnimation: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n // #endif\r\n // 是否展开\r\n open: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n // 缩略图\r\n thumb: {\r\n type: String,\r\n default: '',\r\n },\r\n // 标题分隔线显示类型\r\n titleBorder: {\r\n type: String,\r\n default: 'auto',\r\n },\r\n border: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n showArrow: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n },\r\n data() {\r\n // TODO 随机生生元素ID，解决百度小程序获取同一个元素位置信息的bug\r\n const elId = `Uni_${Math.ceil(Math.random() * 10e5).
|