cnhis-design-vue 2.2.3 → 2.2.5

package/packages/fabric-chart/src/mixins/eventCommon.js

@@ -1,107 +0,0 @@
-export default {
-  name: 'eventCommon',
-  data() {
-    return {
-      dropPointer: {
-        x: 0,
-        y: 0
-      },
-      dropTimer: null,
-      isRightVisible: false,
-      isAddEventListenerContextmenu: false
-    };
-  },
-  watch: {
-    dropPointer: {
-      handler(value) {
-        if (value && !this.isMovingToOtherTarget && !this.isRightVisible) {
-          this.isDropVisible = true;
-          clearTimeout(this.dropTimer);
-          this.dropTimer = setTimeout(() => {
-            this.isDropVisible = false;
-          }, 3000);
-        }
-      },
-      deep: true
-    },
-    isRightVisible: {
-      handler(value) {
-        if (value) this.isDropVisible = false;
-      }
-    }
-  },
-  mounted() {
-    if (this.eventStyle.evented) {
-      document.addEventListener('click', this.handleClickAndScroll, true);
-      document.addEventListener('scroll', this.handleScroll, true);
-    }
-  },
-  methods: {
-    movingShowPopup(movingPopupContentList) {
-      const { x, y } = this.dropPointer;
-      const { yCellHeightTop } = this.propItems;
-      this.dropPos = {
-        left: x,
-        top: y,
-        margin: { top: yCellHeightTop / 2 }
-      };
-      this.dropVal = {
-        title: '',
-        list: movingPopupContentList
-      };
-    },
-    // 折线点移动限制 目前仅限制不能移动出画布
-    pointMoveLimit(point, isLimit = true) {
-      point.setCoords(); // 需调用setCoords()才能重新计算控制位置(改变Object状态)
-      // const objBoundingBox = point.getBoundingRect(); // 此方式会导致结果不精准，应该用point的top值判断
-      const { originX, endX, originY, endY } = this.propItems;
-      const leftLimit = (isLimit && point.prevPoint?.get('left')) || originX;
-      const rightLimit = (isLimit && point.nextPoint?.get('left')) || endX;
-      if (point.top < originY) {
-        point.set('top', originY);
-      }
-      if (point.top > endY) {
-        point.set('top', endY);
-      }
-      if (point.left < leftLimit) {
-        point.set('left', leftLimit);
-      }
-      if (point.left > rightLimit) {
-        point.set('left', rightLimit);
-      }
-    },
-    getContainer() {
-      return this.$el;
-    },
-    /**
-     * 右键监听事件
-     */
-    addEventListenerContextmenu(event) {
-      event.preventDefault();
-      const x = event.offsetX;
-      const y = event.offsetY;
-      if (this.isGridLimit(x, y)) {
-        this._active = {
-          left: x,
-          top: y
-        };
-        this.openRightModal();
-      }
-      return false;
-    },
-    handleClickAndScroll(e) {
-      this.isRightVisible = false;
-    },
-    handleScroll(e) {
-      this.handleClickAndScroll(e);
-    }
-  },
-  beforeDestroy() {
-    if (this.eventStyle.evented) {
-      const upperCanvas = this.canvas.wrapperEl;
-      upperCanvas && upperCanvas.removeEventListener('contextmenu', this.addEventListenerContextmenu, true);
-      document.removeEventListener('click', this.handleClickAndScroll, true);
-      document.removeEventListener('scroll', this.handleScroll, true);
-    }
-  }
-};

package/packages/fabric-chart/src/mixins/fabricCommon.js

