hookehuyr

feat(AddressSelector): 添加nut-config-provider包装级联选择器以支持主题变量

为AddressSelector组件中的nut-cascader添加nut-config-provider包装,支持通过themeVars配置主题样式,如激活项颜色
......@@ -56,6 +56,7 @@
</nut-popup>
<!-- 省市县级联选择器 - 放在popup外面避免层级冲突 -->
<nut-config-provider :theme-vars="themeVars">
<nut-cascader
v-model="selectedAreaCodes"
v-model:visible="showAreaPicker"
......@@ -64,6 +65,7 @@
@path-change="onAreaPathChange"
title="请选择省市县"
/>
</nut-config-provider>
</view>
</template>
......@@ -72,6 +74,12 @@ import { ref, computed, watch } from 'vue'
import { RectRight, ArrowRight } from '@nutui/icons-vue-taro'
import { areaList } from '@vant/area-data'
const themeVars = {
// cascaderBarColor: 'orange',
// cascaderItemColor: 'orange',
cascaderItemActiveColor: 'orange',
}
/**
* 转换@vant/area-data的扁平化数据为NutUI Cascader组件需要的树形结构
* @param {Object} areaList - @vant/area-data的原始数据
......