uview-pro 0.6.18 → 0.6.19

package/components/u-action-sheet-item/u-action-sheet-item.vue

@@ -1,85 +1,85 @@
-<template>
-    <view
-        class="u-action-sheet-item u-line-1"
-        :class="[!isLast ? 'u-border-bottom' : '', disabled ? 'u-action-sheet-item--disabled' : '', customClass]"
-        :style="$u.toStyle(itemStyle, customStyle)"
-        @click="handleClick"
-        @touchmove.stop.prevent
-        hover-class="u-hover-class"
-        :hover-stay-time="150"
-    >
-        <slot>
-            <text>{{ text }}</text>
-            <text class="u-action-sheet-item__subtext u-line-1" v-if="subText">{{ subText }}</text>
-        </slot>
-    </view>
-</template>
-
-<script lang="ts">
-export default {
-    name: 'u-action-sheet-item',
-    options: {
-        addGlobalClass: true,
-        // #ifndef MP-TOUTIAO
-        virtualHost: true,
-        // #endif
-        styleIsolation: 'shared'
-    }
-};
-</script>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-import { ActionSheetItemProps } from './types';
-import { $u, useChildren } from '../../libs';
-
-const props = defineProps(ActionSheetItemProps);
-const emit = defineEmits(['click']);
-
-const { parent, parentExposed, childIndex, emitToParent } = useChildren('u-action-sheet-item', 'u-action-sheet');
-
-const isLast = computed(() => {
-    return (childIndex?.value ?? 0) + 1 >= (parent?.value?.getChildren()?.length ?? 0);
-});
-
-const itemStyle = computed(() => {
-    const style: Record<string, string> = {};
-    style.color = props.color || parentExposed?.value?.props?.color;
-    style.fontSize = $u.addUnit(props.fontSize || parentExposed?.value?.props?.fontSize);
-    style.padding = $u.addUnit(props.padding);
-    if (props.disabled) style.color = 'var(--u-light-color)';
-    return style;
-});
-
-function handleClick() {
-    if (props.disabled) return;
-    emit('click', childIndex?.value || 0);
-    if (!props.asyncClose && !parentExposed?.value?.props?.asyncClose) {
-        emitToParent('itemClick', childIndex?.value || 0);
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-@import '../../libs/css/style.components.scss';
-
-.u-action-sheet-item {
-    @include vue-flex;
-    line-height: 1;
-    justify-content: center;
-    align-items: center;
-    font-size: 32rpx;
-    padding: 34rpx 0;
-    flex-direction: column;
-}
-
-.u-action-sheet-item--disabled {
-    color: $u-light-color;
-}
-
-.u-action-sheet-item__subtext {
-    font-size: 24rpx;
-    color: $u-tips-color;
-    margin-top: 20rpx;
-}
-</style>
+<template>
+    <view
+        class="u-action-sheet-item u-line-1"
+        :class="[!isLast ? 'u-border-bottom' : '', disabled ? 'u-action-sheet-item--disabled' : '', customClass]"
+        :style="$u.toStyle(itemStyle, customStyle)"
+        @click="handleClick"
+        @touchmove.stop.prevent
+        hover-class="u-hover-class"
+        :hover-stay-time="150"
+    >
+        <slot>
+            <text>{{ text }}</text>
+            <text class="u-action-sheet-item__subtext u-line-1" v-if="subText">{{ subText }}</text>
+        </slot>
+    </view>
+</template>
+
+<script lang="ts">
+export default {
+    name: 'u-action-sheet-item',
+    options: {
+        addGlobalClass: true,
+        // #ifndef MP-TOUTIAO
+        virtualHost: true,
+        // #endif
+        styleIsolation: 'shared'
+    }
+};
+</script>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { ActionSheetItemProps } from './types';
+import { $u, useChildren } from '../../libs';
+
+const props = defineProps(ActionSheetItemProps);
+const emit = defineEmits(['click']);
+
+const { parent, parentExposed, childIndex, emitToParent } = useChildren('u-action-sheet-item', 'u-action-sheet');
+
+const isLast = computed(() => {
+    return (childIndex?.value ?? 0) + 1 >= (parent?.value?.getChildren()?.length ?? 0);
+});
+
+const itemStyle = computed(() => {
+    const style: Record<string, string> = {};
+    style.color = props.color || parentExposed?.value?.props?.color;
+    style.fontSize = $u.addUnit(props.fontSize || parentExposed?.value?.props?.fontSize);
+    style.padding = $u.addUnit(props.padding);
+    if (props.disabled) style.color = 'var(--u-light-color)';
+    return style;
+});
+
+function handleClick() {
+    if (props.disabled) return;
+    emit('click', childIndex?.value || 0);
+    if (!props.asyncClose && !parentExposed?.value?.props?.asyncClose) {
+        emitToParent('itemClick', childIndex?.value || 0);
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../../libs/css/style.components.scss';
+
+.u-action-sheet-item {
+    @include vue-flex;
+    line-height: 1;
+    justify-content: center;
+    align-items: center;
+    font-size: 32rpx;
+    padding: 34rpx 0;
+    flex-direction: column;
+}
+
+.u-action-sheet-item--disabled {
+    color: $u-light-color;
+}
+
+.u-action-sheet-item__subtext {
+    font-size: 24rpx;
+    color: $u-tips-color;
+    margin-top: 20rpx;
+}
+</style>

package/components/u-alert-tips/types.ts

@@ -1,49 +1,49 @@
-import type { ExtractPropTypes, PropType } from 'vue';
-import type { ThemeType } from '../../types/global';
-
-/**
- * alertTips 警告提示
- * @description 警告提示，展现需要关注的信息
- */
-export const AlertTipsProps = {
-    /** 自定义根节点样式 */
-    customStyle: {
-        type: [String, Object] as PropType<string | Record<string, any>>,
-        default: () => ({})
-    },
-    /** 自定义根节点样式类 */
-    customClass: {
-        type: String as unknown as PropType<string>,
-        default: ''
-    },
-    /** 显示文字 */
-    title: { type: String, default: '' },
-    /** 主题，success/warning/info/error */
-    type: { type: String as PropType<ThemeType>, default: 'warning' },
-    /** 辅助性文字 */
-    description: { type: String, default: '' },
-    /** 是否可关闭 */
-    closeAble: { type: Boolean, default: false },
-    /** 关闭按钮自定义文本 */
-    closeText: { type: String, default: '' },
-    /** 是否显示图标 */
-    showIcon: { type: Boolean, default: false },
-    /** 文字颜色，如果定义了color值，icon会失效 */
-    color: { type: String, default: '' },
-    /** 背景颜色 */
-    bgColor: { type: String, default: '' },
-    /** 边框颜色 */
-    borderColor: { type: String, default: '' },
-    /** 是否显示 */
-    show: { type: Boolean, default: true },
-    /** 左边显示的icon */
-    icon: { type: String, default: '' },
-    /** icon的样式 */
-    iconStyle: { type: Object, default: () => ({}) },
-    /** 标题的样式 */
-    titleStyle: { type: Object, default: () => ({}) },
-    /** 描述文字的样式 */
-    descStyle: { type: Object, default: () => ({}) }
-};
-
-export type AlertTipsProps = ExtractPropTypes<typeof AlertTipsProps>;
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { ThemeType } from '../../types/global';
+
+/**
+ * alertTips 警告提示
+ * @description 警告提示，展现需要关注的信息
+ */
+export const AlertTipsProps = {
+    /** 自定义根节点样式 */
+    customStyle: {
+        type: [String, Object] as PropType<string | Record<string, any>>,
+        default: () => ({})
+    },
+    /** 自定义根节点样式类 */
+    customClass: {
+        type: String as unknown as PropType<string>,
+        default: ''
+    },
+    /** 显示文字 */
+    title: { type: String, default: '' },
+    /** 主题，success/warning/info/error */
+    type: { type: String as PropType<ThemeType>, default: 'warning' },
+    /** 辅助性文字 */
+    description: { type: String, default: '' },
+    /** 是否可关闭 */
+    closeAble: { type: Boolean, default: false },
+    /** 关闭按钮自定义文本 */
+    closeText: { type: String, default: '' },
+    /** 是否显示图标 */
+    showIcon: { type: Boolean, default: false },
+    /** 文字颜色，如果定义了color值，icon会失效 */
+    color: { type: String, default: '' },
+    /** 背景颜色 */
+    bgColor: { type: String, default: '' },
+    /** 边框颜色 */
+    borderColor: { type: String, default: '' },
+    /** 是否显示 */
+    show: { type: Boolean, default: true },
+    /** 左边显示的icon */
+    icon: { type: String, default: '' },
+    /** icon的样式 */
+    iconStyle: { type: Object, default: () => ({}) },
+    /** 标题的样式 */
+    titleStyle: { type: Object, default: () => ({}) },
+    /** 描述文字的样式 */
+    descStyle: { type: Object, default: () => ({}) }
+};
+
+export type AlertTipsProps = ExtractPropTypes<typeof AlertTipsProps>;