cnhis-design-vue 2.2.3 → 2.2.6

package/packages/drag-layout/index.js

@@ -1,12 +0,0 @@
-// 导入组件
-import DragLayout from './drag-layout';
-
-// 为组件提供 install 安装方法，供按需引入
-DragLayout.install = function(Vue) {
-  Vue.component(DragLayout.name, DragLayout);
-};
-
-
-
-// 默认导出组件
-export default DragLayout;

package/packages/drawer/index.js

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

package/packages/drawer/src/Drawer.jsx

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

package/packages/dropdown/index.js

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

package/packages/dropdown/src/Dropdown.jsx

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

package/packages/editor/index.js

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

package/packages/editor/src/Editor.vue

@@ -1,201 +0,0 @@
-<template>
-  <div class="editor" :id="editorWrapId"> </div>
-</template>
-
-<script>
-/**
- * @author wenhongling
- * @desc 富文本编辑器
- * @time 2021-07-01
- */
-import create from '@/core/create';
-import E from 'wangeditor';
-import { getPasteImgs } from "./utils";
-import Vue from 'vue';
-import VueXss from 'vue-xss';
-
-const colors = ['#ff0000'];
-export default create({
-  name: 'editor',
-  props: {
-    config: {
-      type: Object,
-      default: () => {}
-    },
-    isDisabled: {
-      type: Boolean,
-      default: false
-    },
-    value: {
-      type: String
-    },
-    uploadImgUrl: {
-      type: String,
-      default: '/hospitalUpload/picture'
-    }
-  },
-  components: {},
-  computed: {},
-  watch: {},
-  data() {
-    return {
-      editor: null,
-      editorWrapId: 'editorWrapId',
-      newHtml: ''
-    };
-  },
-  beforeCreate() {
-    !this.$xss && Vue.use(VueXss);
-  },
-  mounted() {
-    // 每次实例都生成唯一的id
-    this.editorWrapId = this.randomId();
-    this.$nextTick(() => {
-      this.init();
-    });
-  },
-  methods: {
-    init() {
-      this.editor = new E(`#${this.editorWrapId}`);
-      // 配置粘贴文本的内容处理
-      this.editor.config.pasteTextHandle = pasteStr => {
-        return pasteStr.replace(/]*src=['"]([^'"]+)[^>]*>/gi, match => {
-          const newMatch = match.split('?')[0];
-          // 显示粘贴的403图片
-          const str = newMatch.replace('src="', 'src="https://images.weserv.nl/?url=') + '"';
-          return str;
-        });
-      };
-
-      this.editor.config.colors = this.editor.config.colors.concat(colors);
-      this.editor.config = Object.assign(
-        {},
-        this.editor.config,
-        {
-          customUploadImg: this.customUploadImg,
-          onchange: this.onchange
-        },
-        this.config
-      );
-      const that = this;
-      this.editor.txt.eventHooks.pasteEvents.unshift(function(e) {
-        that.hasPasteImgs = false;
-        const pasteImgs = getPasteImgs(e);
-        const list = pasteImgs.filter(Boolean);
-        that.hasPasteImgs = list.length > 0;
-      });
-      this.editor.create();
-      this.$emit('ready');
-      this.setWatch();
-    },
-    setWatch() {
-      this._triggerChange = false;
-      this.setContent(this.value || '');
-
-      this.disable(this.isDisabled);
-
-      this.$watch('isDisabled', val => {
-        this.disable(val);
-      });
-      this.$watch('value', val => {
-        if (this.newHtml != val) {
-          this.setContent(val);
-        }
-      });
-    },
-    /**
-     * 自定义图片上传
-     */
-    customUploadImg(resultFiles, insertImgFn) {
-      // resultFiles 是 input 中选中的文件列表
-      // insertImgFn 是获取图片 url 后，插入到编辑器的方法
-      // 上传图片，返回结果，将图片插入到编辑器中
-      let [file] = resultFiles || [];
-      let params = new FormData();
-      params.append('file', file);
-      this.axios
-        .post(this.uploadImgUrl, params)
-        .then(({ data }) => {
-          if (data.result === 'SUCCESS') {
-            console.log(data);
-            let url = data?.map?.url;
-            url && insertImgFn(url);
-          } else {
-            this.$message.error(data.resultMsg || '上传失败！');
-          }
-        })
-        .catch(err => {
-          this.$message.error(err.resultMsg || '上传失败！');
-        });
-    },
-    /**
-     * 内容发生改变
-     */
-    onchange(newHtml) {
-      let res = newHtml;
-      this.newHtml = newHtml;
-      if (this._triggerChange || newHtml) {
-        this.$emit('change', res);
-      }
-      this._triggerChange = true;
-      this.$emit('input', res);
-    },
-    setContent(content) {
-      this.editor.txt.html((content && this.$xss(content)) || '');
-    },
-    appendContent(content) {
-      this.editor.txt.append(content);
-    },
-    getContent(type) {
-      return this.editor.txt[type]();
-    },
-    getJSON() {
-      return this.editor.txt.getJSON();
-    },
-    setJSON(arr) {
-      this.editor.txt.setJSON(arr);
-    },
-    clear() {
-      this.editor.txt.clear();
-    },
-
-    // 设置全屏
-    setFullScreen(flag) {
-      if (flag) {
-        this.editor.fullScreen();
-      } else {
-        this.editor.unFullScreen();
-      }
-    },
-
-    // 是否禁用
-    disable(flag) {
-      if (flag) {
-        this.editor.disable();
-      } else {
-        this.editor.enable();
-      }
-    },
-
-    randomId(len) {
-      return (
-        'id' +
-        Math.random()
-          .toString(36)
-          .substr(3, len) +
-        new Date().getTime()
-      );
-    }
-  },
-  beforeDestroy() {
-    // 销毁编辑器
-    this.editor.destroy();
-    this.editor = null;
-  }
-});
-</script>
-<style scoped>
-.editor {
-  width: 100%;
-}
-</style>

