cnhis-design-vue 2.2.3 → 2.2.6

package/packages/radio/src/Group.jsx

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

package/packages/radio/src/Radio.jsx

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

package/packages/radio/src/RadioButton.jsx

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

package/packages/radio/src/RadioImg/index.vue

@@ -1,125 +0,0 @@
-<!--
- * @Author: zhouzhiliang
- * @LastEditors: zhouzhiliang
- * @Date: 2021-07-09 17:47:24
- * @LastEditTime: 2021-07-15 18:10:41
- * @Email: 
- * @FilePath: \cnhis-design-vue\packages\radio\src\RadioImg\index.vue
- * @Description: 
--->
-<template>
-  <div :class="[is_contain_images == 1 ? 'crosswise-radio-container' : '']">
-    <a-radio-group v-bind="$attrs" v-on="$listeners">
-      <span v-for="(v, k) in option" :key="k" class="crosswise-checkbox-wrap">
-        <span v-if="is_contain_images == 1 && v.imageBase64" class="checkbox-img">
-          <img class="show-picture" :src="v.imageBase64" @click.stop.prevent="previewPic(v.imageBase64)" />
-        </span>
-        <a-radio :value="v.value">
-          <span @click.stop.prevent class="radio-text-warp">
-            {{v.text}}
-          </span>
-        </a-radio>
-      </span>
-    </a-radio-group>
-
-    <!-- 图片预览 -->
-    <viewer class="viewer-picture" ref="viewer" :images="previewImages" @inited="inited" style="display: none">
-      <template slot-scope="scope">
-        <img v-for="src in scope.images" :src="src" :key="src" />
-      </template>
-    </viewer>
-  </div>
-</template>
-
-<script>
-  import { component as Viewer } from "v-viewer";
-  import 'viewerjs/dist/viewer.css'
-  import create from '@/core/create';
-  import {
-    Radio
-  } from 'ant-design-vue';
-  import Vue from "vue";
-  export default create({
-    name: "radio-img",
-    data() {
-      return {
-        radioVal: "",
-        previewImages: []
-      };
-    },
-    props: {
-      option: {
-        type: Array,
-        default: () => []
-      },
-      is_contain_images: {
-        type: Number,
-        default: 0
-      }
-    },
-    computed: {},
-    watch: {},
-    beforeCreate() {
-      Vue.use(Radio)
-    },
-    created() {},
-    beforeMount() {},
-    mounted() {},
-    beforeUpdate() {},
-    updated() {},
-    beforeDestroy() {},
-    destroyed() {},
-    activated() {},
-    methods: {
-
-      inited(viewer) {
-        this.$viewer = viewer;
-      },
-
-      previewPic(item) {
-        this.previewImages = [item];
-        this.$viewer.show();
-      }
-    },
-    components: {
-      Viewer,
-    }
-  });
-</script>
-
-<style lang="less" scoped>
-  .crosswise-checkbox-wrap {
-    display: inline-flex;
-    flex-direction: column;
-    padding: 0 10px;
-    align-items: center;
-  }
-
-  .show-picture {
-    height: 62px;
-    width: 62px;
-    background: #ffffff;
-    border-radius: 4px;
-    border: 1px solid #d5d5d5;
-    object-fit: cover;
-    cursor: pointer;
-  }
-
-  .crosswise-radio-container {
-    width: 100%;
-    padding: 16px 16px 16px 32px;
-    border-radius: 4px;
-    border: 1px solid #d5d5d5;
-    display: inline-flex;
-
-    /deep/ .ant-checkbox-group {
-      display: inline-flex;
-      align-items: flex-end;
-    }
-
-    /deep/ .ant-radio-group {
-      display: inline-flex;
-      align-items: flex-end;
-    }
-  }
-</style>

package/packages/rate/index.js

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

package/packages/rate/src/Rate.jsx

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

package/packages/result/index.js

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

package/packages/result/src/Result.jsx

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

package/packages/row/index.js

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

package/packages/row/src/Row.jsx

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

package/packages/scale-container/index.js

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

package/packages/scale-container/src/ScaleContainer.vue

