af-mobile-client-vue3 1.3.47 → 1.3.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/core/XMultiSelect/index.vue +35 -26
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "af-mobile-client-vue3",
3
3
  "type": "module",
4
- "version": "1.3.47",
4
+ "version": "1.3.48",
5
5
  "packageManager": "pnpm@10.13.1",
6
6
  "description": "Vue + Vite component lib",
7
7
  "engines": {
package/src/components/core/XMultiSelect/index.vue CHANGED
@@ -110,7 +110,7 @@ const resultLabel = computed(() => {
110
110
  </script>
111
111
 
112
112
  <template>
113
- <div class="dh-field">
113
+ <div class="x-multi-select">
114
114
  <VanField
115
115
  v-model="resultLabel"
116
116
  v-bind="$attrs"
@@ -131,7 +131,7 @@ const resultLabel = computed(() => {
131
131
  确认
132
132
  </button>
133
133
  </div>
134
- <div style="max-height:264px; overflow-y:auto;">
134
+ <div class="x-multi-select-content">
135
135
  <VanSearch
136
136
  v-if="props.isSearch"
137
137
  v-model="searchVal"
@@ -139,44 +139,53 @@ const resultLabel = computed(() => {
139
139
  @update:model-value="search"
140
140
  @cancel="search"
141
141
  />
142
- <VanCell title="全选">
143
- <template #right-icon>
144
- <VanCheckbox v-model="checkedAll" name="all" @click="toggleAll" />
145
- </template>
146
- </VanCell>
147
- <VanCheckboxGroup ref="checkboxGroup" v-model="checkboxValue" @change="change">
148
- <VanCellGroup>
149
- <VanCell
150
- v-for="(item, index) in columnsData"
151
- :key="item[props.option.value]"
152
- :title="item[props.option.text]"
153
- clickable
154
- @click="toggle(item, index)"
155
- >
156
- <template #right-icon>
157
- <VanCheckbox ref="checkboxes" :name="item[props.option.value]" @click.stop />
158
- </template>
159
- </VanCell>
160
- </VanCellGroup>
161
- </VanCheckboxGroup>
142
+ <div class="x-multi-select-checkbox-group">
143
+ <VanCell title="全选">
144
+ <template #right-icon>
145
+ <VanCheckbox v-model="checkedAll" name="all" @click="toggleAll" />
146
+ </template>
147
+ </VanCell>
148
+ <VanCheckboxGroup ref="checkboxGroup" v-model="checkboxValue" @change="change">
149
+ <VanCellGroup>
150
+ <VanCell
151
+ v-for="(item, index) in columnsData"
152
+ :key="item[props.option.value]"
153
+ :title="item[props.option.text]"
154
+ clickable
155
+ @click="toggle(item, index)"
156
+ >
157
+ <template #right-icon>
158
+ <VanCheckbox ref="checkboxes" :name="item[props.option.value]" @click.stop />
159
+ </template>
160
+ </VanCell>
161
+ </VanCellGroup>
162
+ </VanCheckboxGroup>
163
+ </div>
162
164
  </div>
163
165
  </VanPopup>
164
166
  </div>
165
167
  </template>
166
168
 
167
169
  <style lang="less" scoped>
168
- .dh-field {
170
+ .x-multi-select {
169
171
  width: 100%;
170
172
  padding: 0;
171
173
  background: #fff;
172
174
  .dh-cell.van-cell {
173
- padding: 10px 0;
175
+ padding: 10px 16px;
174
176
  }
175
177
  .dh-cell.van-cell--required::before {
176
178
  left: -8px;
177
179
  }
178
- .van-popup {
179
- border-radius: 20px 20px 0 0;
180
+ .x-multi-select-content {
181
+ max-height: 264px;
182
+ overflow-y: auto;
183
+ .x-multi-select-checkbox-group {
184
+ padding: 0 16px;
185
+ }
180
186
  }
187
+ //.van-popup {
188
+ // border-radius: 20px 20px 0 0;
189
+ //}
181
190
  }
182
191
  </style>