cnhis-design-vue 2.1.34 → 2.1.35

package/packages/fabric-chart/src/fabric-chart2/FabricLeft.vue

@@ -1,104 +0,0 @@
-<script>
-import fabricCommon from '../mixins/fabricCommon';
-import defaultVaule from '../const/defaultVaule';
-
-export default {
-  name: 'fabric-left2',
-  mixins: [fabricCommon],
-  props: {
-    templateData: {
-      type: Object,
-      required: true
-    }
-  },
-  data() {
-    return {};
-  },
-  computed: {
-    defaultTextStyle() {
-      return {
-        ...defaultVaule.style,
-        ...defaultVaule.textStyle,
-        centeredRotation: true,
-        originX: 'center',
-        originY: 'center'
-      };
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.init();
-    });
-  },
-  methods: {
-    init() {
-      this.leftScaleValue(this.templateData.left);
-      this.canvas.renderAll();
-    },
-    leftScaleValue(left) {
-      let groupList = [];
-      const { originX, originY, endY, yCellHeight } = this.propItems;
-      const column = left.leftYScalevalue.length;
-      const colWidth = originX / column;
-      const residue = originX % column;
-      const firstColWidth = colWidth + residue;
-      left.leftYScalevalue.forEach((item, index) => {
-        let list = [];
-        // 刻度外框
-        const rectWidth = index === 0 ? firstColWidth : colWidth;
-        const rectLeft = index === 0 ? 0 : firstColWidth + (index - 1) * colWidth;
-        const line =
-          index > 0
-            ? new this.fabric.Line([rectLeft, originY, rectLeft, endY], {
-                ...defaultVaule.style,
-                ...defaultVaule.borderStyle
-              })
-            : null;
-        line && list.push(line);
-
-        const leftVal = rectLeft + rectWidth / 2;
-
-        // 刻度列表
-        item.list.forEach((v, i) => {
-          const top = endY - i * yCellHeight * left.spaceGridNumber;
-          const text = this.createText(v, leftVal, i === 0 ? top - 5 : top, 'center', item.style);
-          list.push(text);
-        });
-
-        // 添加标题和单位
-        let title = item.name || '';
-        if (item.unit) title += '\n' + item.unit;
-        title && list.push(this.createText(title, leftVal, originY + (yCellHeight * left.spaceGridNumber) / 2, 'center', { ...item.style, textAlign: 'center' }));
-        const group = new this.fabric.Group(list, defaultVaule.style);
-        groupList.push(group);
-      });
-      // 外框
-      groupList.push(
-        new this.fabric.Rect({
-          ...defaultVaule.style,
-          ...defaultVaule.rectStyle,
-          width: originX,
-          height: endY - originY,
-          left: 0,
-          top: originY
-        })
-      );
-      const group = groupList.length > 0 ? new this.fabric.Group([...groupList], { ...defaultVaule.style }) : null;
-      group && group.sendToBack(); // 向下跳底层
-      group && this.canvas.add(group);
-    },
-    createText(text, left, top, originX, style) {
-      return new this.fabric.Text(String(text), {
-        ...this.defaultTextStyle,
-        left,
-        top,
-        originX,
-        ...style
-      });
-    }
-  },
-  render(h) {
-    return this.$slots.default ? h('div', this.$slots.default) : undefined;
-  }
-};
-</script>

package/packages/fabric-chart/src/fabric-chart2/FabricRight.vue

