meixioacomponent 2.0.3 → 2.0.32

package/lib/style/tdesignStyle.less

@@ -1,9 +1,19 @@
-.t-drawer__content-wrapper{
+.t-drawer__content-wrapper {
   background: transparent !important;
 }
-.t-drawer{
+
+.t-drawer {
   box-shadow: none !important;
 }
-.t-drawer__body{
+
+.t-drawer__body {
   padding: 0 !important;
+}
+
+.t-list__inner {
+  height: 100% !important;
+}
+
+.t-form__label {
+  padding-right: 0 !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "2.0.3",
+  "version": "2.0.32",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/packages/components/base/baseUpload/baseUpload.vue

@@ -34,7 +34,6 @@
               :key="index"
               :item="item"
               :type="`appendix`"
-              style="margin: var(--margin-4);"
               @deleteAppendixItem="handleDeleteUploadItem(index)"
           ></uploadItemVue>
         </draggable>

package/packages/components/base/baseUpload/baseUploadItem.vue

@@ -38,13 +38,12 @@
     <div v-if="uploadedValue" class="type-pre-views">
       <div
           v-if="fileType === 'img' || fileType === 'video'"
-          style="width: 100%; height: 100%"
+          style="width: 100%; height: 100%;position: relative"
       >
         <div v-if="!disabled" class="handleUploadItem">
           <t-button shape="square" variant="outline" @click="handleDeleteUploadItem">
             <template #icon>
-              <CloseIcon
-              ></CloseIcon>
+              <t-icon name="delete"></t-icon>
             </template>
           </t-button>
 
@@ -495,16 +494,10 @@ export default {
       top: 0;
       right: 0;
       z-index: 2;
-      width: auto;
-      height: auto;
       display: none;
       position: absolute;
       border-radius: var(--radius);
       background: rgba(0, 0, 0, 0.3);
-
-      /deep/ i {
-        color: var(--text-white) !important;
-      }
     }
   }
 }

package/packages/components/base/baseUpload/uploadMediaView.vue

@@ -3,7 +3,9 @@
     <base-img v-if="type == 'img'" :src="resource" :event="true" :fit="`contain`"></base-img>
     <base-video v-if="type == 'video'" :resource="resource"></base-video>
     <!-- 删除icon -->
-    <t-button shape="square" variant="outline" @click="handleDeleteUploadItem" v-if="!disabled">
+    <t-button
+        class="handleUploadItem"
+        shape="square" variant="outline" @click="handleDeleteUploadItem" v-if="!disabled">
       <template #icon>
         <close-icon
             @click="handleDeleteUploadItem"
@@ -78,20 +80,12 @@ export default {
   }
 
   .handleUploadItem {
-    top: 0px;
+    top: 0;
     z-index: 2;
-    right: 0px;
-    z-index: 2;
-    width: auto;
-    height: auto;
+    right: 0;
     display: none;
     position: absolute;
-    border-radius: var(--radius);
     background: rgba(0, 0, 0, 0.3);
-
-    /deep/ i {
-      color: var(--text-white) !important;
-    }
   }
 }
 </style>

package/packages/components/base/upload/uploadItem.vue

@@ -16,26 +16,28 @@
     </div>
 
     <div class="item-status">
-      <t-button shape="square" variant="outline" @click="handleClose" v-if="type == 'upload'">
-        <template #icon>
-          <div v-if="process==100">
-            <check-icon v-if="upload.state==1 "></check-icon>
-            <close-icon v-else-if="upload.state==2"></close-icon>
-          </div>
-          <close-icon v-else></close-icon>
-        </template>
-      </t-button>
-      <t-button shape="square" variant="outline" @click="onHandleToDown" v-if="type == 'appendix' && url">
-        <template #icon>
-          <arrow-down-icon></arrow-down-icon>
-        </template>
-      </t-button>
-
-      <t-button shape="square" variant="outline" @click="handleClose" v-if="type == 'appendix' && !disabled">
-        <template #icon>
-          <delete-icon></delete-icon>
-        </template>
-      </t-button>
+      <t-space :size="4">
+        <t-button shape="square" variant="outline" @click="handleClose" v-if="type == 'upload'">
+          <template #icon>
+            <div v-if="process==100">
+              <check-icon v-if="upload.state==1 "></check-icon>
+              <close-icon v-else-if="upload.state==2"></close-icon>
+            </div>
+            <close-icon v-else></close-icon>
+          </template>
+        </t-button>
+        <t-button shape="square" variant="outline" @click="onHandleToDown" v-if="type == 'appendix' && url">
+          <template #icon>
+            <arrow-down-icon></arrow-down-icon>
+          </template>
+        </t-button>
+
+        <t-button shape="square" variant="outline" @click="handleClose" v-if="type == 'appendix' && !disabled">
+          <template #icon>
+            <delete-icon></delete-icon>
+          </template>
+        </t-button>
+      </t-space>
     </div>
   </div>
 </template>
@@ -118,7 +120,7 @@ export default {
   align-items: center;
   flex-flow: row nowrap;
   justify-content: space-between;
-  margin: var(--margin-4) 0px;
+  margin: var(--margin-4) 0;
   border-radius: calc(var(--radius) * 2);
 
   .item-wrap-prefix {
@@ -131,7 +133,7 @@ export default {
 
   .item-type,
   .item-status {
-    width: 40px;
+    width: 60px;
     height: 100%;
     display: flex;
     align-items: center;
@@ -196,7 +198,7 @@ export default {
   background: var(--color-gray-m);
 
   .item-content {
-    width: calc(100% - 40px) !important;
+    width: calc(100% - 60px) !important;
 
     .item-name {
       max-width: 80%;

package/packages/components/proForm/proForm/proFormItem/pro_form_item.vue

@@ -24,7 +24,8 @@
 
         <!-- 单选框 -->
 
-        <base-toggle v-if="config.type === 'radio'" v-model="module" :disabled="true" :size="size" :toggle-color="[
+        <base-toggle v-if="config.type === 'radio'" v-model="module" :disabled="true" :size="componentSize"
+                     :toggle-color="[
           'var(--color-primary)'
       ]" :toggle-list="config.list"></base-toggle>
 
@@ -36,9 +37,10 @@
             :autosize="{ minRows: config.rows}"
             :size="componentSize"
             :disabled="disabled"
+            :maxlength="config.max"
         ></t-textarea>
 
-        <t-button shape="square" variant="outline"    v-show="!isEdit && !isDisabled" @click="handleClick('edit')">
+        <t-button shape="square" variant="outline" v-show="!isEdit && !isDisabled" @click="handleClick('edit')">
           <template #icon>
             <edit-icon></edit-icon>
           </template>
@@ -76,7 +78,7 @@
             :maxlength="config.maxlength"
             :min="config.min"
             :placeholder="config.placeholder"
-            :size="size"
+            :size="componentSize"
             :style="{width:`${config.width? `${config.width}px`:'100%'}`}"
             :unit="config.unit"
             :use-string="true"
@@ -93,7 +95,7 @@
             :maxlength="config.maxlength"
             :min="config.min"
             :placeholder="config.placeholder"
-            :size="size"
+            :size="componentSize"
             :style="{width:`${config.width? `${config.width}px`:'100%'}`}"
             :unit="config.unit"
         ></BaseNumberInput>
@@ -110,7 +112,7 @@
             :min="config.min"
             :placeholder="config.placeholder"
             :precision="2"
-            :size="size"
+            :size="componentSize"
             :style="{width:`${config.width? `${config.width}px`:'100%'}`}"
             :unit="config.unit"
         ></BaseNumberInput>
@@ -180,7 +182,7 @@
         />
 
         <!-- 单选框 -->
-        <base-toggle v-if="config.type === 'radio'" v-model="module" :disabled="isDisabled" :size="size"
+        <base-toggle v-if="config.type === 'radio'" v-model="module" :disabled="isDisabled" :size="componentSize"
                      :toggle-color="['var(--color-primary)']"
                      :toggle-list="config.list"></base-toggle>
         <!-- 选择器 -->
@@ -216,6 +218,7 @@
             :autosize="{ minRows: config.rows}"
             :size="componentSize"
             :disabled="disabled"
+            :maxlength="config.max"
         ></t-textarea>
 
       </div>
@@ -269,7 +272,7 @@
 <script>
 import BaseNumberInput from '../../../base/baseNumberInput/index.vue'
 import baseStoreSelect from '../../../base/baseStoreSelect/index.vue'
-import {CheckIcon, CloseIcon,EditIcon} from "tdesign-icons-vue"
+import {CheckIcon, CloseIcon, EditIcon} from "tdesign-icons-vue"
 //
 import {FilterTime, TransomComponentSize} from '../../../../utils/utils'
 import FormSingleUploadItem from "./proFormItem/formSingleUploadItem";
@@ -551,7 +554,7 @@ export default {
       }
     },
   },
-  components: {FormSingleUploadItem, BaseNumberInput, baseStoreSelect, CheckIcon, CloseIcon,EditIcon},
+  components: {FormSingleUploadItem, BaseNumberInput, baseStoreSelect, CheckIcon, CloseIcon, EditIcon},
 }
 </script>
 
@@ -770,5 +773,4 @@ export default {
 }
 
 
-
 </style>

package/packages/components/style/tdesignStyle.less

@@ -1,9 +1,19 @@
-.t-drawer__content-wrapper{
+.t-drawer__content-wrapper {
   background: transparent !important;
 }
-.t-drawer{
+
+.t-drawer {
   box-shadow: none !important;
 }
-.t-drawer__body{
+
+.t-drawer__body {
   padding: 0 !important;
+}
+
+.t-list__inner {
+  height: 100% !important;
+}
+
+.t-form__label {
+  padding-right: 0 !important;
 }