@tplc/business 0.2.41 → 0.2.43

package/components/lcb-poster/utils.js

@@ -0,0 +1,368 @@
+export const networkReg = /^(http|\/\/)/;
+export const isBase64 = (path) => /^data:image\/(\w+);base64/.test(path);
+export function sleep(delay) {
+	return new Promise(resolve => setTimeout(resolve, delay))
+}
+let {platform, SDKVersion} = uni.getSystemInfoSync() 
+export const isPC = /windows|mac/.test(platform)
+// 缓存图片
+let cache = {}
+export function isNumber(value) {
+	return /^-?\d+(\.\d+)?$/.test(value);
+}
+export function toPx(value, baseSize, isDecimal = false) {
+	// 如果是数字
+	if (typeof value === 'number') {
+		return value
+	}
+	// 如果是字符串数字
+	if (isNumber(value)) {
+		return value * 1
+	}
+	// 如果有单位
+	if (typeof value === 'string') {
+		const reg = /^-?([0-9]+)?([.]{1}[0-9]+){0,1}(em|rpx|px|%)$/g
+		const results = reg.exec(value);
+		if (!value || !results) {
+			return 0;
+		}
+		const unit = results[3];
+		value = parseFloat(value);
+		let res = 0;
+		if (unit === 'rpx') {
+			res = uni.upx2px(value);
+		} else if (unit === 'px') {
+			res = value * 1;
+		} else if (unit === '%') {
+			res = value * toPx(baseSize) / 100;
+		} else if (unit === 'em') {
+			res = value * toPx(baseSize || 14);
+		}
+		return isDecimal ? res.toFixed(2) * 1 : Math.round(res);
+	}
+	return 0
+}
+
+// 计算版本
+export function compareVersion(v1, v2) {
+	v1 = v1.split('.')
+	v2 = v2.split('.')
+	const len = Math.max(v1.length, v2.length)
+	while (v1.length < len) {
+		v1.push('0')
+	}
+	while (v2.length < len) {
+		v2.push('0')
+	}
+	for (let i = 0; i < len; i++) {
+		const num1 = parseInt(v1[i], 10)
+		const num2 = parseInt(v2[i], 10)
+
+		if (num1 > num2) {
+			return 1
+		} else if (num1 < num2) {
+			return -1
+		}
+	}
+	return 0
+}
+
+function gte(version) {
+  // #ifdef MP-ALIPAY
+  SDKVersion = my.SDKVersion
+  // #endif
+  return compareVersion(SDKVersion, version) >= 0;
+}
+export function canIUseCanvas2d() {
+	// #ifdef MP-WEIXIN
+	return gte('2.9.2');
+	// #endif
+	// #ifdef MP-ALIPAY
+	return gte('2.7.15');
+	// #endif
+	// #ifdef MP-TOUTIAO
+	return gte('1.78.0');
+	// #endif
+	return false
+}
+
+// #ifdef MP
+export const prefix = () => {
+	// #ifdef MP-TOUTIAO
+	return tt
+	// #endif
+	// #ifdef MP-WEIXIN
+	return wx
+	// #endif
+	// #ifdef MP-BAIDU
+	return swan
+	// #endif
+	// #ifdef MP-ALIPAY
+	return my
+	// #endif
+	// #ifdef MP-QQ
+	return qq
+	// #endif
+	// #ifdef MP-360
+	return qh
+	// #endif
+}
+// #endif
+
+
+
+/**
+ * base64转路径
+ * @param {Object} base64
+ */
+export function base64ToPath(base64) {
+	const [, format] = /^data:image\/(\w+);base64,/.exec(base64) || [];
+
+	return new Promise((resolve, reject) => {
+		// #ifdef MP
+		const fs = uni.getFileSystemManager()
+		//自定义文件名
+		if (!format) {
+			reject(new Error('ERROR_BASE64SRC_PARSE'))
+		}
+		const time = new Date().getTime();
+		let pre = prefix()
+		// #ifdef MP-TOUTIAO
+		const filePath = `${pre.getEnvInfoSync().common.USER_DATA_PATH}/${time}.${format}`
+		// #endif
+		// #ifndef MP-TOUTIAO
+		const filePath = `${pre.env.USER_DATA_PATH}/${time}.${format}`
+		// #endif
+		fs.writeFile({
+			filePath,
+			data: base64.split(',')[1],
+			encoding: 'base64',
+			success() {
+				resolve(filePath)
+			},
+			fail(err) {
+				console.error(err)
+				reject(err)
+			}
+		})
+		// #endif
+
+		// #ifdef H5
+		// mime类型
+		let mimeString = base64.split(',')[0].split(':')[1].split(';')[0];
+		//base64 解码
+		let byteString = atob(base64.split(',')[1]);
+		//创建缓冲数组
+		let arrayBuffer = new ArrayBuffer(byteString.length);
+		//创建视图
+		let intArray = new Uint8Array(arrayBuffer);
+		for (let i = 0; i < byteString.length; i++) {
+			intArray[i] = byteString.charCodeAt(i);
+		}
+		resolve(URL.createObjectURL(new Blob([intArray], {
+			type: mimeString
+		})))
+		// #endif
+
+		// #ifdef APP-PLUS
+		const bitmap = new plus.nativeObj.Bitmap('bitmap' + Date.now())
+		bitmap.loadBase64Data(base64, () => {
+			if (!format) {
+				reject(new Error('ERROR_BASE64SRC_PARSE'))
+			}
+			const time = new Date().getTime();
+			const filePath = `_doc/uniapp_temp/${time}.${format}`
+			bitmap.save(filePath, {},
+				() => {
+					bitmap.clear()
+					resolve(filePath)
+				},
+				(error) => {
+					bitmap.clear()
+					reject(error)
+				})
+		}, (error) => {
+			bitmap.clear()
+			reject(error)
+		})
+		// #endif
+	})
+}
+
+/**
+ * 路径转base64
+ * @param {Object} string
+ */
+export function pathToBase64(path) {
+	if (/^data:/.test(path)) return path
+	return new Promise((resolve, reject) => {
+		// #ifdef H5
+		let image = new Image();
+		image.setAttribute("crossOrigin", 'Anonymous');
+		image.onload = function() {
+			let canvas = document.createElement('canvas');
+			canvas.width = this.naturalWidth;
+			canvas.height = this.naturalHeight;
+			canvas.getContext('2d').drawImage(image, 0, 0);
+			let result = canvas.toDataURL('image/png')
+			resolve(result);
+			canvas.height = canvas.width = 0
+		}
+		image.src = path + '?v=' + Math.random()
+		image.onerror = (error) => {
+			reject(error);
+		};
+		// #endif
+
+		// #ifdef MP
+		if (uni.canIUse('getFileSystemManager')) {
+			uni.getFileSystemManager().readFile({
+				filePath: path,
+				encoding: 'base64',
+				success: (res) => {
+					resolve('data:image/png;base64,' + res.data)
+				},
+				fail: (error) => {
+					console.error({error, path})
+					reject(error)
+				}
+			})
+		}
+		// #endif
+
+		// #ifdef APP-PLUS
+		plus.io.resolveLocalFileSystemURL(getLocalFilePath(path), (entry) => {
+			entry.file((file) => {
+				const fileReader = new plus.io.FileReader()
+				fileReader.onload = (data) => {
+					resolve(data.target.result)
+				}
+				fileReader.onerror = (error) => {
+					reject(error)
+				}
+				fileReader.readAsDataURL(file)
+			}, reject)
+		}, reject)
+		// #endif
+	})
+}
+
+
+
+export function getImageInfo(path, useCORS) {
+	const isCanvas2D = this && this.canvas && this.canvas.createImage
+	return new Promise(async (resolve, reject) => {
+		// let time = +new Date()
+		let src = path.replace(/^@\//,'/')
+		if (cache[path] && cache[path].errMsg) {
+			resolve(cache[path])
+		} else {
+			try {
+				// #ifdef MP || APP-PLUS
+				if (isBase64(path) && (isCanvas2D ? isPC : true)) {
+					src = await base64ToPath(path)
+				}
+				// #endif
+				// #ifdef H5
+				if(useCORS) {
+					src = await pathToBase64(path)
+				}
+				// #endif
+			} catch (error) {
+				reject({
+					...error,
+					src
+				})
+			}
+			// #ifndef APP-NVUE
+			if(isCanvas2D && !isPC) {
+				const img = this.canvas.createImage()
+				img.onload = function() {
+					const image = {
+						path: img,
+						width:  img.width,
+						height:  img.height
+					}
+					cache[path] = image
+					resolve(cache[path])
+				}
+				img.onerror = function(err) {
+					reject({err,path})
+				}
+				img.src = src
+				return
+			}
+			// #endif
+			uni.getImageInfo({
+				src,
+				success: (image) => {
+					const localReg = /^\.|^\/(?=[^\/])/;
+					// #ifdef MP-WEIXIN || MP-BAIDU || MP-QQ || MP-TOUTIAO
+					image.path = localReg.test(src) ?  `/${image.path}` : image.path;
+					// #endif
+					if(isCanvas2D) {
+						const img = this.canvas.createImage()
+						img.onload = function() {
+							image.path = img
+							cache[path] = image
+							resolve(cache[path])
+						}
+						img.onerror = function(err) {
+							reject({err,path})
+						}
+						img.src = src
+						return
+					}
+					// #ifdef APP-PLUS
+					// console.log('getImageInfo', +new Date() - time)
+					// ios 比较严格 可能需要设置跨域
+					if(uni.getSystemInfoSync().osName == 'ios' && useCORS) {
+						pathToBase64(image.path).then(base64 => {
+							image.path = base64
+							cache[path] = image
+							resolve(cache[path])
+						}).catch(err => {
+							console.error({err, path})
+							reject({err,path})
+						})
+						return
+					}
+					// #endif
+					cache[path] = image
+					resolve(cache[path])
+				},
+				fail(err) {
+					console.error({err, path})
+					reject({err,path})
+				}
+			})
+		}
+	})
+}
+
+
+// #ifdef APP-PLUS
+const getLocalFilePath = (path) => {
+	if (path.indexOf('_www') === 0 || path.indexOf('_doc') === 0 || path.indexOf('_documents') === 0 || path
+		.indexOf('_downloads') === 0) {
+		return path
+	}
+	if (path.indexOf('file://') === 0) {
+		return path
+	}
+	if (path.indexOf('/storage/emulated/0/') === 0) {
+		return path
+	}
+	if (path.indexOf('/') === 0) {
+		const localFilePath = plus.io.convertAbsoluteFileSystem(path)
+		if (localFilePath !== path) {
+			return localFilePath
+		} else {
+			path = path.substr(1)
+		}
+	}
+	return '_www/' + path
+}
+// #endif
+
+

package/components/lcb-product-item/components/ItemValue.vue

@@ -13,6 +13,9 @@ defineOptions({
 // const attrs = useAttrs()
 
 const itemProps: any = inject('lcb-product-item-props')
+const itemAttrs: any = inject('lcb-product-item-attrs')
+
+// console.log('itemAttrs', itemAttrs)
 
 const props = withDefaults(
   defineProps<{
@@ -53,7 +56,19 @@ const className = computed(() => {
   return `${itemProps?.[`${props?.prop}Class`] ?? ''} ${props?.customClass}`
 })
 const style = computed(() => {
-  return itemProps?.[`${props?.prop}Style`] ?? ''
+  const style = itemProps?.[`${props?.prop}Style`] ?? {}
+
+  const fontSize = itemAttrs?.[`${props?.prop}FontSize`]
+  const fontWeight = itemAttrs?.[`${props?.prop}Bold`] === true ? 'bold' : 'normal'
+  const color = itemAttrs?.[`${props?.prop}Color`]
+
+  return {
+    fontSize,
+    fontWeight,
+    color,
+    ...style,
+  }
+  // return itemProps?.[`${props?.prop}Style`] ?? ''
 })
 const value = computed(() => {
   if (props?.prop === 'coverImg') {

package/components/lcb-product-item/lcb-product-item.vue

@@ -25,7 +25,7 @@ const props = withDefaults(defineProps<LcbProductItemProps>(), {
   priceUnit: '¥',
   scribePriceUnit: '¥',
   coverImgVisible: true,
-  titleVisible: true,
+  productNameVisible: true,
   subTitleVisible: true,
   priceVisible: true,
   userInfoVisible: false,
@@ -35,7 +35,7 @@ const props = withDefaults(defineProps<LcbProductItemProps>(), {
   scribePriceVisible: true,
   scribePriceUnitVisible: true,
   scribePriceSuffixVisible: true,
-  scoreVisible: true,
+  scoreAvgVisible: true,
   scoreTipsVisible: true,
   levelVisible: true,
   imgCornerIconVisible: true,
@@ -49,6 +49,7 @@ const props = withDefaults(defineProps<LcbProductItemProps>(), {
 })
 const attrs = useAttrs()
 provide('lcb-product-item-props', props)
+provide('lcb-product-item-attrs', attrs)
 
 defineSlots<{
   coverImg(props: { value: any }): any

package/components/lcb-product-item/types.ts

@@ -41,7 +41,7 @@ export interface LcbProductItemProps {
   orderTips?: any
 
   coverImgVisible?: boolean
-  titleVisible?: boolean
+  productNameVisible?: boolean
   subTitleVisible?: boolean
   userInfoVisible?: boolean
   priceVisible?: boolean
@@ -54,7 +54,7 @@ export interface LcbProductItemProps {
   tagsVisible?: boolean
   addressIntroVisible?: boolean
   distanceVisible?: boolean
-  scoreVisible?: boolean
+  scoreAvgVisible?: boolean
   scoreTipsVisible?: boolean
   levelVisible?: boolean
   imgCornerIconVisible?: boolean
@@ -64,7 +64,7 @@ export interface LcbProductItemProps {
   orderTipsVisible?: boolean
 
   coverImgClass?: string
-  titleClass?: string
+  productNameClass?: string
   subTitleClass?: string
   priceClass?: string
   priceUnitClass?: string
@@ -77,7 +77,7 @@ export interface LcbProductItemProps {
   tagsWrapperClass?: string
   addressIntroClass?: string
   distanceClass?: string
-  scoreClass?: string
+  scoreAvgClass?: string
   scoreTipsClass?: string
   levelClass?: string
   imgCornerIconClass?: string
@@ -87,7 +87,7 @@ export interface LcbProductItemProps {
   orderTipsClass?: string
 
   coverImgStyle?: CSSProperties
-  titleStyle?: CSSProperties
+  productNameStyle?: CSSProperties
   subTitleStyle?: CSSProperties
   priceStyle?: CSSProperties
   priceUnitStyle?: CSSProperties
@@ -100,7 +100,7 @@ export interface LcbProductItemProps {
   tagsWrapperStyle?: CSSProperties
   addressIntroStyle?: CSSProperties
   distanceStyle?: CSSProperties
-  scoreStyle?: CSSProperties
+  scoreAvgStyle?: CSSProperties
   scoreTipsStyle?: CSSProperties
   levelStyle?: CSSProperties
   imgCornerIconStyle?: CSSProperties

package/global.d.ts

@@ -22,6 +22,7 @@ declare module 'vue' {
     'lcb-map': (typeof import('./types/components/lcb-map/lcb-map.vue'))['default']
     'lcb-nav': (typeof import('./types/components/lcb-nav/lcb-nav.vue'))['default']
     'lcb-notice': (typeof import('./types/components/lcb-notice/lcb-notice.vue'))['default']
+    'lcb-poster': (typeof import('./types/components/lcb-poster/lcb-poster.vue'))['default']
     'lcb-product': (typeof import('./types/components/lcb-product/lcb-product.vue'))['default']
     'lcb-product-item': (typeof import('./types/components/lcb-product-item/lcb-product-item.vue'))['default']
     'lcb-rich-text': (typeof import('./types/components/lcb-rich-text/lcb-rich-text.vue'))['default']
@@ -33,6 +34,7 @@ declare module 'vue' {
     'lcb-user-top': (typeof import('./types/components/lcb-user-top/lcb-user-top.vue'))['default']
     'lcb-video': (typeof import('./types/components/lcb-video/lcb-video.vue'))['default']
     'lcb-vip': (typeof import('./types/components/lcb-vip/lcb-vip.vue'))['default']
+    'lcb-waterfall-item': (typeof import('./types/components/lcb-waterfall/lcb-waterfall-item.vue'))['default']
     'lcb-waterfall': (typeof import('./types/components/lcb-waterfall/lcb-waterfall.vue'))['default']
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.2.41",
+  "version": "0.2.43",
   "keywords": [
     "业务组件"
   ],

package/types/components/lcb-calendar/lcb-calendar.vue.d.ts

@@ -60,6 +60,8 @@ declare const __VLS_component: import('vue').DefineComponent<
   import('vue').ComponentOptionsMixin,
   {
     'update:modelValue': (modelValue: number[]) => void
+    open: (...args: any[]) => void
+    cancel: (...args: any[]) => void
   },
   string,
   import('vue').PublicProps,
@@ -116,6 +118,8 @@ declare const __VLS_component: import('vue').DefineComponent<
     }>
   > & {
     'onUpdate:modelValue'?: ((modelValue: number[]) => any) | undefined
+    onCancel?: ((...args: any[]) => any) | undefined
+    onOpen?: ((...args: any[]) => any) | undefined
   },
   {
     customClass: string

package/types/components/lcb-list/components/FilterList/mockData.d.ts

@@ -0,0 +1,70 @@
+declare const _default: {
+  code: string
+  count: number
+  data: {
+    address: string
+    agentId: string
+    areaId: string
+    areaName: string
+    auditDateTime: string
+    auditRemark: string
+    auditStatus: number
+    behindUnit: string
+    bigIcon: boolean
+    businessStatus: number
+    cityAreaName: string
+    cityId: string
+    cityName: string
+    clickCount: number
+    collectCount: number
+    collectFlag: boolean
+    commentCount: number
+    coverImg: string
+    createDate: string
+    distance: string
+    hideTags: string
+    hierarchy: number
+    lastModifyDate: string
+    latitude: string
+    level: string
+    longitude: string
+    mapShowFlag: boolean
+    marketingType: number
+    merchantHeadId: string
+    merchantId: string
+    orderCount: number
+    orderSkuCount: number
+    peopleNumScope: string
+    phone: string
+    poiId: string
+    poiName: string
+    poiNameI18n: string
+    poiType: string
+    praiseCount: number
+    praiseFlag: boolean
+    price: number
+    productId: string
+    productName: string
+    productNameI18n: string
+    productType: string
+    provinceId: string
+    provinceName: string
+    scribePrice: number
+    showDateFlag: boolean
+    startDateStr: string
+    startTime: string
+    status: number
+    tags: string
+    weightSort: string
+    subTitle: string
+    scoreAvg: number
+    scoreTips: string
+    titleIcon: string
+    userInteractionInfo: string
+    orderTips: string
+    priceTips: string
+  }[]
+  dataClass: string
+  traceId: string
+}
+export default _default

package/types/components/lcb-poster/lcb-poster.vue.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import('vue').DefineComponent<
+  {},
+  {},
+  {
+    use2dCanvas: boolean
+    canvasHeight: number
+    canvasWidth: null
+    parentWidth: number
+    inited: boolean
+    progress: number
+    firstRender: number
+    done: boolean
+    tasks: never[]
+  },
+  {
+    styles(): string
+    canvasId(): string
+    size(): string | undefined
+    dpr(): any
+    boardWidth(): any
+    boardHeight(): any
+    hasBoard(): any
+    elements(): any
+  },
+  {
+    watchRender(val: any, old: any): Promise<void>
+    setFilePath(path: any, param: any): Promise<any>
+    getSize(args: any): Promise<void>
+    canvasToTempFilePathSync(args: any): void
+    runTask(): void
+    getParentWeith(): Promise<any>
+    render(args?: {}): Promise<void | {
+      ctx: any
+      draw: any
+      node: any
+    }>
+    canvasDraw(flag?: boolean): Promise<any>
+    getContext(): Promise<any>
+    canvasToTempFilePath(args?: {}): Promise<any>
+  },
+  any,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<import('vue').ExtractPropTypes<{}>>,
+  {},
+  {}
+>
+export default _default

package/types/components/lcb-product-item/lcb-product-item.vue.d.ts

@@ -78,7 +78,7 @@ declare const __VLS_component: import('vue').DefineComponent<
       priceUnit: string
       scribePriceUnit: string
       coverImgVisible: boolean
-      titleVisible: boolean
+      productNameVisible: boolean
       subTitleVisible: boolean
       priceVisible: boolean
       userInfoVisible: boolean
@@ -88,7 +88,7 @@ declare const __VLS_component: import('vue').DefineComponent<
       scribePriceVisible: boolean
       scribePriceUnitVisible: boolean
       scribePriceSuffixVisible: boolean
-      scoreVisible: boolean
+      scoreAvgVisible: boolean
       scoreTipsVisible: boolean
       levelVisible: boolean
       imgCornerIconVisible: boolean
@@ -127,7 +127,7 @@ declare const __VLS_component: import('vue').DefineComponent<
           priceUnit: string
           scribePriceUnit: string
           coverImgVisible: boolean
-          titleVisible: boolean
+          productNameVisible: boolean
           subTitleVisible: boolean
           priceVisible: boolean
           userInfoVisible: boolean
@@ -137,7 +137,7 @@ declare const __VLS_component: import('vue').DefineComponent<
           scribePriceVisible: boolean
           scribePriceUnitVisible: boolean
           scribePriceSuffixVisible: boolean
-          scoreVisible: boolean
+          scoreAvgVisible: boolean
           scoreTipsVisible: boolean
           levelVisible: boolean
           imgCornerIconVisible: boolean
@@ -165,7 +165,7 @@ declare const __VLS_component: import('vue').DefineComponent<
     distanceUnit: string
     imageType: 'square' | 'vertical' | 'horizontal'
     coverImgVisible: boolean
-    titleVisible: boolean
+    productNameVisible: boolean
     subTitleVisible: boolean
     userInfoVisible: boolean
     priceVisible: boolean
@@ -178,7 +178,7 @@ declare const __VLS_component: import('vue').DefineComponent<
     tagsVisible: boolean
     addressIntroVisible: boolean
     distanceVisible: boolean
-    scoreVisible: boolean
+    scoreAvgVisible: boolean
     scoreTipsVisible: boolean
     levelVisible: boolean
     imgCornerIconVisible: boolean