feat: 增加字体粗细选择器并升级组件库

app/web/page/editor/component/DynamicForm/component/FontWeightSelector/index.vue

+<template>
+  <div class="fontWeightSelectorContainer">
+    <span class="option" @click="select(item.id)" v-for="(item, index) in options" :key="index" :class="{selected: item.id == selected}">
+      {{item.label}} 
+    </span>
+    <!-- <Button type="primary" @click="save">保存</Button> -->
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      default: "normal"
+    }
+  },
+  watch: {
+    value(val) {
+      this.selected = val;
+    },
+    selected(val) {
+      this.$emit('input', val);  
+    }
+  },
+  methods: {
+    select(id) {
+      this.selected = id;
+    }
+  },
+  data() {
+    return {
+      options: [
+        {id: 'normal', label: '标准'},
+        {id: 'medium', label: '中粗'},
+        {id: 'bold', label: '加粗'}
+      ],
+      selected: ''
+    }
+  },
+  created() {
+    this.selected = this.value;
+  }
+}
+</script>
+<style scoped lang="less">
+.option{
+  cursor: pointer;
+  border-radius: 4px;
+  line-height:normal;
+  display: inline-block;
+  padding: 3px 5px;
+  border: 1px solid #dddee1;
+  margin: 0 2px;
+  user-select: none;
+  &.selected, &:hover{
+    border-color: #57a3f3;
+    box-shadow: 0px 0px 0px 2px rgb(45 140 240 / 20%)
+  }
+}
+</style>

app/web/page/editor/component/DynamicForm/index.ts

@@ -25,6 +25,7 @@ import CouponTableModal from './component/CouponTableModal/index.vue';
 import Textarea from './component/Textarea/index.vue';
 import Number from './component/Number/index.vue';
 import ColumnSelector from './component/ColumnSelector/index.vue';
+import FontWeightSelector from './component/FontWeightSelector/index.vue';
 import { resizeDiv, getStyle } from '@/service/utils.service';
 import { getAllScheme } from '../../../store/modules/editor/scheme';
 import EventBus from '@service/eventBus.service';
@@ -52,7 +53,8 @@ const allComponentsMap = getAllScheme();
   SwiperListSelector,
   GoodsSwiperSelector,
   GoodsChannelTypeSelector,
-  GoodsPromotionTypeSelector
+  GoodsPromotionTypeSelector,
+  FontWeightSelector
 }, name: 'DynamicForm' })
 export default class DynamicForm extends Mixins(ContextMenuMixin, DynamicFormMixin) {
   @State(state => state.editor.curEleIndex) curEleIndex;

package-lock.json

@@ -2176,9 +2176,9 @@
       }
     },
     "@qg/citrus-ui": {
-      "version": "0.3.55",
-      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.3.55.tgz",
-      "integrity": "sha512-c/TnAe/oTURSk7jR+k9Ql/WFwO2/KmZ9pD9KwG2q/m2iWaecAf73u5lyBhtGyyqnJv0V/nyGtfYsC+/HiFcgHw==",
+      "version": "0.3.55-beta1",
+      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.3.55-beta1.tgz",
+      "integrity": "sha512-8QJe/rybCcJJ58YzFdPTmD/S/98sfmJhPBvQJlP9f1vBZzcMrIcNalCzdrD14wCRDYhjD34mtLvqebOQUQ6AzQ==",
       "requires": {
         "@better-scroll/core": "^2.1.1",
         "@qg/cherry-ui": "^2.23.9",

package.json

@@ -30,7 +30,7 @@
     "@hubcarl/json-typescript-mapper": "^2.0.0",
     "@qg/apollo-nodejs": "^2.1.2",
     "@qg/cherry-ui": "2.23.10",
-    "@qg/citrus-ui": "0.3.55",
+    "@qg/citrus-ui": "0.3.55-beta1",
     "@riophae/vue-treeselect": "^0.4.0",
     "@types/lodash": "^4.14.117",
     "@types/node": "^10.12.0",