@@ -1,112 +0,0 @@
-<script>
-import fabricCommon from '../mixins/fabricCommon';
-import defaultVaule from '../const/defaultVaule';
-
-export default {
-  name: 'fabric-right2',
-  mixins: [fabricCommon],
-  props: {
-    templateData: {
-      type: Object,
-      required: true
-    }
-  },
-  data() {
-    return {};
-  },
-  computed: {
-    defaultTextStyle() {
-      return {
-        ...defaultVaule.style,
-        ...defaultVaule.textStyle,
-        centeredRotation: true,
-        originX: 'center',
-        originY: 'center'
-      };
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.init();
-    });
-  },
-  methods: {
-    init() {
-      this.rightScaleValue(this.templateData.right || null);
-      this.canvas.renderAll();
-    },
-    rightScaleValue(right) {
-      const { endX, endY, centigradeYCell, canvasWidth, canvasHeight } = this.propItems;
-      if (!right) {
-        this.canvas.add(new this.fabric.Line([canvasWidth - 1, 0, canvasWidth - 1, canvasHeight], defaultVaule.borderStyle));
-        return false;
-      }
-      let list = [];
-      // 华氏度外框
-      list.push(
-        new this.fabric.Rect({
-          ...defaultVaule.style,
-          ...defaultVaule.rectStyle,
-          width: canvasWidth - endX - 1,
-          height: canvasHeight - 1,
-          left: endX,
-          top: 0
-        })
-      );
-
-      // 华氏度列表，目前是整数列表（33℃对应91℉，所以存在误差），如果是正对应的如33℃对应91.4℉则不需要计算difVal和spaceHVaule和spaceHVaule0
-      const difVal = 6;
-      const spaceScaleNumber = right.rightYScalevalue.spaceScaleNumber || 5;
-      const mainScaleWidth = 9;
-      const subScaleWidth = 5;
-      const cList = this.templateData.left.leftYScalevalue.find(v => v.type === 'centigrade').list; // 左侧摄氏度温度list
-      const minC = Math.min(...cList); // 左侧温度刻度最小值
-      const h1 = right.rightYScalevalue.list[1];
-      const h0 = right.rightYScalevalue.list[0];
-      const c1 = (5 * (h1 - 32)) / 9;
-      const c0 = (5 * (h0 - 32)) / 9;
-      const top1 = endY - (c1 - minC) * centigradeYCell - difVal;
-      const top0 = endY - (c0 - minC) * centigradeYCell - difVal;
-      const spaceHVaule = (top0 - top1) / spaceScaleNumber; // 每华氏度之间的间隔高度值
-      let endTop; // 记录最上一个刻度数的高度值，用于计算单位的高度
-      right.rightYScalevalue.list.forEach((v, i) => {
-        const c = (5 * (v - 32)) / 9; // 华氏转换为摄氏，此为固定公式
-        const top = endY - (c - minC) * centigradeYCell - difVal; // 存在6px的误差，因为比如34℃=93.2华氏度而不是93华氏度
-        if (i === right.rightYScalevalue.list.length - 1) endTop = top;
-        const text = this.createText(`${v}°`, endX + mainScaleWidth, i === 0 ? endY - 5 : top, 'left', right.rightYScalevalue.style);
-        list.push(text);
-        // 刻度横线
-        const spaceHVaule0 = (endY - top1) / spaceScaleNumber; // 第一个-每华氏度之间的间隔高度值
-        for (let k = 0; k < spaceScaleNumber; k++) {
-          const scaleTop = i === 0 ? endY - k * spaceHVaule0 : top - k * spaceHVaule;
-          const line = new this.fabric.Line([endX, scaleTop, k > 0 ? endX + subScaleWidth : endX + mainScaleWidth, scaleTop], { ...defaultVaule.borderStyle });
-          list.push(line);
-        }
-      });
-
-      // 单位
-      const width = canvasWidth - endX;
-      const unit = right.rightYScalevalue.unit
-        ? this.createText(right.rightYScalevalue.unit.split('').join('\n'), endX + width / 2, endTop / 2, 'center', right.rightYScalevalue.style)
-        : null;
-      unit && list.push(unit);
-
-      const group = list.length > 0 ? new this.fabric.Group([...list], { ...defaultVaule.style }) : null;
-      group && group.sendToBack(); // 向下跳底层
-      group && this.canvas.add(group);
-    },
-    createText(text, left, top, originX, style) {
-      return new this.fabric.Text(String(text), {
-        ...this.defaultTextStyle,
-        left,
-        top,
-        originX,
-        ...style
-      });
-    }
-  },
-  render(h) {
-    return this.$slots.default ? h('div', this.$slots.default) : undefined;
-  }
-};
-</script>

package/packages/fabric-chart/src/fabric-chart2/FabricTop.vue

