@tplc/business 0.0.27 → 0.0.29

package/CHANGELOG.md

@@ -2,6 +2,54 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.29](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.14...v0.0.29) (2024-10-19)
+
+
+### ✨ Features | 新功能
+
+* notice 修改 ([274090d](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/274090dbf6697e1e8059e83005ea0df1dbc679a5))
+* 完成列表首页 ([d00b2e0](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d00b2e0d3e8c397fe8723675ee311bd93a463908))
+* 新增tabs todo 自定义颜色 ([4a71d82](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4a71d82f3c300695e0004426f31a46f0d86cebe4))
+
+### [0.0.28](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.13...v0.0.28) (2024-10-19)
+
+
+### ✨ Features | 新功能
+
+* a ([98179b6](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/98179b669c589bfa475f7ca2e28bd806e2710ea5))
+* cahec ([9d3fc53](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/9d3fc53421c46e9ffb4833ec5f300fdd2b4e9e7d))
+* city ([ae7f3d4](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ae7f3d4a94dc7b83e4b9e74e8f692a052e0f0431))
+* city select ([c11e6a2](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/c11e6a2cf11bf47ebac66a083f8e8942add21105))
+* data数据 ([36f3e4b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/36f3e4bcc1a70c81e588339b58c7e8a05199ed89))
+* icon ([c1cd815](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/c1cd81542df16f0f799f1217f0eefd33b84e18fb))
+* status 变更 ([c745aa7](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/c745aa77b4ce3d27f6b037cee7584e38e41db84a))
+* upload version ([e5b2bec](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/e5b2bec9e00beda4873a01b5ae41211b8e26a733))
+* 列表调整 ([3a4dc00](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/3a4dc00d55c74840e979545c5f2817953bfcddf8))
+* 历史 ([108d5e6](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/108d5e6a00deb0c21b25cef8441ea75058c77859))
+* 城市 ([0c9ea36](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/0c9ea36b11aed6c147b7a83ad933d224a53748c1))
+* 处理问题 ([832cd7b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/832cd7beedd12b4d88af131e482b22ec3b9878bb))
+* 完成城市选择 ([7a6b8e6](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7a6b8e698b001bb65bfc6fcdf6d22e0660753d82))
+* 支持search ([6303a47](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6303a4771c03a051f1e188f30b6212fa9a50246b))
+* 支持token ([01e0594](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/01e059414d80d3f59baf12dd1461990a7e86d641))
+* 新增cell ([7d11105](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7d1110518832ce6a32f418361b67fd24646b4805))
+* 新增history ([11d1ddb](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/11d1ddbdad4340bb2c2a5b996b182621d7016d0e))
+* 新增list ([4ee981e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4ee981ed2b1e870aafedbe7c6295a0c67960b3bf))
+* 更换字体 ([72b717e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/72b717eab197eb6bf8a6e9e62b3410d42362b049))
+* 省市区选择器 ([d566a2a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d566a2ad24911f17da2ed85a547ca0ca0394705b))
+* 背景颜色调整 ([96a47ff](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/96a47fff5dd1e1a043cca4e7a3c0c129ff2190e9))
+* 调整icon ([a24baaa](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/a24baaa5ef466247d455303c7287e399f5695066))
+* 调整字体大小 ([3a8b1be](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/3a8b1be88b051b0bc5e35885b30786984919878f))
+* 过滤 ([e006ffb](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/e006ffb48240903af1ec860725e917f4906e97c4))
+* 过滤列表 ([405d86c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/405d86cb3c0fe9dbed6cd4da7c04c6843e602269))
+* 选择城市 ([7eeb263](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7eeb263982a70f7ca837144f4ae77b85d5c02e6e))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* 修复slider 选择快捷没有变更值 ([c800d52](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/c800d524b5c6256add0620a21d3abe321a9342a6))
+* 修改选择地区定位错误问题 ([77586e6](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/77586e6253174ab92f61635c4eefdabf3d1fdce3))
+* 选择城市定位问题 ([0a1bc9e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/0a1bc9e01ab353eab8d531f4ab6aacdcd12b302a))
+
 ### [0.0.27](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.12...v0.0.27) (2024-10-10)
 
 

package/components/lcb-area-picker/api/index.ts

