meixioacomponent 1.1.49 → 2.0.1

package/packages/components/base/baseImg/baseImg.vue

@@ -21,13 +21,12 @@
         :shape="shape"
     ></baseSkeletonVue>
     <div v-if="isError" class="img-error-wrap">
-      <base-icon
-          :color="`s`"
-          :event="true"
-          :name="`meixicomponenticon-tupiancuowu`"
-          :size="`l`"
-          @iconClick="iconClick"
-      ></base-icon>
+      <t-button shape="square" variant="outline" @click="iconClick">
+        <template #icon>
+          <image-error-icon
+          ></image-error-icon>
+        </template>
+      </t-button>
     </div>
   </div>
 </template>
@@ -35,6 +34,7 @@
 <script>
 import useImg from "../../../config/use/UseImg";
 import baseSkeletonVue from "../baseSkeleton/baseSkeleton.vue";
+import {ImageErrorIcon} from "tdesign-icons-vue"
 
 export default {
   name: "baseImg",
@@ -65,6 +65,7 @@ export default {
   },
   components: {
     baseSkeletonVue,
+    ImageErrorIcon
   },
   props: {
     //   cover,fill,contain,

package/packages/components/base/baseInforWrap/baseInforWrap.vue

@@ -4,14 +4,9 @@
       <span>{{ label }}</span>
     </div>
     <div class="base-value">
-      <el-tooltip
-        effect="dark"
-        placement="top"
-        :visible-arrow="false"
-        :content="`${value}`"
-      >
+      <t-tooltip :theme="theme" :content="`${value}`" :placement="placement" :show-arrow="false">
         <span>{{ value }}</span>
-      </el-tooltip>
+      </t-tooltip>
     </div>
   </div>
 </template>
@@ -27,6 +22,14 @@ export default {
       type: String,
     },
     value: {},
+    theme: {
+      type: String,
+      default: 'default'
+    },
+    placement: {
+      type: String,
+      default: 'top'
+    }
   },
 };
 </script>
