lxui-uni 0.0.8 → 0.1.0

package/components/lx-tabbar/lx-tabbar.vue

@@ -1,99 +1,99 @@
-<script lang="ts" setup>
-import { ref, watchEffect } from 'vue';
-
-// tabbar选中项name
-const selectTabbarName = ref('home')
-const url = ref('/static/tabbar/')
-
-interface menuListInt {
-    name: string
-    text: string
-    pagePath: string
-}
-const props = withDefaults(defineProps<{ menuList: menuListInt[]; current: string; activeColor?: string; defaultColor?: string }>(), {
-    menuList: () => [],
-    current: '',
-    activeColor: '#5c616f',
-    defaultColor: '#7d7e80'
-})
-
-// tabbar点击事件
-function clickTabbar({ name, pagePath }: menuListInt) {
-    if (name === selectTabbarName.value) return
-    selectTabbarName.value = name
-    uni.goToPage({ url: pagePath || 'pages/index/index', mode: 'reLaunch' })
-}
-
-const getImageUrl = (name: string) => `${url.value}${name}${selectTabbarName.value !== name ? '' : '-act'}.png`
-
-watchEffect(() => {
-    if (props.current !== '') {
-        selectTabbarName.value = props.current
-    }
-})
-</script>
-<template>
-    <view class="main_tabbar flex-center-between">
-        <view class="flex column tabbar_item" v-for="item in menuList" :key="item.text" @click="clickTabbar(item)">
-            <view :class="{ icon_box: true }">
-                <image :src="getImageUrl(item.name)" mode="aspectFit" />
-            </view>
-            <view class="name" :style="{ color: selectTabbarName === item.name && activeColor ? activeColor : defaultColor }">{{ item.text }}</view>
-        </view>
-    </view>
-    <view class="tabbar_mark" />
-</template>
-
-<style scoped lang="scss">
-// 填充高度
-.tabbar_mark {
-    /* 兼容 iOS < 11.2 */
-    padding-bottom: constant(safe-area-inset-bottom);
-    /* 兼容 iOS >= 11.2 */
-    padding-bottom: env(safe-area-inset-bottom);
-    padding-top: 10rpx;
-    height: 100rpx;
-}
-
-.main_tabbar {
-    width: 100%;
-    box-sizing: border-box;
-    padding: 10rpx 40rpx 0;
-    background-color: #fff;
-    box-shadow: 0 0 16rpx #ddd;
-    border-radius: 40rpx 40rpx 0 0;
-    /* 兼容 iOS < 11.2 */
-    padding-bottom: constant(safe-area-inset-bottom);
-    /* 兼容 iOS >= 11.2 */
-    padding-bottom: env(safe-area-inset-bottom);
-    position: fixed;
-    left: 0;
-    bottom: 0;
-    z-index: 999;
-
-    .tabbar_item {
-        height: 100rpx;
-
-        @if env(safe-area-inset-bottom) {
-            padding-bottom: 0;
-        } @else {
-            padding-bottom: 10rpx;
-        }
-
-        .icon_box {
-            width: 40rpx;
-            height: 40rpx;
-
-            image {
-                width: 100%;
-                height: 100%;
-            }
-        }
-
-        .name {
-            margin-top: 6rpx;
-            font-size: 26rpx;
-        }
-    }
-}
-</style>
+<script lang="ts" setup>
+import { ref, watchEffect } from 'vue';
+
+// tabbar选中项name
+const selectTabbarName = ref('home')
+const url = ref('/static/tabbar/')
+
+interface menuListInt {
+    name: string
+    text: string
+    pagePath: string
+}
+const props = withDefaults(defineProps<{ menuList: menuListInt[]; current: string; activeColor?: string; defaultColor?: string }>(), {
+    menuList: () => [],
+    current: '',
+    activeColor: '#5c616f',
+    defaultColor: '#7d7e80'
+})
+
+// tabbar点击事件
+function clickTabbar({ name, pagePath }: menuListInt) {
+    if (name === selectTabbarName.value) return
+    selectTabbarName.value = name
+    uni.goToPage({ url: pagePath || 'pages/index/index', mode: 'reLaunch' })
+}
+
+const getImageUrl = (name: string) => `${url.value}${name}${selectTabbarName.value !== name ? '' : '-act'}.png`
+
+watchEffect(() => {
+    if (props.current !== '') {
+        selectTabbarName.value = props.current
+    }
+})
+</script>
+<template>
+    <view class="main_tabbar flex-center-between">
+        <view class="flex column tabbar_item" v-for="item in menuList" :key="item.text" @click="clickTabbar(item)">
+            <view :class="{ icon_box: true }">
+                <image :src="getImageUrl(item.name)" mode="aspectFit" />
+            </view>
+            <view class="name" :style="{ color: selectTabbarName === item.name && activeColor ? activeColor : defaultColor }">{{ item.text }}</view>
+        </view>
+    </view>
+    <view class="tabbar_mark" />
+</template>
+
+<style scoped lang="scss">
+// 填充高度
+.tabbar_mark {
+    /* 兼容 iOS < 11.2 */
+    padding-bottom: constant(safe-area-inset-bottom);
+    /* 兼容 iOS >= 11.2 */
+    padding-bottom: env(safe-area-inset-bottom);
+    padding-top: 10rpx;
+    height: 100rpx;
+}
+
+.main_tabbar {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 10rpx 40rpx 0;
+    background-color: #fff;
+    box-shadow: 0 0 16rpx #ddd;
+    border-radius: 40rpx 40rpx 0 0;
+    /* 兼容 iOS < 11.2 */
+    padding-bottom: constant(safe-area-inset-bottom);
+    /* 兼容 iOS >= 11.2 */
+    padding-bottom: env(safe-area-inset-bottom);
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    z-index: 999;
+
+    .tabbar_item {
+        height: 100rpx;
+
+        @if env(safe-area-inset-bottom) {
+            padding-bottom: 0;
+        } @else {
+            padding-bottom: 10rpx;
+        }
+
+        .icon_box {
+            width: 40rpx;
+            height: 40rpx;
+
+            image {
+                width: 100%;
+                height: 100%;
+            }
+        }
+
+        .name {
+            margin-top: 6rpx;
+            font-size: 26rpx;
+        }
+    }
+}
+</style>

