lxui-uni 0.0.4 → 0.0.6

package/components/lx-header/lx-header.vue

@@ -7,10 +7,11 @@
  * @date: 2023-07-16 09:32:09
  * @version: V1.0.2
  */
-import { goToPage } from '../../util'
-import { type CSSProperties, computed, onMounted, ref, watchEffect } from 'vue'
+import { goToPage } from '../../libs/util'
+import { type CSSProperties, computed, ref, watchEffect } from 'vue'
 
 type headerInt = {
+    title: string
     // 头部高度 默认为44px （微信小程序不可用）
     headerHeight?: number
     // 是否显示左侧内容
@@ -20,7 +21,6 @@ type headerInt = {
     backgroundColor2?: string
     textColor?: string
     textFontSize?: number
-    title: string
     // 是否需要生成和头部高度相同的盒子
     isShowHeaderBox?: boolean
     positionState?: string
@@ -248,3 +248,4 @@ const backIconW = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAC
     }
 }
 </style>
+../../libs/util

package/components/lx-list/lx-list.vue

@@ -16,8 +16,8 @@
  * @update: 2023-10-13 10:34:03
  * @version: V1.0.1
  */
-import { LoadData } from '../../util/useListLoadClass'
-import { debounce } from '../../util'
+import { LoadData } from '../../libs/hooks/useListLoadClass'
+import { debounce } from '../../libs/util'
 import { toRefs, ref } from 'vue';
 import lxListState from '../lx-list-state/lx-list-state.vue'
 interface listPropsInt {
@@ -159,4 +159,4 @@ const scrolltolower = () => {
         position: absolute;
     }
 }
-</style>
+</style>

package/components/lx-operate-bottom/lx-operate-bottom.vue

@@ -8,16 +8,17 @@
  * @version: V1.0.0
  */
 interface PropsInt {
-    leftTxt: string
-    rightConfirmTxt: string
-    rightCancelTxt: string
-    discount: string
-    amount: string
+    tipType: 'price' | 'discount' | 'custom'
+    customTxt?: string
+    rightConfirmTxt?: string
+    rightCancelTxt?: string
+    discount?: string | number
+    amount?: string | number
+    tip?: string
 }
 withDefaults(defineProps<PropsInt>(), {
-    leftTxt: '',
+    customTxt: '',
     rightConfirmTxt: '',
-    rightCancelTxt: '',
     discount: '',
     amount: ''
 })
@@ -29,11 +30,16 @@ const cancelClick = () => emit('cancel')
     <view class="lx_safety_bottom flex-center-between">
         <view class="bottom_left_box">
             <slot name="left">
-                <view class="amount_box flex-center" v-if="discount">
+                <view class="amount_box flex-center" v-if="tipType === 'price'">
+                    <view class="amount_tip">{{ tip }}</view>
+                    <view class="amount">￥{{ amount }}</view>
+                    <view class="discount" v-if="discount">￥{{ discount }}</view>
+                </view>
+                <view class="amount_box flex-center" v-if="tipType === 'discount'">
                     <view class="amount">￥{{ amount }}</view>
                     <view class="discount">￥{{ discount }}</view>
                 </view>
-                <view v-if="leftTxt" class="left_txt text-ellipsis">{{ leftTxt }}</view>
+                <view v-if="tipType === 'custom' && customTxt" class="left_txt text-ellipsis">{{ customTxt }}</view>
             </slot>
         </view>
         <view class="bottom_right_box">
@@ -75,15 +81,18 @@ const cancelClick = () => emit('cancel')
         // max-width: 70%;
         // 普通文本
         .left_txt {
-            font-size: $font-size-40;
-            font-weight: 700;
+            font-size: $font-size-36;
+            font-weight: 600;
             color: $main-color;
         }
         // 金额+优惠金额
         .amount_box {
-            font-size: $font-size-40;
+            font-size: $font-size-36;
+            .amount_tip {
+                color: #000;
+            }
             .amount {
-                font-weight: 700;
+                font-weight: 600;
                 color: $main-color;
             }
             .discount {

package/index.ts

@@ -1,4 +1,13 @@
-import type { App } from 'vue'
+// import type { App } from 'vue'
+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'
@@ -9,11 +18,32 @@ 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) => {
-            app.component(commponent.name as string, commponent)
-        })
-    }
-}
+// 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 }

package/libs/config/index.ts

@@ -0,0 +1,13 @@
+const version = '3'
+
+// 开发环境才提示，生产环境不会提示
+if (process.env.NODE_ENV === 'development') {
+	console.log(`\n %c lxui-uni V${version} %c https://blog.csdn.net/qq_51091386/article/details/138125947 \n\n`, 'color: #ffffff; background: #3c9cff; padding:5px 0;', 'color: #3c9cff;background: #ffffff; padding:5px 0;');
+}
+const setConfig = (config: any) => {
+    console.log(config)
+}
+export default {
+    version,
+    setConfig
+}

package/{util → libs/util}/index.ts

@@ -41,7 +41,7 @@ export const goToPage = ({ url, mode = 'navigateTo', params = {} }: goToPageInt)
     // }
     const queryStr = !isEmpty(params) ? '?' + urlEncode(params) : ''
     const obj = { url: `/${url}${queryStr}` }
-    console.log('obj', obj)
+    // console.log('obj', obj)
     switch (mode) {
         case 'navigateTo':
             uni.navigateTo(obj)
@@ -191,7 +191,7 @@ export const isTimeIn = (start: string, end: string) => {
  * @returns { void }
  */
 export const debounce = <T extends (...args: any[]) => any>(fn: T, wait: number = 1000): ((...args: Parameters<T>) => void) => {
-    let timer: number | null
+    let timer: any
 
     return function (this: any, ...args: Parameters<T>) {
         if (timer) clearTimeout(timer)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lxui-uni",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "快速构建页面",
   "author": "2399270194@qq.com",
   "license": "MIT",

package/types/index.d.ts

@@ -0,0 +1,25 @@
+declare module 'lxui-uni' {
+    export function install(): void  //必要
+    type pageMode = 'navigateTo' | 'redirectTo' | 'reLaunch' | 'switchTab'
+    interface goToPageInt {
+        url: string
+        mode?: pageMode
+        params?: {
+            [key: string]: string | number | boolean
+        }
+    }
+
+    global {
+      interface Uni {
+        goToPage({ url, mode, params }: goToPageInt): void;
+        $util: {
+            formatTime: any,
+            debounce: any,
+            throttle: any,
+            saveImgData: any,
+            setClipboardData: any,
+            config: any
+        }
+      }
+    }
+}

package/vite.config.ts

@@ -1 +0,0 @@
-{}