@@ -1,77 +0,0 @@
-export default {
-  name: 'fabric-common',
-  inject: ['$canvas', '$group', '$propItems', '$fabric'],
-  computed: {
-    canvas() {
-      return this.$canvas();
-    },
-    group() {
-      return this.$group();
-    },
-    fabric() {
-      const fabric = this.$fabric();
-      fabric.boundsOfCurveCache = false;
-      fabric.Object.objectCaching = false;
-      return fabric;
-    },
-    propItems() {
-      return this.$propItems();
-    }
-  },
-  watch: {
-    canvas: {
-      handler(value) {
-        if (value) {
-          this.$nextTick(() => {
-            this.init?.();
-          });
-        }
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    getXValue(left) {
-      const { xScaleCellList, originX, endX, xScaleList } = this.propItems;
-      let time;
-      if (left === endX) {
-        time = xScaleList[xScaleList.length - 1];
-      } else if (left === originX) {
-        time = xScaleList[0];
-      } else {
-        let index = xScaleCellList.findIndex(v => v.x >= left);
-        !~index && (index = xScaleCellList.length);
-        const obj = xScaleCellList[index - 1];
-        time = obj.time + (left - obj.x) * obj.xScaleTime;
-      }
-      let d = new Date(time);
-      const month = `00${d.getMonth() + 1}`.slice(-2);
-      const day = `00${d.getDate()}`.slice(-2);
-      const hours = `00${d.getHours()}`.slice(-2);
-      const minute = `00${d.getMinutes()}`.slice(-2);
-      return `${d.getFullYear()}-${month}-${day} ${hours}:${minute}`;
-    },
-    // 根据时间戳计算x轴坐标
-    computedX(value) {
-      if (!value) {
-        return '';
-      }
-      const { xScaleList, xScaleCellList, originX, endX, canvasWidth } = this.propItems;
-      const time = new Date(value).getTime();
-      const minScale = Math.min(...xScaleList);
-      const maxScale = Math.max(...xScaleList);
-      if (time < minScale) return 0;
-      if (time > maxScale) return canvasWidth;
-      if (time === minScale) return originX;
-      if (time === maxScale) return endX;
-      let index = xScaleCellList.findIndex(v => v.time >= time);
-      !~index && (index = xScaleCellList.length);
-      const obj = xScaleCellList[index - 1];
-      return obj.x + (time - obj.time) / obj.xScaleTime;
-    },
-    isGridLimit(x, y) {
-      const { originX, originY, endX, endY } = this.propItems;
-      return x >= originX && x <= endX && y >= originY && y <= endY;
-    }
-  }
-};

package/packages/fabric-chart/src/mixins/fabricObject.js

@@ -1,193 +0,0 @@
-import fabricCommon from "./fabricCommon.js"
-// 设置需要监听的事件，面前只监听mouseup事件
-const OBJECT_EVENTS = [
-  'mouseup',
-];
-
-// 通过交互更改的Props，需要通过prop.sync使用
-const EMIT_PROPS = ['angle', 'height', 'left', 'originX', 'originY', 'scaleX', 'scaleY', 'skewX', 'skewY', 'top', 'width'];
-
-// 更改后需要渲染的Props
-const REQUIRE_RENDER = ['angle', 'height', 'left', 'originX', 'originY', 'scaleX', 'scaleY', 'skewX', 'skewY', 'top', 'width', 'visible'];
-
-// 监视结构对象（项目），使用.sync发出更新
-const watchEmitProp = (key, deep) => ({
-  handler(newValue) {
-    // 如果Props已经引起了更新，则不必再提醒更新
-    if (this.$props[key] === newValue) {
-      return;
-    }
-    this.$emit('update:' + key, newValue);
-  },
-  deep
-});
-// 监视Props并使用更改后的值更新项目
-const watchProp = (key, deep) => ({
-  handler(newValue) {
-    // 如果Props没有引起更新，则不会更新画布
-    if (typeof this.item == 'undefined') {
-      return;
-    }
-    if (key === 'id') {
-      this.item.id = newValue;
-      return;
-    }
-    if (this.item.get(key) === newValue) {
-      return;
-    }
-    this.item.set(key, newValue);
-    if (REQUIRE_RENDER.includes(key)) {
-      this.canvas.renderAll();
-    }
-  },
-  deep
-});
-
-export default {
-  name: 'fabric-object',
-  inheritAttrs: false,
-  mixins: [fabricCommon],
-  props: {
-    id: { type: [Number, String], required: true },
-    width: Number,
-    height: Number,
-    padding: { type: Number, default: 0 }, // 对象及其控制边界之间的填充（以像素为单位）
-    left: Number,
-    top: Number,
-    opacity: Number,
-    visible: { type: Boolean, default: true },
-
-    paintFirst: { type: String, default: 'fill' }, // 确定是先绘制还是先填充
-    fill: { type: String, default: '#000000' },
-    stroke:  { type: String, default: '#000000' },
-    strokeWidth: Number,
-    strokeDashArray: Array,
-    strokeDashOffset: Number,
-    strokeLineCap: String,
-    strokeLineJoin: String,
-    strokeMiterLimit: Number,
-    strokeUniform: { type: Boolean, default: false },
-
-    selectable: { type: Boolean, default: true },
-    selectionBackgroundColor: { type: String, default: '' },
-    evented: { type: Boolean, default: true },
-
-    hasBorders: { type: Boolean, default: false }, // 选中后
-    hasControls: { type: Boolean, default: false }, // 设置为false时，不显示对象的控件，并且不能用于操作对象，但不影响调用 event
-
-    backgroundColor: String,
-    borderColor: String,
-    excludeFromExport: { type: Boolean, default: false },
-    hoverCursor: String,
-    includeDefaultValues: { type: Boolean, default: true }, // 当为 false 时，默认对象的值不包括在其序列化中
-    lockMovementX: { type: Boolean, default: false }, // true 锁定 x 方向移动
-    lockMovementY: { type: Boolean, default: false }, // true 锁定 y 方向移动
-    lockRotation: { type: Boolean, default: false }, // true 锁定旋转
-    lockScalingFlip: { type: Boolean, default: false }, // true 负值无法反转
-    lockScalingX: { type: Boolean, default: false }, // true 锁定 x 方向缩放
-    lockScalingY: { type: Boolean, default: false }, // true 锁定 y 方向缩放
-    lockSkewingX: { type: Boolean, default: false }, // true 锁定 x 方向倾斜
-    lockSkewingY: { type: Boolean, default: false }, // true 锁定 y 方向倾斜
-    objectCaching: { type: Boolean, default: false },
-    originX: { type: String, default: 'center' },
-    originY: { type: String, default: 'center' },
-    perPixelTargetFind: { type: Boolean, default: false },
-    rotatingPointOffset: Number
-  },
-  provide() {
-    return {
-      $item: () => this.item
-    };
-  },
-  computed: {
-    definedProps() {
-      const obj = { ...this.$props };
-      Object.keys(obj).forEach(key => {
-        if (obj[key] === undefined) {
-          delete obj[key];
-        }
-      });
-      return obj;
-    },
-    parentType() {
-      if (this.group) {
-        return 'group';
-      }
-      return 'canvas';
-    },
-    parentItem() {
-      if (this.parentType == 'canvas') {
-        return this.canvas;
-      }
-      if (this.parentType == 'group') {
-        return this.group;
-      }
-    },
-    item() {
-      if (this.parentItem) {
-        let canvasObj = this.canvas.getObjects();
-        let res = [];
-        this.transverseCanvasObjects(canvasObj, 'id', this.id, res);
-        return res[0];
-      }
-    }
-  },
-  methods: {
-    transverseCanvasObjects(objects, attr, val, objectList) {
-      for (let i in objects) {
-        // 在组内查看，除非它是您要搜索的组对象
-        if (objects[i]['type'] == 'group' && objects[i][attr] !== val) {
-          this.transverseCanvasObjects(objects[i].getObjects(), attr, val, objectList);
-        } else if (objects[i][attr] == val) {
-          objectList.push(objects[i]);
-        }
-      }
-    },
-    /**
-     * 创建事件
-     */
-    createEvents() {
-      OBJECT_EVENTS.forEach(event => {
-        this.item.on(event, e => {
-          this.$emit(event, { id: this.id, ...e });
-        });
-      });
-    },
-    createWatchers() {
-      this.createFabricItemWatchers();
-      this.createPropWatchers();
-    },
-    createFabricItemWatchers() {
-      EMIT_PROPS.forEach(prop => {
-        this.$watch('item.' + prop, watchEmitProp(prop, true));
-      });
-    },
-    createPropWatchers() {
-      Object.keys(this.$props).forEach(key => {
-        // 自定义监听校验 确保mixin不会重复生成
-        if (typeof this.customWatch !== typeof undefined) {
-          if (this.customWatch.includes(key)) {
-            return;
-          }
-        }
-        this.$watch(key, watchProp(key, true));
-      });
-    }
-  },
-  beforeDestroy() {
-    OBJECT_EVENTS.forEach(event => {
-      if (this.item) {
-        this.item.off(event);
-      }
-    });
-    if (this.parentType == 'group') {
-      if (this.group) {
-        this.group.removeWithUpdate(this.item);
-      }
-    } else {
-      if (this.canvas) {
-        this.canvas.remove(this.item);
-      }
-    }
-  }
-};

package/packages/fabric-chart/src/utils/bus.js

@@ -1,2 +0,0 @@
-import Vue from 'vue';
-export default new Vue();

package/packages/fabric-chart/src/utils/index.js

@@ -1,104 +0,0 @@
-import vexutils from '@/utils/vexutils';
-
-export const isNumber = num => {
-  return typeof num === 'number' && Number.isFinite(num);
-};
-export const isObject = obj => {
-  return Object.prototype.toString.call(obj) === '[object Object]';
-};
-
-export function getTangent(angle) {
-  return +Math.tan((angle * Math.PI) / 180);
-}
-
-export function nearlyEqual(v1, v2) {
-  return Math.abs(v1 - v2) <= 0.0001;
-}
-
-export function sortPoints(points) {
-  return points.sort((a, b) => a[1] - b[1]);
-}
-
-export function uniquePoints(points) {
-  return points.reduce((fin, point) => {
-    if (!hasPoint(fin, point)) fin.push(point);
-    return fin;
-  }, []);
-
-  function hasPoint(points, point) {
-    return points.some(p => nearlyEqual(p[0], point[0]) && nearlyEqual(p[1], point[1]));
-  }
-}
-
-export function isInPolygon(checkPoint, polygonPoints) {
-  let counter = 0;
-  let xinters;
-  let p1, p2;
-  const pointCount = polygonPoints.length;
-  p1 = polygonPoints[0];
-
-  for (let i = 1; i <= pointCount; i++) {
-    p2 = polygonPoints[i % pointCount];
-    if (checkPoint[0] > Math.min(p1[0], p2[0]) && checkPoint[0] <= Math.max(p1[0], p2[0])) {
-      if (checkPoint[1] <= Math.max(p1[1], p2[1])) {
-        if (p1[0] != p2[0]) {
-          xinters = ((checkPoint[0] - p1[0]) * (p2[1] - p1[1])) / (p2[0] - p1[0]) + p1[1];
-          if (p1[1] == p2[1] || checkPoint[1] <= xinters) {
-            counter++;
-          }
-        }
-      }
-    }
-    p1 = p2;
-  }
-  return counter % 2 !== 0;
-}
-
-export function getIntersectionPoint(a, b, c, d) {
-  /** 1 解线性方程组, 求线段交点. **/
-  // 如果分母为0 则平行或共线, 不相交
-  const denominator = (b[1] - a[1]) * (d[0] - c[0]) - (a[0] - b[0]) * (c[1] - d[1]);
-  if (denominator === 0) {
-    return false;
-  }
-
-  // 线段所在直线的交点坐标 (x , y)
-  const x = ((b[0] - a[0]) * (d[0] - c[0]) * (c[1] - a[1]) + (b[1] - a[1]) * (d[0] - c[0]) * a[0] - (d[1] - c[1]) * (b[0] - a[0]) * c[0]) / denominator;
-  const y = -((b[1] - a[1]) * (d[1] - c[1]) * (c[0] - a[0]) + (b[0] - a[0]) * (d[1] - c[1]) * a[1] - (d[0] - c[0]) * (b[1] - a[1]) * c[1]) / denominator;
-
-  /** 2 判断交点是否在两条线段上 **/
-  if (
-    // 交点在线段1上
-    ((x - a[0]) * (x - b[0]) < 0 || nearlyEqual(x, a[0]) || nearlyEqual(x, b[0])) &&
-    ((y - a[1]) * (y - b[1]) < 0 || nearlyEqual(y, a[1]) || nearlyEqual(y, b[1])) &&
-    // 且交点也在线段2上
-    ((x - c[0]) * (x - d[0]) < 0 || nearlyEqual(x, c[0]) || nearlyEqual(x, d[0])) &&
-    ((y - c[1]) * (y - d[1]) < 0 || nearlyEqual(y, c[1]) || nearlyEqual(y, d[1]))
-  ) {
-    // 返回交点p
-    return [x, y];
-  }
-  // 否则不相交
-  return false;
-}
-
-export function sortByTime(list = []) {
-  list.sort((a, b) => {
-    return Date.parse(a[0]) - Date.parse(b[0]);
-  });
-
-  return list;
-}
-
-export function getUuid() {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
-    const r = (Math.random() * 16) | 0,
-      v = c == 'x' ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  });
-}
-
-export function toReversed(arr) {
-  const copyArr = vexutils.clone(arr, true);
-  return copyArr.reverse();
-}