package/components/lx-upload/lx-upload.vue

@@ -1,186 +1,186 @@
-<script setup lang="ts">
-/*
- * @description: 上传组件
- * @fileName: lx-upload.vue
- * @params
- * @author: lxx
- * @date: 2024-03-08 14:08:27"
- * @version: V1.0.0
- */
-import { uploadUrl, uploadBaseUrl } from '../../libs/config'
-import { getCurrentInstance, onMounted, ref } from 'vue'
-const baseUrl = uploadBaseUrl ? uploadBaseUrl : import.meta.env.VITE_APP_BASE_URL
-console.log(baseUrl, 'baseUrl');
-
-const delIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqBAMAAAA37dRoAAAAD1BMVEVHcEz8/Pz7+/v7+/v8/PxqU4qsAAAABHRSTlMAv39Ao+r7HgAAAOxJREFUeJx9U9sRhCAM5GEB55AC0LEAnbkCFOm/phOS5cDX/jism80DohTDDn3sx1k1WChm+IaMQEWbGG9oqtjtGp+wS/rYggvpTuzn4lqcTTzDw2CXgAX5ppxBS34Si3QK4j4rzR8jTppDLVfRwYlypR2zX1Su8S+JptImzezzZ5PYlo42dMYz0bFleSYEth6gxuGBpfpm6OQbbrMdUlPEQXpLUvIQg81EgHjlv3KGWNgPH4OM2/NAMXXPIjh5pCEJyemCFDiw7dPNX15J02bB+vL6pD3Avb7qhw2oaFcvkdCbaxfOjscWOmzhD3EZlfmDEVdKAAAAAElFTkSuQmCC'
-const addIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAwBAMAAACoMpTzAAAAD1BMVEVHcEzDw8PFxcXExMTExMTLnAMjAAAABHRSTlMAQH+/MHAgfgAAAQlJREFUeJyNlNsZgzAIhYl2AKMOEK0D2OoAGtl/pnqLQDB+5Qn9BeFAAhCsxMM+oG082aJRjsGcYvXFfDLlTdIM8S6psavVjM3bC7uhDu/Ny2TSHNRJ5ll96BtrB2T1kt/slVX0AlTllWakRqeY0zIAD2uHpmCBwMK6U8wsYtfn8+pJxgRyV9KTTTTA1X0J1tMAKcXJCjBMBMmifUmyXrHXxSbJloiNqTidM/uLudAPRHXzXkmXjnTJYz1z+l0dz8GMIWWQls02C46R89uS7hv2ZUdR7IspxXED1nFqz3Ap1Cmlln28uowdkYYQZ4hD++aPgkX2yMYkWpJXwbb9T3fB0x0CYG9tbfYHtAj7ZE5t1ToAAAAASUVORK5CYII='
-interface propsInt {
-    modelValue: string[] | string // 上传的图片
-    width?: string // 盒子宽度
-    radius?: string // 盒子圆角
-    spacing?: number // 间隔
-    rowNum?: number // 一行的盒子数
-    limit?: number // 最多上传个数
-    readOnly?: boolean // 是否只读
-}
-const props = withDefaults(defineProps<propsInt>(), {
-    radius: '16rpx',
-    spacing: 10,
-    rowNum: 3,
-    limit: 3,
-    modelValue: () => [],
-    readOnly: false
-})
-const emit = defineEmits(['update:modelValue'])
-// 上传
-const uploadAdd = () => {
-    uni.chooseImage({
-        count: 1, //默认9
-        // sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
-        // sourceType: ['album'], //从相册选择
-        success: (chooseImageRes) => {
-            const tempFilePaths = chooseImageRes.tempFilePaths
-            uni.uploadFile({
-                url: baseUrl + uploadUrl,
-                filePath: tempFilePaths[0],
-                name: 'file',
-                success: (uploadFileRes: any) => {
-                    const { data, code } = JSON.parse(uploadFileRes.data)
-                    if (code === 200) {
-                        // 如果是一张图片传入数据可以是字符串
-                        if (props.limit === 1) {
-                            emit('update:modelValue', data)
-                        } else {
-                            // eslint-disable-next-line prettier/prettier
-                            (props.modelValue as string[]).push(data)
-                            emit('update:modelValue', props.modelValue)
-                        }
-                    } else {
-                        uni.showToast({
-                            title: '上传失败',
-                            icon: 'none',
-                            mask: true
-                        })
-                    }
-                }
-            })
-        }
-    })
-}
-// 删除
-const uploadDel = (index?: number) => {
-    if (props.limit === 1) {
-        emit('update:modelValue', '')
-    } else {
-        // eslint-disable-next-line prettier/prettier, no-extra-semi
-        ; (props.modelValue as string[]).splice(index as number, 1)
-        emit('update:modelValue', props.modelValue)
-    }
-}
-// 盒子宽度
-const boxWidth = ref('')
-onMounted(() => {
-    const query = uni.createSelectorQuery().in(getCurrentInstance())
-    query
-        .select('.lx_upload_box')
-        .boundingClientRect((data: any) => {
-            // console.log('得到布局位置信息' + data)
-            // console.log('节点离页面顶部的距离为' + data.width, Math.floor(data.width))
-            // 没有传大小就计算大小
-            if (!props.width) {
-                boxWidth.value = Math.floor((data.width - props.spacing * (props.rowNum - 1)) / props.rowNum) + 'px'
-                console.log(boxWidth.value, ' boxWidth.value')
-            } else {
-                boxWidth.value = props.width
-            }
-        })
-        .exec()
-})
-
-const previewImage = (urlsList: string[], index?: number) => {
-    // 预览图片
-    const urls = urlsList.map((item: string) => {
-        if (item && item.indexOf('http') === -1) {
-            return baseUrl + item
-        } else {
-            return item
-        }
-    })
-    const uniqueValues = new Set(urls)
-    // 如果预览的图片地址相同，则直接预览，预览索引设置无效
-    if (uniqueValues.size === 1) {
-        uni.previewImage({
-            urls
-        })
-    } else {
-        uni.previewImage({
-            current: index,
-            urls
-        })
-    }
-}
-</script>
-<template>
-    <view class="lx_upload_box flex-center-start wrap">
-        <view v-if="limit === 1 && modelValue" class="upload_item_box" :style="{
-            width: boxWidth,
-            height: boxWidth,
-            borderRadius: radius
-        }">
-            <image :src="baseUrl + modelValue" mode="aspectFill" @click="previewImage([modelValue as string])"></image>
-            <view class="upload_close_icon flex" v-if="!readOnly"  @click="uploadDel()">
-                <image :src="delIcon" mode="aspectFit" />
-            </view>
-        </view>
-        <view v-else class="upload_item_box" :style="{
-            width: boxWidth,
-            height: boxWidth,
-            borderRadius: radius,
-            marginRight: (index + 1) % props.rowNum === 0 ? 0 : spacing + 'px',
-            marginBottom: spacing + 'px'
-        }" v-for="(item, index) in modelValue" :key="index">
-            <image :src="baseUrl + item" mode="aspectFill" @click="previewImage(modelValue as string[], index)"></image>
-            <view class="upload_close_icon flex" v-if="!readOnly"  @click="uploadDel(index)">
-                <image :src="delIcon" mode="aspectFit" />
-            </view>
-        </view>
-
-        <view v-if="modelValue.length < limit && !readOnly" class="upload_add_box flex" @click="uploadAdd"
-            :style="{ width: boxWidth, height: boxWidth, borderRadius: radius, marginBottom: spacing + 'px' }">
-            <view class="upload_add">
-                <image :src="addIcon" mode="aspectFit"></image>
-            </view>
-        </view>
-    </view>
-</template>
-<style lang="scss" scoped>
-.lx_upload_box {
-    .upload_add_box {
-        background: rgba(240, 240, 240, 1);
-
-        .upload_add {
-            width: 36rpx;
-            height: 36rpx;
-        }
-    }
-
-    // 上传的图片
-    .upload_item_box {
-        overflow: hidden;
-        box-sizing: border-box;
-        position: relative;
-
-        .upload_close_icon {
-            background-color: rgba($color: #000000, $alpha: 0.3);
-            box-shadow: 0 0 8rpx 0 rgba(0, 0, 0, 0.5);
-            border-radius: 50%;
-            width: 28rpx;
-            height: 28rpx;
-            position: absolute;
-            top: 8rpx;
-            right: 8rpx;
-            z-index: 5;
-        }
-    }
-}
-</style>
+<script setup lang="ts">
+/*
+ * @description: 上传组件
+ * @fileName: lx-upload.vue
+ * @params
+ * @author: lxx
+ * @date: 2024-03-08 14:08:27"
+ * @version: V1.0.0
+ */
+import { uploadUrl, uploadBaseUrl } from '../../libs/config'
+import { getCurrentInstance, onMounted, ref } from 'vue'
+const baseUrl = uploadBaseUrl ? uploadBaseUrl : import.meta.env.VITE_APP_BASE_URL
+console.log(baseUrl, 'baseUrl');
+
+const delIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqBAMAAAA37dRoAAAAD1BMVEVHcEz8/Pz7+/v7+/v8/PxqU4qsAAAABHRSTlMAv39Ao+r7HgAAAOxJREFUeJx9U9sRhCAM5GEB55AC0LEAnbkCFOm/phOS5cDX/jism80DohTDDn3sx1k1WChm+IaMQEWbGG9oqtjtGp+wS/rYggvpTuzn4lqcTTzDw2CXgAX5ppxBS34Si3QK4j4rzR8jTppDLVfRwYlypR2zX1Su8S+JptImzezzZ5PYlo42dMYz0bFleSYEth6gxuGBpfpm6OQbbrMdUlPEQXpLUvIQg81EgHjlv3KGWNgPH4OM2/NAMXXPIjh5pCEJyemCFDiw7dPNX15J02bB+vL6pD3Avb7qhw2oaFcvkdCbaxfOjscWOmzhD3EZlfmDEVdKAAAAAElFTkSuQmCC'
+const addIcon = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAwBAMAAACoMpTzAAAAD1BMVEVHcEzDw8PFxcXExMTExMTLnAMjAAAABHRSTlMAQH+/MHAgfgAAAQlJREFUeJyNlNsZgzAIhYl2AKMOEK0D2OoAGtl/pnqLQDB+5Qn9BeFAAhCsxMM+oG082aJRjsGcYvXFfDLlTdIM8S6psavVjM3bC7uhDu/Ny2TSHNRJ5ll96BtrB2T1kt/slVX0AlTllWakRqeY0zIAD2uHpmCBwMK6U8wsYtfn8+pJxgRyV9KTTTTA1X0J1tMAKcXJCjBMBMmifUmyXrHXxSbJloiNqTidM/uLudAPRHXzXkmXjnTJYz1z+l0dz8GMIWWQls02C46R89uS7hv2ZUdR7IspxXED1nFqz3Ap1Cmlln28uowdkYYQZ4hD++aPgkX2yMYkWpJXwbb9T3fB0x0CYG9tbfYHtAj7ZE5t1ToAAAAASUVORK5CYII='
+interface propsInt {
+    modelValue: string[] | string // 上传的图片
+    width?: string // 盒子宽度
+    radius?: string // 盒子圆角
+    spacing?: number // 间隔
+    rowNum?: number // 一行的盒子数
+    limit?: number // 最多上传个数
+    readOnly?: boolean // 是否只读
+}
+const props = withDefaults(defineProps<propsInt>(), {
+    radius: '16rpx',
+    spacing: 10,
+    rowNum: 3,
+    limit: 3,
+    modelValue: () => [],
+    readOnly: false
+})
+const emit = defineEmits(['update:modelValue'])
+// 上传
+const uploadAdd = () => {
+    uni.chooseImage({
+        count: 1, //默认9
+        // sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
+        // sourceType: ['album'], //从相册选择
+        success: (chooseImageRes) => {
+            const tempFilePaths = chooseImageRes.tempFilePaths
+            uni.uploadFile({
+                url: baseUrl + uploadUrl,
+                filePath: tempFilePaths[0],
+                name: 'file',
+                success: (uploadFileRes: any) => {
+                    const { data, code } = JSON.parse(uploadFileRes.data)
+                    if (code === 200) {
+                        // 如果是一张图片传入数据可以是字符串
+                        if (props.limit === 1) {
+                            emit('update:modelValue', data)
+                        } else {
+                            // eslint-disable-next-line prettier/prettier
+                            (props.modelValue as string[]).push(data)
+                            emit('update:modelValue', props.modelValue)
+                        }
+                    } else {
+                        uni.showToast({
+                            title: '上传失败',
+                            icon: 'none',
+                            mask: true
+                        })
+                    }
+                }
+            })
+        }
+    })
+}
+// 删除
+const uploadDel = (index?: number) => {
+    if (props.limit === 1) {
+        emit('update:modelValue', '')
+    } else {
+        // eslint-disable-next-line prettier/prettier, no-extra-semi
+        ; (props.modelValue as string[]).splice(index as number, 1)
+        emit('update:modelValue', props.modelValue)
+    }
+}
+// 盒子宽度
+const boxWidth = ref('')
+onMounted(() => {
+    const query = uni.createSelectorQuery().in(getCurrentInstance())
+    query
+        .select('.lx_upload_box')
+        .boundingClientRect((data: any) => {
+            // console.log('得到布局位置信息' + data)
+            // console.log('节点离页面顶部的距离为' + data.width, Math.floor(data.width))
+            // 没有传大小就计算大小
+            if (!props.width) {
+                boxWidth.value = Math.floor((data.width - props.spacing * (props.rowNum - 1)) / props.rowNum) + 'px'
+                console.log(boxWidth.value, ' boxWidth.value')
+            } else {
+                boxWidth.value = props.width
+            }
+        })
+        .exec()
+})
+
+const previewImage = (urlsList: string[], index?: number) => {
+    // 预览图片
+    const urls = urlsList.map((item: string) => {
+        if (item && item.indexOf('http') === -1) {
+            return baseUrl + item
+        } else {
+            return item
+        }
+    })
+    const uniqueValues = new Set(urls)
+    // 如果预览的图片地址相同，则直接预览，预览索引设置无效
+    if (uniqueValues.size === 1) {
+        uni.previewImage({
+            urls
+        })
+    } else {
+        uni.previewImage({
+            current: index,
+            urls
+        })
+    }
+}
+</script>
+<template>
+    <view class="lx_upload_box flex-center-start wrap">
+        <view v-if="limit === 1 && modelValue" class="upload_item_box" :style="{
+            width: boxWidth,
+            height: boxWidth,
+            borderRadius: radius
+        }">
+            <image :src="baseUrl + modelValue" mode="aspectFill" @click="previewImage([modelValue as string])"></image>
+            <view class="upload_close_icon flex" v-if="!readOnly"  @click="uploadDel()">
+                <image :src="delIcon" mode="aspectFit" />
+            </view>
+        </view>
+        <view v-else class="upload_item_box" :style="{
+            width: boxWidth,
+            height: boxWidth,
+            borderRadius: radius,
+            marginRight: (index + 1) % props.rowNum === 0 ? 0 : spacing + 'px',
+            marginBottom: spacing + 'px'
+        }" v-for="(item, index) in modelValue" :key="index">
+            <image :src="baseUrl + item" mode="aspectFill" @click="previewImage(modelValue as string[], index)"></image>
+            <view class="upload_close_icon flex" v-if="!readOnly"  @click="uploadDel(index)">
+                <image :src="delIcon" mode="aspectFit" />
+            </view>
+        </view>
+
+        <view v-if="modelValue.length < limit && !readOnly" class="upload_add_box flex" @click="uploadAdd"
+            :style="{ width: boxWidth, height: boxWidth, borderRadius: radius, marginBottom: spacing + 'px' }">
+            <view class="upload_add">
+                <image :src="addIcon" mode="aspectFit"></image>
+            </view>
+        </view>
+    </view>
+</template>
+<style lang="scss" scoped>
+.lx_upload_box {
+    .upload_add_box {
+        background: rgba(240, 240, 240, 1);
+
+        .upload_add {
+            width: 36rpx;
+            height: 36rpx;
+        }
+    }
+
+    // 上传的图片
+    .upload_item_box {
+        overflow: hidden;
+        box-sizing: border-box;
+        position: relative;
+
+        .upload_close_icon {
+            background-color: rgba($color: #000000, $alpha: 0.3);
+            box-shadow: 0 0 8rpx 0 rgba(0, 0, 0, 0.5);
+            border-radius: 50%;
+            width: 28rpx;
+            height: 28rpx;
+            position: absolute;
+            top: 8rpx;
+            right: 8rpx;
+            z-index: 5;
+        }
+    }
+}
+</style>

package/index.ts

@@ -1,47 +1,47 @@
-import {
-    goToPage,
-    formatTime,
-    debounce,
-    throttle,
-    saveImgData,
-    setClipboardData
-} from './libs/util'
-import config from './libs/config'
-// import lxHeader from './components/lx-header/lx-header.vue'
-// import lxHello from './components/lx-hello/lx-hello.vue'
-// import lxImage from './components/lx-image/lx-image.vue'
-// import lxList from './components/lx-list/lx-list.vue'
-// import lxListState from './components/lx-list-state/lx-list-state.vue'
-// import lxOperateBottom from './components/lx-operate-bottom/lx-operate-bottom.vue'
-// import lxSubmitBtn from './components/lx-submit-btn/lx-submit-btn.vue'
-// import lxUpload from './components/lx-upload/lx-upload.vue'
-// export { lxHello, lxImage, lxHeader, lxList, lxListState, lxOperateBottom, lxSubmitBtn, lxUpload }
-// const coms = [lxHello, lxImage, lxHeader, lxList, lxListState, lxOperateBottom, lxSubmitBtn, lxUpload]
-// export default {
-    // install(app: App) {
-    //     coms.forEach((commponent) => {
-    //         // 将lxHello开头的组件都变为lx-hello将lx后边的组件名都转为小写
-    //         commponent.name = commponent.name.replace(/^lx/, 'lx-').toLowerCase()
-    //         app.component(commponent.name as string, commponent)
-    //     })
-    // }
-// }
-
-const $util = {
-    goToPage,
-    formatTime,
-    debounce,
-    throttle,
-    saveImgData,
-    setClipboardData,
-    config
-}
-
-uni.goToPage = goToPage
-uni.$util = $util
-
-const install = (Vue: any) => {
-    Vue.config.globalProperties.$util = $util
-    Vue.config.globalProperties.goToPage = goToPage
-}
+import {
+    goToPage,
+    formatTime,
+    debounce,
+    throttle,
+    saveImgData,
+    setClipboardData
+} from './libs/util'
+import config from './libs/config'
+// import lxHeader from './components/lx-header/lx-header.vue'
+// import lxHello from './components/lx-hello/lx-hello.vue'
+// import lxImage from './components/lx-image/lx-image.vue'
+// import lxList from './components/lx-list/lx-list.vue'
+// import lxListState from './components/lx-list-state/lx-list-state.vue'
+// import lxOperateBottom from './components/lx-operate-bottom/lx-operate-bottom.vue'
+// import lxSubmitBtn from './components/lx-submit-btn/lx-submit-btn.vue'
+// import lxUpload from './components/lx-upload/lx-upload.vue'
+// export { lxHello, lxImage, lxHeader, lxList, lxListState, lxOperateBottom, lxSubmitBtn, lxUpload }
+// const coms = [lxHello, lxImage, lxHeader, lxList, lxListState, lxOperateBottom, lxSubmitBtn, lxUpload]
+// export default {
+    // install(app: App) {
+    //     coms.forEach((commponent) => {
+    //         // 将lxHello开头的组件都变为lx-hello将lx后边的组件名都转为小写
+    //         commponent.name = commponent.name.replace(/^lx/, 'lx-').toLowerCase()
+    //         app.component(commponent.name as string, commponent)
+    //     })
+    // }
+// }
+
+const $util = {
+    goToPage,
+    formatTime,
+    debounce,
+    throttle,
+    saveImgData,
+    setClipboardData,
+    config
+}
+
+uni.goToPage = goToPage
+uni.$util = $util
+
+const install = (Vue: any) => {
+    Vue.config.globalProperties.$util = $util
+    Vue.config.globalProperties.goToPage = goToPage
+}
 export default { install }