ct-component-plus 2.2.12 → 2.2.13

package/README.md

@@ -1,3 +1,7 @@
+# v2.2.13版本更新内容：
+
+1. 分页下拉组件添加补充项配置
+
 # v2.2.12版本更新内容：
 
 1. 优化分页下拉组件搜索相关逻辑

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ct-component-plus",
   "private": false,
-  "version": "2.2.12",
+  "version": "2.2.13",
   "type": "module",
   "main": "packages/components/index.js",
   "files": [

package/packages/components/paging-select/src/index.js

@@ -7,6 +7,12 @@ export const selectProps = {
   ...searchComponentProps,
   modelValue: [String, Number, Array, Boolean],
   multiple: Boolean,
+  options: {
+    type: Array,
+    default() {
+      return [];
+    },
+  },
   filterable: Boolean,
   api: String,
   serviceMethod: String,

package/packages/components/paging-select/src/paging-select.vue

@@ -107,8 +107,23 @@ const attrs = useAttrs();
 
 const ns = useNamespace("paging-select");
 const optionsByApi = ref([]);
+const extraOptions = computed(() => {
+  return props.options && Array.isArray(props.options) ? props.options : [];
+});
+
 const showOptions = computed(() => {
-  return optionsByApi.value;
+  const map = new Map();
+  (extraOptions.value || []).forEach((item) => {
+    if (!item || item.value === undefined || item.value === null) return;
+    map.set(item.value, item);
+  });
+  (optionsByApi.value || []).forEach((item) => {
+    if (!item || item.value === undefined || item.value === null) return;
+    if (!map.has(item.value)) {
+      map.set(item.value, item);
+    }
+  });
+  return Array.from(map.values());
 });
 const valueModel = computed({
   get() {
@@ -197,8 +212,8 @@ watch(
     selectRef.value.selectedLabel = newVal;
   },
 );
-watch(optionsByApi, () => {
-  const arr = optionsByApi.value || [];
+watch(showOptions, () => {
+  const arr = showOptions.value || [];
   if (arr.length) {
     filterOptions.value = arr;
     noFilterOptions.value = false;