cnhis-design-vue 3.1.40-beta.12 → 3.1.40-beta.16

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

@@ -1,215 +1 @@
-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 };
+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:NUpload,NUploadDragger:NUploadDragger,NModal:NModal,NIcon:NIcon},props:{form:{type:Object,default:()=>{}},item:{type:Object,default:()=>{}},isLock:{type:Boolean,default:!1},uploadPictureUrl:{type:String,default:""},uploadFileUrl:{type:String,default:""}},emits:["scaleChange"],setup(props,context){var _a,_b;const message=useMessage(),type=props.item.type,limitPic=(null==(_b=null==(_a=props.item)?void 0:_a.setting)?void 0:_b.limitPic)||1,max=isNaN(limitPic)?void 0:+limitPic,state=reactive({defaultFileList:[],fileList:[]}),handleDef=()=>{const e=props.form[props.item.val_key];e&&(e.forEach((e=>{e.status="finished",e.id=e.uid})),state.defaultFileList=e,state.fileList=e)};handleDef();const beforeUpload=e=>{var t;const{file:o}=e,i=(null==(t=o.file)?void 0:t.size)||0,a="image/jpeg"===o.type||"image/png"===o.type;a||message.error("仅支持jpeg/png格式");const l=i/1024/1024<2;return l||message.error("上传图片限制在2MB以内"),a&&l},beforeUploadFile=e=>{var t;const{file:o}=e,i=((null==(t=o.file)?void 0:t.size)||0)/1024/1024<50;return i||message.error("上传图片限制在50MB以内"),i},handleUploadChange=e=>{const{file:t}=e;let o;"uploading"==t.status&&t.file&&(o=state.fileList.find((e=>e.uid===t.id)),o||state.fileList.push({name:t.name,uid:t.id,size:t.file.size}))},handleUploadFinish=options=>{const{event:event,file:file}=options,res=eval("("+event.target.response+")"),matchIndex=state.fileList.findIndex((e=>e.uid===file.id)),matchItem=state.fileList[matchIndex];if("SUCCESS"!==res.result)return file.status="error",matchIndex>-1&&state.fileList.splice(matchIndex,1),void message.error(res.resultMsg||"上传失败！");matchItem&&(matchItem.url=res.map.url),context.emit("scaleChange",state.fileList,props.item)},handleUploadRemove=e=>{const{file:t}=e;if("finished"===t.status){const e=state.fileList.findIndex((e=>e.uid===t.id));e>-1&&state.fileList.splice(e,1),context.emit("scaleChange",state.fileList,props.item)}},handlePreview=e=>{const t=state.fileList;if(!t.length)return;const o=t.findIndex((t=>t.uid===e.id));if(!~o)return;const i=t.map((e=>e.url)).filter(Boolean);i.length&&api({images:i,options:{toolbar:!0,initialViewIndex:o}})},renderPicture=()=>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":!1,"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("点击上传")])]}),renderFile=()=>createVNode(resolveComponent("n-upload"),{multiple:!0,"directory-dnd":!0,disabled:props.isLock,action:props.uploadFileUrl,"default-file-list":state.defaultFileList,"show-retry-button":!1,"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("请点击文件上传,单个文件50M以内。")])]})]}),renderDom=()=>createVNode("div",{class:["c-scale-upload",{"scale-upload-file":"UPFILE"===type}]},["UPFILE"===type&&renderFile(),"UPPICTURE"===type&&renderPicture()]);return()=>renderDom()}});export{RUpload as default};

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

@@ -1,307 +1 @@
-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 };
+import{defineComponent as e,ref as t,reactive as a,computed as l,onBeforeMount as n,onUnmounted as o,onMounted as i,createVNode as u,createTextVNode as r}from"vue";var s=e({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:!1}},emits:[],setup(e){const s=t(null),v=t(),h=t(),g=t(!1),d=a({points:[],startX:0,startY:0,isDrawing:!1,sratio:1}),c=l((()=>e.height/e.width)),p=l((()=>e.bgColor?e.bgColor:"rgba(255, 255, 255, 0)")),f=(e,t,a,l)=>{e.save(),e.fillStyle="white",console.log(e),e.fillRect(0,0,e.canvas.width,e.canvas.height),e.lineWidth=.5,e.strokeStyle=t;for(let t=a;t<e.canvas.width;t+=a)e.beginPath(),e.moveTo(t,0),e.lineTo(t,e.canvas.height),e.closePath(),e.stroke();for(let t=l;t<e.canvas.height;t+=l)e.beginPath(),e.moveTo(0,t),e.lineTo(e.canvas.width,t),e.closePath(),e.stroke();e.restore()},m=t=>{d.startX=t.x,d.startY=t.y,v.value.beginPath(),v.value.moveTo(d.startX,d.startY),v.value.lineTo(t.x,t.y),v.value.lineCap="round",v.value.lineJoin="round",v.value.lineWidth=e.lineWidth*d.sratio,v.value.stroke(),v.value.closePath(),d.points.push(t)},w=t=>{v.value.beginPath(),v.value.moveTo(d.startX,d.startY),v.value.lineTo(t.x,t.y),v.value.strokeStyle=e.lineColor,v.value.lineWidth=e.lineWidth*d.sratio,v.value.lineCap="round",v.value.lineJoin="round",v.value.stroke(),v.value.closePath(),d.startY=t.y,d.startX=t.x,d.points.push(t)},C=e=>{v.value.beginPath(),v.value.moveTo(d.startX,d.startY),v.value.lineCap="round",v.value.lineJoin="round",v.value.stroke(),v.value.closePath(),d.points.push(e),d.points.push({x:-1,y:-1})},y=e=>{e.preventDefault(),d.isDrawing=!0,g.value=!0;const t={x:e.offsetX,y:e.offsetY};m(t)},b=e=>{if(e.preventDefault(),!d.isDrawing)return;const t={x:e.offsetX,y:e.offsetY};w(t)},x=e=>{e.preventDefault();const t={x:e.offsetX,y:e.offsetY};C(t),d.isDrawing=!1},T=e=>{if(e.preventDefault(),g.value=!0,1===e.touches.length){const t={x:e.targetTouches[0].clientX-s.value.getBoundingClientRect().left,y:e.targetTouches[0].clientY-s.value.getBoundingClientRect().top};m(t)}},D=e=>{if(e.preventDefault(),1!==e.touches.length)return;const t={x:e.targetTouches[0].clientX-s.value.getBoundingClientRect().left,y:e.targetTouches[0].clientY-s.value.getBoundingClientRect().top};w(t)},R=e=>{if(e.preventDefault(),1!==e.touches.length)return;const t={x:e.targetTouches[0].clientX-s.value.getBoundingClientRect().left,y:e.targetTouches[0].clientY-s.value.getBoundingClientRect().top};C(t)},P=e=>{const t=e.length,a=t-t/8*2;return Math.floor(a)},X=()=>{const e=1e10*Math.random()+"";return parseInt(e).toString(36)},Y=()=>{s.value.style.width=e.width+"px";const t=parseFloat(window.getComputedStyle(s.value).width);s.value.style.height=c.value*t+"px",v.value=s.value.getContext("2d"),v.value.globalAlpha=1};n((()=>{window.addEventListener("resize",Y)})),o((()=>{window.removeEventListener("resize",Y)})),i((()=>{s.value.height=e.height,s.value.width=e.width,Y(),f(v.value,"rgb(240, 240, 240)",16,16),document.onmouseup=()=>{d.isDrawing=!1}}));return{renderContent:()=>u("div",{class:"sign-com-wrap"},[u("span",null,[r("提示：请在以下区域内签名，PC电脑设备使用鼠标签字。")]),u("canvas",{class:"sign-canvas",ref:s,onMousedown:y,onMousemove:b,onMouseup:x,onTouchstart:T,onTouchmove:D,onTouchend:R},null)]),generate:()=>new Promise(((t,a)=>{if(!g.value)return void a("Warning: Not Signned!");const l=v.value.getImageData(0,0,s.value.width,s.value.height);v.value.globalCompositeOperation="destination-over",v.value.fillStyle=p.value,v.value.fillRect(0,0,s.value.width,s.value.height);let n=s.value.toDataURL();if(v.value.clearRect(0,0,s.value.width,s.value.height),v.value.putImageData(l,0,0),v.value.globalCompositeOperation="source-over",e.isCrop){const e=(e=>{let t=s.value.width,a=0,l=s.value.height,n=0;for(let o=0;o<s.value.width;o++)for(let i=0;i<s.value.height;i++){const u=4*(o+s.value.width*i);(e[u]>0||e[u+1]>0||e[u+2]||e[u+3]>0)&&(n=Math.max(i,n),a=Math.max(o,a),l=Math.min(i,l),t=Math.min(o,t))}return t++,a++,l++,n++,[t,l,a,n]})(l.data);let t=document.createElement("canvas");const a=t.getContext("2d");t.width=e[2]-e[0],t.height=e[3]-e[1];const o=v.value.getImageData(...e);for(let e=0;e<o.data.length;e+=4)o.data[e]>200&&(o.data[e]=255,o.data[e+1]=255,o.data[e+2]=255,o.data[e+3]=255);a.globalCompositeOperation="destination-over",a.putImageData(o,0,0),a.fillStyle=p.value,a.fillRect(0,0,t.width,t.height),n=t.toDataURL(),t=null}t({name:X(),url:n,size:P(n)})})),reset:()=>{v.value.clearRect(0,0,s.value.width,s.value.height),f(v.value,"rgb(240, 240, 240)",16,16),d.points=[],g.value=!1,h.value=""}}},render(){return this.renderContent()}});export{s as default};

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

