cnhis-design-vue 3.1.40-release.5 → 3.1.40

package/es/components/scale-view/src/components/formitem/r-upload.js

@@ -1,215 +0,0 @@
-import { defineComponent, reactive, createVNode, resolveComponent, createTextVNode } from 'vue';
-import { NUpload, NUploadDragger, NModal, NIcon, useMessage } from 'naive-ui';
-import { api } from 'v-viewer';
-import { CameraOutline, Add } from '@vicons/ionicons5';
-
-var RUpload = defineComponent({
-  name: "RUpload",
-  components: {
-    NUpload,
-    NUploadDragger,
-    NModal,
-    NIcon
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => {
-      }
-    },
-    item: {
-      type: Object,
-      default: () => {
-      }
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    },
-    uploadPictureUrl: {
-      type: String,
-      default: ""
-    },
-    uploadFileUrl: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["scaleChange"],
-  setup(props, context) {
-    var _a, _b;
-    const message = useMessage();
-    const type = props.item.type;
-    const limitPic = ((_b = (_a = props.item) == null ? void 0 : _a.setting) == null ? void 0 : _b.limitPic) || 1;
-    const max = isNaN(limitPic) ? void 0 : +limitPic;
-    const state = reactive({
-      defaultFileList: [],
-      fileList: []
-    });
-    const handleDef = () => {
-      const value = props.form[props.item.val_key];
-      if (!value)
-        return;
-      value.forEach((v) => {
-        v.status = "finished";
-        v.id = v.uid;
-      });
-      state.defaultFileList = value;
-      state.fileList = value;
-    };
-    handleDef();
-    const beforeUpload = (info) => {
-      var _a2;
-      const {
-        file: file2
-      } = info;
-      const size = ((_a2 = file2.file) == null ? void 0 : _a2.size) || 0;
-      const isJpgOrPng = file2.type === "image/jpeg" || file2.type === "image/png";
-      if (!isJpgOrPng) {
-        message.error("\u4EC5\u652F\u6301jpeg/png\u683C\u5F0F");
-      }
-      const isLt2M = size / 1024 / 1024 < 2;
-      if (!isLt2M) {
-        message.error("\u4E0A\u4F20\u56FE\u7247\u9650\u5236\u57282MB\u4EE5\u5185");
-      }
-      return isJpgOrPng && isLt2M;
-    };
-    const beforeUploadFile = (info) => {
-      var _a2;
-      const {
-        file: file2
-      } = info;
-      const size = ((_a2 = file2.file) == null ? void 0 : _a2.size) || 0;
-      const isLt2M = size / 1024 / 1024 < 50;
-      if (!isLt2M) {
-        message.error("\u4E0A\u4F20\u56FE\u7247\u9650\u5236\u572850MB\u4EE5\u5185");
-      }
-      return isLt2M;
-    };
-    const handleUploadChange = (info) => {
-      const {
-        file: file2
-      } = info;
-      let matchItem2;
-      if (file2.status == "uploading" && file2.file) {
-        matchItem2 = state.fileList.find((v) => v.uid === file2.id);
-        if (!matchItem2) {
-          state.fileList.push({
-            name: file2.name,
-            uid: file2.id,
-            size: file2.file.size
-          });
-        }
-      }
-    };
-    const handleUploadFinish = (options) => {
-      const {
-        event,
-        file
-      } = options;
-      const res = eval("(" + event.target.response + ")");
-      const matchIndex = state.fileList.findIndex((v) => v.uid === file.id);
-      const matchItem = state.fileList[matchIndex];
-      if (res.result !== "SUCCESS") {
-        file.status = "error";
-        matchIndex > -1 && state.fileList.splice(matchIndex, 1);
-        message.error(res.resultMsg || "\u4E0A\u4F20\u5931\u8D25\uFF01");
-        return;
-      }
-      if (matchItem) {
-        matchItem.url = res.map.url;
-      }
-      context.emit("scaleChange", state.fileList, props.item);
-    };
-    const handleUploadRemove = (options2) => {
-      const {
-        file: file2
-      } = options2;
-      if (file2.status === "finished") {
-        const curIndex = state.fileList.findIndex((v) => v.uid === file2.id);
-        curIndex > -1 && state.fileList.splice(curIndex, 1);
-        context.emit("scaleChange", state.fileList, props.item);
-      }
-    };
-    const handlePreview = (file2) => {
-      const fileList = state.fileList;
-      if (!fileList.length)
-        return;
-      const matchIndex2 = fileList.findIndex((v) => v.uid === file2.id);
-      if (!~matchIndex2)
-        return;
-      const imgs = fileList.map((v) => v.url).filter(Boolean);
-      if (!imgs.length)
-        return;
-      api({
-        images: imgs,
-        options: {
-          toolbar: true,
-          initialViewIndex: matchIndex2
-        }
-      });
-    };
-    const renderPicture = () => {
-      return createVNode(resolveComponent("n-upload"), {
-        "action": props.uploadPictureUrl,
-        "default-file-list": state.defaultFileList,
-        "accept": "image/*",
-        "list-type": "image-card",
-        "max": max,
-        "disabled": props.isLock,
-        "show-retry-button": false,
-        "on-before-upload": beforeUpload,
-        "on-change": handleUploadChange,
-        "on-finish": handleUploadFinish,
-        "on-remove": handleUploadRemove,
-        "on-preview": handlePreview,
-        "show-trigger": !props.isLock
-      }, {
-        default: () => [!props.isLock && createVNode("div", {
-          "class": "upload-img-wrap"
-        }, [createVNode(NIcon, {
-          "class": "prompt-icon",
-          "size": "28",
-          "component": CameraOutline
-        }, null), createTextVNode("\u70B9\u51FB\u4E0A\u4F20")])]
-      });
-    };
-    const renderFile = () => {
-      return createVNode(resolveComponent("n-upload"), {
-        "multiple": true,
-        "directory-dnd": true,
-        "disabled": props.isLock,
-        "action": props.uploadFileUrl,
-        "default-file-list": state.defaultFileList,
-        "show-retry-button": false,
-        "on-before-upload": beforeUploadFile,
-        "on-change": handleUploadChange,
-        "on-finish": handleUploadFinish,
-        "on-remove": handleUploadRemove,
-        "show-trigger": !props.isLock
-      }, {
-        default: () => [!props.isLock && createVNode(resolveComponent("n-upload-dragger"), null, {
-          default: () => [createVNode("div", {
-            "class": "dragger-upload-text"
-          }, [createVNode(NIcon, {
-            "class": "prompt-icon",
-            "size": "28",
-            "component": Add
-          }, null), createTextVNode("\u8BF7\u70B9\u51FB\u6587\u4EF6\u4E0A\u4F20,\u5355\u4E2A\u6587\u4EF650M\u4EE5\u5185\u3002")])]
-        })]
-      });
-    };
-    const renderDom = () => {
-      return createVNode("div", {
-        "class": ["c-scale-upload", {
-          "scale-upload-file": type === "UPFILE"
-        }]
-      }, [type === "UPFILE" && renderFile(), type === "UPPICTURE" && renderPicture()]);
-    };
-    return () => {
-      return renderDom();
-    };
-  }
-});
-
-export { RUpload as default };

