meixioacomponent 1.1.49 → 2.0.2

package/lib/style/font-family.less

@@ -3,4 +3,5 @@
     src: url('data:application/font-woff;charset=utf-8;base64,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') format('woff');
     font-weight: normal;
     font-style: normal;
-}
+}
+

package/lib/style/index.less

@@ -1,9 +1,16 @@
 @import "./theme/theme.less";
 @import "./variables.less";
-@import "./element/index.css";
-@import "./element/common_class.less";
+@import "./tdesignStyle.less";
 @import "./meixioacomponenticonfont/meixicomponenticonfont.css";
 
+
+@font-face {
+  font-family: 'TCloudNumber ';
+  src: url("./meixioacomponenticonfont/TCloudNumberVF.ttf");
+  font-weight: normal;
+  font-style: normal;
+}
+
 body {
   color: var(--font-white-2);
   font-family: var(--font-family) !important;

package/lib/style/tableStyle.less

@@ -1,18 +1,5 @@
-/deep/ .el-table__row {
-  &:last-of-type {
-    td {
-      border-bottom: 0;
-    }
-  }
-
-  &:first-of-type {
-    td {
-      border-bottom: 1px solid var(--color-table-border)
-    }
-  }
 
 
-}
 
 .cell-content-text {
   width: 100%;
@@ -44,6 +31,21 @@
 }
 
 
+.primary,
+.fun,.handle-primary {
+  color: var(--color-primary) !important;
+  font-size: var(--font-size-base) !important;
+}
+
+.fun,.handle-primary  {
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+
 .wait {
   /deep/ .el-table__fixed-header-wrapper {
     z-index: 0 !important;

package/lib/style/tdesignStyle.less

@@ -0,0 +1,9 @@
+.t-drawer__content-wrapper{
+  background: transparent !important;
+}
+.t-drawer{
+  box-shadow: none !important;
+}
+.t-drawer__body{
+  padding: 0 !important;
+}

package/lib/style/variables.less

@@ -24,7 +24,7 @@
   --font-size-xl: calc(var(--font-size) * 2); // 字号-二级字号 20
   --font-size-xxl: calc(var(--font-size) * 3.6); // 字号-一级字号 36
   // 字号
-  --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  --font-family: TCloudNumber, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
   Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
   // 图标尺寸
   --icon-size-s: 12px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "1.1.49",
+  "version": "2.0.2",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -25,7 +25,6 @@
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-preset-es2015": "^6.24.1",
     "cp-cli": "^1.0.2",
-    "element-ui": "^2.13.2",
     "install": "^0.13.0",
     "less": "^4.0.0",
     "less-loader": "^8.0.0",
@@ -41,7 +40,8 @@
     "vue-class-component": "^7.2.6",
     "vue-cropper": "^0.5.8",
     "vue-property-decorator": "^9.1.2",
-    "vue-template-compiler": "^2.7.10"
+    "vue-template-compiler": "^2.7.10",
+    "tdesign-vue": "^1.10.5-naruto"
   },
   "browserslist": [
     "> 1%",

package/packages/components/base/baseAppendix/baseAppendix.vue

@@ -1,29 +1,27 @@
 <template>
   <div class="base-appendix-wrap">
     <div class="appendix-title">
-      <base-icon
-        :name="`meixicomponenticon-weibiaoti--`"
-        :color="`d`"
-        :size="`l`"
-      ></base-icon>
+      <combination-icon></combination-icon>
       <span>附件</span>
     </div>
 
     <div class="appendix-content">
       <uploadItemVue
-        :key="index"
-        :item="item"
-        :type="`appendix`"
-        :disabled="disabled"
-        v-for="(item, index) in module"
-        @deleteAppendixItem="deleteAppendixItem(index)"
+          :key="index"
+          :item="item"
+          :type="`appendix`"
+          :disabled="disabled"
+          v-for="(item, index) in module"
+          @deleteAppendixItem="deleteAppendixItem(index)"
       ></uploadItemVue>
     </div>
   </div>
 </template>
 
 <script>
+import {CombinationIcon} from "tdesign-icons-vue"
 import uploadItemVue from "../upload/uploadItem.vue";
+
 export default {
   name: "baseAppendix",
   data() {
@@ -52,6 +50,7 @@ export default {
   },
   components: {
     uploadItemVue,
+    CombinationIcon
   },
   methods: {
     deleteAppendixItem(index) {
@@ -68,11 +67,13 @@ export default {
   padding: var(--padding-5);
   border-radius: calc(var(--radius) * 2);
   border: 1px dashed var(--color-border-d);
+
   .appendix-title {
     width: auto;
     display: flex;
     align-items: center;
     margin-bottom: var(--margin-5);
+
     span {
       color: var(--font-color-d);
       font-size: var(--font-size-base);

package/packages/components/base/baseArea/baseArea.vue

@@ -1,29 +1,29 @@
 <template>
   <div class="base-area-select-wrap">
-    <el-popover
+    <t-popup
+        v-model="isOpen"
         ref="popover"
         :disabled="disable"
         placement="bottom"
         trigger="click"
-        @hide="eventHide"
-        @show="eventShow"
+        @visible-change="(visible)=>{
+          if(visible){
+            eventShow();
+          }else{
+            eventHide();
+          }
+
+        }"
     >
       <!-- 内容 -->
-      <template>
+      <template #content>
         <div class="area-select-content">
           <div class="content-title">
             <div class="title-left">
               <span>地区选择器</span>
             </div>
             <div class="title-right">
-              <base-icon
-                  v-show="activeIndex > 1"
-                  :color="`s`"
-                  :event="true"
-                  :name="`meixicomponenticon-icon-arrow-left`"
-                  :size="`l`"
-                  @iconClick="backArea"
-              ></base-icon>
+              <LocationIcon @click="backArea" v-show="activeIndex>1"></LocationIcon>
             </div>
           </div>
           <div class="content-middle">
@@ -45,19 +45,17 @@
                     :key="index"
                     :class="{ active: item.label == activeArea }"
                     class="area-item"
-                    @click="checkArea(item)"
                 >
-                  <base-icon
-                      v-if="item.label == activeArea"
-                      :color="`d`"
-                      :event="true"
-                      :name="`meixicomponenticon-close`"
-                      :plain="true"
-                      :size="`s`"
-                      class="delete-icon"
-                      @iconClick="deleteCheck"
-                  ></base-icon>
-                  <span :title="item.label">{{ item.label }}</span>
+
+                  <t-button v-if="item.label == activeArea" shape="square" variant="outline" @click="deleteCheck">
+                    <template #icon>
+                      <CloseCircleIcon
+                      ></CloseCircleIcon>
+                    </template>
+                  </t-button>
+
+
+                  <span :title="item.label" @click="checkArea(item)">{{ item.label }}</span>
                 </div>
               </div>
               <div class="middle-right-bottom">
@@ -70,32 +68,35 @@
         </div>
       </template>
       <div
-          slot="reference"
           :class="{
           'is-open': isOpen,
         }"
           class="area-select-input"
           @click="openSelectWrap"
       >
-        <el-input
-            v-model="showModule"
-            :disabled="disable"
-            :readonly="true"
-            :size="size"
-            :suffix-icon="suffixIcon"
-            placeholder="请选择地区"
-        ></el-input>
+        <t-input :size="componentSize"
+                 v-model="showModule"
+                 :disabled="disable"
+                 :readonly="true"
+                 placeholder="请选择地区">
+          <template #suffix-icon>
+            <arrow-down-icon v-if="isOpen"></arrow-down-icon>
+            <arrow-up-icon v-else></arrow-up-icon>
+          </template>
+        </t-input>
       </div>
-    </el-popover>
+    </t-popup>
   </div>
 </template>
 
 <script>
-import {json} from 'body-parser'
 import baseButtonHandleVue from '../baseButtonHandle/baseButtonHandle.vue'
 //
 import areaJson from './area'
 import areaConfig from './areaConfig'
+import {ArrowDownIcon, ArrowUpIcon, CloseCircleIcon, LocationIcon} from "tdesign-icons-vue"
+import {baseTimeTypeConfig} from "../baseTimeTypeSelect/config";
+import {TransomComponentSize} from "../../../utils/utils";
 
 export default {
   name: 'baseArea',
@@ -131,7 +132,11 @@ export default {
   },
 
   components: {
+    LocationIcon,
+    CloseCircleIcon,
     baseButtonHandleVue,
+    ArrowUpIcon,
+    ArrowDownIcon
   },
   computed: {
     module: {
@@ -143,13 +148,6 @@ export default {
       },
     },
 
-    suffixIcon() {
-      if (this.isOpen) {
-        return 'el-icon-arrow-up'
-      } else {
-        return 'el-icon-arrow-down'
-      }
-    },
     baseTimeTypeConfig() {
       return baseTimeTypeConfig
     },
@@ -187,6 +185,9 @@ export default {
       }
       return []
     },
+    componentSize() {
+      return TransomComponentSize(this.$props.size)
+    }
   },
   methods: {
     init() {
@@ -267,7 +268,7 @@ export default {
 
     openSelectWrap() {
       if (this.$props.disable) return
-      this.isOpen = !this.isOpen
+      // this.isOpen = !this.isOpen
     },
     // 选择省份
     checkProvince(province) {
@@ -365,7 +366,7 @@ export default {
     },
 
     doClose() {
-      this.$refs.popover.doClose()
+      this.isOpen = false;
     },
 
     // 滚动到指定位置
@@ -530,8 +531,10 @@ export default {
           background: inherit;
           width: calc(33% - 8px);
           margin: var(--margin-4);
-          margin-left: 0px;
-          justify-content: center;
+          margin-left: 0;
+          flex-flow: row nowrap;
+          align-items: center;
+          justify-content: flex-start;
           border-radius: calc(var(--radius) * 2);
 
           span {
@@ -544,14 +547,6 @@ export default {
             text-overflow: ellipsis;
           }
 
-          .delete-icon {
-            top: 0px;
-            right: 0px;
-            display: none;
-            position: absolute;
-            transform: translateY(-50%);
-          }
-
           &:hover {
             background: var(--bg-gray);
 

package/packages/components/base/baseAvatar/baseAvatar.vue

@@ -1,30 +1,32 @@
 <template>
-  <el-badge :hidden="module ? false : true" :value="module">
+  <t-badge :count="module">
     <div :class="[size, shape]" class="base-avatar-wrap">
-      <baseImgVue v-if="type == 'img'" :event="view" :src="source" @iconClick="iconClick"></baseImgVue>
-      <span v-else-if="type == 'text'">{{ source }}</span>
-      <base-icon
-          v-else-if="type == 'icon'"
-          :color="`d`"
-          :event="event"
-          :name="source"
-          :plain="true"
-          :size="`l`"
-          @iconClick="iconClick"
-      ></base-icon>
+
+      <baseImgVue v-if="type === 'img'" :event="view" :src="source" @iconClick="iconClick"></baseImgVue>
+      <span v-else-if="type === 'text'">{{ source }}</span>
+
+
+      <t-button shape="square" variant="outline" v-else-if="type === 'icon'" @click="iconClick">
+        <template #icon>
+          <user-circle-icon
+          ></user-circle-icon>
+        </template>
+      </t-button>
     </div>
-  </el-badge>
+  </t-badge>
 </template>
 
 <script>
 import baseImgVue from '../baseImg/baseImg.vue'
+import {UserCircleIcon} from "tdesign-icons-vue"
+
 
 export default {
   name: 'baseAvatar',
   data() {
     return {}
   },
-  components: {baseImgVue},
+  components: {baseImgVue, UserCircleIcon},
   props: {
     type: {
       type: String,

package/packages/components/base/baseButton/baseButton.vue

@@ -0,0 +1,80 @@
+<template>
+  <t-button
+      v-bind="$attrs"
+      :loading="loading"
+      :disabled="disabled"
+      :size="transomSize" :theme="transomTheme" @click="onHandleClick ">
+    <template #icon>
+      <slot name="icon"></slot>
+    </template>
+    <slot></slot>
+  </t-button>
+</template>
+
+<script>
+export default {
+  name: 'baseButton',
+  data() {
+    return {}
+  },
+  props: {
+    size: {
+      type: String,
+      default: 'mini'
+    },
+    type: {
+      type: String,
+      default: 'primary'
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    transomSize() {
+      switch (this.$props.size) {
+        case 'mini':
+          return "small";
+        case 'small':
+            return 'medium'
+        case 'medium':
+          return 'large'
+        default:
+          return 'medium'
+      }
+    },
+    transomTheme() {
+      switch (this.type) {
+        case 'info':
+          return 'default'
+        case 'primary':
+          return 'primary'
+        case 'success':
+          return 'success';
+        case 'warning':
+          return 'warning ';
+        case 'danger':
+          return 'danger';
+        default:
+          return 'default'
+      }
+    }
+  },
+  methods: {
+    onHandleClick() {
+      this.$emit('click');
+    }
+  }
+
+}
+</script>
+
+
+
+
+

package/packages/components/base/baseButton/index.js

@@ -0,0 +1,6 @@
+import baseButton from "./baseButton.vue";
+
+baseButton.install = function (Vue) {
+    Vue.component(baseButton.name, baseButton);
+};
+export default baseButton;

package/packages/components/base/baseButtonHandle/baseButtonHandle.vue

@@ -1,19 +1,22 @@
 <template>
   <div :style="footerHandleClick" class="footer-handle-wrap">
-    <el-button
+    <base-button
         v-for="(item, index) in config"
         v-show="!item.hide"
         :key="index"
         :disabled="item.disabled"
         :loading="item.loading"
-        :plain="item.plain"
         :size="size"
         :type="item.type"
+        style="margin-right: var(--margin-4)"
         @click="handleClick(item)"
     >
-      <i v-if="item.icon" :class="item.icon"></i>
+      <template #icon>
+        <i v-if="item.icon" :class="item.icon"></i>
+      </template>
       {{ item.text }}
-    </el-button>
+    </base-button>
+
   </div>
 </template>
 
@@ -54,6 +57,35 @@ export default {
         item.click()
       }
     },
+    transomSize(size) {
+      switch (size) {
+        case 'mini':
+          return "small";
+        case 'small':
+          return 'medium'
+        case 'medium':
+          return 'large'
+        default:
+          return 'medium'
+      }
+    },
+    transomTheme(theme) {
+      switch (theme) {
+        case 'info':
+          return 'default'
+        case 'primary':
+          return 'primary'
+        case 'success':
+          return 'success';
+        case 'warning':
+          return 'warning ';
+        case 'danger':
+          return 'danger';
+        default:
+          return 'default'
+
+      }
+    }
   },
 }
 </script>