@@ -1,129 +1 @@
-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 };
+import{defineComponent as t,computed as e,reactive as i,ref as a,createVNode as l,resolveComponent as o}from"vue";import{NModal as n,NButton as d,NTooltip as u}from"naive-ui";var s=t({name:"StandardModal",components:{NModal:n,NButton:d,NTooltip:u},props:{title:{type:[Function,String],default:""},changeSize:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},modalWidth:{type:String,default:""},modalHeight:{type:String,default:""},handleOk:{type:Function,default:()=>{}},cancel:{type:Function,default:()=>{}},visible:{type:Boolean,default:!1}},emits:["update:visible","onClose"],setup(t,n){const d=e((()=>t.modalWidth||"50vw")),u=e((()=>t.modalHeight||"50vh")),s=i({modalWidth:d.value,modalHeight:u.value,maxHeight:"620px",isChangeWindow:!1}),c=a(!1),h=()=>{t.handleOk()},g=()=>{t.cancel(),n.emit("update:visible",!1)},v=()=>{const e=null==t?void 0:t.title,i=typeof e;return l("div",{class:"n-dialog__title-content"},["string"===i?l("div",null,[e]):null,"function"===i?l("div",null,[e()]):null,l("div",{class:"svg-wrap"},[t.changeSize?l(o("svg-icon"),{onClick:()=>(document.body.clientHeight,void Object.assign(s,{isChangeWindow:!s.isChangeWindow,modalWidth:s.modalWidth===d.value?"100vw":d.value,modalHeight:s.modalHeight===u.value?"100vh":u.value})),"icon-class":c.value?"xitongtubiaodaohangtubiaozuixiaohua":"xitongtubiaodaohangtubiaozuidahua"},null):null,t.closable?l(o("svg-icon"),{"icon-class":"xitongtubiaodaohangtubiaoguanbi",onClick:()=>g()},null):null])])};return()=>(()=>{const e={...n.slots};return e.header||(e.header=v),l(o("n-modal"),{class:"c-scale-modal-container",show:t.visible,"mask-closable":!1,"show-icon":!1,closable:!1,style:{width:s.modalWidth,height:s.modalHeight},preset:"dialog","positive-text":"确认","negative-text":"取消","on-positive-click":h,"on-negative-click":g,positiveButtonProps:{type:"primary"}},{...e})})()}});export{s as default};