fusions-ui 1.2.7 → 1.2.8

package/components/fu-loading-more/props.js

@@ -1,59 +0,0 @@
-export default {
-	props: {
-		/**
-		 * @description 加载状态
-		 * @values 0 - loading前, 1 - loading中, 2 - 没有更多了
-		 * @default 0
-		 */
-		loadingType: {
-			type: [String,Number],
-			default: 0
-		},
-		/**
-		 * @description 动画类型
-		 * @values 'circle' - 圆圈形状, 'semicircle' - 半圆形状, 'flower' - 花朵形状, 'over' - 翻转效果
-		 * @default 'flower'
-		 */
-		mode: {
-			type: String,
-			default: 'flower'
-		},
-		/**
-		 * @description 文本&字体颜色
-		 * @default '#a5a6a8'
-		 */
-		color: {
-			type: String,
-			default: "#a5a6a8"
-		},
-		/**
-		 * @description 字体大小
-		 * @default 12
-		 */
-		size: {
-			type: [String,Number],
-			default: 12
-		},
-		/**
-		 * @description 图标大小
-		 * @default 18
-		 */
-		iconSize: {
-			type: [String,Number],
-			default: 18
-		},
-		/**
-		 * @description 文字描述
-		 */
-		contentText: {
-			type: Object,
-			default () {
-				return {
-					contentdown: "上拉显示更多",
-					contentrefresh: "正在努力加载",
-					contentnomore: "已经到底了"
-				}
-			}
-		}
-	}
-}

package/components/fu-modal/props.js

@@ -1,128 +0,0 @@
-export default {
-	props: {
-		/**
-		 * @description 标题
-		 */
-		title: {
-			type: [String],
-			default: ''
-		},
-		/**
-		 * @description 弹窗内容
-		 */
-		content: {
-			type: String,
-			default: ''
-		},
-		/**
-		 * @description 确认文案
-		 * @default '确认'
-		 */
-		confirmText: {
-			type: String,
-			default: '确认'
-		},
-		/**
-		 * @description 取消文案
-		 * @default '取消'
-		 */
-		cancelText: {
-			type: String,
-			default: '取消'
-		},
-		/**
-		 * @description 是否显示确认按钮
-		 * @default true
-		 */
-		showConfirmButton: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		 * @description 是否显示取消按钮
-		 * @default true
-		 */
-		showCancelButton: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		 * @description 确认按钮颜色
-		 */
-		confirmColor: {
-			type: String,
-			default: ''
-		},
-		/**
-		 * @description 取消文字颜色
-		 * @default '#999999'
-		 */
-		cancelColor: {
-			type: String,
-			default: '#999999'
-		},
-		/**
-		 * @description 对调确认和取消的位置
-		 * @default false
-		 */
-		buttonReverse: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		 * @description 层级
-		 * @default 10075
-		 */
-		zIndex: {
-			type: [String, Number],
-			default: 10075
-		},
-		/**
-		 * @description 是否异步关闭，只对确定按钮有效
-		 * @default false
-		 */
-		asyncClose: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		 * @description 是否允许点击遮罩关闭modal
-		 * @default true
-		 */
-		isMaskClick: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		 * @description 给一个负的margin-top，往上偏移，避免和键盘重合的情况
-		 */
-		negativeTop: {
-			type: [String, Number],
-			default: 0
-		},
-		/**
-		 * @description modal宽度，不支持百分比，可以数值，px，rpx单位
-		 * @default '650rpx'
-		 */
-		width: {
-			type: [String, Number],
-			default: '650rpx'
-		},
-		/**
-		 * @description 文本对齐方式
-		 * @values 'left' - 左对齐, 'center' - 居中, 'right' - 右对齐
-		 * @default 'left'
-		 */
-		align: {
-			type: String,
-			default: 'left'
-		},
-		/**
-		 * @description 文本自定义样式
-		 */
-		textStyle: {
-			type: [Object, String],
-			default: ''
-		}
-	}
-}

package/components/fu-navbar/fu-navbar.vue

