cnhis-design-vue 0.2.64-beta → 0.3.2-beta

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,180 +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';
-
-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: ''
-    };
-  },
-  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
-      );
-      this.editor.create();
-      this.$emit('ready');
-      this.setWatch();
-    },
-    setWatch() {
-      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);
-      console.log(this.axios, '-----------');
-      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) {
-      console.log('change 之后最新的 html', newHtml);
-      let res = newHtml;
-      this.newHtml = newHtml;
-      this.$emit('change', res);
-      this.$emit('input', res);
-    },
-    setContent(content) {
-      this.editor.txt.html(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/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,179 +0,0 @@
-<template>
-  <div class="c-fabric-chart" :style="{'width': canvasWidth}">
-    <component
-      ref="canvasEle"
-      :is="`FabricCanvas${templateData.type || ''}`"
-      :id="id"
-      :templateData="templateData"
-      v-if="rendercanvas"
-    >
-      <template v-if="templateData.type">
-        <fabric-grid></fabric-grid>
-        <fabric-top2 :templateData="templateData"></fabric-top2>
-        <fabric-left2 :templateData="templateData"></fabric-left2>
-        <fabric-right2 :templateData="templateData"></fabric-right2>
-        <fabric-bottom2 :templateData="templateData"></fabric-bottom2>
-        <fabric-center2
-          :other="templateData.other"
-          :polyline="templateData.left.leftYScalevalue"
-          v-on="$listeners"
-          @pointOperation="pointOperation"
-         ></fabric-center2>
-      </template>
-
-      <template v-else>
-        <fabric-text-group
-          v-if="hasXScalevalue"
-          :templateData="templateData"
-          v-on="$listeners"
-        ></fabric-text-group>
-        <fabric-grid></fabric-grid>
-        <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 || {}"
-          @pointOperation="pointOperation"
-          v-on="$listeners"></fabric-polylines>
-      </template>
-      
-    </component>
-  </div>
-</template>
-
-<script>
-/**
- * @author lujiafu
- * @desc fabricjs制作的图表
- * @time 2021-05-20
- */
-import create from '@/core/create';
-import FabricCanvas from './fabric-chart/FabricCanvas';
-import FabricCanvas2 from './fabric-chart2/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';
-import FabricTop2 from './fabric-chart2/FabricTop';
-import FabricLeft2 from './fabric-chart2/FabricLeft';
-import FabricRight2 from './fabric-chart2/FabricRight';
-import FabricBottom2 from './fabric-chart2/FabricBottom';
-import FabricCenter2 from './fabric-chart2/FabricCenter';
-import { isObject } from './mixins/type';
-
-export default create({
-  name: 'fabric-chart',
-  props: {
-    id: {
-      type: String,
-      required: false,
-      default: 'c-fabric-canvas'
-    },
-    templateData: {
-      type: Object,
-      required: true
-    },
-  },
-  components: {
-    FabricCanvas,
-    FabricCanvas2,
-    FabricGrid,
-    FabricTextGroup,
-    FabricPolylines,
-    FabricScaleValue,
-    FabricLines,
-    FabricTop2,
-    FabricLeft2,
-    FabricRight2,
-    FabricBottom2,
-    FabricCenter2
-  },
-  computed: {
-    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 this.templateData.top?.list?.length > 0;
-    },
-    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: {
-    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;
-        case 'set':
-          this.$emit('setPoint', 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();
-    },
-    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,73 +0,0 @@
-<script>
-import fabricCommon from './mixins/fabricCommon';
-import draw from './mixins/draw';
-export default {
-  name: 'fabric-grid',
-  mixins: [fabricCommon, draw],
-  data() {
-    return {
-    };
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.initGrid();
-    });
-  },
-  methods: {
-    initGrid() {
-      // 主表格
-      this.createGrid(this.propItems.originY, this.propItems.endY, this.propItems.gridYNumber, this.propItems.yCellHeight);
-
-      // 上方表格
-      if (!this.propItems.type) {
-        this.createGrid(0, this.propItems.endYTop, this.propItems.gridYnumberTop, this.propItems.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>

package/packages/fabric-chart/src/components/DropPopup.vue

@@ -1,90 +0,0 @@
-<template>
-  <div class="c-drop-popup" :style="dialogStyle">
-    <div class="c-drop-popup-list">
-      <span>{{val.title}}</span>
-      <span v-for="item in val.list" :key="item.id">
-        {{`${item.name}: ${item.value}`}}
-      </span>
-    </div>
-  </div>
-</template>
-
-<script>
-import FabricCommon from '../mixins/fabricCommon';
-
-export default {
-  name: 'CDropPopup',
-  mixins: [FabricCommon],
-  props: {
-    dropPos: {
-      type: Object,
-      required: true
-    },
-    val: {
-      type: Object,
-      required: true
-    }
-  },
-
-  computed: {
-    dialogStyle() {
-      const { canvasWidth, canvasHeight } = this.propItems;
-      const { left, top } = this.dropPos;
-      const marginLeft = this.dropPos.margin?.left || 5;
-      const marginTop = this.dropPos.margin?.top || 0;
-      const style = {
-        top: '',
-        bottom: '',
-        left: '',
-        right: '',
-        'transform-origin': ''
-      };
-      const height = 200;
-      if (canvasWidth - (left + marginLeft) < height) {
-        style.right = canvasWidth - left + marginLeft + 'px';
-        style['transform-origin'] = 'right';
-      } else {
-        style.left = (left + marginLeft) + 'px';
-        style['transform-origin'] = 'left';
-      }
-      if (canvasHeight - (top + marginTop) < height) {
-        style.bottom = canvasHeight - top + marginTop + 'px';
-        style['transform-origin'] += ' bottom';
-      } else {
-        style.top = (top + marginTop) + 'px';
-        style['transform-origin'] += ' top';
-      }
-      return style;
-    }
-  },
-
-  mounted() {
-  },
-};
-</script>
-
-<style lang="less" scoped>
-ul,
-li {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.c-drop-popup {
-  position: absolute;
-  z-index: 1001;
-  background: #fff;
-  box-shadow: 0 2px 12px 0 rgba(56, 56, 56, 0.2);
-  border: 1px solid #e2e6ed;
-  border-radius: 2px;
-  font-size: 12px;
-}
-.c-drop-popup-list {
-  // height: 36px;
-  padding: 8px 12px;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: center;
-}
-
-</style>