meixioacomponent 0.4.46 → 0.4.49

package/lib/style/theme/light.less

@@ -24,7 +24,7 @@
   --font-color-ds: #8f959e;
   // 字体颜色 按钮等primary 里面文字的白色非必要不要改
   --text-white: white;
-  --form-label-color: #42526e;
+  --form-label-color: #42526E;
   // 下拉 使用的组件包括：下拉菜单 / 气泡确认框 / 选择器 /
   --shadow-down: 0px 4px 10px rgba(0, 0, 0, 0.05);
   // fixed 使用的组件包括：全局提示 / 消息通知

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "0.4.46",
+  "version": "0.4.49",
   "private": false,
   "author": "YuRi",
   "main": "lib/meixioacomponent.umd.min.js",

package/packages/components/base/basePlainTable/basePlainTable.vue

@@ -34,7 +34,18 @@
             v-if="item.template"
           ></slot>
 
-          <span v-else class="cell-content-text">
+          <span
+            v-else
+            class="cell-content-text"
+            :style="{
+              color: item.color,
+            }"
+            :class="[
+              item.fn ? 'handle-primary' : '',
+              item.type ? item.type : '',
+            ]"
+            @click="rowClick(item, scope.row)"
+          >
             {{ scope.row[`${item.value}`] }}
           </span>
         </template>
@@ -78,6 +89,12 @@ export default {
       default: 'auto',
     },
   },
+  methods: {
+    rowClick(item, row) {
+      if (!item.fn) return
+      item.fn(row)
+    },
+  },
 }
 </script>
 
@@ -105,4 +122,33 @@ export default {
   }
   //   background: var(--color-gray-d);
 }
+
+.handle-primary {
+  cursor: pointer;
+  text-decoration: underline !important;
+}
+
+.primary,
+.handle-primary {
+  color: var(--color-primary) !important;
+}
+
+.success {
+  color: var(--color-success) !important;
+}
+.error {
+  color: var(--color-error) !important;
+}
+
+.warn {
+  color: var(--color-warn) !important;
+}
+
+.primary,
+.handle-primary,
+.success,
+.error,
+.warn {
+  font-weight: var(--font-weight-g);
+}
 </style>

package/packages/components/base/baseSection/baseSection.vue

@@ -22,14 +22,14 @@
 
 <script>
 export default {
-  name: "baseSection",
+  name: 'baseSection',
   data() {
-    return {};
+    return {}
   },
   mounted() {
     this.$nextTick(() => {
-      this.init();
-    });
+      this.init()
+    })
   },
   beforeDestroy() {},
   props: {
@@ -55,24 +55,24 @@ export default {
   computed: {
     module: {
       set(val) {
-        this.$emit("input", val);
+        this.$emit('input', val)
       },
       get() {
-        return this.$props.value;
+        return this.$props.value
       },
     },
   },
   methods: {
     init() {
-      if (!this.$props.event) return;
+      if (!this.$props.event) return
     },
     handleOpen() {
-      if (this.$props.disable) return;
-      this.module = !this.module;
-      this.$emit("visibleContent", this.module);
+      if (this.$props.disable) return
+      this.module = !this.module
+      this.$emit('visibleContent', this.module)
     },
   },
-};
+}
 </script>
 
 <style lang="less" scoped>
@@ -106,9 +106,22 @@ export default {
     }
   }
   .header-text {
+    position: relative;
+    display: inline-block;
     color: var(--font-color-d);
     font-size: var(--font-size-base);
     font-weight: var(--font-weight-kg);
+    margin-left: var(--margin-4);
+    &::before {
+      top: 0px;
+      left: -10px;
+      width: 4px;
+      height: 100%;
+      content: '';
+      position: absolute;
+      border-radius: var(--radius);
+      background: var(--color-primary);
+    }
   }
   .section-content {
     padding: calc(var(--padding-4) * 2) 0px;

package/packages/components/proForm/proForm/pro_form.vue

@@ -24,7 +24,9 @@
           v-if="formType != 'template'"
           :class="[`${flexClass}`, size]"
         >
-          <span slot="label" class="item-label">{{ item.label }}</span>
+          <span slot="label" class="item-label lable-text">
+            {{ item.label }}
+          </span>
 
           <template>
             <pro_form_itemVue
@@ -500,5 +502,11 @@ export default {
       padding-top: 0px;
     }
   }
+
+  .lable-text {
+    color: var(--form-label-color) !important;
+    font-weight: 400 !important;
+    font-size: var(--font-size-base);
+  }
 }
 </style>

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

@@ -432,11 +432,8 @@ export default {
           type: item.type,
           result: item.fn(val),
         }
-     
-        
-        this.$emit('disableWatcherResult', obj)
-
 
+        this.$emit('disableWatcherResult', obj)
       })
     },
   },
@@ -555,6 +552,8 @@ export default {
   }
 }
 
+
+
 .item-content {
   /deep/ textarea {
     border: 0px !important;

package/packages/components/style/theme/light.less

@@ -24,7 +24,7 @@
   --font-color-ds: #8f959e;
   // 字体颜色 按钮等primary 里面文字的白色非必要不要改
   --text-white: white;
-  --form-label-color: #42526e;
+  --form-label-color: #42526E;
   // 下拉 使用的组件包括：下拉菜单 / 气泡确认框 / 选择器 /
   --shadow-down: 0px 4px 10px rgba(0, 0, 0, 0.05);
   // fixed 使用的组件包括：全局提示 / 消息通知

package/src/App.vue

@@ -1,12 +1,8 @@
 <template>
   <div id="app">
     <div style="height: 100vh;">
-      <!-- <testVue></testVue> -->
-      <base-number-input
-        style="width: 200px; margin-left: 20px; margin-top: 20px;"
-        v-model="test"
-        :controls="true"
-      ></base-number-input>
+      <testVue></testVue>
+
     </div>
   </div>
 </template>

package/src/component/test.vue

@@ -544,7 +544,7 @@ export default {
 <!-- 普通表单 -->
 
 <!-- 上传表单 -->
-<template>
+<!-- <template>
   <base-dialog-form
     ref="dialogFormVue"
     :title="`测试表格`"
@@ -782,9 +782,9 @@ export default {
 }
 </script>
 
-<style></style>
+<style></style> -->
 
-<!-- <template>
+<template>
   <base-form-wrap
     :rowNumber="2"
     :disables="disables"
@@ -826,4 +826,4 @@ export default {
 }
 </script>
 
-<style lang="less" scoped></style> -->
+<style lang="less" scoped></style>

package/vue.config.js

@@ -8,7 +8,7 @@ module.exports = {
     extract: false,
   },
 
-  productionSourceMap: true,
+  productionSourceMap: false,
 
   devServer: {
     proxy: {