cb-biz-ui 1.7.1 → 1.7.3

package/components/cb-category/cb-category.vue

@@ -2,21 +2,23 @@
   <view class="category-box">
     <view class="left-box">
       <vertical-nav
+        :selectedColor="addBtnBgColor"
         :value="navIndex"
         @change="navChange"
         :list="navList"
         :height="height"
-    /></view>
-    <view class="right-box"
-      ><scroll-view
+      />
+    </view>
+    <view class="right-box">
+      <scroll-view
         scroll-y
-        :style="{ height: height ? `${height}px`: undefined  }"
+        :style="{ height: height ? `${height}px` : '100%' }"
         :show-scrollbar="false"
         :enhanced="true"
       >
         <view class="tools">
-          <view class="tools_item" @click="inventoryTypeChange"
-            >销量
+          <view class="tools_item" @click="inventoryTypeChange">
+            销量
             <sort-icon
               :scale="0.8"
               :type="inventoryType"
@@ -24,8 +26,8 @@
               borderColor="#6D7278"
             />
           </view>
-          <view class="tools_item" @click="priceTypeChange"
-            >价格
+          <view class="tools_item" @click="priceTypeChange">
+            价格
             <sort-icon
               :scale="0.8"
               :type="priceType"
@@ -38,18 +40,15 @@
         <ui-loadmore :index="2" v-if="loading"></ui-loadmore>
 
         <view class="goods-box" v-if="goodsList.length && !loading">
-          <view
-            class="item bottom-1px-border"
-            v-for="item in goodsList"
-            :key="item.shopSpuId"
-          >
+          <view class="item bottom-1px-border" v-for="item in goodsList" :key="item.shopSpuId">
             <goods-card
               :goods-count="countData[item.defaultShopSkuId]?.count"
               :addBtnBgColor="addBtnBgColor"
               @handleClick="goDetails"
               @countChange="countChange"
               :entity="item"
-          /></view>
+            />
+          </view>
         </view>
         <ui-no-data
           :fixed="false"
@@ -59,111 +58,108 @@
         >
           <text class="tui-color__black">{{ noDataTip }}</text>
         </ui-no-data>
-      </scroll-view></view
-    >
+      </scroll-view>
+    </view>
   </view>
 </template>
 <script setup lang="ts">
-import { computed } from 'vue';
-import verticalNav from '../cb-vertical-nav/cb-vertical-nav.vue';
-import GoodsCard from '../cb-goods-card/cb-goods-card.vue';
-import SortIcon from '../cb-sort-icon/cb-sort-icon.vue';
-import type {
-  GoodsDataType,
-  cartItemListType,
-  changeValueType
-} from '../interface/types';
+import { computed } from 'vue'
+import verticalNav from '../cb-vertical-nav/cb-vertical-nav.vue'
+import GoodsCard from '../cb-goods-card/cb-goods-card.vue'
+import SortIcon from '../cb-sort-icon/cb-sort-icon.vue'
+import type { GoodsDataType, cartItemListType, changeValueType } from '../interface/types'
 
 interface IProps {
-  navList: { name: string; value: any }[];
-  loading: boolean;
-  height: number;
+  navList: { name: string; value: any }[]
+  loading: boolean
+  height: number
   nullData?: {
-    url: string;
-    text: string;
-  };
-  navIndex: number;
-  goodsList: GoodsDataType[];
-  cartItemList?: cartItemListType[];
-  inventoryType?: 'desc' | 'asc' | '';
-  priceType?: 'desc' | 'asc' | '';
-  addBtnBgColor: string;
+    url: string
+    text: string
+  }
+  navIndex: number
+  goodsList: GoodsDataType[]
+  cartItemList?: cartItemListType[]
+  inventoryType?: 'desc' | 'asc' | ''
+  priceType?: 'desc' | 'asc' | ''
+  addBtnBgColor: string
 }
 
 const props = withDefaults(defineProps<IProps>(), {
   navList: [],
-  height: 469,
+  height: 0,
   goodsList: [],
   nullData: { url: '', text: '' },
   cartItemList: [],
   loading: false,
-  addBtnBgColor: 'rgba(255, 82, 79, 1)'
-});
+  addBtnBgColor: 'rgba(255, 82, 79, 1)',
+})
 
 const countData = computed<{ [key: number]: any }>(() => {
-  const list = props.cartItemList || [];
-  const data: { [key: number]: any } = {};
+  const list = props.cartItemList || []
+  const data: { [key: number]: any } = {}
   list.forEach((v) => {
     data[v.skuId] = {
       id: v.id,
       count: v.count,
-      skuId: v.skuId
-    };
-  });
-  return data;
-});
+      skuId: v.skuId,
+    }
+  })
+  return data
+})
 
 const emit = defineEmits<{
-  (e: 'goDetails', goodsItem: any): void;
-  (e: 'countChange', val: changeValueType, goodsItem: GoodsDataType): void;
-  (e: 'navChange', navItem: any): void;
+  (e: 'goDetails', goodsItem: any): void
+  (e: 'countChange', val: changeValueType, goodsItem: GoodsDataType): void
+  (e: 'navChange', navItem: any): void
   (
     e: 'storeChange',
     params: {
-      sortKey: 'spuSaleCnt' | 'price';
-      orderType: 'desc' | 'asc';
-    }
-  ): void;
-}>();
+      sortKey: 'spuSaleCnt' | 'price'
+      orderType: 'desc' | 'asc'
+    },
+  ): void
+}>()
 
 const noDataUrl = computed(() => {
   return (
     props.nullData.url ||
     'https://edu-cdn.yunzhuxue.com/edub1429d21xcfds/img/f225d4d3d47140129d6a4dd77988afd6.png'
-  );
-});
+  )
+})
 const noDataTip = computed(() => {
-  return props.nullData.text || '暂无数据~';
-});
+  return props.nullData.text || '暂无数据~'
+})
 
-const nventoryTypeChange = () => {};
+const nventoryTypeChange = () => {}
 
 const priceTypeChange = () => {
-  const orderType = props.priceType === 'asc' ? 'desc' : 'asc';
+  const orderType = props.priceType === 'asc' ? 'desc' : 'asc'
   emit('storeChange', {
     sortKey: 'price',
-    orderType
-  });
-};
+    orderType,
+  })
+}
 const inventoryTypeChange = () => {
-  const orderType = props.inventoryType === 'asc' ? 'desc' : 'asc';
+  const orderType = props.inventoryType === 'asc' ? 'desc' : 'asc'
   emit('storeChange', {
     sortKey: 'spuSaleCnt',
-    orderType
-  });
-};
+    orderType,
+  })
+}
 
 const goDetails = (goodsItem: GoodsDataType) => {
-  emit('goDetails', goodsItem);
-};
+  emit('goDetails', goodsItem)
+}
 
 const countChange = (val: changeValueType, goodsItem: GoodsDataType) => {
-  emit('countChange', val, goodsItem);
-};
+  emit('countChange', val, goodsItem)
+}
 const navChange = (navItem: { name: string; value: any }) => {
-  emit('navChange', navItem);
-};
+  emit('navChange', navItem)
+}
 </script>
 <style scoped lang="scss">
 @import '../../libs/css/category.scss';
 </style>
+

package/libs/css/form-select.scss

@@ -94,5 +94,5 @@
 }
 .form-value {
   // color: #333;
-  font-weight: 500;
+  // font-weight: 500;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cb-biz-ui",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "description": "cb-biz-ui",
   "main": "index.js",
   "keywords": [