package/es/components/scale-view/src/components/formitem/sign-com.js

@@ -1,307 +0,0 @@
-import { defineComponent, ref, reactive, computed, onBeforeMount, onUnmounted, onMounted, createVNode, createTextVNode } from 'vue';
-
-var SignCom = defineComponent({
-  name: "SignCom",
-  props: {
-    width: {
-      type: Number,
-      default: 620
-    },
-    height: {
-      type: Number,
-      default: 300
-    },
-    lineWidth: {
-      type: Number,
-      default: 4
-    },
-    lineColor: {
-      type: String,
-      default: "#000000"
-    },
-    bgColor: {
-      type: String,
-      default: ""
-    },
-    isCrop: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [],
-  setup(props) {
-    const canvasRef = ref(null);
-    const canvasTxt = ref();
-    const resultImg = ref();
-    const hasDrew = ref(false);
-    const drawObj = reactive({
-      points: [],
-      startX: 0,
-      startY: 0,
-      isDrawing: false,
-      sratio: 1
-    });
-    const ratio = computed(() => {
-      return props.height / props.width;
-    });
-    const myBg = computed(() => {
-      return props.bgColor ? props.bgColor : "rgba(255, 255, 255, 0)";
-    });
-    const drawGrid = (context, color, stepx, stepy) => {
-      context.save();
-      context.fillStyle = "white";
-      console.log(context);
-      context.fillRect(0, 0, context.canvas.width, context.canvas.height);
-      context.lineWidth = 0.5;
-      context.strokeStyle = color;
-      for (let i = stepx; i < context.canvas.width; i += stepx) {
-        context.beginPath();
-        context.moveTo(i, 0);
-        context.lineTo(i, context.canvas.height);
-        context.closePath();
-        context.stroke();
-      }
-      for (let j = stepy; j < context.canvas.height; j += stepy) {
-        context.beginPath();
-        context.moveTo(0, j);
-        context.lineTo(context.canvas.width, j);
-        context.closePath();
-        context.stroke();
-      }
-      context.restore();
-    };
-    const drawStart = (obj) => {
-      drawObj.startX = obj.x;
-      drawObj.startY = obj.y;
-      canvasTxt.value.beginPath();
-      canvasTxt.value.moveTo(drawObj.startX, drawObj.startY);
-      canvasTxt.value.lineTo(obj.x, obj.y);
-      canvasTxt.value.lineCap = "round";
-      canvasTxt.value.lineJoin = "round";
-      canvasTxt.value.lineWidth = props.lineWidth * drawObj.sratio;
-      canvasTxt.value.stroke();
-      canvasTxt.value.closePath();
-      drawObj.points.push(obj);
-    };
-    const drawMove = (obj) => {
-      canvasTxt.value.beginPath();
-      canvasTxt.value.moveTo(drawObj.startX, drawObj.startY);
-      canvasTxt.value.lineTo(obj.x, obj.y);
-      canvasTxt.value.strokeStyle = props.lineColor;
-      canvasTxt.value.lineWidth = props.lineWidth * drawObj.sratio;
-      canvasTxt.value.lineCap = "round";
-      canvasTxt.value.lineJoin = "round";
-      canvasTxt.value.stroke();
-      canvasTxt.value.closePath();
-      drawObj.startY = obj.y;
-      drawObj.startX = obj.x;
-      drawObj.points.push(obj);
-    };
-    const drawEnd = (obj) => {
-      canvasTxt.value.beginPath();
-      canvasTxt.value.moveTo(drawObj.startX, drawObj.startY);
-      canvasTxt.value.lineCap = "round";
-      canvasTxt.value.lineJoin = "round";
-      canvasTxt.value.stroke();
-      canvasTxt.value.closePath();
-      drawObj.points.push(obj);
-      drawObj.points.push({
-        x: -1,
-        y: -1
-      });
-    };
-    const mouseDown = (e) => {
-      e.preventDefault();
-      drawObj.isDrawing = true;
-      hasDrew.value = true;
-      const obj = {
-        x: e.offsetX,
-        y: e.offsetY
-      };
-      drawStart(obj);
-    };
-    const mouseMove = (e) => {
-      e.preventDefault();
-      if (!drawObj.isDrawing)
-        return;
-      const obj = {
-        x: e.offsetX,
-        y: e.offsetY
-      };
-      drawMove(obj);
-    };
-    const mouseUp = (e) => {
-      e.preventDefault();
-      const obj = {
-        x: e.offsetX,
-        y: e.offsetY
-      };
-      drawEnd(obj);
-      drawObj.isDrawing = false;
-    };
-    const touchStart = (e) => {
-      e.preventDefault();
-      hasDrew.value = true;
-      if (e.touches.length === 1) {
-        const obj = {
-          x: e.targetTouches[0].clientX - canvasRef.value.getBoundingClientRect().left,
-          y: e.targetTouches[0].clientY - canvasRef.value.getBoundingClientRect().top
-        };
-        drawStart(obj);
-      }
-    };
-    const touchMove = (e) => {
-      e.preventDefault();
-      if (e.touches.length !== 1)
-        return;
-      const obj = {
-        x: e.targetTouches[0].clientX - canvasRef.value.getBoundingClientRect().left,
-        y: e.targetTouches[0].clientY - canvasRef.value.getBoundingClientRect().top
-      };
-      drawMove(obj);
-    };
-    const touchEnd = (e) => {
-      e.preventDefault();
-      if (e.touches.length !== 1)
-        return;
-      const obj = {
-        x: e.targetTouches[0].clientX - canvasRef.value.getBoundingClientRect().left,
-        y: e.targetTouches[0].clientY - canvasRef.value.getBoundingClientRect().top
-      };
-      drawEnd(obj);
-    };
-    const getCropArea = (imgData) => {
-      let topX = canvasRef.value.width;
-      let btmX = 0;
-      let topY = canvasRef.value.height;
-      let btnY = 0;
-      for (let i = 0; i < canvasRef.value.width; i++) {
-        for (let j = 0; j < canvasRef.value.height; j++) {
-          const pos = (i + canvasRef.value.width * j) * 4;
-          if (imgData[pos] > 0 || imgData[pos + 1] > 0 || imgData[pos + 2] || imgData[pos + 3] > 0) {
-            btnY = Math.max(j, btnY);
-            btmX = Math.max(i, btmX);
-            topY = Math.min(j, topY);
-            topX = Math.min(i, topX);
-          }
-        }
-      }
-      topX++;
-      btmX++;
-      topY++;
-      btnY++;
-      const data = [topX, topY, btmX, btnY];
-      return data;
-    };
-    const getImgSize = (url) => {
-      const strLength = url.length;
-      const strNum = strLength - strLength / 8 * 2;
-      return Math.floor(strNum);
-    };
-    const randomId = () => {
-      const str = Math.random() * 1e10 + "";
-      return parseInt(str).toString(36);
-    };
-    const generate = () => {
-      const pm = new Promise((resolve, reject) => {
-        if (!hasDrew.value) {
-          reject("Warning: Not Signned!");
-          return;
-        }
-        const resImgData = canvasTxt.value.getImageData(0, 0, canvasRef.value.width, canvasRef.value.height);
-        canvasTxt.value.globalCompositeOperation = "destination-over";
-        canvasTxt.value.fillStyle = myBg.value;
-        canvasTxt.value.fillRect(0, 0, canvasRef.value.width, canvasRef.value.height);
-        let resultImg2 = canvasRef.value.toDataURL();
-        canvasTxt.value.clearRect(0, 0, canvasRef.value.width, canvasRef.value.height);
-        canvasTxt.value.putImageData(resImgData, 0, 0);
-        canvasTxt.value.globalCompositeOperation = "source-over";
-        if (props.isCrop) {
-          const crop_area = getCropArea(resImgData.data);
-          let crop_canvas = document.createElement("canvas");
-          const crop_ctx = crop_canvas.getContext("2d");
-          crop_canvas.width = crop_area[2] - crop_area[0];
-          crop_canvas.height = crop_area[3] - crop_area[1];
-          const crop_imgData = canvasTxt.value.getImageData(...crop_area);
-          for (let i = 0; i < crop_imgData.data.length; i += 4) {
-            if (crop_imgData.data[i] > 200) {
-              crop_imgData.data[i] = 255;
-              crop_imgData.data[i + 1] = 255;
-              crop_imgData.data[i + 2] = 255;
-              crop_imgData.data[i + 3] = 255;
-            }
-          }
-          crop_ctx.globalCompositeOperation = "destination-over";
-          crop_ctx.putImageData(crop_imgData, 0, 0);
-          crop_ctx.fillStyle = myBg.value;
-          crop_ctx.fillRect(0, 0, crop_canvas.width, crop_canvas.height);
-          resultImg2 = crop_canvas.toDataURL();
-          crop_canvas = null;
-        }
-        const obj = {
-          name: randomId(),
-          url: resultImg2,
-          size: getImgSize(resultImg2)
-        };
-        resolve(obj);
-      });
-      return pm;
-    };
-    const reset = () => {
-      canvasTxt.value.clearRect(0, 0, canvasRef.value.width, canvasRef.value.height);
-      drawGrid(canvasTxt.value, "rgb(240, 240, 240)", 16, 16);
-      drawObj.points = [];
-      hasDrew.value = false;
-      resultImg.value = "";
-    };
-    const resizeHandler = () => {
-      canvasRef.value.style.width = props.width + "px";
-      const realw = parseFloat(window.getComputedStyle(canvasRef.value).width);
-      canvasRef.value.style.height = ratio.value * realw + "px";
-      canvasTxt.value = canvasRef.value.getContext("2d");
-      canvasTxt.value.globalAlpha = 1;
-    };
-    onBeforeMount(() => {
-      window.addEventListener("resize", resizeHandler);
-    });
-    onUnmounted(() => {
-      window.removeEventListener("resize", resizeHandler);
-    });
-    onMounted(() => {
-      canvasRef.value.height = props.height;
-      canvasRef.value.width = props.width;
-      resizeHandler();
-      drawGrid(canvasTxt.value, "rgb(240, 240, 240)", 16, 16);
-      document.onmouseup = () => {
-        drawObj.isDrawing = false;
-      };
-    });
-    const renderCanvas = () => {
-      return createVNode("canvas", {
-        "class": "sign-canvas",
-        "ref": canvasRef,
-        "onMousedown": mouseDown,
-        "onMousemove": mouseMove,
-        "onMouseup": mouseUp,
-        "onTouchstart": touchStart,
-        "onTouchmove": touchMove,
-        "onTouchend": touchEnd
-      }, null);
-    };
-    const renderContent = () => {
-      return createVNode("div", {
-        "class": "sign-com-wrap"
-      }, [createVNode("span", null, [createTextVNode("\u63D0\u793A\uFF1A\u8BF7\u5728\u4EE5\u4E0B\u533A\u57DF\u5185\u7B7E\u540D\uFF0CPC\u7535\u8111\u8BBE\u5907\u4F7F\u7528\u9F20\u6807\u7B7E\u5B57\u3002")]), renderCanvas()]);
-    };
-    return {
-      renderContent,
-      generate,
-      reset
-    };
-  },
-  render() {
-    return this.renderContent();
-  }
-});
-
-export { SignCom as default };

package/es/components/scale-view/src/components/formitem/standard-modal.js

@@ -1,129 +0,0 @@
-import { defineComponent, computed, reactive, ref, createVNode, resolveComponent } from 'vue';
-import { NModal, NButton, NTooltip } from 'naive-ui';
-
-const DEFAULT_WIDTH = "50vw";
-const DEFAULT_HEIGHT = "50vh";
-var StandardModal = defineComponent({
-  name: "StandardModal",
-  components: {
-    NModal,
-    NButton,
-    NTooltip
-  },
-  props: {
-    title: {
-      type: [Function, String],
-      default: ""
-    },
-    changeSize: {
-      type: Boolean,
-      default: false
-    },
-    closable: {
-      type: Boolean,
-      default: true
-    },
-    modalWidth: {
-      type: String,
-      default: ""
-    },
-    modalHeight: {
-      type: String,
-      default: ""
-    },
-    handleOk: {
-      type: Function,
-      default: () => {
-      }
-    },
-    cancel: {
-      type: Function,
-      default: () => {
-      }
-    },
-    visible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:visible", "onClose"],
-  setup(props, context) {
-    const showWidth = computed(() => {
-      return props.modalWidth || DEFAULT_WIDTH;
-    });
-    const showHeight = computed(() => {
-      return props.modalHeight || DEFAULT_HEIGHT;
-    });
-    const modalConfig = reactive({
-      modalWidth: showWidth.value,
-      modalHeight: showHeight.value,
-      maxHeight: "620px",
-      isChangeWindow: false
-    });
-    const isChangeWindow = ref(false);
-    const changeModalWindow = () => {
-      document.body.clientHeight;
-      Object.assign(modalConfig, {
-        isChangeWindow: !modalConfig.isChangeWindow,
-        modalWidth: modalConfig.modalWidth === showWidth.value ? "100vw" : showWidth.value,
-        modalHeight: modalConfig.modalHeight === showHeight.value ? "100vh" : showHeight.value
-      });
-    };
-    const handleOk = () => {
-      props.handleOk();
-    };
-    const cancel = () => {
-      props.cancel();
-      context.emit("update:visible", false);
-    };
-    const renderHeader = () => {
-      const title = props == null ? void 0 : props.title;
-      const type = typeof title;
-      return createVNode("div", {
-        "class": "n-dialog__title-content"
-      }, [type === "string" ? createVNode("div", null, [title]) : null, type === "function" ? createVNode("div", null, [title()]) : null, createVNode("div", {
-        "class": "svg-wrap"
-      }, [props.changeSize ? createVNode(resolveComponent("svg-icon"), {
-        "onClick": () => changeModalWindow(),
-        "icon-class": isChangeWindow.value ? "xitongtubiaodaohangtubiaozuixiaohua" : "xitongtubiaodaohangtubiaozuidahua"
-      }, null) : null, props.closable ? createVNode(resolveComponent("svg-icon"), {
-        "icon-class": "xitongtubiaodaohangtubiaoguanbi",
-        "onClick": () => cancel()
-      }, null) : null])]);
-    };
-    const rednerModal = () => {
-      const curSlot = {
-        ...context.slots
-      };
-      if (!curSlot.header) {
-        curSlot.header = renderHeader;
-      }
-      return createVNode(resolveComponent("n-modal"), {
-        "class": "c-scale-modal-container",
-        "show": props.visible,
-        "mask-closable": false,
-        "show-icon": false,
-        "closable": false,
-        "style": {
-          width: modalConfig.modalWidth,
-          height: modalConfig.modalHeight
-        },
-        "preset": "dialog",
-        "positive-text": "\u786E\u8BA4",
-        "negative-text": "\u53D6\u6D88",
-        "on-positive-click": handleOk,
-        "on-negative-click": cancel,
-        "positiveButtonProps": {
-          type: "primary"
-        }
-      }, {
-        ...curSlot
-      });
-    };
-    return () => {
-      return rednerModal();
-    };
-  }
-});
-
-export { StandardModal as default };