@ecolovo/uniapp-components 2.0.6 → 2.0.8

package/components/page/page-header.vue

@@ -31,7 +31,7 @@
 				</navigator>
 				<navigator
 					v-if="hasHome"
-					:url="homePath"
+					:url="EC_HOME_PATH"
 					open-type="reLaunch"
 					:class="$style['PageHeader--home-icon']"
 					hover-class="none"
@@ -63,14 +63,13 @@
 import { computed, onMounted } from 'vue';
 import useClassNames from '../../composable/component-name';
 import { useCurrentPageRoute } from '../../composable/page';
-import { homePath } from '../../configs';
+import { EC_DEFAULT_PROPS, EC_HOME_PATH } from '../../configs';
 import {
 	navBarHeight,
 	navBarTopOffset,
 	menuButtonWidthInCss,
 } from '../../utils/windowInfo';
 import IconCpn from '../icon/icon.vue';
-import { pageHeaderProps } from './types';
 
 defineOptions({
 	options: {
@@ -108,7 +107,7 @@ const props = withDefaults(defineProps<_Props>(), {
 	fixed: false,
 	theme: 'light',
 	navType: undefined,
-	...pageHeaderProps,
+	...EC_DEFAULT_PROPS.pageHeader,
 });
 
 const { currentPages, currentPageRoute, isTabbarPage } = useCurrentPageRoute();
@@ -118,7 +117,7 @@ const hasBack = computed(() => {
 	// 如果指定了导航按钮类型，则根据类型判断
 	if (props.navType !== undefined) return !!(props.navType & 1);
 	// 在首页不显示返回按钮
-	if (homePath === '/' + currentPageRoute.value) return false;
+	if (EC_HOME_PATH === '/' + currentPageRoute.value) return false;
 	// 如果是 tabbar 页面，则不显示返回按钮
 	if (isTabbarPage.value) return false;
 	// 页面栈只有一个时不显示返回按钮
@@ -132,7 +131,7 @@ const hasHome = computed(() => {
 	// 如果指定了导航按钮类型，则根据类型判断
 	if (props.navType !== undefined) return !!(props.navType & 2);
 	// 在首页不显示返回首页按钮
-	if (homePath === '/' + currentPageRoute.value) return false;
+	if (EC_HOME_PATH === '/' + currentPageRoute.value) return false;
 	// 如果是 tabbar 页面，则不显示首页按钮
 	if (isTabbarPage.value) return false;
 	// 页面栈只有一个时显示首页按钮
@@ -214,12 +213,13 @@ onMounted(() => {
 	position: absolute;
 	top: 0;
 	left: 10rpx;
+	display: flex;
 }
 .PageHeader--back-icon,
 .PageHeader--home-icon {
 	width: var(--page-header-height);
 	height: var(--page-header-height);
-	display: inline-flex;
+	display: flex;
 	justify-content: center;
 	align-items: center;
 }

package/components/page/page.vue

@@ -65,8 +65,8 @@ import {
 	safeAreaInsetBottom,
 } from '../../utils/windowInfo';
 import { useMessageBoxComponent } from '../../composable/message-box';
-import { pageProps } from './types';
 import { useCurrentPageRoute } from '../../composable/page';
+import { EC_DEFAULT_PROPS } from '../../configs';
 
 defineOptions({
 	options: {
@@ -143,7 +143,7 @@ const props = withDefaults(defineProps<_Props>(), {
 	showLoadMore: true,
 	theme: 'light',
 	tabbar: undefined,
-	...pageProps,
+	...EC_DEFAULT_PROPS.page,
 });
 
 const { isTabbarPage } = useCurrentPageRoute();

package/components/page/types.d.ts

@@ -4,13 +4,9 @@ export type ConfigurablePageProps = {
     /** 页面头部样式，主要用于控制导航栏字体颜色 */
     theme?: 'light' | 'dark';
 };
-export declare let pageProps: ConfigurablePageProps;
-export declare const setDefaultPageProps: (props?: ConfigurablePageProps) => void;
 export type ConfigurablePageHeaderProps = {
     /** 导航栏标题是否居中显示 */
     center?: boolean;
     /** 页面头部样式，主要用于控制导航栏字体颜色 */
     theme?: 'light' | 'dark';
 };
-export declare let pageHeaderProps: ConfigurablePageHeaderProps;
-export declare const setDefaultPageHeaderProps: (props?: ConfigurablePageHeaderProps) => void;

package/components/page/types.js

@@ -1,8 +1 @@
-export let pageProps = {};
-export const setDefaultPageProps = (props = {}) => {
-    pageProps = props;
-};
-export let pageHeaderProps = {};
-export const setDefaultPageHeaderProps = (props = {}) => {
-    pageHeaderProps = props;
-};
+export {};

package/components/page/types.ts

@@ -5,23 +5,9 @@ export type ConfigurablePageProps = {
 	theme?: 'light' | 'dark';
 };
 
-export let pageProps: ConfigurablePageProps = {};
-
-export const setDefaultPageProps = (props: ConfigurablePageProps = {}) => {
-	pageProps = props;
-};
-
 export type ConfigurablePageHeaderProps = {
 	/** 导航栏标题是否居中显示 */
 	center?: boolean;
 	/** 页面头部样式，主要用于控制导航栏字体颜色 */
 	theme?: 'light' | 'dark';
 };
-
-export let pageHeaderProps: ConfigurablePageHeaderProps = {};
-
-export const setDefaultPageHeaderProps = (
-	props: ConfigurablePageHeaderProps = {}
-) => {
-	pageHeaderProps = props;
-};

package/components/picker/picker-popup.vue

@@ -197,7 +197,7 @@ const filteredList = computed(() => {
 	return text
 		? optionList.value.filter((item) =>
 				(item.option[props.labelKey] as string).includes(text)
-		  )
+			)
 		: optionList.value;
 });
 

package/components/picker/picker.vue

@@ -28,9 +28,9 @@
 import { isEqual } from 'lodash-es';
 import { computed, inject, ref } from 'vue';
 import useClassNames from '../../composable/component-name';
+import { EC_DEFAULT_PROPS } from '../../configs';
 import SelectorCpn from '../selector/selector.vue';
 import PickerPopupCpn from './picker-popup.vue';
-import { pickerProps } from './types';
 
 defineOptions({
 	options: {
@@ -87,7 +87,7 @@ const props = withDefaults(defineProps<_Props>(), {
 	options: () => [],
 	multiple: false,
 	joinText: '、',
-	...pickerProps,
+	...EC_DEFAULT_PROPS.picker,
 });
 
 const emit = defineEmits<{

package/components/picker/types.d.ts

@@ -10,5 +10,3 @@ export type ConfigurablePickerProps = {
     /** 多选时选项拼接的分隔符 */
     joinText?: string;
 };
-export declare let pickerProps: ConfigurablePickerProps;
-export declare const setDefaultPickerProps: (props?: ConfigurablePickerProps) => void;

package/components/picker/types.js

@@ -1,4 +1 @@
-export let pickerProps = {};
-export const setDefaultPickerProps = (props = {}) => {
-    pickerProps = props;
-};
+export {};

package/components/picker/types.ts

@@ -10,9 +10,3 @@ export type ConfigurablePickerProps = {
 	/** 多选时选项拼接的分隔符 */
 	joinText?: string;
 };
-
-export let pickerProps: ConfigurablePickerProps = {};
-
-export const setDefaultPickerProps = (props: ConfigurablePickerProps = {}) => {
-	pickerProps = props;
-};

package/components/popover/popover-content.vue

@@ -136,9 +136,8 @@ onMounted(() => {
 		min-height: UTILS__LOCAL_VAR(min-height);
 		max-height: UTILS__LOCAL_VAR(max-height);
 		transform: translate(0, -100%) scale(1);
-		--content-radius: 0 0 #{UTILS__LOCAL_VAR(radius)} #{UTILS__LOCAL_VAR(
-				radius
-			)};
+		--content-radius: 0 0 #{UTILS__LOCAL_VAR(radius)}
+			#{UTILS__LOCAL_VAR(radius)};
 		--scroll-max-height: #{UTILS__LOCAL_VAR(max-height)};
 	}
 	&.PopoverContent--at-bottom {
@@ -148,9 +147,8 @@ onMounted(() => {
 		min-height: UTILS__LOCAL_VAR(min-height);
 		max-height: UTILS__LOCAL_VAR(max-height);
 		transform: translate(0, 100%) scale(1);
-		--content-radius: #{UTILS__LOCAL_VAR(radius)} #{UTILS__LOCAL_VAR(
-				radius
-			)} 0 0;
+		--content-radius: #{UTILS__LOCAL_VAR(radius)}
+			#{UTILS__LOCAL_VAR(radius)} 0 0;
 		--scroll-max-height: #{UTILS__LOCAL_VAR(max-height)};
 	}
 	&.PopoverContent--at-left {
@@ -159,9 +157,8 @@ onMounted(() => {
 		width: UTILS__LOCAL_VAR(width);
 		height: 100%;
 		transform: translate(-100%, 0) scale(1);
-		--content-radius: 0 #{UTILS__LOCAL_VAR(radius)} #{UTILS__LOCAL_VAR(
-				radius
-			)} 0;
+		--content-radius: 0 #{UTILS__LOCAL_VAR(radius)}
+			#{UTILS__LOCAL_VAR(radius)} 0;
 		--scroll-max-height: 100vh;
 	}
 	&.PopoverContent--at-right {
@@ -170,9 +167,8 @@ onMounted(() => {
 		width: UTILS__LOCAL_VAR(width);
 		height: 100%;
 		transform: translate(100%, 0) scale(1);
-		--content-radius: #{UTILS__LOCAL_VAR(radius)} 0 0 #{UTILS__LOCAL_VAR(
-				radius
-			)};
+		--content-radius: #{UTILS__LOCAL_VAR(radius)} 0 0
+			#{UTILS__LOCAL_VAR(radius)};
 		--scroll-max-height: 100vh;
 	}
 	&.PopoverContent--at-center {
@@ -203,7 +199,9 @@ onMounted(() => {
 
 	// 内容部分显示动画
 	&.PopoverContent--content-initialized {
-		transition: transform 0.3s, opacity 0.3s;
+		transition:
+			transform 0.3s,
+			opacity 0.3s;
 
 		:global(.PopoverMask--visible) & {
 			opacity: 1;
@@ -267,7 +265,8 @@ onMounted(() => {
 		);
 		min-height: max(
 			calc(
-				#{UTILS__LOCAL_VAR(min-height)} - #{$header-padding} - #{$footer-padding}
+				#{UTILS__LOCAL_VAR(min-height)} - #{$header-padding} -
+					#{$footer-padding}
 			),
 			0px
 		);

package/components/popover/popover.vue

@@ -27,8 +27,8 @@ import { ref, useSlots } from 'vue';
 import useClassNames from '../../composable/component-name';
 import PopoverContentCpn from './popover-content.vue';
 import PopoverMaskCpn from './popover-mask.vue';
-import { popoverProps } from './types';
 import { useAwaitableDialog, useModelValue } from '../../composable';
+import { EC_DEFAULT_PROPS } from '../../configs';
 
 defineOptions({
 	options: {
@@ -78,7 +78,7 @@ withDefaults(defineProps<_Props>(), {
 	fullscreen: false,
 	modal: false,
 	loading: false,
-	...popoverProps,
+	...EC_DEFAULT_PROPS.popover,
 });
 
 defineEmits<{

package/components/popover/types.d.ts

@@ -6,5 +6,3 @@ export type ConfigurablePopoverProps = {
     /** 是否模态弹出框 */
     modal?: boolean;
 };
-export declare let popoverProps: ConfigurablePopoverProps;
-export declare const setDefaultPopoverProps: (props?: ConfigurablePopoverProps) => void;

package/components/popover/types.js

@@ -1,4 +1 @@
-export let popoverProps = {};
-export const setDefaultPopoverProps = (props = {}) => {
-    popoverProps = props;
-};
+export {};

package/components/popover/types.ts

@@ -6,11 +6,3 @@ export type ConfigurablePopoverProps = {
 	/** 是否模态弹出框 */
 	modal?: boolean;
 };
-
-export let popoverProps: ConfigurablePopoverProps = {};
-
-export const setDefaultPopoverProps = (
-	props: ConfigurablePopoverProps = {}
-) => {
-	popoverProps = props;
-};

package/components/popup/popup.vue

@@ -32,8 +32,8 @@ import { ref, computed } from 'vue';
 import useClassNames from '../../composable/component-name';
 import PopoverMaskCpn from '../popover/popover-mask.vue';
 import PopupContentCpn from './popup-content.vue';
-import { popupProps } from './types';
 import { useAwaitableDialog, useModelValue } from '../../composable';
+import { EC_DEFAULT_PROPS } from '../../configs';
 
 defineOptions({
 	options: {
@@ -95,7 +95,7 @@ const props = withDefaults(defineProps<_Props>(), {
 	confirm: '确认',
 	closeOnConfirm: true,
 	async: false,
-	...popupProps,
+	...EC_DEFAULT_PROPS.popup,
 });
 
 const emit = defineEmits<{

package/components/popup/types.d.ts

@@ -16,5 +16,3 @@ export type ConfigurablePopupProps = {
     /** 点击确认按钮时是否自动关闭对话框 */
     closeOnConfirm?: boolean;
 };
-export declare let popupProps: ConfigurablePopupProps;
-export declare const setDefaultPopupProps: (props?: ConfigurablePopupProps) => void;

package/components/popup/types.js

@@ -1,4 +1 @@
-export let popupProps = {};
-export const setDefaultPopupProps = (props = {}) => {
-    popupProps = props;
-};
+export {};

package/components/popup/types.ts

@@ -16,9 +16,3 @@ export type ConfigurablePopupProps = {
 	/** 点击确认按钮时是否自动关闭对话框 */
 	closeOnConfirm?: boolean;
 };
-
-export let popupProps: ConfigurablePopupProps = {};
-
-export const setDefaultPopupProps = (props: ConfigurablePopupProps = {}) => {
-	popupProps = props;
-};

package/components/price/price.vue

@@ -31,8 +31,8 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
 import useClassNames from '../../composable/component-name';
+import { EC_DEFAULT_PROPS } from '../../configs';
 import { formatPrice } from '../../utils/price';
-import { priceProps } from './types';
 
 defineOptions({
 	options: {
@@ -59,7 +59,7 @@ const props = withDefaults(defineProps<_Props>(), {
 	prefixUnit: false,
 	showSymbol: false,
 	alwaysShowDecimal: true,
-	...priceProps,
+	...EC_DEFAULT_PROPS.price,
 });
 
 /** 格式化后的价格 */

package/components/price/types.d.ts

@@ -6,5 +6,3 @@ export type ConfigurablePriceProps = {
     /** 是否始终显示小数 */
     alwaysShowDecimal?: boolean;
 };
-export declare let priceProps: ConfigurablePriceProps;
-export declare const setDefaultPriceProps: (props?: ConfigurablePriceProps) => void;

package/components/price/types.js

@@ -1,4 +1 @@
-export let priceProps = {};
-export const setDefaultPriceProps = (props = {}) => {
-    priceProps = props;
-};
+export {};

package/components/price/types.ts

@@ -6,9 +6,3 @@ export type ConfigurablePriceProps = {
 	/** 是否始终显示小数 */
 	alwaysShowDecimal?: boolean;
 };
-
-export let priceProps: ConfigurablePriceProps = {};
-
-export const setDefaultPriceProps = (props: ConfigurablePriceProps = {}) => {
-	priceProps = props;
-};

package/components/search/search.vue

@@ -51,9 +51,9 @@
 import { computed, ref } from 'vue';
 import { debounce as debounceFn } from 'lodash-es';
 import useClassNames from '../../composable/component-name';
+import { EC_DEFAULT_PROPS } from '../../configs';
 import ButtonCpn from '../button/button.vue';
 import IconCpn from '../icon/icon.vue';
-import { searchProps } from './types';
 
 defineOptions({
 	options: {
@@ -92,7 +92,7 @@ const props = withDefaults(defineProps<_Props>(), {
 	disabled: false,
 	readonly: false,
 	cancelButton: false,
-	...searchProps,
+	...EC_DEFAULT_PROPS.search,
 });
 
 const emit = defineEmits<{

package/components/search/types.d.ts

@@ -10,5 +10,3 @@ export type ConfigurableSearchProps = {
     /** 是否显示取消按钮 */
     cancelButton?: boolean;
 };
-export declare let searchProps: ConfigurableSearchProps;
-export declare const setDefaultSearchProps: (props?: ConfigurableSearchProps) => void;

package/components/search/types.js

@@ -1,4 +1 @@
-export let searchProps = {};
-export const setDefaultSearchProps = (props = {}) => {
-    searchProps = props;
-};
+export {};

package/components/search/types.ts

@@ -10,9 +10,3 @@ export type ConfigurableSearchProps = {
 	/** 是否显示取消按钮 */
 	cancelButton?: boolean;
 };
-
-export let searchProps: ConfigurableSearchProps = {};
-
-export const setDefaultSearchProps = (props: ConfigurableSearchProps = {}) => {
-	searchProps = props;
-};

package/components/searching/searching.vue

@@ -12,8 +12,8 @@
 
 <script lang="ts" setup>
 import useClassNames from '../../composable/component-name';
+import { EC_DEFAULT_PROPS } from '../../configs';
 import IconCpn from '../icon/icon.vue';
-import { searchingProps } from './types';
 
 defineOptions({
 	options: {
@@ -34,7 +34,7 @@ type _Props = {
 withDefaults(defineProps<_Props>(), {
 	image: '',
 	text: '数据加载中',
-	...searchingProps,
+	...EC_DEFAULT_PROPS.searching,
 });
 </script>
 

package/components/searching/types.d.ts

@@ -4,5 +4,3 @@ export type ConfigurableSearchingProps = {
     /** 文本 */
     text?: string;
 };
-export declare let searchingProps: ConfigurableSearchingProps;
-export declare const setDefaultSearchingProps: (props?: ConfigurableSearchingProps) => void;

package/components/searching/types.js

@@ -1,4 +1 @@
-export let searchingProps = {};
-export const setDefaultSearchingProps = (props = {}) => {
-    searchingProps = props;
-};
+export {};

package/components/searching/types.ts

@@ -4,11 +4,3 @@ export type ConfigurableSearchingProps = {
 	/** 文本 */
 	text?: string;
 };
-
-export let searchingProps: ConfigurableSearchingProps = {};
-
-export const setDefaultSearchingProps = (
-	props: ConfigurableSearchingProps = {}
-) => {
-	searchingProps = props;
-};

package/components/switch/switch.vue

@@ -24,8 +24,8 @@
 <script lang="ts" setup>
 import { computed, inject, ref } from 'vue';
 import useClassNames from '../../composable/component-name';
+import { EC_DEFAULT_PROPS } from '../../configs';
 import IconCpn from '../icon/icon.vue';
-import { switchProps } from './types';
 
 defineOptions({
 	options: {
@@ -58,7 +58,7 @@ const props = withDefaults(defineProps<_Props>(), {
 	valueOff: false,
 	disabled: false,
 	readonly: false,
-	...switchProps,
+	...EC_DEFAULT_PROPS.switch,
 });
 
 const emit = defineEmits<{
@@ -179,7 +179,8 @@ const $_toggle = () => {
 					(
 						UTILS__LOCAL_VAR(height) +
 							UTILS__LOCAL_VAR(indicator-size)
-					) / 2
+					) /
+					2
 			);
 		}
 	}

package/components/switch/types.d.ts

@@ -4,5 +4,3 @@ export type ConfigurableSwitchProps = {
     /** 关闭状态的值 */
     valueOff?: boolean | number | string;
 };
-export declare let switchProps: ConfigurableSwitchProps;
-export declare const setDefaultSwitchProps: (props?: ConfigurableSwitchProps) => void;

package/components/switch/types.js

@@ -1,4 +1 @@
-export let switchProps = {};
-export const setDefaultSwitchProps = (props = {}) => {
-    switchProps = props;
-};
+export {};

package/components/switch/types.ts

@@ -4,9 +4,3 @@ export type ConfigurableSwitchProps = {
 	/** 关闭状态的值 */
 	valueOff?: boolean | number | string;
 };
-
-export let switchProps: ConfigurableSwitchProps = {};
-
-export const setDefaultSwitchProps = (props: ConfigurableSwitchProps = {}) => {
-	switchProps = props;
-};

package/components/tab/tab.vue

@@ -47,7 +47,7 @@ import {
 	watch,
 } from 'vue';
 import useClassNames from '../../composable/component-name';
-import { tabProps } from './types';
+import { EC_DEFAULT_PROPS } from '../../configs';
 
 defineOptions({
 	options: {
@@ -85,7 +85,7 @@ const props = withDefaults(defineProps<_Props>(), {
 	tabs: () => [],
 	evenly: true,
 	indicator: true,
-	...tabProps,
+	...EC_DEFAULT_PROPS.tab,
 });
 
 const emit = defineEmits<{
@@ -270,7 +270,9 @@ const onChangeTab = (index: number) => {
 	left: var(--indicator-center, 0);
 	width: UTILS__LOCAL_VAR(indicator-width, var(--tab-text-width, 0));
 	&.Tab--indicator-animation {
-		transition: left 0.3s, width 0.3s;
+		transition:
+			left 0.3s,
+			width 0.3s;
 	}
 }
 </style>

package/components/tab/types.d.ts

@@ -4,5 +4,3 @@ export type ConfigurableTabProps = {
     /** 是否显示指示器 */
     indicator?: boolean;
 };
-export declare let tabProps: ConfigurableTabProps;
-export declare const setDefaultTabProps: (props?: ConfigurableTabProps) => void;

package/components/tab/types.js

@@ -1,4 +1 @@
-export let tabProps = {};
-export const setDefaultTabProps = (props = {}) => {
-    tabProps = props;
-};
+export {};

package/components/tab/types.ts

@@ -4,9 +4,3 @@ export type ConfigurableTabProps = {
 	/** 是否显示指示器 */
 	indicator?: boolean;
 };
-
-export let tabProps: ConfigurableTabProps = {};
-
-export const setDefaultTabProps = (props: ConfigurableTabProps = {}) => {
-	tabProps = props;
-};

package/components/textarea/textarea.vue

@@ -73,8 +73,8 @@ import {
 	watch,
 } from 'vue';
 import useClassNames from '../../composable/component-name';
+import { EC_DEFAULT_PROPS } from '../../configs';
 import IconCpn from '../icon/icon.vue';
-import { textareaProps } from './types';
 
 defineOptions({
 	options: {
@@ -114,7 +114,7 @@ const props = withDefaults(defineProps<_Props>(), {
 	autoHeight: true,
 	readonly: false,
 	fold: true,
-	...textareaProps,
+	...EC_DEFAULT_PROPS.textarea,
 });
 
 const emit = defineEmits<{

package/components/textarea/types.d.ts

@@ -8,5 +8,3 @@ export type ConfigurableTextareaProps = {
     /** 当只读时，如果文字过多，是否折叠 */
     fold?: boolean;
 };
-export declare let textareaProps: ConfigurableTextareaProps;
-export declare const setDefaultTextareaProps: (props?: ConfigurableTextareaProps) => void;

package/components/textarea/types.js

@@ -1,4 +1 @@
-export let textareaProps = {};
-export const setDefaultTextareaProps = (props = {}) => {
-    textareaProps = props;
-};
+export {};

package/components/textarea/types.ts

@@ -8,11 +8,3 @@ export type ConfigurableTextareaProps = {
 	/** 当只读时，如果文字过多，是否折叠 */
 	fold?: boolean;
 };
-
-export let textareaProps: ConfigurableTextareaProps = {};
-
-export const setDefaultTextareaProps = (
-	props: ConfigurableTextareaProps = {}
-) => {
-	textareaProps = props;
-};