@@ -38,14 +41,17 @@ export default {
   overflow: hidden;
   background: inherit;
   box-sizing: border-box;
+
   .base-title {
     span {
       color: var(--font-color-s);
       font-size: var(--font-size-base);
     }
   }
+
   .base-value {
     width: 100%;
+
     span {
       width: 100%;
       text-align: left;
@@ -59,6 +65,7 @@ export default {
     }
   }
 }
+
 .base-text-wrap + .base-text-wrap {
   padding-left: calc(var(--padding-5) * 1.5);
   border-left: 1px solid var(--color-border);

package/packages/components/base/baseLineInfoItem/baseLineInfoItem.vue

@@ -16,11 +16,11 @@
       class="infor-value"
       :style="{ width: `calc(100% - ${_labelWidth}px)` }"
     >
-      <el-tooltip
-        effect="dark"
+      <t-tooltip
+        theme="default"
         v-if="!useSlot"
         :content="`${value}`"
-        :visible-arrow="false"
+        :show-arrow="false"
         :placement="tooltipPlacement"
       >
         <span
@@ -31,7 +31,7 @@
         >
           {{ value }}
         </span>
-      </el-tooltip>
+      </t-tooltip>
 
       <div
         v-else

package/packages/components/base/baseList/index.vue

@@ -1,20 +1,10 @@
 <template>
-  <elScrollBar
-      ref="elScrollRef"
-    class="list-wrap"
-    :onScroll="onScroll"
-    :noresize="noresize"
-    :wrapStyle="wrapStyle"
-    :viewStyle="viewStyle"
-  >
-    <slot>
-
-    </slot>
-  </elScrollBar>
+  <t-list :style="wrapStyle" :scroll="{ type: 'virtual' }" @scroll="onScroll" layout="vertical">
+    <slot></slot>
+  </t-list>
 </template>
 
 <script>
-import elScrollBar from './scrollbar/src/main'
 export default {
   name: 'baseList',
   data() {
@@ -23,6 +13,9 @@ export default {
   props: {
     onScroll: {
       type: Function,
+      default:()=>{
+        return ()=>{}
+      }
     },
     noresize: {
       type: Boolean,
@@ -35,20 +28,14 @@ export default {
       type: Object,
     },
   },
-  components: {
-    elScrollBar,
-  },
-  methods:{
-    updateContainer(){
-      this.$refs.elScrollRef.update();
+  components: {},
+  methods: {
+    updateContainer() {
+      // this.$refs.elScrollRef.update();
     }
   }
 }
 </script>
 
 <style lang="less" scoped>
-.list-wrap {
-  width: 100%;
-  height: 100%;
-}
 </style>

package/packages/components/base/baseMoverVerifiBar/baseMoverVerifiBar.vue

@@ -11,12 +11,8 @@ in<template>
       @mouseup.stop="mouseup"
       @mousedown.stop="mousedown"
     >
-      <base-icon
-        :plain="false"
-        :name="iconClass"
-        class="right-icon"
-        :active="statusComplate"
-      ></base-icon>
+      <arrow-right-icon v-if="!statusComplate"></arrow-right-icon>
+      <check-icon v-else></check-icon>
     </div>
     <div class="base-notice-text" :class="{ 'box-moveing': moveStatus == 1 }">
       <span>{{ statusComplate ? complateText : noticText }}</span>
@@ -27,6 +23,7 @@ in<template>
 </template>
 
 <script>
+import {CheckIcon,ArrowRightIcon} from "tdesign-icons-vue"
 export default {
   name: 'baseMoverVerifiBar',
   data() {
@@ -50,6 +47,10 @@ export default {
     document.onmousemove = null
     document.onmouseup = null
   },
+  components:{
+    CheckIcon,
+    ArrowRightIcon
+  },
   props: {
     noticText: {
       type: String,
@@ -89,13 +90,6 @@ export default {
       return this.moveStatus == 2
     },
 
-    iconClass() {
-      if (this.statusComplate) {
-        return 'meixicomponenticon-zhengque'
-      } else {
-        return 'meixicomponenticon-icon-arrow-right'
-      }
-    },
   },
   methods: {
     // 初始化

package/packages/components/base/baseNumberInput/index.vue

@@ -1,59 +1,47 @@
 <template>
   <div :class="{ select: select, disabled: disabled }" class="pro-number-wrap">
-    <el-input-number
-        v-if="!useString"
-        ref="target"
-        v-model.number="module"
-        :class="{
-        unit: unit,
-        controls: controls,
-      }"
-        :controls="controls"
-        :disabled="disabled"
-        :max="max"
-        :maxlength="maxlength"
-        :min="min"
-        :placeholder="placeholder"
-        :precision="precision"
-        :size="size"
-        class="value-input"
-        style="width: 100%; height: 100%;"
-        @change="onChange"
-    ></el-input-number>
+    <t-input-number v-if="!useString" v-model.number="module" :theme=" controls?'row':'normal' " :disabled="disabled"
+                    :max="max" :min="min" :placeholder="placeholder" :decimal-places="precision" :size="size"
+                    @change="onChange" style="width: 100%; height: 100%;">
+      <template #suffix>
+        <div v-if="(unit || select) && !controls" class="number-unit">
+          <span v-if="!select">{{ unit }}</span>
+          <BaseStoreSelect
+              v-else
+              style="width: 100px"
+              v-model="_linkValue"
+              :disabled="disabled"
+              :placeholder="unitPlaceholder"
+              :size="size"
+              :useStore="selectStore"
+          ></BaseStoreSelect>
+        </div>
+      </template>
+
+    </t-input-number>
+
+
+    <t-input-number v-else v-model="module" :theme=" controls?'row':'normal' " :disabled="disabled"
+                    :max="max" :min="min" :placeholder="placeholder" :decimal-places="precision" :size="size"
+                    @change="onChange" style="width: 100%; height: 100%;">
+      <template #suffix>
+        <div v-if="(unit || select) && !controls" class="number-unit">
+          <span v-if="!select">{{ unit }}</span>
+          <BaseStoreSelect
+              v-else
+              style="width: 100px"
+              v-model="_linkValue"
+              :disabled="disabled"
+              :placeholder="unitPlaceholder"
+              :size="size"
+              :useStore="selectStore"
+          ></BaseStoreSelect>
+        </div>
+      </template>
+
+    </t-input-number>
 
 
-    <el-input
-        v-else
-        ref="target"
-        v-model="module"
-        :class="{
-        unit: unit,
-        controls: false,
-      }"
-        :disabled="disabled"
-        :max="max"
-        :maxlength="maxlength"
-        :min="min"
-        :placeholder="placeholder"
-        :precision="precision"
-        :size="size"
-        class="value-input"
-        style="width: 100%; height: 100%;"
-        @change="onChange"
-    ></el-input>
-
-    <div v-if="(unit || select) && !controls" class="number-unit">
-      <span v-if="!select">{{ unit }}</span>
-
-      <BaseStoreSelect
-          v-else
-          v-model="_linkValue"
-          :disabled="disabled"
-          :placeholder="unitPlaceholder"
-          :size="size"
-          :useStore="selectStore"
-      ></BaseStoreSelect>
-    </div>
   </div>
 </template>
 
@@ -147,113 +135,9 @@ export default {
 <style lang="less" scoped>
 .pro-number-wrap {
   width: 100%;
-  display: flex;
-  position: relative;
-  justify-items: center;
-
-  &:hover {
-    border-color: var(--color-primary);
-  }
-
-  .unit {
-    width: calc(100%);
-    border-radius: inherit;
-
-    /deep/ input {
-      padding-right: 34px !important;
-    }
-  }
-
-  .number-unit {
-    width: 28px;
-    height: 28px;
-    right: 2px;
-    top: 50%;
-    transform: translateY(-50%);
-    text-align: center;
-    line-height: 28px;
-    position: absolute;
-    background: var(--color-gray-d);
-
-    span {
-      color: var(--font-color-d);
-      font-size: var(--font-size-s);
-      font-weight: var(--font-weight-g);
-    }
-  }
-
-  .controls {
-    /deep/ .el-input-number__decrease {
-      left: 2px;
-      border-right: 1px solid var(--color-gray-d) !important;
-    }
-  }
-
-  /deep/ .el-input-number__increase {
-    right: 2px;
-    border-left: 1px solid var(--color-gray-d) !important;
-  }
-
-  /deep/ .el-input-number__decrease,
-  /deep/ .el-input-number__increase {
-    top: 50%;
-    width: 40px;
-
-    height: calc(100% - 4px) !important;
-    transform: translateY(-50%);
-  }
 
-  /deep/ .el-input__inner {
-    &:hover,
-    &:focus {
-      border: 2px solid var(--color-primary) !important;
-    }
-  }
-}
-
-.select {
-  .value-input {
-    /deep/ input {
-      padding-right: 71px !important;
-    }
-  }
-
-  .number-unit {
-    width: 65px !important;
-    height: 28px !important;
-    background: var(--color-gray-d);
-
-    /deep/ input {
-      width: 100% !important;
-      height: 24px !important;
-      border: 0px !important;
-      background: inherit !important;
-    }
-
-    // /deep/.el-input.is-disabled .el-input__inner {
-    //   color: var(--font-color-d);
-    // }
-  }
-}
-
-.disabled {
-  &:hover {
-    /deep/ .el-input__inner {
-      &:hover,
-      &:focus {
-        border: 2px solid #bbbfc4 !important;
-      }
-    }
-  }
-
-  .number-unit {
-    span {
-      color: #8f959e;
-    }
-  }
-}
+  .number-unit{
+    width: fit-content;}
 
-/deep/ input {
-  font-weight: var(--font-weight-kg);
 }
 </style>

package/packages/components/base/basePagination/index.vue

@@ -1,19 +1,19 @@
 <template>
   <div class="page-wrap">
-    <el-pagination
 
-        ref="pagination"
-        :current-page.sync="pageProps[`${config.page}`]"
-        :layout="layout"
-        :page-size.sync="pageSize"
-        :page-sizes="pageSizes"
-        :small="small"
-        :total="pageProps[`${config.total}`]"
-        background
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-    >
-    </el-pagination>
+
+    <t-pagination v-if="!small" v-model:current="pageProps[`${config.page}`]" :page-size="pageSize"
+                  :total="pageProps[`${config.total}`]" :page-size-options="pageSizes"
+                  @change="onChange"
+                  @pageSizeChange="handleSizeChange" @current-change="handleCurrentChange">
+    </t-pagination>
+
+
+    <t-pagination-mini v-else v-model:current="pageProps[`${config.page}`]" :page-size="pageSize"
+                       :total="pageProps[`${config.total}`]" :page-size-options="pageSizes"
+                       @change="onChange"
+                       @pageSizeChange="handleSizeChange" @current-change="handleCurrentChange"></t-pagination-mini>
+
   </div>
 </template>
 
@@ -23,6 +23,9 @@ export default {
   data() {
     return {};
   },
+  mounted() {
+    console.log(this.pageSize);
+  },
   props: {
     pageProps: {
       type: Object,
@@ -40,35 +43,25 @@ export default {
     },
   },
   computed: {
-    layout() {
-      if (this.$props.small) {
-        return "prev, pager, next";
-      } else {
-        return "prev, pager,next, sizes,total, jumper";
-      }
-    },
-
     pageSize: {
       set(val) {
         this.pageProps[`${this.config.size}`] = val
+        this.$emit("sizeChange");
       },
       get() {
-        return this.pageProps[`${this.config.size}`]
+        return parseInt(this.pageProps[`${this.config.size}`]);
       }
-    }
-
-
+    },
   },
   methods: {
+    onChange(e) {
+      const {pageSize} = e;
+      this.pageSize = pageSize;
+    },
     handleSizeChange(e) {
-      //console.log("handleSizeChange");
-      this.$props.pageProps[`${this.$props.config.size}`] = e;
       this.$emit("sizeChange");
     },
     handleCurrentChange(e) {
-      //console.log(e);
-      //console.log(this.$props.pageProps);
-      //console.log("handleCurrentChange");
       this.$emit("currentChange");
     },
   },
@@ -78,7 +71,7 @@ export default {
 
 <style lang="less" scoped>
 .page-wrap {
-  width: 100%;
+  width: 100% !important;
   height: auto;
   display: flex;
   align-items: center;