labmaker-plugin 0.0.1

package/README.md

@@ -0,0 +1,35 @@
+# lab_maker_plugin
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```

package/dist/labmaker-plugin.js

@@ -0,0 +1,56 @@
+import { openBlock as a, createElementBlock as r, Fragment as p, createElementVNode as o } from "vue";
+const d = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [n, s] of t)
+    l[n] = s;
+  return l;
+}, _ = {
+  props: ["custom-img"],
+  data() {
+    return {
+      imgSRC: this.customImg
+    };
+  },
+  computed: {},
+  methods: {
+    fileUpload(e) {
+      const l = e.target.files[0];
+      this.fileProcess(l);
+    },
+    fileProcess(e) {
+      this.imgSRC = URL.createObjectURL(e);
+    }
+  },
+  mounted() {
+  }
+}, m = /* @__PURE__ */ o("h1", null, "File Uploader", -1), u = { class: "image-uploader" }, f = /* @__PURE__ */ o("h1", null, "File Uploader", -1), g = { class: "your-file" }, h = ["src"];
+function U(e, t, l, n, s, i) {
+  return a(), r(p, null, [
+    m,
+    o("div", u, [
+      f,
+      o("input", {
+        onChange: t[0] || (t[0] = (...c) => i.fileUpload && i.fileUpload(...c)),
+        type: "file",
+        id: "file-upload",
+        name: "fileUpload",
+        accept: "image/*"
+      }, null, 32),
+      o("div", g, [
+        o("img", {
+          src: s.imgSRC,
+          alt: "",
+          scrset: ""
+        }, null, 8, h)
+      ])
+    ])
+  ], 64);
+}
+const v = /* @__PURE__ */ d(_, [["render", U]]), R = {
+  install: (e, t) => {
+    e.component("SpecialUploader", v);
+  }
+};
+export {
+  R as default
+};

package/dist/labmaker-plugin.umd.cjs

@@ -0,0 +1 @@
+(function(e,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(e=typeof globalThis<"u"?globalThis:e||self,e.LabmakerPlugin=l(e.Vue))})(this,function(e){"use strict";const l="",r=(t,o)=>{const n=t.__vccOpts||t;for(const[s,i]of o)n[s]=i;return n},a={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(t){const n=t.target.files[0];this.fileProcess(n)},fileProcess(t){this.imgSRC=URL.createObjectURL(t)}},mounted(){}},d=e.createElementVNode("h1",null,"File Uploader",-1),p={class:"image-uploader"},m=e.createElementVNode("h1",null,"File Uploader",-1),u={class:"your-file"},f=["src"];function _(t,o,n,s,i,c){return e.openBlock(),e.createElementBlock(e.Fragment,null,[d,e.createElementVNode("div",p,[m,e.createElementVNode("input",{onChange:o[0]||(o[0]=(...h)=>c.fileUpload&&c.fileUpload(...h)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),e.createElementVNode("div",u,[e.createElementVNode("img",{src:i.imgSRC,alt:"",scrset:""},null,8,f)])])],64)}const g=r(a,[["render",_]]);return{install:(t,o)=>{t.component("SpecialUploader",g)}}});

package/dist/style.css

@@ -0,0 +1 @@
+.image-uploader{display:flex;flex-direction:column;align-items:center;border:1px solid gray;width:53%;background-color:#cecece;margin:0 auto;height:300px;box-shadow:#0000001a 0 4px 12px}.your-file{display:flex;justify-content:center;align-items:center;margin-top:20px}img{width:80%}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "labmaker-plugin",
+  "version": "0.0.1",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/labmaker-plugin.umd.cjs",
+  "module": "./dist/labmaker-plugin.js",
+  "exports": {
+    ".": {
+      "import": "./dist/labmaker-plugin.js",
+      "require": "./dist/labmaker-plugin.umd.cjs"
+    },
+    "./styles": "./dist/style.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
+  },
+  "dependencies": {
+    "vue": "^3.3.2"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.2.3",
+    "eslint": "^8.39.0",
+    "eslint-plugin-vue": "^9.11.0",
+    "vite": "^4.3.5"
+  }
+}