im-ui-mobile 0.1.0 → 0.1.2

package/components/im-icon/im-icon.vue

@@ -0,0 +1,593 @@
+<template>
+    <!-- 字体图标 -->
+    <text v-if="type === 'font'" class="im-icon im-icon--font" :class="[
+        `im-icon--${name}`,
+        `im-icon--${size}`,
+        spin ? 'im-icon--spin' : '',
+        rotate ? 'im-icon--rotate' : '',
+        customClass
+    ]" :style="[
+        iconStyles,
+        colorStyle,
+        rotateStyle,
+        customStyle
+    ]" @click="handleClick">
+        {{ iconChar }}
+    </text>
+
+    <!-- 图片图标 -->
+    <image v-else-if="type === 'image'" class="im-icon im-icon--image" :class="[
+        `im-icon--${size}`,
+        spin ? 'im-icon--spin' : '',
+        rotate ? 'im-icon--rotate' : '',
+        customClass
+    ]" :style="[
+        iconStyles,
+        rotateStyle,
+        customStyle
+    ]" :src="src || name" :mode="imageMode" :lazy-load="lazyLoad" :show-menu-by-longpress="showMenuByLongpress"
+        @click="handleClick" @error="handleError" @load="handleLoad" />
+
+    <!-- SVG图标 -->
+    <view v-else-if="type === 'svg'" class="im-icon im-icon--svg" :class="[
+        `im-icon--${size}`,
+        spin ? 'im-icon--spin' : '',
+        rotate ? 'im-icon--rotate' : '',
+        customClass
+    ]" :style="[
+        iconStyles,
+        colorStyle,
+        rotateStyle,
+        customStyle
+    ]" @click="handleClick">
+        <!-- 外部SVG内容 -->
+        <view v-if="useSvgContent" class="im-icon__svg-content" v-html="svgContent" />
+        <!-- 内置SVG图标 -->
+        <view v-else class="im-icon__svg-content">
+            <!-- 这里可以放置内置的SVG图标 -->
+            <slot>
+                {{ svgContent }}
+            </slot>
+        </view>
+    </view>
+
+    <!-- 自定义渲染 -->
+    <view v-else-if="type === 'custom'" class="im-icon im-icon--custom" :class="[
+        `im-icon--${size}`,
+        customClass
+    ]" :style="[
+        iconStyles,
+        customStyle
+    ]" @click="handleClick">
+        <slot>
+            <text v-if="name" class="im-icon__custom-text">{{ name }}</text>
+        </slot>
+    </view>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { validator } from '../../index'
+
+// 图标类型
+type IconType = 'font' | 'image' | 'svg' | 'custom'
+
+// 图标大小预设
+type IconSize = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | string
+
+// 旋转方向
+type RotateDirection = 'clockwise' | 'counterclockwise'
+
+// 定义Props
+interface IconProps {
+    /** 图标名称或标识 */
+    name?: string
+    /** 图标类型 */
+    type?: IconType
+    /** 图标大小 */
+    size?: IconSize | number
+    /** 图标颜色（仅对字体图标和SVG有效） */
+    color?: string
+    /** 旋转角度（0-360） */
+    rotate?: number
+    /** 旋转方向 */
+    rotateDirection?: RotateDirection
+    /** 是否旋转动画 */
+    spin?: boolean
+    /** 旋转动画速度（秒） */
+    spinSpeed?: number
+    /** 是否禁用 */
+    disabled?: boolean
+    /** 点击时的波纹效果 */
+    ripple?: boolean
+    /** 波纹颜色 */
+    rippleColor?: string
+    /** 自定义类名 */
+    customClass?: string
+    /** 自定义样式 */
+    customStyle?: Record<string, string | number>
+    /** 图片模式（仅type='image'时有效） */
+    imageMode?: 'scaleToFill' | 'aspectFit' | 'aspectFill' | 'widthFix' | 'heightFix' | 'top' | 'bottom' | 'center' | 'left' | 'right' | 'top left' | 'top right' | 'bottom left' | 'bottom right'
+    /** 图片地址（仅type='image'时有效） */
+    src?: string
+    /** 是否懒加载图片（仅type='image'时有效） */
+    lazyLoad?: boolean
+    /** 是否长按显示菜单（仅type='image'时有效） */
+    showMenuByLongpress?: boolean
+    /** SVG内容（仅type='svg'时有效） */
+    svgContent?: string
+    /** 使用SVG内容而不是内置图标（仅type='svg'时有效） */
+    useSvgContent?: boolean
+}
+
+const props = withDefaults(defineProps<IconProps>(), {
+    name: '',
+    type: 'font',
+    size: 'medium',
+    color: 'currentColor',
+    rotate: 0,
+    rotateDirection: 'clockwise',
+    spin: false,
+    spinSpeed: 1,
+    disabled: false,
+    ripple: true,
+    rippleColor: 'rgba(0, 0, 0, 0.1)',
+    customClass: '',
+    customStyle: () => ({}),
+    imageMode: 'scaleToFill',
+    lazyLoad: false,
+    showMenuByLongpress: false,
+    svgContent: '',
+    useSvgContent: false
+})
+
+// 定义Emits
+const emit = defineEmits<{
+    /** 点击事件 */
+    click: [event: MouseEvent]
+    /** 图片加载成功 */
+    load: [event: any]
+    /** 图片加载失败 */
+    error: [event: any]
+}>()
+
+// 响应式数据
+const isLoaded = ref(false)
+const loadError = ref(false)
+
+// 内置字体图标映射表
+const iconUnicodeMap = {
+    // 基础操作图标
+    'settings': '\ue800',
+    'home': '\ue801',
+    'user': '\ue802',
+    'search': '\ue803',
+    'plus': '\ue804',
+    'minus': '\ue805',
+    'close': '\ue806',
+    'ok': '\ue807',
+    'edit': '\ue808',
+    'delete': '\ue809',
+
+    // 视图与显示
+    'eye': '\ue80a',
+    'eye-off': '\ue80b',
+    'fullscreen': '\ue832',
+    'zoom-in': '\ue82d',
+    'zoom-out': '\ue82e',
+
+    // 通知与反馈
+    'bell': '\ue80c',
+    'bell-off': '\uf1f7',
+    'star': '\ue80d',
+    'star-o': '\ue80e',
+    'star-half': '\uf123',
+    'heart': '\ue80f',
+    'heart-o': '\ue810',
+    'heart-broken': '\uf028',
+
+    // 文件与文档类型
+    'file': '\ue817',
+    'file-pdf': '\uf1c1',
+    'file-word': '\uf1c2',
+    'file-excel': '\uf1c3',
+    'file-ppt': '\uf1c4',
+    'file-audio': '\uf1c7',
+    'folder': '\uf114',
+
+    // 媒体内容
+    'picture': '\ue818',
+    'video': '\ue819',
+    'play': '\ue837',
+    'pause': '\ue838',
+    'stop': '\ue83b',
+    'fast': '\ue839',
+    'rewind': '\ue83a',
+    'record': '\ue83c',
+
+    // 设备相关
+    'phone': '\ue81a',
+    'mobile': '\ue81f',
+    'tablet': '\ue81b',
+    'laptop': '\ue81c',
+    'monitor': '\uf032',
+    'monitor-o': '\ue827',
+    'camera': '\ue81e',
+    'headphone': '\ue820',
+
+    // 通讯与社交
+    'chat': '\ue821',
+    'comment': '\ue822',
+    'mail': '\ue825',
+    'share': '\ue811',
+    'send': '\uf1d8',
+    'qq': '\uf1d6',
+    'wechat': '\uf1d7',
+    'github': '\uf09b',
+
+    // 方向与导航
+    'arrow-up': '\ue815',
+    'arrow-down': '\ue812',
+    'arrow-left': '\ue813',
+    'arrow-right': '\ue814',
+    'location': '\uf031',
+    'compass': '\ue834',
+
+    // 状态与提示
+    'error': '\ue828',
+    'warning': '\ue829',
+    'info': '\ue82a',
+    'help': '\ue82b',
+    'loading': '\ue830',
+
+    // 工具与操作
+    'power': '\ue826',
+    'refresh': '\ue82c',
+    'sync': '\ue816',
+    'filter': '\uf0b0',
+    'sort': '\uf0dc',
+    'menu': '\uf0c9',
+    'download': '\uf0ed',
+    'upload': '\uf0ee',
+    'more': '\ue81d',
+
+    // 媒体控制
+    'volume-up': '\ue840',
+    'volume-down': '\ue83f',
+    'volume-off': '\ue83e',
+
+    // 安全与权限
+    'lock': '\ue843',
+    'lock-open': '\ue844',
+    'key': '\ue845',
+
+    // 工具与附件
+    'params': '\ue841',
+    'repair': '\ue842',
+    'tag': '\ue846',
+    'attach': '\ue847',
+    'link': '\ue848',
+    'bookmark': '\uf097',
+
+    // 扫码与识别
+    'qrcode': '\ue849',
+    'barcode': '\ue84a',
+
+    // 其他功能
+    'basket': '\ue824',
+    'clock': '\ue835',
+    'calendar-o': '\uf133',
+    'flag-o': '\uf11d',
+    'plus-squared': '\ue82f',
+    'minus-squared': '\ue831'
+};
+
+// 计算属性
+const iconChar = computed(() => {
+    if (props.type === 'font') {
+        return iconUnicodeMap[props.name as keyof typeof iconUnicodeMap] || ''
+    }
+    return ''
+})
+
+const sizeValue = computed(() => {
+    if (validator.isNumber(props.size)) {
+        return `${props.size}rpx`
+    }
+
+    const sizeMap: Record<IconSize, string> = {
+        xxsmall: '24rpx',
+        xsmall: '32rpx',
+        small: '40rpx',
+        medium: '48rpx',
+        large: '56rpx',
+        xlarge: '64rpx',
+        xxlarge: '72rpx'
+    }
+
+    return sizeMap[props.size as IconSize] || '48rpx'
+})
+
+const fontSizeValue = computed(() => {
+    if (validator.isNumber(props.size)) {
+        return `${props.size}rpx`
+    }
+
+    const sizeMap: Record<IconSize, string> = {
+        xxsmall: '20rpx',
+        xsmall: '24rpx',
+        small: '28rpx',
+        medium: '32rpx',
+        large: '36rpx',
+        xlarge: '40rpx',
+        xxlarge: '44rpx'
+    }
+
+    return sizeMap[props.size as IconSize] || '32rpx'
+})
+
+// 样式计算
+const iconStyles = computed(() => {
+    const styles: Record<string, string> = {}
+
+    if (props.type === 'font') {
+        styles.fontSize = fontSizeValue.value
+    } else if (props.type === 'image' || props.type === 'svg') {
+        styles.width = sizeValue.value
+        styles.height = sizeValue.value
+    } else if (props.type === 'custom') {
+        styles.width = sizeValue.value
+        styles.height = sizeValue.value
+        styles.display = 'flex'
+        styles.alignItems = 'center'
+        styles.justifyContent = 'center'
+    }
+
+    if (props.disabled) {
+        styles.opacity = '0.5'
+        styles.cursor = 'not-allowed'
+    } else {
+        styles.cursor = 'pointer'
+    }
+
+    return styles
+})
+
+const colorStyle = computed(() => ({
+    color: props.color
+}))
+
+const rotateStyle = computed(() => {
+    if (!props.rotate && !props.spin) return {}
+
+    const direction = props.rotateDirection === 'counterclockwise' ? -1 : 1
+
+    return {
+        transform: `rotate(${props.rotate * direction}deg)`
+    }
+})
+
+// 事件处理
+const handleClick = (event: MouseEvent) => {
+    if (props.disabled) return
+
+    emit('click', event)
+}
+
+const handleLoad = (event: any) => {
+    isLoaded.value = true
+    loadError.value = false
+    emit('load', event)
+}
+
+const handleError = (event: any) => {
+    loadError.value = true
+    isLoaded.value = false
+    emit('error', event)
+}
+
+// 暴露方法
+defineExpose({
+    /** 重新加载图标 */
+    reload: () => {
+        if (props.type === 'image') {
+            isLoaded.value = false
+            loadError.value = false
+        }
+    },
+    /** 获取图标状态 */
+    getStatus: () => ({
+        isLoaded: isLoaded.value,
+        loadError: loadError.value,
+        type: props.type,
+        name: props.name
+    })
+})
+</script>
+
+<style lang="scss" scoped>
+@font-face {
+    font-family: 'im-iconfont';
+    src: url("data:font/woff2;charset=utf-8;base64,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") format('woff2');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+.im-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    vertical-align: middle;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+
+    // 通用点击效果
+    &:active:not(.im-icon--disabled) {
+        opacity: 0.7;
+        transform: scale(0.95);
+    }
+
+    // 旋转动画
+    &--spin {
+        animation: im-icon-spin linear infinite;
+        animation-duration: v-bind('`${props.spinSpeed}s`');
+
+        @keyframes im-icon-spin {
+            from {
+                transform: rotate(0deg);
+            }
+
+            to {
+                transform: rotate(360deg);
+            }
+        }
+    }
+
+    // 大小类
+    &--xxsmall {
+        font-size: 20rpx;
+        width: 24rpx;
+        height: 24rpx;
+    }
+
+    &--xsmall {
+        font-size: 24rpx;
+        width: 32rpx;
+        height: 32rpx;
+    }
+
+    &--small {
+        font-size: 28rpx;
+        width: 40rpx;
+        height: 40rpx;
+    }
+
+    &--medium {
+        font-size: 32rpx;
+        width: 48rpx;
+        height: 48rpx;
+    }
+
+    &--large {
+        font-size: 36rpx;
+        width: 56rpx;
+        height: 56rpx;
+    }
+
+    &--xlarge {
+        font-size: 40rpx;
+        width: 64rpx;
+        height: 64rpx;
+    }
+
+    &--xxlarge {
+        font-size: 44rpx;
+        width: 72rpx;
+        height: 72rpx;
+    }
+
+    // 字体图标
+    &--font {
+        font-family: 'im-iconfont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+        font-weight: normal;
+        font-style: normal;
+        line-height: 1;
+        text-transform: none;
+        letter-spacing: normal;
+        word-wrap: normal;
+        white-space: nowrap;
+        direction: ltr;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        text-rendering: optimizeLegibility;
+        font-feature-settings: 'liga';
+    }
+
+    // 图片图标
+    &--image {
+        object-fit: contain;
+
+        &.im-icon--spin {
+            animation: im-icon-spin linear infinite;
+        }
+    }
+
+    // SVG图标
+    &--svg {
+        .im-icon__svg-content {
+            width: 100%;
+            height: 100%;
+
+            :deep(svg) {
+                width: 100%;
+                height: 100%;
+                fill: currentColor;
+
+                * {
+                    fill: inherit;
+                }
+            }
+        }
+    }
+
+    // 自定义图标
+    &--custom {
+        .im-icon__custom-text {
+            font-size: inherit;
+            color: inherit;
+        }
+    }
+
+    // 禁用状态
+    &--disabled {
+        opacity: 0.5;
+        cursor: not-allowed !important;
+
+        &:active {
+            opacity: 0.5;
+            transform: none;
+        }
+    }
+}
+
+// 波纹效果
+.im-icon-ripple {
+    position: relative;
+    overflow: hidden;
+
+    &::after {
+        content: '';
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 5px;
+        height: 5px;
+        background: v-bind('props.rippleColor');
+        opacity: 0;
+        border-radius: 100%;
+        transform: scale(1, 1) translate(-50%, -50%);
+        transform-origin: 50% 50%;
+    }
+
+    &:focus:not(:active)::after {
+        animation: im-icon-ripple 1s ease-out;
+    }
+
+    @keyframes im-icon-ripple {
+        0% {
+            transform: scale(0, 0);
+            opacity: 0.5;
+        }
+
+        20% {
+            transform: scale(25, 25);
+            opacity: 0.3;
+        }
+
+        100% {
+            opacity: 0;
+            transform: scale(40, 40);
+        }
+    }
+}
+</style>

package/components/im-image-upload/im-image-upload.vue

@@ -5,8 +5,6 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
-
 interface Props {
 	maxCount?: number;
 	maxSize?: number;