ct-component-plus 0.0.28 → 0.0.30

package/package.json

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

package/packages/components/button/src/button.vue

@@ -11,8 +11,7 @@
       ns.is('text', isText),
     ]"
     v-bind="$attrs"
-    @click="handleClick"
-  >
+    @click="handleClick">
     <span v-if="$slots.default" :class="[ns.e('text')]">
       <slot />
     </span>
@@ -52,7 +51,7 @@ defineExpose({
   ref: _ref,
 });
 </script>
-<style lang='less'>
+<style lang="less">
 .ct-button {
   cursor: pointer;
   box-sizing: border-box;
@@ -114,7 +113,7 @@ defineExpose({
     }
   }
   &--text {
-    background-color: #fff;
+    background-color: transparent;
     color: var(--ct-color-primary);
     &:hover:not(.is-disabled) {
       opacity: var(--button-hover-opacity);
@@ -124,7 +123,7 @@ defineExpose({
     }
   }
   &--text-plain {
-    background-color: #fff;
+    background-color: transparent;
     color: var(--ct-color-black);
     &:hover:not(.is-disabled) {
       color: var(--ct-color-primary);
@@ -169,4 +168,4 @@ defineExpose({
     margin-left: 8px;
   }
 }
-</style>
+</style>

package/packages/components/index.js

@@ -77,5 +77,5 @@ const install = function (app, options) {
 export default {
   install
 }
-
+export { CtMessage }
 export * from 'element-plus'

package/packages/components/search-box/src/search-box.vue

@@ -10,33 +10,28 @@
             ns.is('outer-border', outerBorder),
           ]"
           :key="item.param || index"
-          :style="{ ...getComponentStyle(item) }"
-        >
+          :style="{ ...getComponentStyle(item) }">
           <slot v-bind="getComponentSlotScope(item)">
             <slot
               name="item-before"
-              v-bind="getComponentSlotScope(item)"
-            ></slot>
+              v-bind="getComponentSlotScope(item)"></slot>
             <span
               :class="[
                 ns.e('item-label'),
                 ns.is('required', item.required),
                 ns.is('outer-border', outerBorder),
-              ]"
-            >
+              ]">
               <span>{{ item.label }}</span>
               <span :class="[ns.is('required')]" v-if="!outerBorder">：</span>
             </span>
             <div :class="[ns.e('item-component')]">
               <slot
                 :name="item.componentName || item.param"
-                v-bind="getComponentSlotScope(item)"
-              >
+                v-bind="getComponentSlotScope(item)">
                 <component
                   :is="getComponent(item.type)"
                   v-model="searchParamsCurrent[item.param]"
-                  v-bind="getComponentProps(item)"
-                >
+                  v-bind="getComponentProps(item)">
                 </component>
               </slot>
             </div>
@@ -123,20 +118,26 @@ const handleBuriedParams = (params) => {
 };
 const getComponentProps = (item) => {
   const bpKey = toFirstUpperCase(buriedParamsKey);
+  console.log(item);
+  const attrObj = {
+    ...item,
+  };
+  delete attrObj.type;
   // const
   return {
-    param: item.param,
-    label: item.label,
+    ...attrObj,
+    // param: item.param,
+    // label: item.label,
+    // multiple: item.multiple,
+    // api: item.api,
+    // placeholder: item.placeholder,
+    // clearable: item.clearable,
+    // disabled: item.disabled,
+    // range: item.range,
+    // mapObj: item.mapObj,
     options: item.list,
-    multiple: item.multiple,
-    api: item.api,
-    placeholder: item.placeholder,
-    clearable: item.clearable,
-    disabled: item.disabled,
-    range: item.range,
-    mapObj: item.mapObj,
     name: item.param, //用作插槽名
-    rawAttr: item.rawAttr,
+    // rawAttr: item.rawAttr,
 
     ["on" + bpKey]: handleBuriedParams,
   };
@@ -173,7 +174,7 @@ defineExpose({
 });
 onMounted(() => {});
 </script>
-<style lang='less'>
+<style lang="less">
 .ct-search-box {
   --ct-search-box-item-margin-right: 16px;
   --ct-search-box-item-margin-top: 14px;
@@ -201,6 +202,7 @@ onMounted(() => {});
     --ct-search-box-item-component-width: 100%;
     &.is-outer-border {
       --ct-font-size: 13px;
+      --el-font-size-base: var(--ct-font-size, 13px);
       --ct-search-box-border-color: var(--ct-border-color);
       --ct-search-box-inner-border-color: transparent;
       font-size: var(--ct-font-size);
@@ -246,4 +248,4 @@ onMounted(() => {});
     }
   }
 }
-</style>
+</style>

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

@@ -1,4 +1,5 @@
 <template>
+  <!-- {{ rawAttr }}-- -->
   <el-select
     ref="selectRef"
     :class="[ns.b(), ns.is('multiple', multiple)]"
@@ -11,15 +12,14 @@
     :suffix-icon="suffixIcon"
     :fit-input-width="fitInputWidth"
     :select-text="selectText"
+    :data-va="rawAttr.clearable"
     :popper-class="ns.e('popper')"
     @focus="showSearchPrefix"
-    @blur="hideSearchPrefix"
-  >
+    @blur="hideSearchPrefix">
     <template #prefix>
       <div
         :class="[ns.e('filterable-icon')]"
-        v-if="filterable && !valueModel && showSearch"
-      >
+        v-if="filterable && !valueModel && showSearch">
         <ct-icon name="search_line"></ct-icon>
       </div>
       <slot name="prefix"></slot>
@@ -49,8 +49,7 @@
           :key="item.value"
           :label="item.label"
           :value="item.value"
-          :disabled="item.disabled"
-        >
+          :disabled="item.disabled">
           <slot name="option" :item="item" :index="index">
             <span>{{ item.label }}</span>
           </slot>
@@ -289,7 +288,7 @@ defineExpose({
   checkedAll,
 });
 </script>
-<style lang='less'>
+<style lang="less">
 .ct-select {
   width: 214px;
   &__top {
@@ -366,4 +365,4 @@ defineExpose({
     }
   }
 }
-</style>
+</style>