feat:还原更新框架
This commit is contained in:
@@ -1,31 +1,31 @@
|
||||
/*
|
||||
* @Author : LQ
|
||||
* @Description :
|
||||
* @version : 3.0
|
||||
* @Date : 2021-08-20 16:44:21
|
||||
* @LastAuthor : jry
|
||||
* @lastTime : 2025-12-19 08:55:21
|
||||
* @FilePath : /uview-plus/libs/config/props/collapseItem.js
|
||||
*/
|
||||
export default {
|
||||
// collapseItem 组件
|
||||
collapseItem: {
|
||||
title: '',
|
||||
value: '',
|
||||
label: '',
|
||||
disabled: false,
|
||||
isLink: true,
|
||||
clickable: true,
|
||||
border: true,
|
||||
align: 'left',
|
||||
name: '',
|
||||
icon: '',
|
||||
duration: 300,
|
||||
showRight: true,
|
||||
titleStyle: {},
|
||||
iconStyle: {},
|
||||
rightIconStyle: {},
|
||||
cellCustomStyle: {},
|
||||
cellCustomClass: ''
|
||||
}
|
||||
}
|
||||
/*
|
||||
* @Author : LQ
|
||||
* @Description :
|
||||
* @version : 1.0
|
||||
* @Date : 2021-08-20 16:44:21
|
||||
* @LastAuthor : LQ
|
||||
* @lastTime : 2021-08-20 16:56:42
|
||||
* @FilePath : /u-view2.0/uview-ui/libs/config/props/collapseItem.js
|
||||
*/
|
||||
export default {
|
||||
// collapseItem 组件
|
||||
collapseItem: {
|
||||
title: '',
|
||||
value: '',
|
||||
label: '',
|
||||
disabled: false,
|
||||
isLink: true,
|
||||
clickable: true,
|
||||
border: true,
|
||||
align: 'left',
|
||||
name: '',
|
||||
icon: '',
|
||||
duration: 300,
|
||||
showRight: true,
|
||||
titleStyle: {},
|
||||
iconStyle: {},
|
||||
rightIconStyle: {},
|
||||
cellCustomStyle: {},
|
||||
cellCustomClass: ''
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,100 +1,97 @@
|
||||
import { defineMixin } from '../../libs/vue'
|
||||
import CollapseItemDefaultProps from './collapseItem'
|
||||
import { registerComponentProps } from '../../libs/config/props.js'
|
||||
|
||||
const defProps = registerComponentProps(CollapseItemDefaultProps)
|
||||
export const props = defineMixin({
|
||||
props: {
|
||||
// 标题
|
||||
title: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.title
|
||||
},
|
||||
// 标题的样式
|
||||
titleStyle: {
|
||||
type: [Object, String],
|
||||
default: () => {
|
||||
return defProps.collapseItem.titleStyle
|
||||
}
|
||||
},
|
||||
// 标题右侧内容
|
||||
value: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.value
|
||||
},
|
||||
// 标题下方的描述信息
|
||||
label: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.label
|
||||
},
|
||||
// 是否禁用折叠面板
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: () => defProps.collapseItem.disabled
|
||||
},
|
||||
// 是否展示右侧箭头并开启点击反馈
|
||||
isLink: {
|
||||
type: Boolean,
|
||||
default: () => defProps.collapseItem.isLink
|
||||
},
|
||||
// 是否开启点击反馈
|
||||
clickable: {
|
||||
type: Boolean,
|
||||
default: () => defProps.collapseItem.clickable
|
||||
},
|
||||
// 是否显示内边框
|
||||
border: {
|
||||
type: Boolean,
|
||||
default: () => defProps.collapseItem.border
|
||||
},
|
||||
// 标题的对齐方式
|
||||
align: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.align
|
||||
},
|
||||
// 唯一标识符
|
||||
name: {
|
||||
type: [String, Number],
|
||||
default: () => defProps.collapseItem.name
|
||||
},
|
||||
// 标题左侧图片，可为绝对路径的图片或内置图标
|
||||
icon: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.icon
|
||||
},
|
||||
// 面板展开收起的过渡时间，单位ms
|
||||
duration: {
|
||||
type: Number,
|
||||
default: () => defProps.collapseItem.duration
|
||||
},
|
||||
// 显示右侧图标
|
||||
showRight: {
|
||||
type: Boolean,
|
||||
default: () => defProps.collapseItem.showRight
|
||||
},
|
||||
// 左侧图标样式
|
||||
iconStyle: {
|
||||
type: [Object, String],
|
||||
default: () => {
|
||||
return defProps.collapseItem.iconStyle
|
||||
}
|
||||
},
|
||||
// 右侧箭头图标的样式
|
||||
rightIconStyle: {
|
||||
type: [Object, String],
|
||||
default: () => {
|
||||
return defProps.collapseItem.rightIconStyle
|
||||
}
|
||||
},
|
||||
cellCustomStyle: {
|
||||
type: [Object, String],
|
||||
default: () => {
|
||||
return defProps.collapseItem.cellCustomStyle
|
||||
}
|
||||
},
|
||||
cellCustomClass: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.cellCustomClass
|
||||
}
|
||||
}
|
||||
})
|
||||
import { defineMixin } from '../../libs/vue'
|
||||
import defProps from '../../libs/config/props.js'
|
||||
export const props = defineMixin({
|
||||
props: {
|
||||
// 标题
|
||||
title: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.title
|
||||
},
|
||||
// 标题的样式
|
||||
titleStyle: {
|
||||
type: [Object, String],
|
||||
default: () => {
|
||||
return defProps.collapseItem.titleStyle
|
||||
}
|
||||
},
|
||||
// 标题右侧内容
|
||||
value: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.value
|
||||
},
|
||||
// 标题下方的描述信息
|
||||
label: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.label
|
||||
},
|
||||
// 是否禁用折叠面板
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: () => defProps.collapseItem.disabled
|
||||
},
|
||||
// 是否展示右侧箭头并开启点击反馈
|
||||
isLink: {
|
||||
type: Boolean,
|
||||
default: () => defProps.collapseItem.isLink
|
||||
},
|
||||
// 是否开启点击反馈
|
||||
clickable: {
|
||||
type: Boolean,
|
||||
default: () => defProps.collapseItem.clickable
|
||||
},
|
||||
// 是否显示内边框
|
||||
border: {
|
||||
type: Boolean,
|
||||
default: () => defProps.collapseItem.border
|
||||
},
|
||||
// 标题的对齐方式
|
||||
align: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.align
|
||||
},
|
||||
// 唯一标识符
|
||||
name: {
|
||||
type: [String, Number],
|
||||
default: () => defProps.collapseItem.name
|
||||
},
|
||||
// 标题左侧图片，可为绝对路径的图片或内置图标
|
||||
icon: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.icon
|
||||
},
|
||||
// 面板展开收起的过渡时间，单位ms
|
||||
duration: {
|
||||
type: Number,
|
||||
default: () => defProps.collapseItem.duration
|
||||
},
|
||||
// 显示右侧图标
|
||||
showRight: {
|
||||
type: Boolean,
|
||||
default: () => defProps.collapseItem.showRight
|
||||
},
|
||||
// 左侧图标样式
|
||||
iconStyle: {
|
||||
type: [Object, String],
|
||||
default: () => {
|
||||
return defProps.collapseItem.iconStyle
|
||||
}
|
||||
},
|
||||
// 右侧箭头图标的样式
|
||||
rightIconStyle: {
|
||||
type: [Object, String],
|
||||
default: () => {
|
||||
return defProps.collapseItem.rightIconStyle
|
||||
}
|
||||
},
|
||||
cellCustomStyle: {
|
||||
type: [Object, String],
|
||||
default: () => {
|
||||
return defProps.collapseItem.cellCustomStyle
|
||||
}
|
||||
},
|
||||
cellCustomClass: {
|
||||
type: String,
|
||||
default: () => defProps.collapseItem.cellCustomClass
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
</template>
|
||||
<template #icon>
|
||||
<slot name="icon">
|
||||
<up-icon v-if="!$slots.icon && icon" :size="22" :name="icon"></up-icon>
|
||||
<u-icon v-if="!$slots.icon && icon" :size="22" :name="icon"></u-icon>
|
||||
</slot>
|
||||
</template>
|
||||
<template #value>
|
||||
@@ -36,7 +36,7 @@
|
||||
</template>
|
||||
<template #right-icon>
|
||||
<template v-if="showRight">
|
||||
<up-icon v-if="!$slots['right-icon']" :size="16" name="arrow-right"></up-icon>
|
||||
<u-icon v-if="!$slots['right-icon']" :size="16" name="arrow-right"></u-icon>
|
||||
<slot name="right-icon">
|
||||
</slot>
|
||||
</template>
|
||||
@@ -71,7 +71,7 @@
|
||||
/**
|
||||
* collapseItem 折叠面板Item
|
||||
* @description 通过折叠面板收纳内容区域（搭配u-collapse使用）
|
||||
* @tutorial https://uview-plus.jiangruyi.com/components/collapse.html
|
||||
* @tutorial https://ijry.github.io/uview-plus/components/collapse.html
|
||||
* @property {String} title 标题
|
||||
* @property {String} value 标题右侧内容
|
||||
* @property {String} label 标题下方的描述信息
|
||||
@@ -201,7 +201,7 @@
|
||||
// 查询内容高度
|
||||
queryRect() {
|
||||
// #ifndef APP-NVUE
|
||||
// $uGetRect为uView自带的节点查询简化方法，详见文档介绍：https://uview-plus.jiangruyi.com/js/getRect.html
|
||||
// $uGetRect为uView自带的节点查询简化方法，详见文档介绍：https://ijry.github.io/uview-plus/js/getRect.html
|
||||
// 组件内部一般用this.$uGetRect，对外的为uni.$u.getRect，二者功能一致，名称不同
|
||||
return new Promise(resolve => {
|
||||
this.$uGetRect(`#${this.elId}`).then(size => {
|
||||
@@ -225,6 +225,7 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "../../libs/css/components.scss";
|
||||
|
||||
.u-collapse-item {
|
||||
|
||||
|
||||
Reference in New Issue
Block a user