ct-component-plus 2.0.1 → 2.0.3

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "ct-component-plus",
   "private": false,
-  "version": "2.0.1",
+  "version": "2.0.3",
+  "description": "兼容下拉多选时的选中置顶逻辑",
   "type": "module",
   "main": "packages/components/index.js",
   "files": [

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

@@ -1,6 +1,6 @@
-import { buriedParamsKey, searchComponentProps } from '../../../hooks';
-import arrowDown from './arrow-down.vue';
-import clearIcon from './clear-icon.vue';
+import { buriedParamsKey, searchComponentProps } from "../../../hooks";
+import arrowDown from "./arrow-down.vue";
+import clearIcon from "./clear-icon.vue";
 
 export const selectEmits = ["update:modelValue", buriedParamsKey];
 export const selectProps = {
@@ -10,8 +10,8 @@ export const selectProps = {
   options: {
     type: Array,
     default() {
-      return []
-    }
+      return [];
+    },
   },
   filterable: Boolean,
   api: String,
@@ -20,16 +20,16 @@ export const selectProps = {
   mapObj: {
     type: Object,
     default() {
-      return {}
-    }
+      return {};
+    },
   },
   selectAllText: {
     type: String,
-    default: '全部'
+    default: "全部",
   },
   connectors: {
     type: String,
-    default: '、'
+    default: "、",
   },
   fitInputWidth: {
     type: Boolean,
@@ -38,15 +38,20 @@ export const selectProps = {
   clearIcon: {
     type: [String, Object],
     default() {
-      return clearIcon
-    }
+      return clearIcon;
+    },
   },
   suffixIcon: {
     type: [String, Object],
     default() {
-      return arrowDown
-    }
+      return arrowDown;
+    },
   },
   noMatchText: String,
   noDataText: String,
-}
+  // 是否保持原始 options 顺序（用于一些情况下不想让多选时“已选项置顶”逻辑）
+  keepOrder: {
+    type: Boolean,
+    default: false,
+  },
+};

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

@@ -178,7 +178,7 @@ watch(
     //     selectRef.value.$refs.reference.input.value = newVal;
     //   })
     // }
-  }
+  },
 );
 watchEffect(async () => {
   // 输入框过滤，触发的事件
@@ -191,7 +191,7 @@ watchEffect(async () => {
       const filterCallbackHandle = await cbs.filterCallback(
         keyword.value,
         showOptions.value,
-        valueModel
+        valueModel,
       );
       if (filterCallbackHandle === false) return;
       arr = filterCallbackHandle || arr;
@@ -208,8 +208,9 @@ watchEffect(async () => {
 
 const optionsRef = ref(null);
 //针对多选时，已选的项要排在整个列表的最前面
+// 当 keepOrder 为 true 时，不做置顶，保持原有顺序（用于层级选择等场景）
 const handleListSort = (val) => {
-  if (props.multiple) {
+  if (props.multiple && !props.keepOrder) {
     if (val) {
       const selectedSet = new Set(valueModel.value);
       filterOptions.value = [
@@ -271,7 +272,7 @@ const watchServiceHandle = async () => {
     try {
       const defineSearchHandle = await cbs.defineSearch(
         optionsByApi,
-        valueModel
+        valueModel,
       );
       if (defineSearchHandle === false) return;
       if (defineSearchHandle) {
@@ -292,7 +293,7 @@ watch(
   },
   {
     immediate: true,
-  }
+  },
 );
 const checkedAll = useCheckedAll(filterOptions, valueModel, {
   onCheckedAll: (falg) => {