@@ -1,271 +0,0 @@
-<template>
-	<view class="fu-navbar" :class="{'fu-dark': dark, 'fu-nvue-fixed': fixed}">
-		<view :class="{ 'fu-navbar--fixed': fixed, 'fu-navbar--shadow': shadow, 'fu-navbar--border': border }" :style="{ 'background': themeBgColor }" class="fu-navbar__content">
-			<status-bar v-if="statusBar" />
-			<view class="fu-navbar__header" :style="{ color: themeColor, height: navbarHeight}">
-				<view @tap="handleClickLeft" class="fu-navbar__header-btns fu-navbar__header-btns-left" :style="{width: leftIconWidth}">
-					<slot name="left">
-						<view class="fu-navbar__content_view" v-if="leftIcon">
-							<fu-icon :color="themeColor" :name="leftIcon" size="24" />
-						</view>
-						<view class="fu-navbar-btn-text" :class="{ 'fu-navbar-btn-icon-left': !leftIcon }" v-if="leftText">
-							<text :style="{ color: themeColor, fontSize: '12px' }">{{ leftText }}</text>
-						</view>
-					</slot>
-				</view>
-				<view class="fu-navbar__header-container" :style="{'padding': '0 ' + paddingTitle + 'px'}" @tap="handleClickTitle">
-					<slot>
-						<view class="fu-navbar__header-container-inner" v-if="title">
-							<text class="fu-nav-bar-text fu-ellipsis-1" :style="{color: themeColor }">{{ title }}</text>
-						</view>
-					</slot>
-				</view>
-				<view class="fu-navbar__header-btns fu-navbar__header-btns-right" :style="{width:rightIconWidth}" @click="handleClickRight">
-					<slot name="right">
-						<view v-if="rightIcon">
-							<fu-icon :color="themeColor" :name="rightIcon" size="24" />
-						</view>
-						<view class="fu-navbar-btn-text" v-if="rightText && !rightIcon">
-							<text class="fu-nav-bar-right-text" :style="{ color: themeColor}">{{ rightText }}</text>
-						</view>
-					</slot>
-				</view>
-			</view>
-		</view>
-		<!-- #ifndef APP-NVUE -->
-		<view class="fu-navbar__placeholder" v-if="fixed">
-			<status-bar v-if="statusBar" />
-			<view class="fu-navbar__placeholder-view" :style="{ height: navbarHeight }" />
-		</view>
-		<!-- #endif -->
-	</view>
-</template>
-
-<script>
-	import statusBar from "./status-bar.vue";
-	import mpMixin from '../../libs/mixin/mpMixin.js'
-	import props from './props.js'
-	/**
-	 * NavBar 自定义导航栏
-	 * @description 此组件主要用于自定义头部导航
-	 * @property {Boolean} dark = [true|false] 开启黑暗模式
-	 * @property {String} title 标题文字
-	 * @property {String} leftText 左侧按钮文本
-	 * @property {String} rightText 右侧按钮文本
-	 * @property {String} leftIcon 左侧按钮图标（图标类型参考 [Icon 图标]() type 属性）
-	 * @property {String} rightIcon 右侧按钮图标（图标类型参考 [Icon 图标]() type 属性）
-	 * @property {String} color 图标和文字颜色
-	 * @property {String} bgColor = [transparent] 导航栏背景颜色  transparent设置透明色
-	 * @property {Boolean} fixed = [true|false] 是否固定顶部
-	 * @property {Boolean} statusBar = [true|false] 是否包含状态栏
-	 * @property {Boolean} shadow = [true|false] 导航栏下是否有阴影
-	 * @property {Boolean} border = [true|false] 导航栏下是否有边框
-	 * @property {Boolean} stat 是否开启统计标题上报（默认 false）
-	 * @property {String,Number} height 导航栏高度（默认 44）
-	 * @property {String,Number} leftWidth 导航栏左侧宽度（默认 60）
-	 * @property {String,Number} rightWidth 导航栏右侧宽度 （默认60）
-	 * @property {String} paddingTitle 导航栏左右内间距（默认 10）
-	 * 
-	 * @event {Function} clickLeft 左侧按钮点击时触发
-	 * @event {Function} clickRight 右侧按钮点击时触发
-	 * @event {Function} clickTitle 中间标题点击时触发
-	 * @example <fu-navbar :title="title"></fu-navbar>
-	 */
-	export default {
-		name: 'FuNavbar',
-		components: {
-			statusBar
-		},
-		mixins: [mpMixin, props],
-		emits: ['clickLeft', 'clickRight', 'clickTitle'],
-		computed: {
-			themeBgColor() {
-				if (this.dark) {
-					// 默认值
-					if (this.bgColor) {
-						return this.bgColor
-					} else {
-						return this.dark ? '#333333' : '#FFFFFF'
-					}
-				}
-				return this.bgColor || '#FFFFFF'
-			},
-			themeColor() {
-				if (this.dark) {
-					// 默认值
-					if (this.color) {
-						return this.color
-					} else {
-						return this.dark ? '#fff' : '#333'
-					}
-				}
-				return this.color || '#333'
-			},
-			navbarHeight() {
-				return this.$fu.getPx(this.height, true)
-			},
-			leftIconWidth() {
-				return this.$fu.getPx(this.leftWidth, true)
-			},
-			rightIconWidth() {
-				return this.$fu.getPx(this.rightWidth, true)
-			}
-		},
-		mounted() {
-			if (uni.report && this.stat && this.title !== '') {
-				uni.report('title', this.title)
-			}
-		},
-		methods: {
-			// 左侧按钮点击时触发
-			handleClickLeft(e) {
-				this.$emit("clickLeft", e);
-			},
-			
-			// 右侧按钮点击时触发
-			handleClickRight(e) {
-				this.$emit("clickRight", e);
-			},
-			
-			// 中间标题点击时触发
-			handleClickTitle(e) {
-				this.$emit("clickTitle", e);
-			}
-		}
-	};
-</script>
-
-<style lang="scss" scoped>
-	@import '../../libs/style/components.scss';
-	$nav-height: 44px;
-	
-	.fu-nvue-fixed {
-		/* #ifdef APP-NVUE */
-		position: sticky;
-		/* #endif */
-	}
-
-	.fu-nav-bar-text {
-		/* #ifdef APP-PLUS */
-		font-size: 17px;
-		/* #endif */
-		/* #ifndef APP-PLUS */
-		font-size: 16px;
-		/* #endif */
-	}
-
-	.fu-nav-bar-right-text {
-		font-size: 12px;
-	}
-
-	.fu-navbar__content {
-		position: relative;
-		background-color: transparent;
-	}
-
-	.fu-navbar-btn-text {
-		@include flex(column);
-		justify-content: flex-start;
-		align-items: center;
-		line-height: 12px;
-	}
-
-	.fu-navbar__header {
-		@include flex(row);
-		padding: 0 10px;
-		height: $nav-height;
-		font-size: 12px;
-	}
-
-	.fu-navbar__header-btns {
-		@include flex(row);
-		/* #ifndef APP-NVUE */
-		overflow: hidden;
-		/* #endif */
-		flex-wrap: nowrap;
-		width: 120rpx;
-		justify-content: center;
-		align-items: center;
-		/* #ifdef H5 */
-		cursor: pointer;
-		/* #endif */
-	}
-
-	.fu-navbar__header-btns-left {
-		@include flex;
-		width: 120rpx;
-		justify-content: flex-start;
-		align-items: center;
-	}
-
-	.fu-navbar__header-btns-right {
-		@include flex(row);
-		justify-content: flex-end;
-		align-items: center;
-	}
-
-	.fu-navbar__header-container {
-		@include flex;
-		flex: 1;
-		padding: 0 10px;
-		/* #ifndef APP-NVUE */
-		overflow: hidden;
-		/* #endif */
-	}
-
-	.fu-navbar__header-container-inner {
-		@include flex(row);
-		flex: 1;
-		align-items: center;
-		justify-content: center;
-		font-size: 12px;
-		/* #ifndef APP-NVUE */
-		overflow: hidden;
-		/* #endif */
-	}
-
-
-	.fu-navbar__placeholder-view {
-		height: $nav-height;
-	}
-
-	.fu-navbar--fixed {
-		position: fixed;
-		z-index: 99;
-		top: 0;
-		/* #ifdef H5 */
-		left: var(--window-left);
-		right: var(--window-right);
-		/* #endif */
-		/* #ifndef H5 */
-		left: 0;
-		right: 0;
-		/* #endif */
-
-	}
-
-	.fu-navbar--shadow {
-		box-shadow: 0 1px 6px #ccc;
-	}
-
-	.fu-navbar--border {
-		border-bottom-width: 1rpx;
-		border-bottom-style: solid;
-		border-bottom-color: #f5f5f5;
-	}
-
-	.fu-ellipsis-1 {
-		/* #ifndef APP-NVUE */
-		overflow: hidden;
-		white-space: nowrap;
-		text-overflow: ellipsis;
-		/* #endif */
-		/* #ifdef APP-NVUE */
-		lines: 1;
-		text-overflow: ellipsis;
-		/* #endif */
-	}
-
-	// 暗主题配置
-	.fu-dark {}
-</style>