package/packages/editor/src/utils.js

@@ -1,65 +0,0 @@
-/**
- * 替换 html 特殊字符
- * @param html html 字符串
- */
-export function replaceHtmlSymbol(html) {
-  return html
-    .replace(/</gm, "&lt;")
-    .replace(/>/gm, "&gt;")
-    .replace(/"/gm, "&quot;")
-    .replace(/(\r\n|\r|\n)/g, "<br/>");
-}
-
-/**
- * 获取粘贴的纯文本
- * @param e Event 参数
- */
-export function getPasteText(e) {
-  // const clipboardData = e.clipboardData || (e.originalEvent && e.originalEvent.clipboardData)
-  const clipboardData = e.clipboardData; // 暂不考虑 originalEvent 的情况
-  let pasteText = "";
-  if (clipboardData == null) {
-    pasteText = window.clipboardData && window.clipboardData.getData("text");
-  } else {
-    pasteText = clipboardData.getData("text/plain");
-  }
-  return replaceHtmlSymbol(pasteText);
-}
-
-function forEach(obj, fn) {
-  for (let key in obj) {
-    if (Object.prototype.hasOwnProperty.call(obj, key)) {
-      const result = fn(key, obj[key]);
-      if (result === false) {
-        // 提前终止循环
-        break;
-      }
-    }
-  }
-}
-
-/**
- * 获取粘贴的图片文件
- * @param e Event 参数
- */
-export function getPasteImgs(e) {
-  const result = [];
-  const txt = getPasteText(e);
-  if (txt) {
-    // 有文字，就忽略图片
-    return result;
-  }
-
-  const items = e.clipboardData?.items;
-
-  if (!items) return result;
-
-  forEach(items, (key, value) => {
-    const type = value.type;
-    if (/image/i.test(type)) {
-      result.push(value.getAsFile());
-    }
-  });
-
-  return result;
-}

package/packages/ellipsis/index.js

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

package/packages/ellipsis/src/Ellipsis.vue

@@ -1,65 +0,0 @@
-<template>
-  <a-tooltip placement="top" :visible="visible">
-    <template slot="title">
-      <span>{{ content }}</span>
-    </template>
-    <span class="ellipsis-content" ref="contentRef" @mouseenter="show" @mouseleave="hidden">
-      <span ref="contentInnerRef">{{ content }}</span>
-    </span>
-  </a-tooltip>
-</template>
-
-<script>
-import { defineComponent, ref } from "@vue/composition-api";
-import { Tooltip } from 'ant-design-vue';
-import create from '@/core/create';
-
-export default create(defineComponent({
-  name: "ellipsis",
-  components: {
-    [Tooltip.name]: Tooltip,
-  },
-  props: {
-    content: {
-      type: [String, Number],
-      default: ""
-    }
-  },
-  setup() {
-    const contentRef = ref();
-    const contentInnerRef = ref();
-    const visible = ref(false);
-
-    const show = () => {
-      if (!contentRef.value || !contentInnerRef.value) return;
-      const disabled =
-        contentInnerRef.value.getBoundingClientRect().width <=
-        contentRef.value.getBoundingClientRect().width;
-      if (!disabled) visible.value = true;
-    };
-
-    const hidden = () => {
-      visible.value = false;
-    };
-
-    return {
-      contentRef,
-      contentInnerRef,
-      visible,
-      show,
-      hidden
-    };
-  }
-}));
-</script>
-<style lang="less" scoped>
-.ellipsis-content {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-word;
-  width: 100%;
-  display: inline-block;
-  vertical-align: bottom;
-}
-</style>

package/packages/empty/index.js

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

package/packages/empty/src/Empty.jsx

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

package/packages/fabric-chart/index.js

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

package/packages/fabric-chart/src/FabricChart.vue

@@ -1,153 +0,0 @@
-<template>
-  <div class="c-fabric-chart" :style="{ width: canvasWidth }">
-    <fabric-canvas ref="canvasEle" v-bind="$attrs" :templateData="templateData" v-if="rendercanvas">
-      <fabric-grid></fabric-grid>
-      <fabric-text-group ref="otherGroups" v-if="hasXScalevalue" :templateData="templateData" v-on="$listeners"></fabric-text-group>
-      <fabric-scale-value v-if="hasTable" :templateData="templateData"></fabric-scale-value>
-      <fabric-lines v-if="hasTopTable" ref="lines" :linesObj="templateData.top" v-on="$listeners"></fabric-lines>
-      <fabric-polylines
-        ref="polylines"
-        v-if="hasTable"
-        :polyline="polylines"
-        :other="templateData.left.other || {}"
-        :timeRangeStyle="templateData.timeRangeStyle || {}"
-        @pointOperation="pointOperation"
-        v-on="$listeners"
-      ></fabric-polylines>
-    </fabric-canvas>
-  </div>
-</template>
-
-<script>
-/**
- * @author lujiafu
- * @desc fabricjs制作的图表
- * @time 2021-05-20
- */
-import create from '@/core/create';
-import FabricCanvas from './fabric-chart/FabricCanvas';
-import FabricPolylines from './fabric-chart/FabricPolylines';
-import FabricGrid from './FabricGrid';
-import FabricTextGroup from './fabric-chart/FabricTextGroup';
-import FabricScaleValue from './fabric-chart/FabricScaleValue';
-import FabricLines from './fabric-chart/FabricLines';
-
-export default create({
-  name: 'fabric-chart',
-  props: {
-    templateData: {
-      type: Object,
-      required: true
-    }
-  },
-  components: {
-    FabricCanvas,
-    FabricGrid,
-    FabricTextGroup,
-    FabricPolylines,
-    FabricScaleValue,
-    FabricLines
-  },
-  computed: {
-    fabric() {
-      return this.$refs.canvasEle?.fabric;
-    },
-    canvas() {
-      return this.$refs.canvasEle?.canvas;
-    },
-    polylines() {
-      const list = [];
-      if (this.templateData?.right?.rightYScalevalue?.dataList?.length) {
-        const { position, rightYScalevalue } = this.templateData.right;
-        list.push({ position, ...rightYScalevalue });
-      }
-      if (this.templateData?.left?.leftYScalevalue?.dataList?.length) {
-        const { position, leftYScalevalue } = this.templateData.left;
-        list.push({ position, ...leftYScalevalue });
-      }
-      return list;
-    },
-    hasTopTable() {
-      return typeof this.templateData.top?.show === 'undefined' || this.templateData.top?.show;
-    },
-    hasTable() {
-      const hasLeft = this.templateData.left?.leftYScalevalue?.list?.length > 0;
-      const hasRight = this.templateData.right?.rightYScalevalue?.list?.length > 0;
-      return this.hasXScalevalue && (hasLeft || hasRight);
-    },
-    hasXScalevalue() {
-      return this.templateData.top?.xScalevalue?.list?.length > 0;
-    }
-  },
-  data() {
-    return {
-      rendercanvas: true,
-      canvasWidth: 0
-    };
-  },
-  mounted() {
-    this.canvasWidth = `${this.templateData.canvasWidth}px` || '1000px';
-  },
-  methods: {
-    computedX() {
-      if (!this.$refs.polylines?.computedX) return;
-      return this.$refs.polylines?.computedX(...arguments);
-    },
-    setTimeRange(enabled) {
-      this.$refs.polylines.timeRangeData.enabled = enabled;
-    },
-    pointOperation(type, value) {
-      switch (type) {
-        case 'add':
-          this.$emit('increasePoint', value);
-          break;
-        case 'delete':
-          this.$emit('deletePoint', value);
-          break;
-        case 'increasePointBatch':
-          this.$emit('increasePointBatch', value);
-          break;
-        default:
-          this.$emit('operate', type, value);
-          break;
-      }
-    },
-    repaintPolyline(position, dadaIndex) {
-      if (arguments.length > 1) {
-        this.$refs.polylines?.repaintPolyline(position, dadaIndex);
-      } else {
-        this.$refs.polylines?.repaintPolyline();
-      }
-    },
-    repaintLine() {
-      this.$refs.lines?.repaintLine();
-    },
-    updateExtracorporealCirculation() {
-      this.$refs.otherGroups?.updateExtracorporealCirculation();
-    },
-    toDataURL(option) {
-      return this.$refs.canvasEle.toDataURL(option);
-    },
-    renderCanvas() {
-      this.rendercanvas = false;
-      // 在组件移除后，重新渲染组件
-      // this.$nextTick可实现在DOM 状态更新后，执行传入的方法。
-      this.$nextTick(() => {
-        this.rendercanvas = true;
-      });
-      // this.$refs.canvasEle.renderCanvas();
-    },
-    removeSelectArea() {
-      this.$nextTick(() => {
-        this.$refs.polylines.removeSelectArea();
-      });
-    }
-  }
-});
-</script>
-
-<style lang="less" scoped>
-.c-fabric-chart {
-  position: relative;
-}
-</style>

package/packages/fabric-chart/src/FabricGrid.vue

@@ -1,67 +0,0 @@
-<script>
-import fabricCommon from './mixins/fabricCommon';
-import draw from './mixins/draw';
-export default {
-  name: 'fabric-grid',
-  mixins: [fabricCommon, draw],
-  data() {
-    return {};
-  },
-  methods: {
-    init() {
-      const { originY, endY, gridYNumber, yCellHeight, endYTop, gridYnumberTop, yCellHeightTop, type, originYTop } = this.propItems;
-      // 主表格
-      this.createGrid(originY, endY, gridYNumber, yCellHeight);
-
-      // 上方表格
-      if (!type) {
-        this.createGrid(originYTop, endYTop, gridYnumberTop, yCellHeightTop);
-      }
-    },
-    createGrid(originY, endY, gridYNumber, yCellHeight) {
-      const yList = [];
-      const xList = [];
-      // x轴
-      for (let i = 0; i <= gridYNumber; i++) {
-        const y = originY + parseInt(yCellHeight * (gridYNumber - i));
-        const style = i % this.propItems.table.subYCell === 0 ? this.propItems.table.mainScaleStyle : this.propItems.table.subScaleStyle;
-        yList.push(
-          this.drawLine([this.propItems.originX, y, this.propItems.endX, y], {
-            id: i + '_' + new Date().getTime(),
-            ...style
-          })
-        );
-      }
-      // y轴
-      for (let i = 0; i <= this.propItems.gridXNumber; i++) {
-        const x = this.propItems.originX + parseInt(this.propItems.xCellWidth * i);
-        // const style = i % this.propItems.table.subXCell === 0 ? this.propItems.table.mainScaleStyle : this.propItems.table.subScaleStyle;
-        let style;
-        style = i % this.propItems.table.subXCell === 0 ? this.propItems.table.mainScaleStyle : this.propItems.table.subScaleStyle;
-        if (i % this.propItems.table.subSecondXCell === 0) {
-          style = this.propItems.table.subSecondScaleStyle;
-        }
-        if (i % this.propItems.table.subXCell === 0) {
-          style = this.propItems.table.mainScaleStyle;
-        }
-        xList.push(
-          this.drawLine([x, originY, x, endY], {
-            id: i + '_' + new Date().getTime(),
-            ...style
-          })
-        );
-      }
-      const group = new this.fabric.Group([...xList, ...yList], {
-        evented: false,
-        selectable: false
-      });
-      this.canvas.add(group);
-      this.canvas.sendToBack(group);
-      // this.canvas.renderAll();
-    }
-  },
-  render(h) {
-    return this.$slots.default ? h('div', this.$slots.default) : undefined;
-  }
-};
-</script>