@@ -1,202 +0,0 @@
-<template>
-  <div
-    class="scale-container"
-    ref="containerRef"
-    :style="style"
-  >
-    <slot />
-    <img
-      v-if="open"
-      class="scale-handle"
-      ref="handleRef"
-      src="./scale.png"
-      draggable="false"
-      alt=""
-    />
-  </div>
-</template>
-
-<script>
-import { defineComponent, ref, onMounted, toRefs, computed, reactive, watch, nextTick } from "@vue/composition-api";
-import create from '@/core/create';
-
-const isNil = val => val === undefined || val === null;
-
-export default create(defineComponent({
-  name: "scale-container",
-  props: {
-    // 不开启，则相当于div
-    open: {
-      type: Boolean,
-      default: true,
-    },
-    // 限制为容器mounted后的大小，与 min 互斥
-    limitOriginSize: {
-      type: Boolean,
-      default: false
-    },
-    minW: {
-      type: Number
-    },
-    minH: {
-      type: Number
-    },
-    defaultMaxH: {
-      type: Number
-    }
-  },
-  emits: ["changeHeight", "changeWidth"],
-  setup(props, { emit }) {
-    const { limitOriginSize, minW, minH, defaultMaxH, open } = toRefs(props);
-
-    const containerRef = ref();
-    const handleRef = ref();
-
-    const State = reactive({
-      height: null,
-      width: null
-    });
-    const Height = computed(() => (isNil(State.height) ? "inherit" : `${State.height}px`));
-    const Width = computed(() => (isNil(State.width) ? "100%" : `${State.width}px`));
-    const MaxHeight = computed(() =>
-      isNil(defaultMaxH.value) || !isNil(State.height) ? "none" : `${defaultMaxH.value}px`
-    );
-
-    const style = computed(() => {
-      if (!open.value) return {};
-      return { width: Width.value, height: Height.value, maxHeight: MaxHeight.value };
-    });
-
-    let defH, defW;
-    // attr: width / height
-    const updateSize = (size, attr) => {
-      if (!containerRef.value || (attr !== "width" && attr !== "height")) return false;
-
-      // containerRef.value.style[attr] = size + "px";
-      if (attr === "width") {
-        State.width = size;
-        emit("changeWidth", size);
-      }
-      if (attr === "height") {
-        State.height = size;
-        emit("changeHeight", size);
-      }
-
-      return true;
-    };
-
-    const updateSizeProxy = (size, attr, successCB) => {
-      let isSuccess = false;
-      if (attr === "width") {
-        if (limitOriginSize.value) {
-          if (size > defW) isSuccess = updateSize(size, attr);
-        } else if (!isNil(minW.value)) {
-          if (size > minW.value) isSuccess = updateSize(size, attr);
-        } else {
-          isSuccess = updateSize(size, attr);
-        }
-      }
-      if (attr === "height") {
-        if (limitOriginSize.value) {
-          if (size > defH) isSuccess = updateSize(size, attr);
-        } else if (!isNil(minH.value)) {
-          if (size > minH.value) isSuccess = updateSize(size, attr);
-        } else {
-          isSuccess = updateSize(size, attr);
-        }
-      }
-
-      if (isSuccess && successCB) successCB();
-    };
-
-    const setDefSize = () => {
-      // const { height, width } = containerRef.value.getBoundingClientRect();
-      let width = containerRef.value.offsetWidth;
-      let height = containerRef.value.offsetHeight;
-      defW = width;
-      defH = height;
-    };
-
-    const changePointerEventsForIframe = (disabled = false) => {
-      document.querySelectorAll("iframe")?.forEach((el) => {
-        if (disabled) {
-          el.classList.add("disabled-pointer-events")
-        } else {
-          el.classList.remove("disabled-pointer-events")
-        }
-      });
-    };
-
-    const initEvents = () => {
-      nextTick(() => {
-        handleRef.value?.addEventListener("mousedown", evt => {
-          evt.preventDefault();
-          changePointerEventsForIframe(true);
-          let x = evt.clientX;
-          let y = evt.clientY;
-          const resize = evtM => {
-            const deltaX = evtM.clientX - x;
-            const deltaY = evtM.clientY - y;
-            // 页面缩小有bug
-            // const { height, width } = containerRef.value.getBoundingClientRect();
-            let width = containerRef.value.offsetWidth;
-            let height = containerRef.value.offsetHeight;
-            const W = width + deltaX;
-            const H = height + deltaY;
-            updateSizeProxy(W, "width", () => {
-              x = evtM.clientX;
-            });
-            updateSizeProxy(H, "height", () => {
-              y = evtM.clientY;
-            });
-          };
-          document.addEventListener("mousemove", resize);
-          document.onmouseup = () => {
-            document.removeEventListener("mousemove", resize);
-            changePointerEventsForIframe(false);
-            document.onmouseup = null;
-          };
-        });
-      })
-    }
-
-    onMounted(() => {
-      setDefSize();
-      if (!isNil(minW.value) && defW < minW.value) {
-        State.width = minW.value;
-      }
-      open.value && initEvents();
-    });
-
-    watch(open, (val) => {
-      val && initEvents();
-    });
-
-    return {
-      style,
-      containerRef,
-      handleRef,
-    };
-  }
-}));
-</script>
-<style lang="less" scoped>
-.scale-container {
-  position: relative;
-  .scale-handle {
-    height: 16px;
-    width: 16px;
-    position: absolute;
-    z-index: 999;
-    bottom: 0;
-    right: 0;
-    cursor: se-resize;
-    user-select: none;
-  }
-}
-</style>
-<style lang="less">
-.disabled-pointer-events {
-  pointer-events: none !important;
-}
-</style>

