ct-component-plus 2.2.6 → 2.2.7

package/README.md

@@ -1,3 +1,16 @@
-# Vue 3 + Vite
+# v2.2.7版本更新内容：
 
-青塔组件库的 Vue 3 版本，使用 Vite 构建。
+1. 优化级联选择器没有默认值报错的情况
+
+# v2.2.6版本更新内容：
+
+1. 新增数字区间组件
+2. 优化search-box中年份区间及数字区间的大小排序问题
+
+# v2.2.3版本更新内容:
+
+1. 新增分页选择器组件
+
+# v2.2.0版本更新内容:
+
+1. 新增单选框可以通过接口获取数据的功能

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ct-component-plus",
   "private": false,
-  "version": "2.2.6",
+  "version": "2.2.7",
   "type": "module",
   "main": "packages/components/index.js",
   "files": [
@@ -33,4 +33,4 @@
     "vuepress": "^2.0.0-beta.63",
     "vuepress-plugin-demo-container": "^0.2.0"
   }
-}
+}

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

@@ -1,22 +1,12 @@
 <template>
-  <el-cascader
-    ref="cascaderRef"
-    :class="[
-      ns.b(),
-      ns.is('disabled', disabled),
-      ns.is('filterable', filterable),
-      componentId,
-    ]"
-    v-model="showValue"
-    :props="propsShow"
-    :options="optionsShow"
-    :show-all-levels="showAllLevels"
-    :filterable="filterable"
-    :clearable="clearable"
-    :disabled="disabled"
-    :popper-class="popperClassShow"
-    v-bind="{ ...$attrs, ...rawAttr }"
-  />
+  <el-cascader ref="cascaderRef" :class="[
+    ns.b(),
+    ns.is('disabled', disabled),
+    ns.is('filterable', filterable),
+    componentId,
+  ]" v-model="showValue" :props="propsShow" :options="optionsShow" :show-all-levels="showAllLevels"
+    :filterable="filterable" :clearable="clearable" :disabled="disabled" :popper-class="popperClassShow"
+    v-bind="{ ...$attrs, ...rawAttr }" />
   <!-- <Teleport :to="appendPanelDom">
     <span>大写的六</span>
   </Teleport> -->
@@ -60,7 +50,7 @@ const optionsShow = computed(() => {
 });
 const showValue = computed({
   get() {
-    return props.modelValue;
+    return props.modelValue || [];
   },
   set(newValue) {
     emit("update:modelValue", newValue);
@@ -163,7 +153,7 @@ watchEffect(async () => {
           cbs.afterSearch(res, optionsByApi, showValue);
         }
       });
-    } catch (error) {}
+    } catch (error) { }
   }
   if (isFunction(cbs.defineSearch)) {
     try {
@@ -175,14 +165,14 @@ watchEffect(async () => {
       if (defineSearchHandle) {
         optionsByApi.value = defineSearchHandle;
       }
-    } catch (error) {}
+    } catch (error) { }
   }
 });
 function findLabelsByValues(tree, values) {
   // 通过value值的数组获取label并返回一个包含label的数组
   const result = [];
   function traverse(node) {
-    if (values.includes(node[props.mapObj?.value || "value"])) {
+    if (!values && values.includes(node[props.mapObj?.value || "value"])) {
       result.push(node[props.mapObj?.label || "label"]);
     }
 
@@ -218,6 +208,7 @@ onMounted(() => {
 .ct-cascader {
   width: var(--ct-component-width);
   --ct-cascader-inner-height: var(--ct-component-inner-height);
+
   &.is-filterable {
     .el-cascader__tags {
       &:focus-within {
@@ -227,6 +218,7 @@ onMounted(() => {
       }
     }
   }
+
   .el-cascader__tags {
     display: inline-flex;
     // display: inline-block;
@@ -237,6 +229,7 @@ onMounted(() => {
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
+
     .el-tag {
       display: inline;
       height: auto;
@@ -245,14 +238,17 @@ onMounted(() => {
       background-color: inherit;
       font-size: var(--ct-font-size);
       color: var(--ct-color-black);
+
       &:not(:last-of-type)::after {
         content: "、";
       }
     }
+
     .el-tag__close {
       display: none;
     }
   }
+
   &__dropdown {
     &:not(.is-multiple) {
       .el-cascader__suggestion-item {
@@ -264,6 +260,7 @@ onMounted(() => {
       }
     }
   }
+
   .el-cascader__search-input {
     position: absolute;
     left: var(--ct-component-inner-padding);
@@ -274,11 +271,14 @@ onMounted(() => {
     font-size: var(--ct-font-size);
     margin: 0;
   }
+
   .el-input__wrapper {
     position: relative;
+
     .el-input__inner {
       height: var(--ct-cascader-inner-height) !important;
     }
+
     &::after {
       position: absolute;
       content: v-bind(checkedText);