@@ -1,172 +0,0 @@
-<script>
-import fabricCommon from '../mixins/fabricCommon';
-import draw from '../mixins/draw';
-import defaultVaule from '../const/defaultVaule';
-
-export default {
-  name: 'fabric-top2',
-  mixins: [fabricCommon, draw],
-  props: {
-    templateData: {
-      type: Object,
-      required: true
-    }
-  },
-  data() {
-    return {};
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.init();
-    });
-  },
-  computed: {
-    girdLineStyle() {
-      return Object.assign({}, defaultVaule.borderStyle, this.templateData.borderStyle || {});
-    }
-  },
-  methods: {
-    init() {
-      this.drawTop(this.templateData.top);
-      this.canvas.renderAll();
-    },
-    drawTop(top) {
-      let list = [];
-      // 日期
-      this.drawTopDate(top, list);
-      // 上午/下午
-      this.drawTopDay(top, list);
-      // 时间刻度
-      this.drawTopTime(top, list);
-      const group = list.length > 0 ? new this.fabric.Group([...list], { ...defaultVaule.style }) : null;
-      group && group.sendToBack(); // 向下跳底层
-      group && this.canvas.add(group);
-    },
-    drawTopTime(top, list) {
-      const { originX, originY, xCellWidth, table } = this.propItems;
-      const dateHeight = top.date?.height || 0;
-      const dayHeight = top.dayHeight || 0;
-      const height = originY - dateHeight - dayHeight;
-      const titleHeight = dayHeight + height;
-      // 标题
-      const title = this.drawTextGroup(
-        {
-          width: originX,
-          height: titleHeight,
-          ...defaultVaule.rectStyle
-        },
-        {
-          text: String(top.xScalevalue.title),
-          ...defaultVaule.textStyle,
-          ...top.textGroupStyle
-        },
-        {
-          left: 0,
-          top: dateHeight
-        }
-      );
-      list.push(title);
-
-      // 时间列表
-      let timeList = [];
-      for (let j = 0; j < table.mainXCell; j++) {
-        timeList.push(top.xScalevalue.list);
-      }
-      timeList.flat().forEach((v, i) => {
-        const left = originX + i * xCellWidth;
-        const textGroup = this.drawTextGroup(
-          {
-            width: xCellWidth,
-            height
-          },
-          {
-            text: String(v),
-            ...defaultVaule.textStyle,
-            ...top.textGroupStyle
-          },
-          {
-            left,
-            top: dateHeight + dayHeight
-          }
-        );
-        list.push(textGroup);
-      });
-    },
-    drawTopDay(top, list) {
-      if (!top.dayHeight) return false;
-      const { originX, xCellWidth, gridXNumber, table } = this.propItems;
-      const height = top.dayHeight;
-      // 上午下午列表
-      const width = xCellWidth * table.subSecondXCell;
-      const dayList = gridXNumber / table.subSecondXCell;
-      for (let i = 0; i < dayList; i++) {
-        const left = originX + i * width;
-        const value = i % 2 === 0 ? '上午' : '下午';
-        const textGroup = this.drawTextGroup(
-          {
-            width,
-            height
-          },
-          {
-            text: String(value),
-            ...defaultVaule.textStyle,
-            ...top.textGroupStyle
-          },
-          {
-            left,
-            top: top.date.height || 0
-          }
-        );
-        list.push(textGroup);
-      }
-    },
-    drawTopDate(top, list) {
-      if (!top.date.height) return false;
-      const { originX, xCellWidth, table } = this.propItems;
-      const height = top.date.height;
-      // 标题
-      const title = this.drawTextGroup(
-        {
-          width: originX,
-          height,
-          ...defaultVaule.rectStyle
-        },
-        {
-          text: String(top.date.title),
-          ...defaultVaule.textStyle,
-          ...top.textGroupStyle
-        },
-        {
-          left: 0,
-          top: 0
-        }
-      );
-      list.push(title);
-      // 日期列表
-      const width = xCellWidth * table.subXCell;
-      top.date.list.forEach((v, i) => {
-        const left = originX + i * width;
-        const textGroup = this.drawTextGroup(
-          {
-            width,
-            height
-          },
-          {
-            text: String(v),
-            ...defaultVaule.textStyle,
-            ...top.textGroupStyle
-          },
-          {
-            left,
-            top: 0
-          }
-        );
-        list.push(textGroup);
-      });
-    }
-  },
-  render(h) {
-    return this.$slots.default ? h('div', this.$slots.default) : undefined;
-  }
-};
-</script>