ct-component-plus 2.1.9 → 2.1.11

package/package.json

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

package/packages/components/cascader/src/cascader.vue

@@ -5,6 +5,7 @@
       ns.b(),
       ns.is('disabled', disabled),
       ns.is('filterable', filterable),
+      componentId,
     ]"
     v-model="showValue"
     :props="propsShow"
@@ -41,6 +42,7 @@ const serviceConfig = inject("$ctServiceConfig");
 
 const ns = useNamespace("cascader");
 const cascaderRef = ref(null);
+const componentId = `ct-cascader-${Math.random().toString(36).slice(2)}`;
 const checkedText = ref("");
 const propsShow = computed(() => {
   return {
@@ -73,6 +75,19 @@ watch(showValue, async (newValue) => {
     });
     props.cbs.change(dataList, cascaderRef.value);
   }
+  if (propsShow.value.multiple && props.filterable) {
+    await nextTick();
+
+    // 如果组件内部没找到，尝试在文档中通过类名查找（作为最后的兜底，注意可能会影响页面上其他同类组件，所以最好通过el限制范围，如果el也拿不到才用document）
+    const targetInput = document.querySelector(
+      `.${componentId} .el-cascader__search-input`
+    );
+
+    if (targetInput) {
+      targetInput.value = "";
+      targetInput.dispatchEvent(new Event("input", { bubbles: true }));
+    }
+  }
 });
 const popperClassShow = computed(() => {
   let popperClass = ns.e("dropdown");

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

@@ -12,7 +12,7 @@
     :suffix-icon="suffixIcon"
     :fit-input-width="fitInputWidth"
     :select-text="selectText"
-    :popper-class="ns.e('popper')"
+    :popper-class="popperClass"
     @focus="showSearchPrefix"
     @blur="hideSearchPrefix"
     @click="focusSearchInput"
@@ -89,7 +89,15 @@
 </template>
 
 <script setup>
-import { onMounted, computed, ref, watch, inject, nextTick } from "vue";
+import {
+  onMounted,
+  computed,
+  ref,
+  watch,
+  inject,
+  nextTick,
+  useAttrs,
+} from "vue";
 import { selectEmits, selectProps } from "./index";
 import { useNamespace, useBuriedParams } from "../../../hooks";
 import { isFunction, isArray } from "../../../utils";
@@ -100,6 +108,7 @@ const selectTooltip = inject("$selectTooltip");
 
 const props = defineProps(selectProps);
 const emit = defineEmits(selectEmits);
+const attrs = useAttrs();
 
 const ns = useNamespace("select");
 const optionsByApi = ref([]);
@@ -170,6 +179,18 @@ const emptyText = computed(() => {
     ? props.noMatchText || "暂无匹配数据"
     : props.noDataText || "暂无数据";
 });
+
+const popperClass = computed(() => {
+  const defaultClass = ns.e("popper");
+  const userClass =
+    attrs["popper-class"] ||
+    attrs["popperClass"] ||
+    (props.rawAttr &&
+      (props.rawAttr["popper-class"] || props.rawAttr["popperClass"])) ||
+    "";
+  return `${defaultClass} ${userClass}`.trim();
+});
+
 const getUseLabel = (label) => {
   return typeof label === "string" ? label : String(label);
 };

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

@@ -12,7 +12,7 @@
     :suffix-icon="suffixIcon"
     :fit-input-width="fitInputWidth"
     :select-text="selectText"
-    :popper-class="ns.e('popper')"
+    :popper-class="popperClass"
     @focus="showSearchPrefix"
     @blur="hideSearchPrefix"
     @click="focusSearchInput"
@@ -117,6 +117,10 @@ const attrs = useAttrs();
 
 const bindAttrs = computed(() => {
   const merged = { ...attrs, ...props.rawAttr };
+  // 剔除已在组件内部显式处理的属性，避免 v-bind 覆盖或冲突
+  delete merged["popper-class"];
+  delete merged["popperClass"];
+
   if (merged.onChange) {
     const original = merged.onChange;
     merged.onChange = (val) => {
@@ -223,6 +227,14 @@ const emptyText = computed(() => {
     ? props.noMatchText || "暂无匹配数据"
     : props.noDataText || "暂无数据";
 });
+
+const popperClass = computed(() => {
+  const defaultClass = ns.e("popper");
+  const merged = { ...attrs, ...props.rawAttr };
+  const userClass = merged["popper-class"] || merged["popperClass"] || "";
+  return `${defaultClass} ${userClass}`.trim();
+});
+
 const getUseLabel = (label) => {
   return typeof label === "string" ? label : String(label);
 };