package/packages/form/index.js

@@ -1,16 +0,0 @@
-// 导入组件
-import Base from '../base';
-import Form from './src/Form';
-import Item from './src/Item';
-
-// 为组件提供 install 安装方法，供按需引入
-Form.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Form.name, Form);
-  Vue.component(Item.name, Item);
-  // 这里与antd源码冲突了
-  // Vue.prototype.$form = Form;
-};
-
-// 默认导出组件
-export default Form;

package/packages/form/src/Form.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Form } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'form',
-  extends: Form
-});

package/packages/form/src/Item.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Form } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'form-item',
-  extends: Form.Item
-});

package/packages/form-model/index.js

@@ -1,14 +0,0 @@
-// 导入组件
-import Base from '../base';
-import FormModel from './src/FormModel';
-import Item from './src/Item';
-
-// 为组件提供 install 安装方法，供按需引入
-FormModel.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(FormModel.name, FormModel);
-  Vue.component(Item.name, Item);
-};
-
-// 默认导出组件
-export default FormModel;

package/packages/form-model/src/FormModel.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { FormModel } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'form-model',
-  extends: FormModel
-});

package/packages/form-model/src/Item.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { FormModel } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'form-model-item',
-  extends: FormModel.Item
-});

package/packages/form-table/index.js

@@ -1,16 +0,0 @@
-// 导入组件
-import Vue from 'vue';
-import FormTable from './src/FormTable.vue';
-import Ellipsis from '../ellipsis';
-import ScaleContainer from '../scale-container';
-
-Vue.use(Ellipsis);
-Vue.use(ScaleContainer);
-
-// 为组件提供 install 安装方法，供按需引入
-FormTable.install = function(Vue) {
-  Vue.component(FormTable.name, FormTable);
-};
-
-// 默认导出组件
-export default FormTable;