@@ -0,0 +1,45 @@
+// /api/provinces/provinceCityArea
+export interface ProvinceCityArea {
+  cityList: CityList[]
+  provinceId: string
+  provinceName: string
+}
+
+interface CityList {
+  areaList?: AreaList[]
+  cityId: string
+  cityName: string
+  provinceId: string
+}
+
+interface AreaList {
+  areaId: string
+  areaName: string
+  cityId: string
+}
+export interface AreaOptions {
+  label: string
+  value: string
+  children?: AreaOptions[]
+}
+export const getProvinceCityArea = async () => {
+  const { data } = await uni.$lcb.http.post<ProvinceCityArea[]>('/provinces/provinceCityArea')
+  return data.map(({ provinceId, provinceName, cityList }) => {
+    return {
+      label: provinceName,
+      value: provinceId,
+      children: cityList.map(({ cityId, cityName, areaList }) => {
+        return {
+          label: cityName,
+          value: cityId,
+          children: areaList?.map(({ areaId, areaName }) => {
+            return {
+              label: areaName,
+              value: areaId,
+            }
+          }),
+        }
+      }),
+    }
+  })
+}

package/components/lcb-area-picker/lcb-area-picker.vue

@@ -0,0 +1,77 @@
+<template>
+  <wd-col-picker
+    v-model="valueModel"
+    :columns="area"
+    :column-change="columnChange"
+    :use-default-slot="true"
+    @confirm="handleConfirm"
+  >
+    <slot :text="areaText" />
+  </wd-col-picker>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref, watch } from 'vue'
+import { LcbAreaPickerProps } from './types'
+import { AreaOptions, getProvinceCityArea } from './api'
+import { ColPickerColumnChangeOption } from '@tplc/wot/types/components/wd-col-picker/types'
+defineOptions({
+  name: 'LcbAreaPicker',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+withDefaults(defineProps<LcbAreaPickerProps>(), {})
+const emits = defineEmits<{
+  (event: 'confirm', payload: AreaOptions[]): void
+}>()
+const valueModel = defineModel<string[]>({
+  default: [],
+})
+const area = ref<AreaOptions[][]>([])
+const areaText = ref<string[]>()
+const columnChange = ({ selectedItem, resolve, finish }: ColPickerColumnChangeOption) => {
+  if (selectedItem.children) {
+    resolve(selectedItem.children)
+  } else {
+    finish()
+  }
+}
+onMounted(async () => {
+  const data = await getProvinceCityArea()
+  area.value = [data]
+})
+const stopWatch = watch(
+  [valueModel, area],
+  ([value, areas]) => {
+    if (value.length !== 0 && areas.length !== 0) {
+      let list = [...areas]
+      areaText.value = value.reduce((acc, cur) => {
+        const item = list[0].find((item) => item.value === cur)
+        if (item) {
+          acc.push(item.label)
+          list = item.children ? [item.children] : []
+        }
+        return acc
+      }, [] as string[])
+      const cityItem = areas[0].find((item) => item.value === value[0])
+      const areaItem = cityItem?.children?.find((item) => item.value === value[1])
+      if (cityItem?.children && areaItem?.children)
+        area.value = [areas[0], cityItem.children, areaItem.children]
+      stopWatch()
+    }
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+function handleConfirm({ selectedItems }: { selectedItems: AreaOptions[] }) {
+  emits('confirm', selectedItems)
+  areaText.value = selectedItems.map((item) => item.label)
+}
+</script>
+
+<style lang="scss" scoped></style>

package/components/lcb-area-picker/types.ts

@@ -0,0 +1,3 @@
+export interface LcbAreaPickerProps {
+  // Define the component's prop types here
+}

package/components/lcb-banner-block/lcb-banner-block.vue

@@ -9,7 +9,7 @@
             <view class="text-#999 text-22rpx mt-2">{{ hint }}</view>
           </view>
         </view>
-        <wd-icon class-prefix="iconfont" name="a-xingzhuang97" size="24rpx" color="#666666" />
+        <wd-icon class-prefix="lcb" name="a-xingzhuang97" size="24rpx" color="#666666" />
       </view>
       <scroll-view scroll-x class="w-full whitespace-nowrap pb-24rpx">
         <lcb-action-view v-for="(item, index) in items" :key="index" v-bind="item.link">
@@ -39,7 +39,7 @@
       />
       <view class="p-24rpx text-30rpx text-#333 flex justify-between items-center">
         <view>{{ title }}</view>
-        <wd-icon class-prefix="iconfont" name="a-xingzhuang103" size="30rpx" color="#666" />
+        <wd-icon class-prefix="lcb" name="a-xingzhuang103" size="30rpx" color="#666" />
       </view>
     </view>
   </lcb-block>

package/components/lcb-calendar/lcb-calendar.vue

@@ -82,13 +82,13 @@ const formatter = (day: any) => {
   const nowDa = now.getDate()
 
   const info = holidayInfo.value[dayjs(day.date).format('YYYY-MM-DD')]
-  if (info.topText) {
+  if (info?.topText) {
     day.topInfo = info.topText
   }
-  if (info.bottomText) {
+  if (info?.bottomText) {
     day.bottomInfo = info.bottomText
   }
-  if (info.centerText) {
+  if (info?.centerText) {
     day.text = info.centerText
   }
   if (year === nowYear && month === nowMonth && da === nowDa) {

package/components/lcb-calendar-search/lcb-calendar-search.vue

@@ -3,8 +3,8 @@
     <view
       class="flex flex-1 text-#333 rounded-16rpx bg-#F5F5F7 h-78rpx flex items-center px-3 text-[28rpx]"
     >
-      <lcb-city-select :location="userLocation">
-        <text class="font-bold">{{ userLocation?.cityName || '附近' }}</text>
+      <lcb-city-select :location="userLocation" v-model="addressCity">
+        <view class="font-bold max-w-13 truncate">{{ addressCity?.addr || '附近' }}</view>
       </lcb-city-select>
       <view class="v-line"></view>
       <lcb-calendar v-model="dayRange">
@@ -36,6 +36,7 @@ import dayjs from 'dayjs/esm'
 import useLocation from '../../hooks/useLocation'
 import { ref } from 'vue'
 import { LcbCalendarSearchProps } from './types'
+import { ChildHotAddress } from '../lcb-city-select/api'
 defineOptions({
   name: 'LcbCalendarSearch',
   options: {
@@ -49,6 +50,8 @@ withDefaults(defineProps<LcbCalendarSearchProps>(), {
   radius: 16,
   placeholder: '城市|地点|品牌',
 })
+const addressCity = ref<ChildHotAddress>()
+
 const dayRange = ref([dayjs().valueOf(), dayjs().add(1, 'day').valueOf()])
 const { translate } = useTranslate()
 const { getLocation, userLocation } = useLocation()

package/components/lcb-city-select/api/index.ts

@@ -1,6 +1,6 @@
 export interface HotAddress {
   categoryName: string
-  hint: string
+  hint?: string
   childHotAddress: ChildHotAddress[]
 }
 
@@ -18,3 +18,17 @@ export interface ChildHotAddress {
   addressInfo?: string
 }
 export const getHotAddress = () => uni.$lcb.http.post<HotAddress[]>('/hotAddress/categoryList', {})
+export interface LcbAddress {
+  addr: string
+  addrFlag: boolean
+  categoryName: string
+  cityId: string
+  hotAddressId: string
+  provinceCityName: string
+  area: string
+  weightSort: string
+}
+export const getAddressList = (addr: string) =>
+  uni.$lcb.http.post<LcbAddress[]>('/hotAddress/list', {
+    addr,
+  })

package/components/lcb-city-select/components/lcb-city-letter/index.vue

@@ -0,0 +1,171 @@
+<template>
+  <view class="h-0 flex-1 pb-3" v-if="letterList.length">
+    <wd-index-bar ref="indexBarRef">
+      <view v-for="item in indexBars" :key="item.categoryName">
+        <wd-index-anchor
+          :index="item.categoryName.slice(0, 2)"
+          icon="./images/anchor.png"
+          customClass="!bg-transparent !pt-32rpx !pb-0 font-bold !text-28rpx !pl-28rpx"
+        >
+          <view class="flex items-center">
+            <image
+              src="../../images/hot.png"
+              class="w-4 h-4 mr-1"
+              v-if="item.categoryName.includes('热门')"
+            />
+            <view class="text-3 text-#333 font-500">
+              {{ item.hint || item.categoryName }}
+            </view>
+          </view>
+        </wd-index-anchor>
+        <view
+          class="grid grid-cols-4 gap-3 pt-20rpx pl-28rpx pr-10 box-border"
+          :class="item.categoryName.includes('字母') ? 'grid-cols-8' : 'grid-cols-4'"
+        >
+          <view
+            class="address-tag"
+            :class="{
+              'current-address': modelValue && modelValue.hotAddressId === city.hotAddressId,
+            }"
+            v-for="city in item.childHotAddress"
+            :key="city.addr"
+            @click="onAddrClick(city, item.categoryName.includes('字母'))"
+            :style="{
+              fontSize: city.addr.length > 4 ? '20rpx' : '24rpx',
+            }"
+          >
+            {{ city.addr }}
+          </view>
+        </view>
+      </view>
+    </wd-index-bar>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { LcbCitySelectProps } from '../../../lcb-city-select/types'
+import { ChildHotAddress, getHotAddress, HotAddress } from '../../../lcb-city-select/api'
+import { computed, onMounted, ref, watch } from 'vue'
+
+defineOptions({
+  name: 'LcbCityLetter',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+const props = withDefaults(defineProps<LcbCitySelectProps>(), {})
+const indexBarRef = ref<{ scrollToIndex: (index: string) => void }>()
+const addressRef = ref<HotAddress[]>([])
+const letterList = ref<string[]>([])
+const historyAddress = ref<ChildHotAddress[]>([])
+const modelValue = defineModel<ChildHotAddress>()
+onMounted(async () => {
+  const { data } = await getHotAddress()
+  letterList.value = data
+    .filter((v) => !v.categoryName.includes('热门'))
+    .map((item) => item.categoryName)
+  addressRef.value = data
+  historyAddress.value = JSON.parse(uni.getStorageSync('historyAddress') || '[]')
+})
+const locationAddress = computed<HotAddress[]>(() => {
+  return props.location
+    ? ([
+        {
+          categoryName: '定位',
+          hint: '当前位置',
+          childHotAddress: [
+            {
+              addressInfo: props.location.addressInfo,
+              addr: props.location.cityName,
+              hotAddressId: props.location.cityId,
+            },
+          ],
+        },
+      ] as HotAddress[])
+    : []
+})
+
+const historyList = computed<HotAddress[]>(() => {
+  return historyAddress.value.length
+    ? [
+        {
+          categoryName: '历史',
+          hint: '历史选择',
+          childHotAddress: historyAddress.value,
+        },
+      ]
+    : []
+})
+watch(
+  () => historyAddress.value,
+  (val) => {
+    if (val.length) {
+      uni.setStorageSync('historyAddress', JSON.stringify(val))
+    }
+  },
+)
+const onAddrClick = (city: ChildHotAddress, letter = false) => {
+  if (letter) {
+    indexBarRef.value?.scrollToIndex(city.addr)
+    return
+  }
+  modelValue.value = city
+  historyAddress.value = historyAddress.value.filter(
+    (item) => item.hotAddressId !== city.hotAddressId,
+  )
+  if (historyAddress.value.length === 8) {
+    historyAddress.value = [city, ...historyAddress.value.slice(0, 7)]
+  } else {
+    historyAddress.value = [city, ...historyAddress.value]
+  }
+}
+const indexBars = computed<HotAddress[]>(() => {
+  const letters = letterList.value.length
+    ? ([
+        {
+          categoryName: '字母索引',
+          childHotAddress: letterList.value.map((v) => {
+            return {
+              addr: v,
+              hotAddressId: v,
+            }
+          }),
+        },
+      ] as HotAddress[])
+    : ([] as HotAddress[])
+  return [...locationAddress.value, ...historyList.value, ...letters, ...addressRef.value]
+})
+</script>
+<style lang="scss" scoped>
+@import '@tplc/wot/components/common/abstracts/variable';
+.address-tag {
+  background: #f7f7f7;
+  height: 68rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 16rpx;
+  border-radius: 10rpx;
+  font-size: 24rpx;
+  text-align: center;
+  overflow: hidden;
+}
+.current-address {
+  color: $-color-theme;
+  background: transparent;
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    background: $-color-theme;
+    opacity: 0.1;
+  }
+}
+</style>

package/components/lcb-city-select/components/lcb-city-list/index.vue

@@ -0,0 +1,127 @@
+<template>
+  <view class="p-3 box-border flex-1 overflow-y-auto h-0">
+    <view v-for="item in list" :key="item.hotAddressId" @click="onItemClick(item)">
+      <view class="flex">
+        <view class="tag">{{ item.categoryName }}</view>
+        <view class="content">
+          <rich-text :nodes="getText(item.addr)" />
+          <view>{{ item.provinceCityName || item.area }}</view>
+        </view>
+      </view>
+    </view>
+    <view v-if="!list.length">
+      <view v-if="historyList.length">
+        <view class="flex justify-between items-center">
+          <view class="text-28rpx text-#333 font-500x">历史搜索</view>
+          <wd-icon name="delete" size="30rpx" color="#999" @click="onClear" />
+        </view>
+        <view class="flex gap-2 flex-wrap">
+          <view
+            v-for="item in historyList"
+            :key="item.hotAddressId"
+            @click="emits('click', item)"
+            class="history-tag"
+          >
+            {{ item.addr }},
+            {{ item.area || item.provinceCityName }}
+          </view>
+        </view>
+      </view>
+      <wd-status-tip
+        v-else-if="keyword"
+        image="search"
+        tip="当前搜索无结果"
+        custom-class="!mt-20"
+      />
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { LcbAddress } from '../../../lcb-city-select/api'
+import { LcbCityListProps } from './types'
+import { ref } from 'vue'
+
+defineOptions({
+  name: 'LcbCityList',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+const emits = defineEmits(['click'])
+const historyList = ref<LcbAddress[]>(uni.getStorageSync('lcb_city_select_history') || [])
+const props = withDefaults(defineProps<LcbCityListProps>(), {})
+const getText = (text: string) => {
+  const str = text.replace(props.keyword, `<div class="text-light">${props.keyword}</div>`)
+  return `<div class="flex">${str}</div>`
+}
+const onItemClick = (item: LcbAddress) => {
+  if (historyList.value.some((historyItem) => historyItem.hotAddressId === item.hotAddressId)) {
+    historyList.value = historyList.value.filter(
+      (historyItem) => historyItem.hotAddressId !== item.hotAddressId,
+    )
+  }
+  historyList.value.unshift(item)
+  uni.setStorageSync('lcb_city_select_history', historyList.value)
+  emits('click', item)
+}
+const onClear = () => {
+  historyList.value = []
+  uni.removeStorageSync('lcb_city_select_history')
+}
+</script>
+<style lang="scss" scoped>
+@import '@tplc/wot/components/common/abstracts/variable';
+.tag {
+  width: 80rpx;
+  height: 34rpx;
+  line-height: 34rpx;
+  text-align: center;
+  color: #fff;
+  font-size: 20rpx;
+  border-radius: 4rpx;
+  background-color: $-color-theme;
+}
+.content {
+  flex: 1;
+  display: flex;
+  margin-left: 16rpx;
+  flex-direction: column;
+  justify-content: center;
+  border-bottom: 1px solid #eee;
+  padding-bottom: 20rpx;
+  font-size: 24rpx;
+  color: #999;
+  > rich-text {
+    &:first-child {
+      font-size: 30rpx;
+      line-height: 34rpx;
+      font-weight: bold;
+      color: #333;
+      margin-bottom: 12rpx;
+    }
+  }
+  .text-light {
+    color: $-color-theme;
+  }
+}
+.history-tag {
+  background: #f7f7f7;
+  height: 50rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 24rpx;
+  border-radius: 2rpx;
+  font-size: 24rpx;
+  text-align: center;
+  overflow: hidden;
+  margin-top: 12rpx;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: #333;
+}
+</style>

package/components/lcb-city-select/components/lcb-city-list/types.ts

@@ -0,0 +1,6 @@
+import { LcbAddress } from '../../../lcb-city-select/api'
+
+export interface LcbCityListProps {
+  list: LcbAddress[]
+  keyword: string
+}