ct-component-plus 2.0.0 → 2.0.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ct-component-plus",
   "private": false,
-  "version": "2.0.0",
+  "version": "2.0.2",
   "type": "module",
   "main": "packages/components/index.js",
   "files": [
@@ -16,7 +16,8 @@
   },
   "dependencies": {
     "cingta-icon": "^2.1.6",
-    "element-plus": "^2.5.0",
+    "element-plus": "~2.12.0",
+    "publish": "^0.6.0",
     "vue": "^3.2.47"
   },
   "devDependencies": {

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

@@ -155,9 +155,9 @@ const selectText = computed(() => {
       result = selectObj.value.map((item) => item.label).join(cnt);
     }
   }
-  // nextTick(() => {
-  //   selectRef.value.$refs.reference.input.value = result;
-  // });
+  nextTick(() => {
+    selectRef.value.$refs.reference.input.value = result;
+  });
   return result;
 });
 const emptyText = computed(() => {
@@ -358,9 +358,7 @@ defineExpose({
 </script>
 <style lang="less">
 .ct-select {
-  &.el-select {
-    width: 214px;
-  }
+  width: 214px;
   &__top {
     padding: 0 16px;
     font-size: var(--ct-font-size);
@@ -409,7 +407,7 @@ defineExpose({
     z-index: 3;
     right: var(--ct-component-inner-padding);
     top: 50%;
-    height: calc(var(--ct-component-size) - 8px);
+    height: calc(var(--ct-component-size) - 2px);
     transform: translateY(-50%);
     background-color: #fff;
   }
@@ -421,24 +419,18 @@ defineExpose({
     color: var(--ct-color-grey-sub);
   }
   &.is-multiple {
-    &::after {
-      content: attr(select-text);
-      position: absolute;
-      left: var(--ct-component-inner-padding);
-      right: calc(var(--ct-component-inner-padding) * 2);
-      top: 50%;
-      transform: translateY(-50%);
-      text-overflow: ellipsis;
-      overflow: hidden;
-      white-space: nowrap;
-      cursor: pointer;
-    }
-    .el-select__placeholder.is-transparent {
-      display: block;
-    }
-    .el-select__selected-item {
-      display: none;
-    }
+    // &::after {
+    //   content: attr(select-text);
+    //   position: absolute;
+    //   left: var(--ct-component-inner-padding);
+    //   right: calc(var(--ct-component-inner-padding) * 2);
+    //   top: 50%;
+    //   transform: translateY(-50%);
+    //   text-overflow: ellipsis;
+    //   overflow: hidden;
+    //   white-space: nowrap;
+    //   cursor: pointer;
+    // }
   }
 }
 </style>

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

@@ -135,12 +135,9 @@ const getYearList = () => {
   }
   yearList.value = yearArr;
 };
-watch(
-  () => props.range,
-  () => {
-    getYearList();
-  }
-);
+watch(() => props.range, () => {
+  getYearList();
+})
 const filterHandleE = (str) => {
   //处理结束年
   if (judgeYear(str) && judgeRange(str)) {
@@ -210,7 +207,7 @@ onMounted(() => {
   getYearList();
 });
 </script>
-<style lang="less">
+<style lang='less'>
 .ct-year-select {
   --el-select-input-focus-border-color: transparent;
   --ct-year-select-select-inner-box-shadow: none;
@@ -276,15 +273,5 @@ onMounted(() => {
       }
     }
   }
-  .el-select__wrapper {
-    padding: 1px 12px;
-    min-height: 30px;
-    box-shadow: var(--ct-year-select-select-inner-box-shadow);
-    &.is-focused,
-    &.is-hovering:not(.is-focused),
-    &.is-disabled {
-      box-shadow: var(--ct-year-select-select-inner-box-shadow);
-    }
-  }
 }
-</style>
+</style>