@phill-component/icons 0.2.2 → 1.0.1

package/dist/mobile/uvue/FileFold/FileFold.uvue

@@ -1,66 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="wrapStyle">
-    <!-- #ifdef H5 -->
-    <svg viewBox="0 0 24 24" :width="iconW" :height="iconH" xmlns="http://www.w3.org/2000/svg">
-      <g filter="url(#a)"><path fill="url(#b)" d="M4.5 3.6a3 3 0 0 1 3-3h7.366a3 3 0 0 1 2.266 1.034l3.433 3.958a3 3 0 0 1 .734 1.966V20.4a3 3 0 0 1-3 3H7.5a3 3 0 0 1-3-3z"/><path fill="url(#c)" fill-opacity=".4" d="M4.5 3.6a3 3 0 0 1 3-3h7.366a3 3 0 0 1 2.266 1.034l3.433 3.958a3 3 0 0 1 .734 1.966V20.4a3 3 0 0 1-3 3H7.5a3 3 0 0 1-3-3z"/><path fill="url(#d)" fill-opacity=".96" d="M4.5 3.6a3 3 0 0 1 3-3h7.366a3 3 0 0 1 2.266 1.034l3.433 3.958a3 3 0 0 1 .734 1.966V20.4a3 3 0 0 1-3 3H7.5a3 3 0 0 1-3-3z"/></g><path fill="#000037" fill-opacity=".129" fill-rule="evenodd" d="M18.3 22.56H7.5a2.16 2.16 0 0 1-2.16-2.16V3.6A2.16 2.16 0 0 1 7.5 1.44h7.366q.317 0 .614.09v1.776a2.82 2.82 0 0 0 1.83 2.64l3.103 1.164q.046.22.046.448V20.4a2.16 2.16 0 0 1-2.16 2.16m1.49-16.58-3.293-3.796a2 2 0 0 0-.177-.181v1.303a1.98 1.98 0 0 0 1.285 1.854zM4.5 3.6a3 3 0 0 1 3-3h7.366a3 3 0 0 1 2.266 1.034l3.433 3.958a3 3 0 0 1 .734 1.966V20.4a3 3 0 0 1-3 3H7.5a3 3 0 0 1-3-3z" clip-rule="evenodd"/><g filter="url(#e)"><path fill="#b263fc" d="M2.7 9a3 3 0 0 1 3-3h8.4a3 3 0 0 1 3 3v8.4a3 3 0 0 1-3 3H5.7a3 3 0 0 1-3-3z"/></g><path fill="#000037" fill-opacity=".129" fill-rule="evenodd" d="M14.1 6.72H5.7A2.28 2.28 0 0 0 3.42 9v8.4a2.28 2.28 0 0 0 2.28 2.28h8.4a2.28 2.28 0 0 0 2.28-2.28V9a2.28 2.28 0 0 0-2.28-2.28M5.7 6a3 3 0 0 0-3 3v8.4a3 3 0 0 0 3 3h8.4a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3z" clip-rule="evenodd"/><path fill="#fff" d="M8.356 8.326h1.287c.142 0 .257-.103.257-.229V6.95c0-.127-.115-.229-.257-.229H8.356c-.142 0-.256.102-.256.229v1.148c0 .126.114.229.256.229m3.087 0h-1.287c-.142 0-.256.102-.256.229v1.148c0 .127.114.229.256.229h1.287c.142 0 .257-.103.257-.229V8.555c0-.127-.115-.23-.257-.23m-3.087 3.212h1.287c.142 0 .257-.103.257-.229v-1.148c0-.127-.115-.23-.257-.23H8.356c-.142 0-.256.103-.256.23v1.148c0 .126.114.229.256.229m3.087 0h-1.287c-.142 0-.256.102-.256.228v1.149c0 .126.114.229.256.229h1.287c.142 0 .257-.103.257-.229v-1.149c0-.126-.115-.228-.257-.228m-.373 2.492H8.656c-.307 0-.556.223-.556.497v2.497c0 .274.249.496.556.496h2.414c.308 0 .557-.222.557-.496v-2.497c0-.274-.25-.497-.557-.497m-.088 2.644c0 .22-.2.398-.447.398H9.192c-.247 0-.447-.178-.447-.398v-.44c0-.22.2-.399.447-.399h1.342c.247 0 .448.179.448.4z"/><defs><linearGradient id="b" x1="12.677" x2="12.677" y1=".6" y2="23.4" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity=".9"/><stop offset="1" stop-color="#fff" stop-opacity=".9"/></linearGradient><linearGradient id="c" x1="12.677" x2="12.677" y1=".6" y2="23.4" gradientUnits="userSpaceOnUse"><stop stop-color="#02062b" stop-opacity=".4"/><stop offset="1" stop-color="#02062b"/></linearGradient><linearGradient id="d" x1="12.677" x2="12.677" y1=".6" y2="23.4" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#f8f8f8" stop-opacity=".9"/></linearGradient><filter id="a" width="16.8" height="23.28" x="4.5" y=".12" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.48"/><feGaussianBlur stdDeviation=".24"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.00784314 0 0 0 0 0.0235294 0 0 0 0 0.168627 0 0 0 0.04 0"/><feBlend in2="shape" result="effect1_innerShadow_16434_6563"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.72"/><feGaussianBlur stdDeviation=".06"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.00784314 0 0 0 0 0.0235294 0 0 0 0 0.168627 0 0 0 0.02 0"/><feBlend in2="effect1_innerShadow_16434_6563" result="effect2_innerShadow_16434_6563"/></filter><filter id="e" width="18" height="18" x="2.1" y="4.8" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1.2" dy=".6"/><feGaussianBlur stdDeviation=".9"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.698039 0 0 0 0 0.388235 0 0 0 0 0.988235 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16434_6563"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16434_6563" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.6" dy="-.6"/><feGaussianBlur stdDeviation="1.2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.336198 0 0 0 0 0.336198 0 0 0 0 0.336198 0 0 0 0.25 0"/><feBlend in2="shape" result="effect2_innerShadow_16434_6563"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".6" dy="1.2"/><feGaussianBlur stdDeviation="1.8"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend in2="effect2_innerShadow_16434_6563" result="effect3_innerShadow_16434_6563"/></filter></defs>
-    </svg>
-    <!-- #endif -->
-    <!-- #ifndef H5 -->
-    <image :src="imgSrc" :style="iconBoxStyle" />
-    <!-- #endif -->
-    <text v-if="label != ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup lang="uts">
-import { computed } from 'vue'
-import imgSrc from '@/uni_modules/@phill-component/icons/dist/mobile/uvue/FileFold/file_fold.png'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: '' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-function toPx(v: any): string {
-  if (typeof v === 'number') return (v as number).toString() + 'px'
-  const s = (v as string)
-  return s != '' ? s : ''
-}
-const iconW = computed((): string => (props.width != '' ? toPx(props.width) : toPx(props.size)))
-const iconH = computed((): string => (props.height != '' ? toPx(props.height) : toPx(props.size)))
-const iconBoxStyle = computed((): UTSJSONObject => ({ width: iconW.value, height: iconH.value } as UTSJSONObject))
-const wrapStyle = computed((): UTSJSONObject => {
-  const map = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' } as UTSJSONObject
-  let dir: string = 'row'
-  const cand = map[props.labelPos] as string | null
-  if (cand != null && cand.length > 0) {
-    dir = cand
-  }
-  return { display: 'flex', alignItems: 'center', flexDirection: dir } as UTSJSONObject
-})
-const labelStyle = computed((): UTSJSONObject => {
-  const out = {} as UTSJSONObject
-  if (props.labelColor != '') out['color'] = props.labelColor
-  out['fontSize'] = toPx(props.labelSize)
-  out['marginLeft'] = props.labelPos == 'right' ? toPx(props.space) : 0
-  out['marginTop'] = props.labelPos == 'bottom' ? toPx(props.space) : 0
-  out['marginRight'] = props.labelPos == 'left' ? toPx(props.space) : 0
-  out['marginBottom'] = props.labelPos == 'top' ? toPx(props.space) : 0
-  return out
-})
-function onTap(e: UniPointerEvent) {
-  emit('click', props.index)
-  if (props.stop) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/mobile/uvue/index.uts

@@ -1,6 +0,0 @@
-export { default as IconCalendar } from './Calendar/Calendar.uvue'
-export { default as IconFileFold } from './FileFold/FileFold.uvue'
-export { default as IconHome } from './Home/Home.uvue'
-export { default as IconSetting } from './Setting/Setting.uvue'
-export { default as IconTask } from './Task/Task.uvue'
-export { default as IconToLandscape } from './ToLandscape/ToLandscape.uvue'

package/dist/mobile/vue/FileFold.vue

@@ -1,62 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="wrapStyle">
-    <!-- #ifdef H5 -->
-    <svg viewBox="0 0 24 24" :width="iconW" :height="iconH" xmlns="http://www.w3.org/2000/svg" v-bind="$attrs" :style="iconStyle">
-      <g filter="url(#a)"><path fill="url(#b)" d="M4.5 3.6a3 3 0 0 1 3-3h7.366a3 3 0 0 1 2.266 1.034l3.433 3.958a3 3 0 0 1 .734 1.966V20.4a3 3 0 0 1-3 3H7.5a3 3 0 0 1-3-3z"/><path fill="url(#c)" fill-opacity=".4" d="M4.5 3.6a3 3 0 0 1 3-3h7.366a3 3 0 0 1 2.266 1.034l3.433 3.958a3 3 0 0 1 .734 1.966V20.4a3 3 0 0 1-3 3H7.5a3 3 0 0 1-3-3z"/><path fill="url(#d)" fill-opacity=".96" d="M4.5 3.6a3 3 0 0 1 3-3h7.366a3 3 0 0 1 2.266 1.034l3.433 3.958a3 3 0 0 1 .734 1.966V20.4a3 3 0 0 1-3 3H7.5a3 3 0 0 1-3-3z"/></g><path fill="#000037" fill-opacity=".129" fill-rule="evenodd" d="M18.3 22.56H7.5a2.16 2.16 0 0 1-2.16-2.16V3.6A2.16 2.16 0 0 1 7.5 1.44h7.366q.317 0 .614.09v1.776a2.82 2.82 0 0 0 1.83 2.64l3.103 1.164q.046.22.046.448V20.4a2.16 2.16 0 0 1-2.16 2.16m1.49-16.58-3.293-3.796a2 2 0 0 0-.177-.181v1.303a1.98 1.98 0 0 0 1.285 1.854zM4.5 3.6a3 3 0 0 1 3-3h7.366a3 3 0 0 1 2.266 1.034l3.433 3.958a3 3 0 0 1 .734 1.966V20.4a3 3 0 0 1-3 3H7.5a3 3 0 0 1-3-3z" clip-rule="evenodd"/><g filter="url(#e)"><path fill="#b263fc" d="M2.7 9a3 3 0 0 1 3-3h8.4a3 3 0 0 1 3 3v8.4a3 3 0 0 1-3 3H5.7a3 3 0 0 1-3-3z"/></g><path fill="#000037" fill-opacity=".129" fill-rule="evenodd" d="M14.1 6.72H5.7A2.28 2.28 0 0 0 3.42 9v8.4a2.28 2.28 0 0 0 2.28 2.28h8.4a2.28 2.28 0 0 0 2.28-2.28V9a2.28 2.28 0 0 0-2.28-2.28M5.7 6a3 3 0 0 0-3 3v8.4a3 3 0 0 0 3 3h8.4a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3z" clip-rule="evenodd"/><path fill="#fff" d="M8.356 8.326h1.287c.142 0 .257-.103.257-.229V6.95c0-.127-.115-.229-.257-.229H8.356c-.142 0-.256.102-.256.229v1.148c0 .126.114.229.256.229m3.087 0h-1.287c-.142 0-.256.102-.256.229v1.148c0 .127.114.229.256.229h1.287c.142 0 .257-.103.257-.229V8.555c0-.127-.115-.23-.257-.23m-3.087 3.212h1.287c.142 0 .257-.103.257-.229v-1.148c0-.127-.115-.23-.257-.23H8.356c-.142 0-.256.103-.256.23v1.148c0 .126.114.229.256.229m3.087 0h-1.287c-.142 0-.256.102-.256.228v1.149c0 .126.114.229.256.229h1.287c.142 0 .257-.103.257-.229v-1.149c0-.126-.115-.228-.257-.228m-.373 2.492H8.656c-.307 0-.556.223-.556.497v2.497c0 .274.249.496.556.496h2.414c.308 0 .557-.222.557-.496v-2.497c0-.274-.25-.497-.557-.497m-.088 2.644c0 .22-.2.398-.447.398H9.192c-.247 0-.447-.178-.447-.398v-.44c0-.22.2-.399.447-.399h1.342c.247 0 .448.179.448.4z"/><defs><linearGradient id="b" x1="12.677" x2="12.677" y1=".6" y2="23.4" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity=".9"/><stop offset="1" stop-color="#fff" stop-opacity=".9"/></linearGradient><linearGradient id="c" x1="12.677" x2="12.677" y1=".6" y2="23.4" gradientUnits="userSpaceOnUse"><stop stop-color="#02062b" stop-opacity=".4"/><stop offset="1" stop-color="#02062b"/></linearGradient><linearGradient id="d" x1="12.677" x2="12.677" y1=".6" y2="23.4" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#f8f8f8" stop-opacity=".9"/></linearGradient><filter id="a" width="16.8" height="23.28" x="4.5" y=".12" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.48"/><feGaussianBlur stdDeviation=".24"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.00784314 0 0 0 0 0.0235294 0 0 0 0 0.168627 0 0 0 0.04 0"/><feBlend in2="shape" result="effect1_innerShadow_16434_6563"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.72"/><feGaussianBlur stdDeviation=".06"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.00784314 0 0 0 0 0.0235294 0 0 0 0 0.168627 0 0 0 0.02 0"/><feBlend in2="effect1_innerShadow_16434_6563" result="effect2_innerShadow_16434_6563"/></filter><filter id="e" width="18" height="18" x="2.1" y="4.8" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1.2" dy=".6"/><feGaussianBlur stdDeviation=".9"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.698039 0 0 0 0 0.388235 0 0 0 0 0.988235 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16434_6563"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16434_6563" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.6" dy="-.6"/><feGaussianBlur stdDeviation="1.2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.336198 0 0 0 0 0.336198 0 0 0 0 0.336198 0 0 0 0.25 0"/><feBlend in2="shape" result="effect2_innerShadow_16434_6563"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".6" dy="1.2"/><feGaussianBlur stdDeviation="1.8"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend in2="effect2_innerShadow_16434_6563" result="effect3_innerShadow_16434_6563"/></filter></defs>
-    </svg>
-    <!-- #endif -->
-    <!-- #ifndef H5 -->
-    <image :src="imgSrc" :style="iconBoxStyle" v-bind="$attrs" />
-    <!-- #endif -->
-    <text v-if="label !== ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup>
-import { computed } from 'vue'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: '' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-const toPx = (v) => typeof v === 'number' ? (v + 'px') : (String(v||''));
-const iconW = computed(() => props.width ? toPx(props.width) : toPx(props.size))
-const iconH = computed(() => props.height ? toPx(props.height) : toPx(props.size))
-const iconBoxStyle = computed(() => ({ width: iconW.value, height: iconH.value }))
-const iconStyle = computed(() => {
-  const s = { }
-  if (props.color) s.color = props.color
-  return s
-})
-const wrapStyle = computed(() => {
-  const dirMap = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' }
-  return { display: 'flex', alignItems: 'center', flexDirection: dirMap[props.labelPos] || 'row' }
-})
-const labelStyle = computed(() => {
-  return {
-    color: props.labelColor || '',
-    fontSize: toPx(props.labelSize),
-    marginLeft: props.labelPos === 'right' ? toPx(props.space) : 0,
-    marginTop: props.labelPos === 'bottom' ? toPx(props.space) : 0,
-    marginRight: props.labelPos === 'left' ? toPx(props.space) : 0,
-    marginBottom: props.labelPos === 'top' ? toPx(props.space) : 0
-  }
-})
-const imgSrc = '@/uni_modules/@phill-component/icons/dist/mobile/uvue/FileFold/file_fold.png'
-function onTap(e) {
-  emit('click', props.index)
-  if (props.stop && e && e.stopPropagation) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/mobile/vue/Home.vue

@@ -1,62 +0,0 @@
-<template>
-  <view class="icon" @tap="onTap" :hover-class="hoverClass" :style="wrapStyle">
-    <!-- #ifdef H5 -->
-    <svg viewBox="0 0 24 24" :width="iconW" :height="iconH" xmlns="http://www.w3.org/2000/svg" v-bind="$attrs" :style="iconStyle">
-      <path fill="#222" d="M615.64 510.5a62.15 62.15 0 0 1-32.75-9.36l-53.68-33.22a17.19 17.19 0 0 0-18-.07L461.63 498a62.31 62.31 0 0 1-67.88-2.09l-36.91-25.66a17.31 17.31 0 0 0-19.7 0l-31 21.57a62.2 62.2 0 0 1-79.58-7.08l-21.5-21.5a107 107 0 0 1-30.86-87.52c2.7-25 5.57-50.63 8.54-76.1A113.8 113.8 0 0 1 295.78 199l462.35.07a113.87 113.87 0 0 1 113 100.48c3.3 27.95 6.25 54.41 8.77 78.65a107 107 0 0 1-30.91 87l-13.27 13.27a62.51 62.51 0 0 1-74.24 10.4l-39.68-22.04a17.28 17.28 0 0 0-17.31.33l-56.58 34.28a62.2 62.2 0 0 1-32.27 9.06m-95.51-90.21a62.2 62.2 0 0 1 32.76 9.36l53.68 33.22a17.19 17.19 0 0 0 18 .09l56.58-34.29a62.38 62.38 0 0 1 62.48-1.18l39.71 22.05a17.31 17.31 0 0 0 20.57-2.88l13.27-13.27a62.16 62.16 0 0 0 18-50.58c-2.5-24-5.42-50.28-8.7-78A68.84 68.84 0 0 0 758.15 244H295.79a68.79 68.79 0 0 0-68.34 60.84c-3 25.34-5.81 50.81-8.5 75.71a62.22 62.22 0 0 0 17.94 50.88l21.5 21.5a17.25 17.25 0 0 0 22.06 2l31-21.58a62.51 62.51 0 0 1 71.09 0l36.91 25.67a17.27 17.27 0 0 0 18.81.58l49.54-30.12a62.2 62.2 0 0 1 32.33-9.19m104.46 337.56a22.5 22.5 0 0 1-22.5-22.5v-58a76 76 0 0 0-152.1 0v58a22.5 22.5 0 1 1-45 0v-58a121.05 121.05 0 0 1 242.1 0v58a22.5 22.5 0 0 1-22.5 22.5"/><path fill="#222" d="M527.05 849.87c-38 0-76.5-1.53-114.4-4.56l-48-3.84a155 155 0 0 1-142.21-142.21l-3.84-48c-3-38.19-3-57.22-3-95.13v-.54a22.5 22.5 0 0 1 45 0v.54c0 36.71 0 55.15 2.91 91.54l3.83 48a110.08 110.08 0 0 0 100.89 100.95l48 3.83c36.81 2.94 74.22 4.48 111.14 4.42 36.7 0 73.87-1.49 110.47-4.42l48-3.83a110.06 110.06 0 0 0 100.95-100.94l3.83-48c2.91-36.39 2.91-54.83 2.91-91.54v-.54a22.5 22.5 0 1 1 45 0v.54c0 37.91 0 56.94-3 95.13l-3.83 48a155 155 0 0 1-142.27 142.2l-48 3.84c-37.78 3-76.15 4.55-114 4.56z"/>
-    </svg>
-    <!-- #endif -->
-    <!-- #ifndef H5 -->
-    <image :src="imgSrc" :style="iconBoxStyle" v-bind="$attrs" />
-    <!-- #endif -->
-    <text v-if="label !== ''" class="icon__label" :style="labelStyle">{{ label }}</text>
-  </view>
-</template>
-<script setup>
-import { computed } from 'vue'
-const props = defineProps({
-  size: { type: [String, Number], default: '1em' },
-  color: { type: String, default: '' },
-  label: { type: [String, Number], default: '' },
-  labelPos: { type: String, default: 'right' },
-  labelSize: { type: [String, Number], default: '15px' },
-  labelColor: { type: String, default: '' },
-  space: { type: [String, Number], default: '3px' },
-  width: { type: [String, Number], default: '' },
-  height: { type: [String, Number], default: '' },
-  hoverClass: { type: String, default: '' },
-  index: { type: [String, Number], default: '' },
-  stop: { type: Boolean, default: false }
-})
-const emit = defineEmits(['click'])
-const toPx = (v) => typeof v === 'number' ? (v + 'px') : (String(v||''));
-const iconW = computed(() => props.width ? toPx(props.width) : toPx(props.size))
-const iconH = computed(() => props.height ? toPx(props.height) : toPx(props.size))
-const iconBoxStyle = computed(() => ({ width: iconW.value, height: iconH.value }))
-const iconStyle = computed(() => {
-  const s = { }
-  if (props.color) s.color = props.color
-  return s
-})
-const wrapStyle = computed(() => {
-  const dirMap = { right: 'row', left: 'row-reverse', top: 'column-reverse', bottom: 'column' }
-  return { display: 'flex', alignItems: 'center', flexDirection: dirMap[props.labelPos] || 'row' }
-})
-const labelStyle = computed(() => {
-  return {
-    color: props.labelColor || '',
-    fontSize: toPx(props.labelSize),
-    marginLeft: props.labelPos === 'right' ? toPx(props.space) : 0,
-    marginTop: props.labelPos === 'bottom' ? toPx(props.space) : 0,
-    marginRight: props.labelPos === 'left' ? toPx(props.space) : 0,
-    marginBottom: props.labelPos === 'top' ? toPx(props.space) : 0
-  }
-})
-const imgSrc = '@/uni_modules/@phill-component/icons/dist/mobile/uvue/Home/home.png'
-function onTap(e) {
-  emit('click', props.index)
-  if (props.stop && e && e.stopPropagation) e.stopPropagation()
-}
-</script>
-<style scoped>
-.icon__label { line-height: 1; }
-</style>

package/dist/mobile/vue/index.js

@@ -1,6 +0,0 @@
-export { default as IconCalendar } from './Calendar.vue';
-export { default as IconFileFold } from './FileFold.vue';
-export { default as IconHome } from './Home.vue';
-export { default as IconSetting } from './Setting.vue';
-export { default as IconTask } from './Task.vue';
-export { default as IconToLandscape } from './ToLandscape.vue';