package/packages/scale-view/NoData.vue

@@ -1,81 +0,0 @@
-<template>
-  <div class="no-data-tip NoData-page">
-    <img v-if="showImg" :src="require(`./assets/img/${noDataImg}.png`)" alt="" />
-    <p>{{ $t(noDataTip) }}</p>
-    <span v-if="handleDesc"> {{ handleDesc }}</span>
-  </div>
-</template>
-<script>
-export default {
-  name: 'NoData',
-  components: {},
-  props: {
-    noDataTip: {
-      type: String,
-      default: '1.1.6.11'
-    },
-    noDataImg: {
-      type: String,
-      default: 'nodata'
-    },
-    showImg: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {};
-  },
-
-  computed: {
-    handleDesc() {
-      let res = '';
-      switch (this.noDataImg) {
-        case 'no-permission':
-          res = '请联系管理员';
-          break;
-        case 'failure':
-          res = '请稍后再试';
-          break;
-        default:
-          break;
-      }
-      return res;
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.no-data-tip {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  color: #333333;
-  font-size: 22px;
-  > img {
-    max-width: 70%;
-    width: 260px;
-  }
-  > p {
-    margin-top: 12px;
-    margin-bottom: 0;
-    font-size: 16px;
-    color: rgba(0, 0, 0, 0.8);
-  }
-  > span {
-    font-size: 14px;
-    color: rgba(0, 0, 0, 0.4);
-    margin-top: 6px;
-  }
-}
-</style>

package/packages/scale-view/answerParse.vue

@@ -1,133 +0,0 @@
-<template>
-  <div class="answerParse" :class="{ 'answerParse-success': answerSuccess }">
-    <div class="answer-res-wrap">
-      <div class="answer-res">
-        <svg-icon :iconClass="answerIcon"></svg-icon>
-        {{ answerResText }}
-      </div>
-      <div v-if="answerSuccess"> {{ scoreText }}得分：{{ questionScore }}分 </div>
-    </div>
-    <div class="correct-answer" v-if="correctAnswer">
-      <p>正确答案：</p>
-      <span>{{ correctAnswer }}</span>
-    </div>
-    <div class="answer-key">
-      <p>答案解析：</p>
-      <span>{{ answerKeyText }}</span>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: "answerParse",
-  components: {},
-  props: ["item"],
-  data() {
-    return {};
-  },
-
-  computed: {
-    questionScore() {
-      return this.item?.questionScore;
-    },
-    answerSuccess() {
-      return this.questionScore > 0;
-    },
-    answerIcon() {
-      return this.answerSuccess ? "xitongtubiaodui" : "xitongtubiaocuo";
-    },
-    answerResText() {
-      if ("questionPartScore" in this.item) {
-        return "部分正确";
-      }
-      return this.answerSuccess ? "回答正确" : "回答错误";
-    },
-    scoreText() {
-      if ("questionPartScore" in this.item) {
-        return "部分";
-      }
-      return "本题";
-    },
-    correctAnswer() {
-      let { correctAnswer } = this.item?.scoreConfigs || {};
-      return correctAnswer;
-    },
-    answerKeyText() {
-      let { answerKey } = this.item?.scoreConfigs || {};
-      return answerKey || "无";
-    }
-  },
-  watch: {},
-  // 生命周期
-  created() {},
-  mounted() {},
-
-  // 方法
-  methods: {}
-};
-</script>
-<style lang="less" scoped>
-.answerParse {
-  padding: 16px;
-  color: #2e2e2e;
-  border-radius: 8px;
-  background: rgba(253, 246, 246, 0.6);
-  margin-top: 6px;
-  margin-bottom: 12px;
-  .answer-res-wrap {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 16px;
-    .answer-res {
-      display: inline-flex;
-      align-items: center;
-      padding: 0 18px;
-      line-height: 36px;
-      color: #fff;
-      background: #f06f64;
-      border-radius: 18px;
-      font-weight: 700;
-      svg {
-        margin-right: 8px;
-        font-size: 16px;
-      }
-    }
-    .answer-score {
-      font-size: 14px;
-      font-weight: 600;
-      color: #2e2e2e;
-    }
-  }
-  .correct-answer {
-    line-height: 20px;
-    margin-bottom: 16px;
-    p {
-      font-weight: 700;
-      display: inline-block;
-    }
-    span {
-      word-break: break-all;
-      color: #91c850;
-      font-size: 16px;
-    }
-  }
-  .answer-key {
-    line-height: 20px;
-    p {
-      font-weight: 700;
-      line-height: 20px;
-      margin-bottom: 16px;
-    }
-    span {
-      word-break: break-all;
-    }
-  }
-  &.answerParse-success {
-    background: rgba(234, 251, 228, 0.6);
-    .answer-res {
-      background: #91c850;
-    }
-  }
-}
-</style>