package/components/fu-navbar/props.js

@@ -1,72 +0,0 @@
-export default {
-	props: {
-		dark: {
-			type: Boolean,
-			default: false
-		},
-		title: {
-			type: String,
-			default: ""
-		},
-		leftText: {
-			type: String,
-			default: ""
-		},
-		rightText: {
-			type: String,
-			default: ""
-		},
-		leftIcon: {
-			type: String,
-			default: ""
-		},
-		rightIcon: {
-			type: String,
-			default: ""
-		},
-		fixed: {
-			type: [Boolean],
-			default: false
-		},
-		color: {
-			type: String,
-			default: ""
-		},
-		bgColor: {
-			type: String,
-			default: ""
-		},
-		statusBar: {
-			type: [Boolean],
-			default: true
-		},
-		shadow: {
-			type: [Boolean],
-			default: false
-		},
-		border: {
-			type: [Boolean],
-			default: true
-		},
-		height: {
-			type: [Number,String],
-			default: 44
-		},
-		leftWidth: {
-			type: [Number,String],
-			default: 60
-		},
-		rightWidth: {
-			type: [Number,String],
-			default: 60
-		},
-		stat: {
-			type: [Boolean,String],
-			default: false
-		},
-		paddingTitle: {
-			type: Number,
-			default: 10
-		}
-	}
-}

package/components/fu-navbar/status-bar.vue

@@ -1,27 +0,0 @@
-<template>
-	<view :style="{ height: statusBarHeight }" class="fu-status-bar">
-		<slot />
-	</view>
-</template>
-
-<script>
-	export default {
-		name: 'StatusBar',
-		data() {
-			return {
-				statusBarHeight: 20
-			}
-		},
-		created() {
-			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px'
-		}
-	}
-</script>
-
-<style lang="scss" >
-	.fu-status-bar {
-		// width: 750rpx;
-		height: 20px;
-		// height: var(--status-bar-height);
-	}
-</style>